@media print, (max-width: 1023px) {
 
    :root {
        --font_size: 16px;
        --font_size_title: 40px;
    }
    header .mob_menu_btn {
        display: flex;
        flex-shrink: 0;
        order: 1;
    }
    header .menu {
        position: fixed;
        z-index: 107;
        right: 100%;
        top: 0px;
        display: flex;
        overflow: auto;
        width: 100%;
        height: calc(100% - 110px);
        min-height: -moz-available;
        min-height: -webkit-fill-available;
        min-height:         fill-available;
        margin: 0;
        padding: 270px 20px 20px;
        transition: transform .3s linear;
        background: #fff;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;
        flex-wrap: wrap;      
        overscroll-behavior: none;  
    }
    header .menu.show {
        transform: translateX(100%);
    }
    .menu_open header .mob_menu_btn{
        display: none;
    }
    .menu_open header .close_btn {
        display: flex;
        z-index: 120;
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: 0;
        width: 28px;
        height: auto;
        background: #fff;

    }
    header .menu .item {
        width: 100%;
    }
    header .menu .item + .item {
        margin-left: 0;
    }
    .mob_menu_btn span {
        position: relative;
        display: block;
        width: 30px;
        height: 2px;
        transition: background .2s linear;
        background: #000; 
    }
    .mob_menu_btn span:before, 
    .mob_menu_btn span:after {
        position: absolute;
        top: -8px;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        content: '';
        transition: .2s linear;
        background: #000;
    }
    .mob_menu_btn span:after {
        top: 8px;
    }
    .mob_menu_btn.active span {
        background: transparent;
    }
    .mob_menu_btn.active span:before {
        top: 0;
        transform: rotate(45deg);
    }
    .mob_menu_btn.active span:after {
        top: 0;
        transform: rotate(-45deg);
    }

    header .logo-mob {
        display: block;
        margin-right: 20px;  
        padding-right: 10px;
        border-right: 1px solid #EFEFEF;     
    }
    .header-phone {
        margin-right: 30px;
        margin-left: auto;
        color: #4B4B4B;
    }
    header .menu .cont {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    header .menu .item {
        margin-right: 0;
    }
    header .menu .item a {
        display: block;
        text-align: start;
        margin-right: 0;
    }
    .header-phone_mob {
        display: block;
        padding: 23px 0 24px;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        color: #262626;
        text-decoration: none;
    }
    header .menu .first-section_btn-mob {
        display: flex;
        width: 335px;
    }
    header .menu .item > a {
        font-weight: 700;
        font-size: 34px;
        line-height: 41px;
        text-align: center;
        text-transform: uppercase;
        color: #212121;
        margin-bottom: 73px;
    }
    .header_contacts {
        margin-left: auto;
    }
    .header_contacts-phone {
        font-size: 30px;
        line-height: 36px;
    }

    .benefits_items > * {
        width: calc(100%/2 - 20px);
    }
    .object_items > * {
        width: calc(100%/2 - 20px);
    }
    .about_wrap {
        flex-direction: column-reverse;
    }
    .about_img {
        margin-right: 0px;
        width: 100%;
        height: auto;
    }
    .about_img img {
        width: 100%;
    }
    .about_link {
        margin: 40px auto 0;
    }
    .callback_img {
        display: none;
    }
    .callback_form {
        margin: 0 auto;
    }
    footer .cont {
        flex-direction: column;
    }
    footer .menu {
        margin-top: 25px;
        justify-content: center;
        width: 100%;
    }
    footer .menu .item:last-child a {
        margin-right: 0;
    }
    .cont{
        padding: 0 40px;
    }
    header .mob_menu_btn {
        margin-left: 20px;
    }
    .header_contacts-bottom {
        margin-top: 13px;
    }
    .first-section_title {
        font-size: 32px;
        line-height: 38px;  
    }
    .first-section_info {
        padding: 61px 49px 86px;
    }
    .benefits {
        margin-top: 60px;
    }
    .benefits_item-icon {
        margin-bottom: 21px;
    }
    .benefits_item {
        padding: 37px 31px;
    }
    .benefits_items {
        margin-bottom: -49px;
    }
    .benefits_items > * {
        margin-bottom: 49px;
    }
    .object {
        padding: 50px 0;
    }
    .about_title {
        margin-bottom: 27px;
    }
    .about_info {
        margin-right: 0;
        margin-top: 25px;
    }
    .reviews {
        padding: 30px 0 70px;
    }
    .reviews_title {
        margin-bottom: 25px;
    }
    .reviews .swiper-button-prev3 {
        bottom: 72%;
    }
    .reviews .swiper-button-next3 {
        bottom: 72%;
    }
    .callback {
        background-position: center 79%;
        padding: 73px 0 0px;
    }
    .license {
        padding: 36px 0 70px;
    }
    .license_title {
        margin-bottom: 29px;
    }
    .accordion {
        padding: 123px 0 97px;
    }
    .accordion_item-head {
        padding: 20px 35px 20px 20px;
    }
    .accordion_item-title {
        font-size: 18px;
        line-height: 20px;
    }
    .menu_open .header_contacts {
        margin-top: 0;
    }
   
    .fixed .header_contacts{
        display: none;
    }   

    .fixed .header_logo img{
        width: 100px;
    }

    header.fixed .mob_menu_btn img{
        width: 50px;
    }

    header .mob_menu_btn img{
        transition: 0.3s;
        width: auto;
    }

    .header_logo img{
        width: 162px;
        transition: 0.3s;
    }

    .footer_mail{
        justify-content: center;
        margin-top: 22px;
    }
    
}