@media (max-width: 1129px) {

}

@media (max-width: 991px){
    .container{
        padding: 0 67px;
    }
    .promo{
        min-height: auto;
        padding: 62px 0;
        background-size: cover !important;
    }
    .promo__title{
        font-size: 80px;
    }
    .promo__sub{
        font-size: 30px;
    }
    p{
        font-size: 16px;
    }
    .promo__left-top {
        max-width: 300px;
    }
    .desc{
        padding: 60px 0;
    }
    .desc .container{
        display: block;
    }
    .desc__img{
        margin: 30px auto 0;
        max-width: 450px;
    }
    .desc__icons{
        justify-content: center;
    }
    .info{
        background-size: cover !important;
        padding: 60px 0;
    }
    .info__title{
        font-size: 30px;
    }
    .info__sub{
        font-size: 20px;
    }
    .info__left {
        max-width: 325px;
    }
    .block__title br{
        display: none;
    }
    .bottom{
        padding: 60px 0;
        background-size: cover !important;
    }
    .bottom:before{
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 100%;
        background: rgb(255 255 255 / 40%);
    }
    .bottom .container{
        position: relative;
        z-index: 2;
    }
    .desc .container.reverse .desc__img{
        margin: 30px auto 0;
    }
    .contactsBlock__wrapper{
        background-position: bottom 20px right 10px;
        background-size: 300px;
    }
    .contactsBottom{
        background-size: cover;
        position: relative;
    }
    .contactsBottom:after{
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.38);
    }
    .contactsBottom__title{
        position: relative;
        z-index: 2;
    }
    .contactsPromo .desc__img{
        margin: 30px auto 0;
    }





    .b-order-content{
        display: block;
    }
    .order__left{
        margin: 0 0 30px 0;
    }
    .order__right{
        width: 100%;
    }
    .b-order-title{
        font-size: 48px;
        line-height: 0.8;
    }
    .order__map{
        height: auto;
        max-width: 100%;
    }

}
@media (max-width: 833px){
    .container{
        padding: 0 45px;
    }

}
@media (max-width: 767px) {

    .b-mobile {
        display: block;
    }
    .menu-icon {
        position: relative;
        z-index: 10001;
        cursor: pointer;
        transition: 0.3s;
    }
    .menu-icon__wrapper {
        position: relative;
        width: 30px;
        height: 20px;
        margin: 0 auto 0;
    }
    .menu-icon.active b {
        transition: 0.5s;
    }
    .menu-icon .b-menu__line {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 4px;
        background: #fff;
        border-radius: 0px;
        -webkit-transition: background-color 0.35s, -webkit-transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: background-color 0.35s, transform 0.175s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.175s cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0);
    }
    .menu-icon .b-menu__line_1 {
        top: 0;
    }
    .menu-icon .b-menu__line_2 {
        top: 8px;
    }
    .menu-icon .b-menu__line_3 {
        top: 16px;
        width: 100%;
    }
    .menu-icon.active .b-menu__line {
        background: #fff;
    }
    .menu-icon.active .b-menu__line_1 {
        -webkit-transform: translateY(8px) rotate(45deg);
        transform: translateY(8px) rotate(45deg);
        top: 0px;
    }
    .menu-icon.active .b-menu__line_2 {
        opacity: 0;
    }
    .menu-icon.active .b-menu__line_3 {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg);
        top: 16px;
        width: 100%;
    }
    .header{
        padding: 20px 0;
    }
    .nav{
        position: absolute;
        top: 0;
        left: 0;
        padding: 85px 46px 46px 47px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #333;
        min-height: 100vh;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transform: translateX(-100%);
        transition: 0.3s;
        z-index: 20;
    }
    .nav.active{
        transform: translateX(0px);
        opacity: 1;
        visibility: visible;
    }
    .logo{
        position: relative;
        z-index: 50;
    }
    .nav ul{
        display: block;
    }
    .nav ul li:not(:last-child){
        margin: 0 0 25px 0px;
    }
    .nav ul li a{
        display: inline-block;
        font-size: 16px;
    }
    .b-mobile{
        z-index: 100;
    }
    .promo .container{
        position: relative;
        z-index: 2;
    }
    .promo:after{
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.40);
        z-index: 1;
    }
    .promo__title {
        font-size: 78px;
    }



    .info .container{
        position: relative;
        z-index: 2;
    }
    .info:after{
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.40);
        z-index: 1;
    }



    .desc__icons img{
        max-width: 100px;
    }
    .desc__img{
        max-width: 290px;
    }
    .desc__img img{
        max-width: 290px;
    }

    .block__title{
        font-size: 28px;
    }
    .block__sub{
        font-size: 24px;
    }
    .block__sub br{
        display: none;
    }
    .block{
        padding: 60px 0;
        min-height: inherit;
    }

    .bottom{
        background: #fff;
    }
    .bottom__title{
        font-size: 30px;
    }

    .footer__logo{
        margin: 0 0 30px 0;
    }
    .footer__top{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 0 30px 0;
    }
    .footer__contacts{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .footer__contacts-item:not(:last-child){
        margin: 0 0 15px 0;
        text-align: center;
    }
    .desc__main{
        font-size: 40px;
    }
    .aboutBlock__row img{
        max-width: 110px;
        margin: 0 10px 0 0;
    }
    .aboutBlock__title{
        font-size: 26px;
    }
    .aboutBlock__row p{
        font-size: 16px;
    }
    .aboutBlock{
        padding: 60px 0;
    }



    .b-order-title {
        font-size: 40px;
    }
    .b-order-top__number{
        font-size: 24px;
    }
    .b-order-top{
        margin: 0 0 20px 0;
    }
    .b-order-top p{
        font-size: 16px;
        margin: 0 0 20px 0;
    }
    .b-order__date{
        margin: 20px 0 0 0;
    }
    .b-order{
        padding: 40px 0;
    }
    .b-order-top__ico img{
        max-width: 50px;
    }
    .order__left-wrap{
        padding: 15px 15px;
    }
    .order__map{
        height: auto;
    }
    .b-order-right__wrap{
        padding: 30px 15px;
    }
    .b-order-bottom{
        padding: 30px 15px;
    }
    .order__left-edit{
        padding: 15px 15px;
    }
    .b-order-top__cancelled .b-order-title{
        margin: 0 0 15px 0;
    }
    .b-order-top__cancelled p{
        font-size: 14px;
    }
    .b-order__date-row .b-select{
        width: 86px;
        padding: 0 8px;
        background-position: center right 7px;
    }
    .b-order__date-row .b-select_month {
        width: 108px;
    }
    .b-order__date-row .b-select:not(:last-child){
        margin: 0 5px 0 0;
    }
    .b-order_questions.save{
        flex-wrap: wrap;
    }
    .b-order_questions.save .b-order__radio{
        margin: 5px !important;
    }
    .b-order.save .b-order__date{
        margin: 20px 0 0 0;
    }
    .order__left-top{
        font-size: 24px;
    }
    .b-order-content_edit .b-order-right__wrap{
        padding: 30px 15px;
    }

}
@media (max-width: 549px) {
    .contactsBlock__wrapper{
        background-image: none;
    }
    .b-edit__row{
        display: block;
        margin: 0 0 10px 0;
    }
    .b-edit__row-text{
        width: auto;
        margin: 0 0 5px 0;
        display: block;
    }
}
@media (max-width: 424px) {
    .order__left-item{
        width: 100%;
    }
}
@media (max-width: 389px) {
    .container{
        padding: 0 15px;
    }
    .nav{
        padding: 100px 15px 46px 15px;
    }

}