@media print, (max-width: 1023px) {
 
    header {
        background-size: cover;
    }
    header .mob_menu_btn {
        display: flex;
        order: 1;
    }
    header .menu {
        position: fixed;
        z-index: 666;
        top: 0;
        left: 0;
        display: flex;
        overflow: auto;
        width: 100%;
        height: 100%;
        min-height: -moz-available;
        min-height: -webkit-fill-available;
        min-height:         fill-available;
        margin: 0;
        padding: 113px 22px 57px;        
        transition: transform .3s linear;
        transform: translateX(-100%);
        background: #000;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;
        flex-wrap: wrap;
    }
    header .menu.show {
        transform: translateX(0);
    }
    header .close_btn {
        display: flex;
    }
    .menu_open header .mob_menu_btn {
        display: none;
    }
    header .menu .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px;
        text-align: center;
    }
    header .menu .item + .item {
        margin-left: 0;
    }
    .mob_menu_btn.active span:before {
        top: 0;
        transform: rotate(45deg);
    }
    .mob_menu_btn.active span:after {
        top: 0;
        transform: rotate(-45deg);
    }
    .menu_open header {
        background: #2A292F;
    }
    header .close_btn {
        display: none;
    }
    .menu_open header .close_btn {
        display: block;
        top: 60px;
        right: 20px;
        z-index: 999;
        position: absolute;
    }

    .header_wrap .btn {
        margin-right: 60px;
        margin-left: auto;
    }

    .block {
        padding: 50px 0;
    }

    .header_title {
        font-size: 56px;
    }
    .header_text {
        font-size: 20px;
    }
    .about_info {
        margin-left: 0;
    }
    .work_item-labels {
        flex-wrap: wrap;
    }
    .work_item-labels > * {
        width: calc(100%/2 - 6px);
    }
    .map_wrap {
        width: 300px;
        height: 477px;
    }
    .map_items {
        width: calc(100% - 327px);
        padding: 25px;
    }
    .callback form {
        padding: 25px 20px;
        width: 350px;
        flex-shrink: 0;
    }
    .callback form .line {
        flex-direction: column;
    }
    .callback_wrap {
        gap: 20px;
    }
    .callback_info {
        width: calc(100% - 370px);
    }
    .callback form button {
        width: 100%;
    }
    .callback form .line .field input {
        width: 100%;
    }
    .about {
        background: linear-gradient(104.87deg, #000000 41.74%, rgba(0, 0, 0, 0.3) 95.02%), url(../images/about_bg.png);
        background-size: cover;
    }





}