@media (min-width:801px) {
    .actions-button-mobile,
    .credits-bl.mobile,
    .id-for-title.mobile {
        display: none!important
    }
}
  @media (max-width: 680px) {
    .stopwar-button {
      width: 140px !important;
    }
}

@media (max-width:960px) {
    .footer .mobile-xs.gray-bg .text-center{
        font-size: 12px!important;
    }
    body {
        background: 0 0;
        padding-top: 52px
    }
    body #top-panel {
        display: none!important
    }
    .width__wrapper {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
    .width__wrapper .agency-page,
    .width__wrapper .index-girls-list-wrapper {
        width: 100%
    }
    .width__wrapper .header {
        width: 100%;
        height: 62px;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important;
        background: #fff;
        z-index: 100;
        -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .24);
        -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .24);
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, .24);
        -webkit-transition: box-shadow .4s;
        -moz-transition: box-shadow .4s;
        -ms-transition: box-shadow .4s;
        -o-transition: box-shadow .4s;
        transition: box-shadow .4s
    }
    .width__wrapper .header.open-mobile {
        -webkit-box-shadow: 0 0 12px 0 transparent;
        -moz-box-shadow: 0 0 12px 0 transparent;
        box-shadow: 0 0 12px 0 transparent
    }
/*     .width__wrapper .header.open-mobile .mobile-menu::after {
        background: url(//storage.victoriyaclub.com/img/mobile_ver/clear.svg?1516295262) center no-repeat
    } */
    .width__wrapper .header.open-mobile~.nav-menu.mobile {
        top: 51px;
        margin: 0;
        width: 100%;
        z-index: 7;
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .24)
    }
    .width__wrapper .header~.nav-menu.mobile {
        position: fixed;
        display: block!important;
        top: -300px;
        left: 0;
        right: 0;
        padding-top: 18px;
        -webkit-transition: top .4s;
        -moz-transition: top .4s;
        -ms-transition: top .4s;
        -o-transition: top .4s;
        transition: top .4s;
        border-top: 1px solid rgba(0, 0, 0, .06);
        border-bottom: 1px solid rgba(0, 0, 0, .06);
        background: #fff;
    }
    .width__wrapper .header~.nav-menu.mobile ul {
        padding-left: 26px;
        list-style: none
    }
    .width__wrapper .header~.nav-menu.mobile ul li::before {
        content: '';
        width: 4px;
        height: 4px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        display: inline-block;
        margin-right: 26px;
        background: #1d69ba;
        opacity: .24
    }
    .width__wrapper .header~.nav-menu.mobile ul li a {
        text-decoration: none;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 32px
    }
    .width__wrapper .header~.nav-menu.mobile ul li a>span {
        background: #21b7a2;
        color: #fff;
        padding: 3px 10px;
        font-size: 12px;
        position: relative;
        line-height: 12px;
        top: -2px;
        margin-left: 8px;
        border-radius: 24px
    }
    .width__wrapper .header~.nav-menu.mobile ul li.active::before {
        opacity: 1
    }
    .width__wrapper .header~.nav-menu.mobile ul li.active a {
        color: #1d69ba
    }
    .width__wrapper .header~.nav-menu.mobile .footer-mobile-menu {
        color: rgba(0, 0, 0, .38);
        font-size: 12px;
        height: 42px;
        margin-top: 18px;
        border-top: 1px solid rgba(0, 0, 0, .06);
        font-weight: 700
    }
    .width__wrapper .header .nav-menu:not(.mobile) {
        display: none!important
    }
    .width__wrapper .header .mobile-menu {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        cursor: pointer;
        width: 29px;
        height: 29px;
        position: relative;
        margin-left: 10px;
        margin-right: 6px;
        border: 2px solid #21b7a2;
        border-radius: 3px;
        color: #21b7a2;
        letter-spacing: 0.1px;
        font-weight: bold;
        font-size: 8px;
        line-height: 1;
        box-sizing: border-box;
        padding-top: 14px;
        text-align: center;
        padding-left: 2px;
        text-transform: uppercase
    }
    .width__wrapper .header .mobile-menu::after {
        content: '';
        width: 21px;
        height: 9px;
        display: block;
        position: absolute;
        top: 4px;
        right: -50%;
        left: -50%;
        background: url(//storage.victoriyaclub.com/img/icons/header/m_list.png?1583148170) center no-repeat;
        margin: auto
    }
    .width__wrapper .header .logo {
        margin-left: 0px;
        margin-top: 0;
        margin-right: 6px;
        margin-bottom: 0;
        padding: 0px;
        height: 100%;
        width: auto;
    }
    .header .header-menu-wrapper,
    .width__wrapper .header .wrapper-mobile-header,
    .header .r-col-header .not_authorized { max-width: 220px; min-width: auto; }
    .header .r-col-header { padding: 5px 8px; }
    .header .r-col-header .not_authorized .orange-btn-style,
    .header .r-col-header .chat-btn-header, .header .r-col-header .messages-btn-style,
    .header .r-col-header .not_authorized .question { font-size: 12px; }
    .header .r-col-header .not_authorized .question { padding-bottom: 3px; }
    .header .r-col-header .not_authorized .green-btn-stroke { height: 25px; font-size: 10px; }
    .header .r-col-header .not_authorized .orange-btn-style { height: 25px; margin-right: 8px; padding: 5px 5px; }
    .header .r-col-header .chat-btn-header, .header .r-col-header .messages-btn-style {
        padding-left: 22px;
        padding-right: 4px;
    }
    .header .r-col-header .messages-btn-style { padding-left: 26px }
    .header .r-col-header .chat-btn-header::after {
        background-size: cover;
        left: 4px;
        width: 12px;
        height: 11px;
    }
    .header .r-col-header .messages-btn-style::after {
        background-size: cover;
        left: 4px;
        width: 12px;
        height: 11px;
    }
    .width__wrapper .header .logo a {
        display: block;
        width: 36px;
        height: 30px;
        margin: auto;
        padding-right: 4px
    }
    .width__wrapper .header .logo a img.desktop {
        display: none;
    }
    .width__wrapper .header .logo a img.mobile {
        display: inline-block;
    }
    .header .header-menu-wrapper { width: auto; }
    .header .header-menu-wrapper.with-info { width: auto; max-width: 226px; }
    .header .r-col-header .info-circle { margin-right: 10px; font-size: 14px; width: 16px; height: 16px; }
    .width__wrapper .header .wrapper-mobile-header {
        position: relative;
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .width__wrapper .header .wrapper-mobile-header { margin-right: 0px; }
    .width__wrapper .header .btn-wrapper-header {
        position: static;
        float: right;
        display: block;
        height: 32px;
        margin-right: 0
    }
    .width__wrapper .header .btn-wrapper-header a.chat-btn-header {
        padding: 7px 10px 7px 36px;
        height: 32px;
        font-size: 14px;
        line-height: 16px;
        width: 112px
    }
    .width__wrapper .header .language-site {
        display: none!important
    }
    .width__wrapper #user-panel {
        height: 46px;
        max-width: 100%
    }
    .width__wrapper #user-panel .inner-wrapper {
        width: 100%;
        height: 46px;
        max-width: 100%
    }
    .width__wrapper #user-panel .inner-wrapper .inner {
        width: 100%;
        margin-left: 0
    }
    .width__wrapper #user-panel .inner-wrapper .inner:after,
    .width__wrapper #user-panel .inner-wrapper .inner:before {
        display: none
    }
    .width__wrapper .footer {
        width: 100%
    }
    .width__wrapper .my-info-page {
        margin: -3px -5px -20px -12px;
        padding-left: 16px;
        padding-right: 16px;
        background: rgba(230, 230, 230, .5)
    }
    .width__wrapper .my-info-page .actions-button,
    .width__wrapper .my-info-page .credits-bl:not(.mobile) {
        display: none!important
    }
    .width__wrapper .my-info-page .abnner-wrapper-horizontal {
        display: none
    }
    .width__wrapper .my-info-page h2 {
        margin-bottom: 5px
    }
    .width__wrapper .my-info-page h2.mobile-profile-style,
    .width__wrapper .my-info-page h3.line {
        padding: 3px 0 3px 20px;
        border-left: 16px solid #00ae99;
        position: relative;
        left: -16px;
        color: #00ae99;
        margin-right: -32px;
        padding-right: 32px;
        background: #fff;
        line-height: 52px;
        font-size: 24px;
        margin-bottom: 16px
    }
    .width__wrapper .my-info-page .photo-place {
        float: left;
        width: 105px;
        margin-right: 16px;
        overflow: hidden
    }
    .width__wrapper .my-info-page .photo-place .photo:not(.special-photo) {
        height: 100%;
        box-shadow: none!important;
        border: none!important;
        background: #fff;
        border-radius: 2px!important;
        padding: 1px
    }
    .width__wrapper .my-info-page .photo-place .photo:not(.special-photo) img {
        max-width: 100%;
        border-radius: 0!important
    }
    .width__wrapper .my-info-page .info-text {
        margin: auto;
        display: inline-block;
        float: left;
        width: calc(100% - 145px)
    }
    .width__wrapper .my-info-page .info-text h2 .id-for-title,
    .width__wrapper .my-info-page .info-text h2 span {
        display: none
    }
    .width__wrapper .my-info-page .info-text .id-for-title.mobile {
        color: #fff;
        background: #014591;
        display: inline-block;
        padding: 6px 16px;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 12px;
        word-spacing: 1.5px
    }
    .width__wrapper .my-info-page .info-text .info li.city,
    .width__wrapper .my-info-page .info-text .info li.year {
        display: none!important
    }
    .width__wrapper .my-info-page .info-text .recive {
        padding-left: 25px;
        display: inline-block
    }
    .width__wrapper .my-info-page .info-text .recive .icheckbox_flat-grey {
        margin-left: -23px;
        left: -2px
    }
    .width__wrapper .my-info-page .actions-button-mobile {
        margin-top: 16px
    }
    .width__wrapper .my-info-page .actions-button-mobile [class*="button"] {
        height: 34px;
        font-size: 14px;
    }
    .width__wrapper .my-info-page .actions-button-mobile [class*="button"] + [class*="button"] {
        margin-left: 16px;
    }
    .width__wrapper .my-info-page .actions-button-mobile .mobile-profile-btn {
        display: inline-block;
        background: url(//storage.victoriyaclub.com/img/mobile_ver/mobile_profile_btn.png?1519220965) no-repeat;
        width: 96px;
        padding-top: 52px;
        text-align: center;
        font-weight: 700;
        font-size: 14px;
        text-decoration: none;
        color: #00AF9B
    }
    .width__wrapper .my-info-page .actions-button-mobile .mobile-profile-btn.edit-icon {
        background-position: left top
    }
    .width__wrapper .my-info-page .actions-button-mobile .mobile-profile-btn.photo-icon {
        background-position: -82px top
    }
    .width__wrapper .my-info-page .actions-button-mobile .mobile-profile-btn.video-icon {
        background-position: -168px top
    }
    .width__wrapper .my-info-page .actions-button-mobile .mobile-profile-btn.messages-icon {
        background-position: -251px top
    }
    .width__wrapper .my-info-page .credits-bl.mobile {
        width: 100%;
        box-sizing: border-box;
        margin-top: 24px;
        background: #E6E6E6;
        border: 1px solid #d8d8d8;
        text-align: center;
        padding: 2px 16px 16px
    }
    .width__wrapper .my-info-page .credits-bl.mobile a.striped-button {
        margin: 0!important;
        width: 100%;
        box-sizing: border-box;
        height: 48px;
        font-size: 24px;
        line-height: 42px
    }
    .width__wrapper .my-info-page .credits-bl.mobile .credits.item {
        font-size: 18px;
        font-weight: 700;
        color: rgba(0, 0, 0, .7);
        margin-bottom: 13px;
        text-align: left
    }
    .width__wrapper .my-info-page .credits-bl.mobile .credits.item span {
        color: #E26A00;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 152px;
        display: inline-block;
        position: relative;
        top: 6px;
        font-size: 21px
    }
    .width__wrapper .my-info-page .credits-bl.mobile .credits.item span>span {
        font-size: 18px
    }
    .width__wrapper .my-info-page .credits-bl.mobile .credits.item::before {
        content: url(//storage.victoriyaclub.com/img/mobile_ver/card_profile.png?1519223471);
        display: inline-block;
        margin-right: 8px;
        position: relative;
        top: 2px
    }
    .width__wrapper .my-info-page .view-short {
        padding: 11px
    }
    .width__wrapper .my-info-page .view-short .striped-button {
        clear: both;
        float: none;
        display: inherit;
        margin-top: 16px
    }
    .width__wrapper .my-info-page .small-girls-list {
        text-align: center;
        margin: 0 -3px 29px!important;
        width: calc(100% + 6px)
    }
    .width__wrapper .my-info-page .small-girls-list a {
        max-width: 78px;
        float: none;
        display: inline-block;
        margin: 3px;
        border-radius: 2px;
        padding: 6px 6px 8px;
        width: calc(33.3333% - 37px);
        border: none;
        background: #fff;
        text-decoration: none;
        font-size: 13px;
        box-sizing: border-box
    }
    .width__wrapper .my-info-page .small-girls-list a img {
        max-width: 100%;
        max-height: none;
        border-radius: 0;
        height: auto!important
    }
    .width__wrapper .my-info-page .small-girls-list a .sticker-user-btn.right {
        right: 9px
    }
    .width__wrapper .my-info-page .girls-list {
        margin: 0 -8px;
        width: calc(100% + 16px);
        text-align: center;
        box-sizing: border-box
    }
    .width__wrapper .my-info-page .girls-list a {
        max-width: 156px;
        float: none;
        margin: 8px!important;
        display: inline-block;
        border-radius: 2px;
        border: none;
        background: #fff;
        box-sizing: border-box;
        width: calc(50% - 18px)
    }
    .width__wrapper .my-info-page .girls-list a .photo,
    .width__wrapper .my-info-page .girls-list a .photo-wrapper {
        width: 100%;
        height: auto;
        max-height: 194px
    }
    .width__wrapper .my-info-page .girls-list a img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 0
    }
    .width__wrapper .my-info-page .girls-list a .sticker-user-btn.right {
        right: 5px
    }
    .width__wrapper .assist-align {
        max-width: 100%
    }
    .width__wrapper .assist-top {
        padding-top: 0;
        position: relative;
        padding-left: 0;
        padding-right: 15px;
        max-width: 100%
    }
    .width__wrapper .assist-top h1 {
        font-size: 36px;
        font-weight: 400;
        text-align: center;
        position: relative;
        z-index: 2
    }
    .width__wrapper .assist-top h2 {
        margin-bottom: 24px;
        width: 100%;
        font-size: 16px;
        text-align: center;
        position: relative;
        z-index: 2
    }
    .width__wrapper .assist-top p {
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: 420px;
        margin: auto
    }
    .width__wrapper .assist-top a.assist-top-btn {
        position: relative;
        z-index: 2;
        margin: 19px auto 0;
        float: none;
        display: block;
        width: 106px;
        font-size: 18px;
        text-align: center;
        height: 21px;
        padding: 8px 24px
    }
    .width__wrapper .assist-top #uslugi-menu {
        display: none!important
    }
    .width__wrapper .assist-div-1,
    .width__wrapper .assist-div-2,
    .width__wrapper .assist-div-3,
    .width__wrapper .assist-div-4,
    .width__wrapper .assist-div-5 {
        margin-left: -12px;
        max-width: calc(100% + 17px);
        margin-right: 0;
        border: none;
        padding-top: 48px;
        padding-bottom: 48px
    }
    .width__wrapper .assist-div-1::before,
    .width__wrapper .assist-div-2::before,
    .width__wrapper .assist-div-3::before,
    .width__wrapper .assist-div-4::before,
    .width__wrapper .assist-div-5::before {
        top: auto;
        opacity: .15;
        bottom: 100%;
        right: calc(100% - 320px)!important
    }
    .width__wrapper .assist-div-1 .assist-col-1,
    .width__wrapper .assist-div-2 .assist-col-1,
    .width__wrapper .assist-div-3 .assist-col-1,
    .width__wrapper .assist-div-4 .assist-col-1,
    .width__wrapper .assist-div-5 .assist-col-1 {
        width: 68px;
        height: 94px;
        position: absolute;
        margin: 0
    }
    .width__wrapper .assist-div-1 .assist-col-1 .assist-col-inner,
    .width__wrapper .assist-div-2 .assist-col-1 .assist-col-inner,
    .width__wrapper .assist-div-3 .assist-col-1 .assist-col-inner,
    .width__wrapper .assist-div-4 .assist-col-1 .assist-col-inner,
    .width__wrapper .assist-div-5 .assist-col-1 .assist-col-inner {
        margin-top: 28px;
        margin-left: 8px
    }
    .width__wrapper .assist-div-1 .assist-col-2,
    .width__wrapper .assist-div-2 .assist-col-2,
    .width__wrapper .assist-div-3 .assist-col-2,
    .width__wrapper .assist-div-4 .assist-col-2,
    .width__wrapper .assist-div-5 .assist-col-2 {
        display: block;
        width: 329px;
        margin: 0 auto;
        float: none
    }
    .width__wrapper .assist-div-1 .assist-col-3,
    .width__wrapper .assist-div-2 .assist-col-3,
    .width__wrapper .assist-div-3 .assist-col-3,
    .width__wrapper .assist-div-4 .assist-col-3,
    .width__wrapper .assist-div-5 .assist-col-3 {
        float: none;
        margin: 24px 0 0;
        display: block;
        text-align: center
    }
    .width__wrapper .assist-div-2 .assist-col-3,
    .width__wrapper .assist-div-4 .assist-col-3 {
        margin: 0 0 24px
    }
    .width__wrapper .assist-div-bot {
        text-align: center
    }
    .width__wrapper .assist-div-bot .assist-top-btn {
        position: relative;
        z-index: 2;
        margin: 48px auto 32px;
        float: none;
        display: block;
        width: 106px;
        font-size: 18px;
        text-align: center;
        height: 21px;
        padding: 8px 24px
    }
    .width__wrapper .assist-div-bot img {
        margin: 14px 0 0
    }
}

@media (max-width:800px) and (min-width:501px) {
    .width__wrapper .assist-div-bot img {
        max-width: 420px
    }
}

@media (max-width:500px) {
    .assist-div-1 .assist-col-2,
    .assist-div-3 .assist-col-2,
    .assist-div-5 .assist-col-2 {
        padding-left: 84px;
        box-sizing: border-box
    }
    .assist-div-1 .assist-col-3 img,
    .assist-div-3 .assist-col-3 img,
    .assist-div-5 .assist-col-3 img {
        max-width: calc(100% - 40px)
    }
    .assist-div-2 .assist-col-3 img,
    .assist-div-4 .assist-col-3 img,
    .assist-div-bot img {
        max-width: 100%
    }
    .assist-div-2 .assist-col-3,
    .assist-div-4 .assist-col-3 {
        padding-left: 84px;
        box-sizing: border-box;
        padding-right: 20px
    }
    .assist-div-1 .assist-div-title,
    .assist-div-2 .assist-div-title,
    .assist-div-3 .assist-div-title,
    .assist-div-4 .assist-div-title,
    .assist-div-5 .assist-div-title {
        font-size: 24px;
        margin-bottom: 8px
    }
    .assist-div-bot {
        margin-left: 0!important;
        padding-right: 10px;
        padding-bottom: 0!important
    }
}

@media screen and (max-width: 768px) {
    .ays-quiz-container  {
        width: 100%!important;
    }
}