@media screen and (max-width: 1420px) {
    .header .wrapper {
        max-width: 100%;
        padding: 0 20px;
    }
}

@media screen and (max-width: 767px) {

    body {
        height: 100vh;
    }

    .page {
        overflow-x: hidden;
    }

    .header {
        background-color: #fff;
    }

    .header .header-block:nth-child(2) {
        display: none;
    }
    .page-wrapper.__col-3 {
        grid-template-columns: 1fr;
        margin-top: 90px;
    }
    .page-wrapper .sidebar {
        display: none;
    }
    .page-inner .dating-slider_box {
        background-color: transparent;
        padding: 0;

        & .dating-nav {

            width: 40px;
            height: 40px;

            &.__prev {
                left: 10px;
                right: auto;
                z-index: 999999;

                svg {
                    width: 14px;
                    height: 14px;
                }
            }

            &.__next {
                right: 10px;
                left: auto;
                z-index: 999999;

                svg {
                    width: 14px;
                    height: 14px;
                }
            }
        }

    }

    .dating-slider_box-inner {
        max-width: max-content!important;
        width: calc(100vw - 20px)!important;
    }

    .dating-slider_actions .btn-circle {
        width: 60px!important;
        height: 60px!important;
    }
    .dating-slider_actions .btn-circle svg {
        height: 24px!important;
        width: 24px!important;
    }
    .dating-slider_actions {
        transform: translateY(-30px) !important;
    }

    .mobile-g_nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: fixed;
        bottom: 0;
        height: 45px;
        left: 0;
        padding: 0 20px;
        width: 100vw;
        border-radius: 20px 20px 0 0;
        background-color: #FFF;
        box-shadow: 0 -5px 8px 0 rgba(153, 27, 194, 0.10);
    }

    .dating-slider_swiper .overlay-inner .model-name {
        font-size: 20px!important;
    }
    .dating-slider_swiper .model-info .icon-info svg {
        width: 24px;
        height: 24px;
    }
    .dating-slider_swiper .overlay-inner .model-online {
        font-size: 13px;
    }

    .page-wrapper.__col-2 {
        grid-template-columns: 1fr;
        margin-top: 90px;
    }
    .profile-box {
        grid-template-columns: 1fr;

    }

    .profile-box .profile-navs .navs {
        display: flex;
        flex-direction: row;
    }
    .profile-box .profile-navs .navs-link span {
        text-wrap: nowrap;
    }

    .profile-box .profile-info .profile-form .form-group {
        grid-template-columns: 1fr auto;
    }
    .profile-box .profile-info .profile-form .form-group .form-label  {
        grid-column: span 2;
    }

    .profile-box .profile-navs .navs{
        width: calc(100vw - 40px);
        overflow-x: auto;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE и Edge */
    }
    .profile-box .profile-navs::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }

    .profile-box .profile-photos .photos-list {
        grid-template-columns: 1fr 1fr;
    }

    .profile-box .profile-pages {
        padding: 0 20px;
    }

    .profile-box .profile-navs .navs-item {
        border-top: none;
    }

    .dating-couples_box .dating-couples_tabs {
        width: 100vw;
        overflow-x: auto;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE и Edge */
    }

    .dating-couples_box .dating-couples_tabs::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }
    .dating-couples_box .dating-couples_tabs .link-tab {
        text-wrap: nowrap;
    }

    .dating-couples_list .couples-user .avatar {
        width: 64px;
        height: 64px;
    }

    .dating-couples_list-item {
        grid-template-columns: 64px 1fr;
    }
    .dating-couples_tabs-item:last-child {
        margin-right: 40px;
    }

    .couples-actions {
        display: none!important;
    }

    .couples-actions.__mob {
        display: flex!important;
        margin-top: 30px;
        flex-direction: row;
    }

    .messages-box {
        display: flex;
        flex-direction: column;
    }

    .messages-box .messages-sidebar {
        height: calc(100vh - 150px);
    }

    #contact_toggle {
        display: block;
        border: none;
        background-color: transparent;

    }
    #contact_toggle svg{
        width: 16px;
        height: 16px;

    }
    .messages-box .messages-content_header .user-box {
        display: flex;
        gap: 15px;
    }
    .mobile-g_nav  svg {
        color: #C2C2C2;
    }
    .mobile-g_nav .__active svg {
        color: #8548AB;
    }
}


@media screen and (max-width: 680px) {
    .header {
        background-color: #fff;
    }

    .header-widgets {
        display: none;
    }

    .header .mobile-navs {
        display: block;
    }

    .page-block .page-header, section.main .main-inner .buttons {
        display: flex;
        margin-top: 100px;
        flex-direction: column;
        gap: 25px;
        align-items: center;
    }

    section.main .main-inner .logo-box .m {
        z-index: -1;
    }

    section.main .main-inner .logo-box .balls-item.ball-4 {
        z-index: -1;
        transform: translate(175px, 155px);

    }
    section.main .main-inner .logo-box .balls-item.ball-1 {
        z-index: -1;
        transform: translate(-36%, -60%);
    }

    section.main .main-inner .logo-box .balls-item.ball-5 {
        transform: translate(0, 400px);
        z-index: -1;
    }
}


@media screen and (min-width: 571px) {
    .d-none {
        display: block!important;

    }
    .messages-box {
        min-height: 860px;
    }
    .messages-box .messages-content_list {
        min-height: 600px;
    }
}

@media screen and (max-width: 570px) {
    .page-sidebar {
        grid-template-columns: 1fr;
    }
    .page-sidebar .sidebar {
        padding: 20px;
    }
    .page-sidebar .preview {
        display: none;
    }
}