@media screen and  (max-width: 1440px) {
    .page-row{
        width: 100%;
    }
    #page .content-container{
        width: 100%;
    }
    .sidebar .selection-cities{
        width: 94%;
        padding: 30px 3%;
    }
    #base-menu ul li.first a{
        text-align: center;
    }
    #base-menu ul li.last a{
        text-align: center;
    }

    #header .header-logo .logo .bg{
        width: 60%;
    }

    .main-offers{
        width: 100%;
    }
    .main-offers-wrapper{
        width: 100%;
    }
    #header .header-logo{
        width: 60%;
    }
    #page .content-container .content-container-base{
        width: 66%;
        padding: 40px 2% 0;
    }
    #page .content-container .sidebar{
        width: 30%;
    }
    #header .header-address{
        width:55%
    }


   /* #header .header-private{
        display: none;
    }*/
    #header .header-logo .logo{
        background-size: 80%;
        padding: 0;
    }

    .tour-list-page .tour-item{
        width: 23%;
        margin-right: 2%;
    }

    .tour-list-page .tour-item .tour-item-picture a,
    .tour-list-page .tour-item .tour-item-picture img{
        width: 100%;
        height: auto;
    }

    .tour-list-page .tour-item .it-button{
        width: 100%;
    }

    #base-menu .page-row{
        width: 100%;
    }

    .main-grid .main-grid-item-4 .picture{
        width: 95%;
        height: auto;
    }

    .detail-tour .tour-info-grid .tour-info-grid-row .tour-info-grid-ceil.tour-info-grid-ceil-title{
        width: 40%;
    }

    .detail-tour .tour-info-grid .tour-info-grid-row .tour-info-grid-ceil{
        width: 59%;
    }

    #header .header-private{
        right: 1%;
        z-index: 50;
        top:5px;
    }
    #header .header-private .auth-block{
        margin: 2px;
    }
}
@media screen and (max-width: 1320px){
    .detail-tour .bron .seat{
        height: 40px;
        width: 40px;
        margin: 0 1% 20px 0;
    }

    .detail-tour .bron .info-row-bus-item{
        height: 50px;
        width: 48px;
    }
    .detail-tour .bron .exit2{
        width: 84px;
    }
    .basket-tourist{
        padding: 10px 2%;
        width: 90%;
    }
}

@media screen and (max-width: 1280px){
    #header .header-logo{
        width: 40%;
    }
    #header .header-logo .logo{
        width: 100%;
    }
    #header .header-logo .logo .bg{
        width: 60%;
    }

    #header .header-logo .logo span{
        right:5%;
    }

    #header .header-phones{
        width:48%;
        text-align: right;
        padding: 25px 0 0 1%;
    }
    #header .header-contact{
        width:50%;
    }

    .detail-tour .bron{
       /* min-width: 730px;*/
    }





}

@media screen and (max-width: 1100px){
    #basket-tourist-header .basket-tourist-header-magnific.fixed{
        width: 50%;
    }
    #header .header-logo .logo .bg{
        width: 50%;
    }
    #header .header-logo .logo span{
        right:0;
    }
    #header .header-logo .logo .logotype{
        background-size: 80%;
    }
    .detail-tour .s-place50 .bron .row.row2{
        margin-right: 20px;
    }


}

@media screen and (max-width: 980px){
    .detail-tour .s-place50 .bron .row.row2{
        margin-right: 10px;
    }
    .tour-list-page .tour-item{
        width: 32%;
        margin-right: 1%;
    }
    .tour-list-page .tour-item:nth-child(3n){
        margin-right: 0;
    }
    #header .header-logo .logo{
        background-position: 0 0;
    }
    #header .header-contact .header-address-info a{
        line-height: 1.5;
    }

    .main-special-offers-section .item-offer .offer-picture{
        width: 94%;
        height: auto;
    }

    .main-special-offers-section .item-offer .offer-picture img{
        width: 100%;
    }

    .main-grid .main-grid-item-4{
        width: 50%;
        height: 300px;
    }
    .main-grid .main-grid-item-4:last-child{
        float: left;
    }
    .main-grid .main-grid-item-4:nth-child(3n){
        clear: both;
    }
    #header .header-logo .logo .logotype{
        left: 50px;
    }
    #header .header-logo .logo span{
        right: 15%;
    }

    #header .header-logo .logo .bg{
        margin: 0 135px 0 135px;;
    }
    #header .header-logo .logo .bg::before{
        left: -163px;
        z-index: 3;
    }
    #header .header-logo .logo .bg::after{
        right: -144px;
        z-index: 3;
    }
    #header .header-logo .logo .bg{
        width: 35%;
    }

    .scheme-cell .dates-slider{
        position: relative;
        overflow: hidden;
        width: 80%;
        padding: 0 50px;
    }
    .detail-tour .s-place50 .bron.bron-bus-87-2 .row.row5{
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -21%;
    }
}
@media screen and (max-width: 870px){
    .detail-tour .s-place50{
        width: 100%;
    }

    #page .content-container .content-container-base{
        width: 96%;
    }
    #page .content-container .sidebar{
        display: none;
    }
    #page .content-container .content-container-base{
        width: 96%;
    }
    .footer .nav-footer{
        display: none;
    }
}

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

}

@media screen and (max-width: 760px){
    .tour-list-page .tour-item{
        width: 48%;
        margin-right: 1%;
    }
    .tour-list-page .tour-item:nth-child(2n){
        margin-right: 0;
    }
}
@media screen and (max-width: 720px){
    #header .header-logo{
        width: 35%;
    }
    #header .header-address{
        width: 65%;
    }
}

@media screen and (max-width: 680px){
    .detail-tour .s-place50{
        width: 100%;
    }

    .main-offers .item-slider{
        width: 90%;
        max-width:680px;
    }
    .main-offers .item-slider .item-slider-content::after{
        /*display: none;*/
    }
    .main-grid .main-grid-item-4 .picture{
        max-width: 230px;
        margin: 0 auto;
    }
    .main-offers .item-slider .item-slider-content{
        padding: 1%;
        width: 45%;
        /*position: relative;*/
    }
    .tour-list-page .tour-item{
        width: 100%;
        margin-right: 0;
    }
    #header .header-contact{
        display: none;
    }
    #header .header-phones{
        width: 100%;
    }

    .footer .footer-info .footer-item-4.address,
    .footer .footer-info .footer-item-4.social,
    .footer .footer-info .footer-item-4.phones{
        float: none;
        text-align: center;
        width: 100%;
        overflow: hidden;
        max-width:100%;
    }
    .footer .footer-info .footer-item-4 a.social, #header .header-phones .header-social a{
        float: none;
        display: inline-block;
    }

    .go-to-top{
        bottom: 20px;
        left: 15px;
        margin: 0;
    }


    #header .header-logo .logo span{
        display: none;
    }
    #header .header-logo .logo{
        background-size: 100%;
        background-position: 0 50px;
    }
    #base-menu .page-row .mobile-menu-nav{

    }
    #header .header-phones .header-social{
        float: right;
    }
    #base-menu ul{
        display: none;
    }
    #base-menu ul.show-m{
        display: block;
    }

    #base-menu ul li{
        display: block;
        float: none;
        width: 100%;
        border-bottom: 1px solid #fff;
    }
    #base-menu{
        height: auto;
    }
    #page .content-container .sidebar{
        display: none;
    }
    #page .content-container .content-container-base{
        width: 96%;
    }
    .footer .nav-footer{
        display: none;
    }
    .footer .footer-info .footer-item-4{
        width: 100%;
        padding: 2px 0 0 0;
        text-align: center;
    }
    .footer .footer-info{
        height: auto;
    }
    .footer .footer-info .footer-item-4.phones p{
        text-align: center;
    }

    .detail-tour .bron .seat{
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 16px;
    }
    .detail-tour .bron .info-row-bus-item{
        width: 43px;
    }

    .tour-list-page .tour-item .tour-item-picture a:hover:after{
        width: 100%;
        height: auto;
    }

    /* bus*/
    .detail-tour .bron{
        min-width: auto;
        width: 80%;
        overflow: hidden;
        padding: 0 10%;
    }

    .detail-tour .bron .info-row-bus{
        position: absolute;
        float: left;
        width: 10%;
    }
    .detail-tour .bron .info-row-bus.info-row-bus-last{
        right: 0;
        top:0;
    }
    .detail-tour .bron .info-row-bus.info-row-bus-first{
        left: 0;
        top:0;
    }
    .detail-tour .bron .info-row-bus-item.title{
        width: 100%;
        height: 57px;
        margin: 0;
    }

    .detail-tour .bron .rules{
        height: 57px;
    }

    #tour-scheme-label-info{
        position: relative;
        margin: 7px 0;
    }

    .detail-tour .bron .row{
        float: right;
        width: 22%;
    }
    .detail-tour .bron .row.row2{
        margin-right: 10%;
    }

    .detail-tour .bron .seat{
        width: 80%;
        margin: 0 auto 20px;
    }

    .detail-tour .bron .exit2,
    .detail-tour .bron .exit1{
        display: none;
    }

    .detail-tour .bron .exit1.v-mobile,
    .detail-tour .bron .exit2.v-mobile{
        display: block;
    }
    .detail-tour .bron .exit2.v-mobile{
        height: 110px;
    }
    .detail-tour .bron .exit2.v-mobile span{
        line-height: 110px;
    }
    .detail-tour .bron .exit2.v-mobile.exit2-top span{
        bottom: 0px;
    }

    .detail-tour .bron .exit1-top span, .detail-tour .bron .exit2-top span{
        bottom: 20px;
    }
    .detail-tour .bron .exit1-bottom span, .detail-tour .bron .exit2-bottom span{
        text-align: left;
        line-height: 54px;
        padding-left: 5px;
    }

    .detail-tour .bron .info-row-bus-item{
        width: 100%;
        margin: 0 auto 20px;
        height: 35px;
    }

    .detail-tour .bron .rules-icon{
        display: none;
    }

    .order-form .order-form-field-half,
    .order-form .order-form-field-half-r{
        width: 100%;
        margin: 0;
    }
    .order-form .button-row .it-button{
        width: 100%;
        margin: 10px auto;
    }

    .main-grid .main-grid-item-4{
        width: 100%;
    }
    .main-grid .main-grid-item-4 .picture{
        margin: 0 auto;
    }
    .main-page-section .h2{
        text-align: center;
    }

    #base-menu .mobile-menu-nav{
        display: block;
        position: relative;
        width: 100%;
        border-bottom: 1px solid #fff;
        height: 50px;
    }

    #base-menu .mobile-menu-nav .burger{
        display: block;
        position: relative;
        width: 100px;
        height: 3px;
        background: #fff;
        margin: 40px auto 0;
    }

    #base-menu .mobile-menu-nav .burger:before{
        content: '';
        display: block;
        position: absolute;
        height: 3px;
        background: #fff;

        top: -15px;
        width: 100px;
        right: 50%;
        margin-right: -50px;
    }
    #base-menu .mobile-menu-nav .burger:after{
        content: '';
        display: block;
        position: absolute;
        height: 3px;
        background: #fff;

        width: 100px;
        right: 50%;
        bottom: -20px;
        margin-right: -50px;
    }
    .basket-tourist{
        width: 100%;
        padding: 10px 6px;
    }

    #basket-tourist-header .basket-tourist-header-magnific.fixed{
        width: 100%;
    }
    .detail-tour .tour-info-grid .tour-info-grid-row .tour-info-grid-ceil.tour-info-grid-ceil-title{
        width: 100%;
        float: none;
        font-weight: bold;
        border-bottom: none;
        padding: 0;
        margin: 0;
    }
    .detail-tour .tour-info-grid .tour-info-grid-row .tour-info-grid-ceil{
        width: 100%;
        float: none;
        border-bottom: 1px solid #000;
        padding: 0 5px 5px 0;
        margin-bottom: 5px;
    }
    .detail-tour .tour-info-grid .tour-info-grid-row .tour-info-grid-ceil table tr:first-child td{
       /* -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);*/
    }
    .detail-tour .tour-info-grid .tour-info-grid-row .tour-info-grid-ceil table tr td{
       /* display: block;*/
    }
    .mobile-table-wrapper{
        width: 100%;
        position: relative;
        overflow-x: scroll;
    }
}


@media screen and (max-width: 530px) {
    #header .header-logo .logo .logotype{
        background-size: 60%;
    }

    #header .header-logo .logo .bg{
        width: 2%;
    }
}

@media screen and (max-width: 480px) {
    .detail-tour .slider_dates .dayList{
        position: relative;
    }

    .detail-tour .slider_dates .item-list-day{
        margin-right: 5px;
    }

    #header .header-logo{
        width: 100%;
    }
    #header .header-logo .logo .bg::before{
        background: url("../images/logo/logo-back-l.png") 0 -35px no-repeat;
    }
    #header .header-logo .logo .bg::after{
        background: url("../images/logo/logo-back-r.png") 0 -35px no-repeat;
    }
    #header .header-logo .logo .bg{
        height: 118px;
    }
    #header .header-address{
        width: 100%;
    }
    #header{
        height: auto;
    }
    #header .header-logo .logo{
        height: 100px;
    }
    #header .header-phones a{
        text-align: center;
    }
    #header .header-phones .header-social{
        position: absolute;
        right: 0;
        top: -95px;
    }
    .detail-tour .photos .photo a{
        margin: 0 auto;
    }

    #header .header-private{
        position: relative;
        left: 0;
        width: 100%;
        text-align: center;
        min-height: auto;
    }
    #header .header-private .auth-block{
        text-align: center;
    }
}

@media screen and (min-width: 980px) and (max-width: 1280px) {

}
@media screen and (min-width: 760px) and (max-width: 980px) {

}
@media screen and (min-width: 480px) and (max-width: 760px) {
}

@media screen and (min-width: 180px) and (max-width: 380px) {
    .detail-tour .s-place50 .bron .rules{
        height: 60px;
    }
    .detail-tour .s-place50 .bron .row.row2{
        margin-right: 20px;
    }
    .detail-tour .s-place50 .bron .row{
        left: 30px;
    }
    .detail-tour .s-place50 .bron .info-row-bus-item{
        height: 35px;
        margin: 0 auto 20px;;
        padding: 0;
        line-height: 37px;
        font-size: 16px;
    }
    .detail-tour .s-place50 .bron .info-row-bus-item.title{
        height: 50px;
        margin: 0 0 10px 0;
    }
    .detail-tour .s-place50 .bron .info-row-bus.info-row-bus-last{
        width: 6%;
        min-width: 28px;
        margin: 0;
    }
    .detail-tour .s-place50 .bron{
        min-width: 320px;
    }

}
@media screen and (min-width: 280px) and (max-width: 480px) {

}