@media screen and (max-width: 1024px){
    /* header.main{
        height: 200px;
    } */
    body.lock{
        overflow: hidden;
        padding-right: var(--na-scrollbar-width, 0px);
    }
    .headerbanner_wrap{
        margin-top: -240px;
    }
    #menu .nav > li > a{
        text-align: center;
    }
    .header_burger{
        display: block;
    }
    .header_nav{
        display: none;
    }
    .header_soc,
    .header_lang{
        margin-left: unset;
    }
    header.active,
    header.sub.active,
    header.main.main_fixed.active,
    header.contactss.contacts_fixedd.active,
    header.sub.sub_fixed.active{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: black !important;
        z-index: 99999;
    }
    header.active,
    header.sub.active{
        padding: 15px 0;
    }
    .header_nav.active{
        display: flex;
    }
    .container{
        height: 100%;
    }
    .header_wrap.active{
        flex-direction: column;
    }
    .header_lang.active{
        position: absolute;
        top: 15px;
        right: 15px;
    }
    .header_logo.active{
        margin-right: 0;
    }
    .header_nav-wrap.active{
        flex-direction: column;
        align-items: center;
    }
    .footer_social-list.active{
        width: 100%;
    }
    .header_contacts.active{
        margin-left: unset;
        justify-content: center;
    }
    .header_burger.active span.first{
        top: calc(50% - 2px);
        transform: rotate(45deg);
        transition: 0.2s;
    }
    .header_burger.active span.second{
        right: -5000px;
        transition: 0.2s;
    }
    .header_burger.active span.thirth{
        transition: 0.2s;
        bottom: calc(50% - 2px);
        transform: rotate(-45deg);
    }
}