@media (max-width: 1600px) {
    html {
        /* font-size: unset; */
    }

    .content {
        width: 100%;

        .content__wrapp {
            .content__left {
                width: 100%;

                #filter {

                    width: 100%;

                    .content__left_list {
                        width: 100%;

                        .content__left_item {
                            width: 100%;

                            .content__left_item-top {}
                        }
                    }
                }
            }

            .content__right {
                max-width: 100%;
                width: 100%;

                .content__right_item {
                    width: 100%;

                    .content__right_head {
                        .content__right_head-right {
                            .content__right_head_link {}
                        }
                    }
                }
            }
        }
    }

    .descr {
        .descr__wrapp {
            display: flex;
            justify-content: center;
            align-items: flex-start;

            .descr__subtitle {}
        }
    }
}

@media (max-width: 1200px) {
    .content {

        .content__wrapp {

            .content__left {
                width: 100%;

                #filter {

                    gap: 15px;
                    position: static;

                    .content__left_list {

                        .content__left_item {

                            .content__left_item-top {
                                font-size: 20px;
                            }
                        }
                    }

                    .away {
                        width: max-content;
                        font-weight: 400;
                        font-size: 18px;
                        line-height: 128%;
                        letter-spacing: -0.03em;
                        color: #fff;
                        padding: 2px 13px !important;

                        span {
                            font-weight: inherit;
                            font-size: inherit;
                            line-height: inherit;
                            letter-spacing: inherit;
                            color: inherit;
                            font-family: var(--font-family);
                        }

                        i {
                            font-size: inherit !important;
                            width: auto !important;
                            height: auto !important;
                        }

                    }
                }

                & .filters {
                    & span {
                        font-size: 18px !important;
                        width: auto;
                        height: auto;
                        border-radius: calc(93rem / 16);
                        padding: 2px 13px;
                    }
                }

                .content__right {

                    .content__right_item {

                        .content__right_head {
                            .content__right_head-left {
                                .content__right_head_link {
                                    .content__right-white {
                                        font-size: 20px;
                                    }
                                }
                            }
                        }

                        .content__right_title {
                            font-size: 30px;
                        }
                    }
                }
            }
        }

        .transition {
            display: none;
        }
    }

    @media (max-width: 1080px) {
        .content {
            .content__wrapp {
                display: flex;
                flex-direction: column;

                .content__left {
                    max-width: 50%;
                }
            }
        }
    }

    @media (max-width: 1000px) {
        .content {

            .content__wrapp {
                align-items: flex-start;

                .content__left {
                    max-width: 100%;
                    width: 50%;

                    #filter {

                        .content__left_list {

                            .content__left_item {

                                .content__left_item-top {}
                            }
                        }
                    }
                }

                .content__right {

                    .content__right_item {

                        .content__right_head {
                            .content__right_head-left {
                                .content__right_head_link {
                                    .content__right-white {
                                        font-size: 15px !important;
                                    }
                                }


                            }

                            .content__right_title {
                                font-size: 35px;
                            }
                        }
                    }
                }
            }

            .descr {
                .descr__wrapp {
                    align-items: flex-start;

                    .descr__subtitle {}
                }
            }

            .form {
                .form__wrapp {
                    .form__form {
                        div {
                            input {
                                width: 100%;
                            }
                        }
                    }
                }
            }
        }

        @media (max-width: 800px) {

            .breadcrumbs__crumb {
                font-size: 14px;
                margin-top: 5px;
            }

            html {
                font-size: 1rem;
            }

            .wrapper {
                padding: 0 20px;
            }

            .content {

                .content__wrapp {
                    align-items: flex-start;

                    .content__left {
                        width: 100%;

                        #filter {

                            .content__left_list {

                                .content__left_item {
                                    .content__left_item-buttom {
                                        .content__left-checkbox {
                                            label {
                                                font-size: 18px;
                                            }
                                        }
                                    }

                                    .content__left_item-top {
                                        width: 100%;
                                        font-size: 18px;
                                    }
                                }
                            }
                        }
                    }

                    .content__right {
                        .content__right_item {
                            padding: 20px;

                            .content__right_text {
                                font-size: 18px;
                            }

                            .content__right_head {
                                display: flex;
                                flex-direction: column;
                                align-items: flex-start;
                                gap: 15px;

                                .content__right_head-left {
                                    display: flex;
                                    gap: 40px;
                                    justify-content: center;
                                    align-items: center;

                                    .content__right_head_link {
                                        display: flex;
                                        flex-direction: column;
                                        gap: 15px;
                                    }

                                }
                            }

                            .content__right_title {
                                font-size: 22px;
                            }

                            .content__right_subtitle {
                                font-size: 14px;
                            }

                            .content__arrow {
                                /* .content__arrow_click_desktop {
                                    display: none;
                                } */

                                .content__arrow_click_mobile {
                                    display: none;
                                }

                                .more {
                                    display: none;
                                }

                                .less {
                                    display: none;
                                }
                            }

                            .more__details {
                                & .more__details_item {
                                    .more__details_item-title {
                                        font-size: 18px;
                                    }

                                    .more__details_item-subtitle {
                                        font-size: 14px;
                                    }
                                }
                            }
                        }
                    }
                }
            }

            .descr {
                .descr__wrapp {
                    align-items: flex-start;

                    .descr__title {
                        font-size: 32px;
                    }

                    .descr__subtitle {
                        font-size: 18px;
                    }
                }
            }

            .form {
                .form__wrapp {
                    .form__title {
                        font-size: 32px;
                    }

                    .form__form {
                        .checkbox {
                            input {
                                width: calc(23rem / 16);
                                height: calc(23rem / 16);
                            }

                            label {
                                a {
                                    font-size: 18px;
                                }
                            }
                        }

                        div {
                            input {
                                width: 100%;
                            }

                            label {
                                font-size: 18px;
                            }
                        }

                        .btn {
                            font-size: 22px;
                            width: calc(160rem / 16);
                            height: calc(35rem / 16);
                        }
                    }
                }
            }
        }

        @media (max-width: 600px) {

            .content__left_item-top {
                height: auto !important;
            }

            .content {

                .content__wrapp {
                    align-items: flex-start;

                    .content__left {

                        & .content__left_list {
                            & .content__left_item-buttom {
                                & .content__left-checkbox {

                                    gap: 10px;

                                    & input[type="checkbox"] {

                                        min-width: 15px;
                                        min-height: 15px;
                                        display: block;
                                    }

                                }
                            }

                        }

                        #filter {

                            .content__left_list {

                                .content__left_item {

                                    .content__left_item-top {
                                        width: 100%;
                                        padding: 0 15px;
                                    }
                                }
                            }
                        }
                    }

                    .content__right {
                        .content__right_item {
                            padding: 20px;

                            & .more__details {
                                & .more__details_item {
                                    & .more__details_block {
                                        & .more__details_people {
                                            & .more__details_name {
                                                width: 120px;
                                                font-size: 14px;
                                            }
                                        }
                                    }
                                }
                            }

                            .content__right_title {
                                margin-bottom: 30px;
                            }

                            .content__right_text {
                                font-size: 18px;
                            }

                            .content__right_head {
                                display: flex;
                                flex-direction: column;
                                align-items: flex-start;
                                gap: 10px;
                                margin-bottom: 30px;

                                .content__right_head-right {
                                    .content__right_head_link {
                                        gap: 15px;

                                        .content__right-black {
                                            font-size: 18px;
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            width: 96px;
                                            height: 37px;
                                        }
                                    }
                                }

                                .content__right_head-left {
                                    display: flex;
                                    gap: 0;
                                    justify-content: space-between;
                                    align-items: flex-start;
                                    width: 100%;

                                    .content__right_head_link {

                                        gap: 10px;

                                        .content__right-white {
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            width: 225px;
                                            height: 37px;
                                            font-size: 18px;
                                            font-weight: 400;
                                            line-height: 207%;
                                            letter-spacing: -0.04em;
                                            color: #fff;


                                        }
                                    }

                                }
                            }

                            .content__right_title {
                                font-size: 22px;
                            }

                            .content__right_subtitle {
                                font-size: 14px;
                            }

                            .content__arrow {
                                .content__arrow_clic_desktop {
                                    display: none;
                                }

                                /* .content__arrow_click_mobile {
                                    display: block;
                                } */

                                .more {
                                    display: none;
                                }

                                .less {
                                    display: none;
                                }

                                a {
                                    span:nth-child(1) {
                                        width: 32px;
                                        height: 32px;
                                        border: 1px solid #ed1549;
                                    }

                                    i {
                                        width: 12px !important;
                                        height: 15px !important;
                                        font-size: 30px !important;
                                    }
                                }
                            }

                            .more__details {
                                & .more__details_item {
                                    .more__details_item-title {
                                        font-size: 18px !important;
                                    }

                                    .more__details_item-subtitle {
                                        font-size: 14px;
                                    }

                                    .more__details_block {
                                        gap: 20px;
                                        flex-wrap: wrap;

                                        .more__details_people {
                                            img {
                                                /* width: 130px;
                                                height: 143px; */
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }

            .form {
                display: none;
            }

            .form__mobile {
                display: block;

                .form__wrapp_mobile {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;

                    .form__title {
                        font-family: var(--font-family);
                        font-weight: 400;
                        font-size: 30px;
                        line-height: 100%;
                        letter-spacing: -0.04em;
                        text-align: center;
                        color: #101820;
                        margin-top: 65px;
                        margin-bottom: 31px;
                    }

                    form {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;

                        input {
                            background-color: rgba(0, 0, 0, 0);
                            border: none;
                            outline: none;
                            position: relative;
                            border-bottom: 1px solid #101820;
                            width: 328px;
                            padding-bottom: 12px;
                        }

                        div {
                            margin-bottom: 34px;
                        }

                        .form__mobile_btn {
                            border: none;
                            border-radius: 93px;
                            padding: 22px 42px;
                            width: 172px;
                            height: 60px;
                            background: #ed1549;
                            font-family: var(--font-family);
                            font-weight: 400;
                            font-size: 18px;
                            line-height: 207%;
                            letter-spacing: -0.04em;
                            color: #fff;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                        }

                        .form__text {
                            text-align: center;
                            margin-bottom: 65px;
                        }
                    }
                }
            }

            .transition {
                & .transition__wrapper {
                    flex-wrap: wrap;
                    gap: 20px;
                    flex-direction: column;

                    & .transition__left {
                        width: auto;
                        height: auto;
                        padding: 0 10px;

                        & span {

                            font-size: 14px;
                        }
                    }
                }
            }
        }
    }
}