@media screen and (max-width: 1700px) {
    ul.sub-menu { display: block; }
    .fl-top-right { right: auto; left: calc(50% + 314px); }
    .fl-top-left { left: auto; right: calc(50% + 530px); }
    .hide-992 { display: none!important; }
}
@media screen and (max-width: 1300px) {
    ul.main-menu>li { margin: 0; }
    ul.main-menu > li a { padding: 4px 6px;}
    .consent-panel { width: 50%; }
}
@media screen and (max-width: 1200px) {
    .page { width: 970px; }
    .home-container { width: 950px; }
    ul.items-list > li { width: 224px; box-shadow: 0px 2px 10px 2px rgba(9, 17, 36, 0.11); }
    ul.ico-menu li a { width: 37px; }
    .gifts_list ul li { width: calc(25% - 15px); }
    .chat-user .to_title .img-container { width: 100px; }
    .chat-user .to_title .info { width: calc(100% - 115px); }
    .adv-search label { font-size: 14px; }
    .adv-search .l-ch { display: none; }
    ul.fast-link li { width: 30%; text-align: center; }
    .chat-container { height: calc(100% - 170px); }
    .request-panel { width: calc(50% - 10px); }
    ul.PP-tours li.flex .info { display: block; flex: 0 0 300px; }

}
@media only screen and (max-width : 1199px) {
    body .page.rel .container {
        width: 100%;
    }

    body .page.rel .girl-photo,
    body .girl-photo {
        height: 340px;
    }
    .hamburger {
        display: block;
    }
    body ul.hide-on-med-and-down {
        position: fixed;
        width: 290px;
        background-color: rgba(255,255,255,.9);
        right: -50px;
        top: -20px;
        z-index: 1000;
        padding: 40px 0;
        transform: translateX(100%);
        transition: .2s;
        display: flex !important;
        flex-direction: column;
        /* align-items: center; */
        justify-content: flex-start;
        height: 100%;
        overflow: scroll !important;
    }
    body ul.hide-on-med-and-down.active {
        transform: translateX(0);
    }
    body ul.hide-on-med-and-down li {
        display: block;
        float: none;
        text-align: center;
        width: 100%;
    }
    body ul.hide-on-med-and-down li a {
        line-height: 18px;
        display: block;
        width: 100%;
        text-align: left;
    }
    body ul.hide-on-med-and-down li a:hover {
        background-color: #fff;
    }
    body ul.hide-on-med-and-down li.black-text a {
        text-align: left;
    }
    body ul.hide-on-med-and-down .modal-trigger { position: absolute; left: 0; top: 0; width: 100%; }
    body ul.main-menu>li:hover>ul.dd-menu,
    body div ul.main-menu>li>ul.dd-menu {
        /* display: none !important; */
        display: block;
        position: static;
        margin-left: 0;
        background: none;
        padding: 4px 10px 12px;
        box-shadow: 0 2px 3px 0 transparent;
        border: none;
    }
    body ul.main-menu>li>ul.dd-menu a {
        text-align: left;
        line-height: 20px;
        font-size: 12px;
    }
    body ul.main-menu>li>ul.dd-menu a:hover {
        background-color: #eee;
    }
    body .page.rel .main-column .items-list .girls-wrapper {
        width: 32%;
    }
    .lang-user {
        top: -62px;
        right: 60px;
        z-index: 5;
    }
    .div_map a {
        margin-bottom: 10px;
    }
    ul.fast-link li { width: auto; text-align: left; }
    ul.fast-link li .text { display: none; }
    .branchLine { padding: 20px 0; }
    .chat-user .to_title { height: 135px; }
    .chat-user .to_title .img-container { width: 70px; margin-right: 5px; }
    .chat-user .to_title .info { width: calc(100% - 85px); }
}
@media screen and (max-width: 992px) {
    body nav .brand-logo {
        margin-top: 10px;
        margin-left: 5px;
        left: inherit;
        transform: unset;
        -webkit-transform: unset;
    }
    body .page.rel .main-column .items-list .girls-wrapper {
        width: 48%;
    }
    body .page.rel .main-column .items-list .girls-wrapper .girl-photo {
        height: 380px;
    }
    .hide-992 { display: block!important; }
    .page { width: 750px; }
    .top-panel .page { width: calc(100% - 20px); }
    .top-panel .main-slogan { display: none; }
    a.logo { width: 200px; }
    a.logo-chat { width: 190px; background-size: contain; }
    ul.main-menu > li { margin: 0; }
    ul.main-menu > li a { padding: 4px 12px; }
    ul.lang-panel li { margin: 0 2px; }
    .nw-login+ul.lang-panel {  }
    .login-panel { left: 0; }
    .info-btn { right: 250px; }
    ul.items-list > li { width: 250px; }
    ul.ico-menu li a { width: 41px; }
    .ico-cab { margin-right: 20px; }
    .right-column { display: none; }
    .main-column { margin-right: 0; width: 100%; }
    ul.sub-menu { width: 210px; }
    .new-list .items-list { width: 750px; margin: 30px auto 0; }
    .stories .panel .info { height: calc(100% - 20px); overflow: auto; }
    .stories .panel .info p { line-height: 22px; font-size: 15px; }
    a.logo-1 { margin: 10px 0 0 10px; }
    ul.bottom-menu { width: calc(100% - 260px); }
    ul.bottom-menu li { width: calc(33% - 10px); }
    .gifts_list ul li { width: calc(33% - 15px); }
    .footer-logo-container { float: none; }
    ul.bottom-menu { float: none; width: auto; margin-top: 15px; }
    ul.bottom-menu li { width: calc(25% - 20px); margin-left: 10px; }
    .user-card .title { font-size: 24px; line-height: 30px;}
    .user-card .age { position: absolute; right: -8px; top: -14px; }
    .user-card ul.ico-menu li { width: 60px; }
    .user-card ul.ico-menu li a { text-align: center; }
    .user-card ul.ico-menu li a .text { display: none; }
    .user-card ul.ico-menu li a .ico { margin: 5px 0; }
    .user-card .info .f-right, .user-card .info .f-left { float: none; }
    .chat-user ul.chat-user-list li .info .id { display: none; }
    .header-chat { display: block; }
    a.rc-open { display: block; }
    .chat-container { position: relative; overflow: hidden; height: calc(100% - 202px); }
    .chat-right { display: none; position: absolute; right: 0; top: 0; width: 250px; height: 100%; z-index: 5; }
    .chat-main.chat-user { flex-basis: 65%; }
    .chat-left.chat-user { flex-basis: 35%; }
    ul.home-list { display: block; }
    .request-panel { height: 225px; }
    .request-panel .button { padding: 0 20px; }
    .one-news-container.love-stories .one-news { width: calc((100% / 2) - 40px); }
    .popular .news { width: calc(50% - 20px); margin: 40px 10px; }
}
@media only screen and (max-width : 991px) {
    body .most-popular .container,
    body .online-girl .container {
        width: 98%;
    }

    body .page.rel .girl-photo {
        height: 250px;
    }

    body .girl-photo {
        height: 280px;
    }
}
@media screen and (max-width: 768px) {
    body .page.rel .girls-wrapper {
        width: 50%;
    }

    body .page.rel .girl-photo {
        height: 400px;
    }

    body .girl-photo:hover {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
    }
    body .page.rel .main-column .items-list .girls-wrapper {
        width: 48%;
    }
    .lang-user {
        top: -47px;
        right: auto;
        left: 15px;
    }
    .user-links .dd-menu {
        right: auto;
        left: 0;
    }
    .page { width: 540px; }
    .mm-button { display: block; margin-top: 25px; }
    .mm-in .mm-button { display: block; margin-top: 8px;  }
    .mm-in ul.lang-panel, .mm-in .user-links { margin-top: 8px; }
    a.mm-open { display: block; margin-right: 15px; text-decoration: none; font-size: 21px; }
    ul.main-menu { display: none; position: absolute; width: 300px; right: 10px; top: 35px; background: #fff; padding: 10px;
        text-align: left; box-shadow: 0 0 5px 0 #888; z-index: 1000; }
    ul.main-menu > li > a { text-decoration: none; font-weight: bold; }
    ul.main-menu > li > ul.dd-menu { position: relative; display: block; left: auto; top: auto; border: 0; box-shadow: none; margin-left: 10px; }
    ul.main-menu li a.mm-cabinet { display: inline; }
    .top-panel { height: 75px; }
    .top-panel-in .mm-button { position: absolute; right: 20px; top: 5px; }
    .info-btn { right: 20px; }
    .new-list .items-list { width: auto; }
    a.logo-1 { float: none; margin-bottom: 10px; }
    ul.bottom-menu { float: none; width: auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
    ul.bottom-menu li { display: block; width: 30%; }
    .right-column { width: auto; }
    a.rcc-open { display: inline-block; }
    ul.sub-menu { width: auto; padding: 0; }
    ul.sub-menu li { padding: 3px; }
    .news-panel { display: none; }
    .home-newS .items-list { margin-right: 0; }
    .main-column { margin: 0 10px; }
    .one-user .gal-colemn { float: none; width: auto; margin-bottom: 20px; }
    .one-user .user-info { float: none; width: auto; }
    .gifts_list ul li { width: calc(50% - 15px); }
    .gifts-stars { width: 100%; background-size: 100% auto; }
    ul.fast-link li .counter { width: 20px; height: 20px; line-height: 20px; font-size: 12px; }
    ul.fast-link li .counter-fin { padding: 0 3px; }
    ul.lang-panel { text-align: right; }
    .home-content { font-size: 18px; padding: 0 20px; }
    .stories .panel .h1 { margin: 15px 0 0; text-align: center; }
    .stories .panel .info { display: none; }
    .stories .panel img { max-width: 100%; max-height: calc(100% - 60px); float: none; }
    .footer-logo-container { width: auto; text-align: center; }
    .footer-logo-container a.logo-1 { display: inline-block; }
    .admin-panel { display: none; }
    .info .login { font-size: 14px; }
    .consent-panel { width: 90%; }
    ul.PP-tours li.flex { display: block; }
}
@media only screen and (max-width : 767px) {
    body .row .col.m3.girls-wrapper {
        width: 50%;
    }

    body .girl-photo {
        height: 440px;
    }
}
@media screen and (max-width: 670px) {
    .header { flex-direction: column-reverse; }
    .user-bar { display: flex; justify-content: space-between; align-items: stretch; padding: 10px; }
    ul.fast-link { padding: 0 20px 10px; }
    .clock { align-self: center; }
    .chat-container { height: calc(100% - 235px); }
    .popular .news { width: 100%; margin: 40px 0; }
    ul.PP-tours li.flex .info { display: block; flex: 0 0 calc(100% - 150px); }
}
@media screen and (max-width: 600px) {
    .adv-search .col { text-align: left; }
}
@media only screen and (max-width : 599px) {
    body .girl-photo {
        height: 370px;
    }

    body .page.rel .girl-photo {
        height: 300px;
    }
    .lang-user {
        width: auto;
    }
    .lang-user .ib {
        display: block;
    }
}
@media screen and (max-width: 576px) {
    .page { width: auto; padding-left: 5px; padding-right: 5px; }
    .fl-top-right, .fl-top-left, .fl-home-left, .fl-home-right { display: none; }
    .top-panel > .f-right { float: none; }
    .logo-container { display: block; padding-top: 5px; }
    .logo-container a.logo { width: 150px; }
    a.logo { top: 20px; width: 150px; }
    .top-login a.logo { display: none; }
    body nav .brand-logo { margin-top: 30px; }
    .top-panel .slogan { margin-top: 10px; }
    .header-chat .page { justify-content: space-around; }
    .lang-user ul.lang-panel { position: inherit; }
    .gifts_list ul { width: 100%; text-align: center; }
    .gifts_list ul li { width: 270px; }
    .one_gift .img-container { float: none; width: auto; }
    .one_gift .info { float: none; width: auto; }
    .header-chat { height: auto; }
    ul.bottom-menu li { width: calc(50% - 30px); margin-left: 20px; }
    .qs-container .title { display: block; }
    .qs-container input[type="submit"] { display: block; margin: 10px auto 0; }
    .game-panel .main-img { width: 300px; }
    .game-panel .like-skip { padding: 0 40px; }
    .game-panel .age { right: calc(50% - 145px); }
    .user-card { height: 195px; }
    .user-card .img-container { height: 140px; }
    .user-card .title { font-size: 18px; line-height: 25px;}
    .user-card ul.ico-menu { display: flex; justify-content: flex-end; width: calc(100% - 20px); }
    a.lc-open { display: block; }
    .chat-left { position: absolute; left: 0; top: 0; height: 100%; z-index: 7; }  /*width: 250px; */
    .chat-main.chat-user { flex-basis: 100%; }
    .youtube {width: auto;}
    ul.home-list li img { max-width: 90%; }
    .request-panel { display: block; width: auto; height: auto; }
    .article-author { width: 90%; }
    .footer-message { font-size: 15px; }
}
@media only screen and (max-width : 480px) {
    body .page.rel .main-column .items-list .girls-wrapper {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    ul.fast-link li { margin-left: 5px; }
    ul.fast-link li a .fa { font-size: 18px; }
    a.logo { top: 40px; width: 150px; }
}

@media only screen and (max-width : 479px) {
    body .row .col.m3.girls-wrapper {
        width: 100%;
    }

    body .page.rel .girl-photo,
    body .girl-photo {
        height: 450px;
    }

    body .page.rel .girl-photo a,
    body .girl-photo a {
        height: 450px
    }

    body .page.rel .girl-photo img,
    body .girl-photo img {
        height: 100%;
    }
    ul.user-links a.btn { padding: 0 5px; }
    ul.user-links ul.dd-menu { width: 215px; }
}
@media screen and (max-width: 360px) {
    body {
        min-width: 320px;
    }
    .page, .top-panel .page { min-width: 320px; box-sizing: border-box; }
    .stories{width: 320px;}
    .stars{width: 320px;}
    .qs-container .title { display: block; }
    .qs-container .button-2 { display: block; margin: 15px auto 0; }
    .stories .panel img { max-height: calc(100% - 120px); }
    .youtube {width: auto;}
    .like-skip{margin-right: 0 !important;}
}