@media print,
(max-width: 1023px)
{
    /*------------
        Header
    ------------*/
    header .mob_menu_btn
    {
        display: flex;
    }


    header .menu
    {
        position: fixed;
        z-index: 10;
        top: 0;
        right: 100%;

        align-content: flex-start;
        align-items: flex-start;
        flex-direction: column;

        width: 325px;
        max-width: 100%;
        height: 100%;
        margin: 0;
        padding: calc(var(--cont_padding) * 5) var(--cont_padding) var(--cont_padding);

        transition: transform .3s linear;

        color: var(--text_color);
        background: #fff;

        gap: var(--cont_padding);
    }


    header .menu.show
    {
        transform: translateX(100%);
    }


    header .menu .close_btn
    {
        display: block;
    }


    header .menu_item > a
    {
        font-size: 18px;
    }



    /*-------------------
        First section
    -------------------*/
    .first_section .image
    {
        right: -732px;
    }


    .first_section .image img
    {
        min-width: 800px;
    }


    .first_section .items
    {
        gap: calc(var(--cont_padding) * 2) var(--cont_padding);
    }


    .first_section .items > *
    {
        width: 206px;
    }



    /*--------------
        Services
    --------------*/
    .services .row
    {
        margin-left: 0;
    }


    .services .row > *
    {
        width: 100%;
        margin-left: 0;
    }


    .services .item
    {
        align-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }


    .services .item .icon
    {
        width: 60px;
        height: 60px;
    }


    .services .item .name
    {
        align-self: center;

        width: calc(100% - 84px);
        padding: 0;

        border: none;
    }


    .services .item .desc
    {
        width: 100%;
        padding-top: 20px;

        border-top: 1px solid rgba(15, 44, 48, .1);
    }



    /*-------------------
        Contacts info
    -------------------*/
    .contacts_info .data
    {
        width: 100%;
    }


    .contacts_info .map
    {
        width: 100%;
        height: 480px;
        margin-top: var(--block_offset);
    }



    /*------------------
        Bottom links
    ------------------*/
    .bottom_links:before
    {
        display: none;
    }


    .bottom_links .item
    {
        font-size: 20px;
    }


    .bottom_links .item .icon
    {
        height: 64px;
    }



    /*----------------
        About info
    ----------------*/
    .about_info .boss .info
    {
        width: calc(100% - 244px);
    }


    .about_info .boss .image
    {
        width: 220px;
    }



    /*----------------
        Advantages
    ----------------*/
    .advantages .info .desc
    {
        font-size: 20px;
    }


    .advantages .info .image
    {
        right: -120px;
        bottom: -40px;

        width: 564px;
        height: 348px;
    }


    .advantages .grid .top
    {
        align-content: stretch;
        align-items: stretch;
    }


    .advantages .grid .col,
    .advantages .grid .item1
    {
        width: 292px;
    }


    .advantages .grid .item2,
    .advantages .grid .item3
    {
        width: calc(100% - 316px);
    }


    .advantages .grid .item .icon
    {
        height: 64px;
    }


    .advantages .grid .item3 .icon
    {
        height: 148px;
    }
}