@media screen and (min-width: 1201px) and (max-width: 1630px){
    .c-site-header{
        padding: 0 2% 0 3%;
    }
    .c-site-header__logo {
        margin-right: 15px;
    }
}
@media screen and (max-width: 1530px){ 
    .c-logo__img{
        height: 25px;
    }
    .c-logo::before{
        left: 10px;
    }
    .c-logo::after{
        right: 8px;
    }
    .c-logo::after, 
    .c-logo::before { 
        width: 4px;
        height: 4px; 
    }   
}
@media screen and (min-width: 1201px) and (max-width: 1530px){
    .c-site-header{
        padding: 0 2%;
    } 
    .c-site-header .c-menu__container{ 
        min-height: 78px;
    }
    .c-site-header .c-menu__item{
        text-align: center;
        max-width: 122px;
        padding: 5px 7px;
        margin: 0 2px;
    }
    body.u-has-static-notification .c-site-notification_static{
        margin-bottom: 80px;
    }
}
@media screen and (max-width: 1400px){
    .c-live-chat-button{
        position: static;
        width: 45px;
        height: 45px; 
    }
    .c-site-header{
        padding: 0 23px;
    }
    .c-site-header__logo{
        margin-right: 10px;
    }
}
@media screen and (max-width: 1200px){
    .u-wrapper{
        width: 93%;
    } 
    .c-site-header {
        padding: 0 3.5%;
    }    
    .c-site-header .c-menu__container{
        display: block;
    }
    .c-site-header__logo{
        margin-right: 0;
        margin-left: 7px;
    }
    .c-menu__parent,
    .c-menu_static .c-menu__sub{
        width: 100%;
        display: block;
    }
    .c-menu_static .c-menu__sub{
        white-space: nowrap;
        overflow: auto;
        margin-bottom: 25px;
    }
    .c-menu_static .c-menu__parent .c-image-link{
        width: 250px; 
    }
    .c-menu_static .c-image-link_bordered{
        margin-bottom: 0;
    }
    .c-menu_static .c-image-link_bordered::after{
        display: none;
    }
    .c-site-footer__navs{
        padding-left: 100px;
    }
    body.u-has-static-notification .c-site-notification_static{
        margin-bottom: 45px;
    } 
    .c-menu__container{
        background-color: #EBEAEB;
        border-radius: 15px;
        padding: 15px 10px;
        margin: 40px 10px 0 10px;
    }
    .c-menu__sub{
        border-radius: 15px;
        left: 100%;
        top: 0;
        bottom: 0;
    }
    #site-main-menu{
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        background: #fff;
        padding: 5px 0;
        box-shadow: 0px 8px 10px #ccc;
        transform: translate(-110%, 0);
        transition: all 350ms;
        width: 100%;
        z-index: 99;
    }
    #site-main-menu .c-menu__item,
    #site-main-menu .c-menu__parent{
        display: block; 
        padding: 15px 10px;
    } 
    #site-main-menu .c-menu__close{
        position: absolute;
        left: 20px;
        top: 11px;
        display: block;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
        background: url('../images/icon-menu-close.svg') no-repeat center center;
        background-size: 23px;
    }
    #site-main-menu .c-menu__sub_active{
        display: block;
        width: calc(100% + 40px); 
        top: -33px;
        margin-top: 49px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        overflow: auto;
        height: 80vh;
        z-index: 100;
        background-color: #fff;
    }
    #site-main-menu .c-menu__parent .c-menu__item{
        padding: 0;
    }
    #site-main-menu .c-menu__item{
        font-size: 20px;
    }
    body.is-menu-active{
        overflow: hidden;
        height: 100vh;
        position: relative;
    }
    body.is-menu-active::after{
        content: "";
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: #fff;
        z-index: 98;
    }
    body.is-menu-active .c-site-header__column_controls{
        position: fixed;
        right: 16px;
        top: 1px;
        z-index: 99; 
    }
    body.is-menu-active.is-menu-translated .c-site-header__column_controls{ 
        z-index: 98; 
    }
    body.is-menu-active .c-site-header .c-search-form{
        position: fixed;
    }
    body.is-menu-active #site-main-menu{
        transform: translate(0);
    }
    body.is-menu-active.is-menu-translated #site-main-menu{
        transform: translate(-100%, 0); 
    }
    body.is-menu-active.is-menu-translated #site-main-menu::after{
        content: "";
        display: block;
        background: #fff;
        position: absolute;
        top: 0;
        right: -100%;
        width: 100%;
        z-index: 99;
        height: 100%;
    }
    body.is-menu-active.is-menu-translated #site-main-menu .c-menu__sub::after{
        display: none;
    }
    body.is-menu-active.is-menu-translated #site-main-menu .c-menu__parent .c-image-link{
        width: 100%;
        margin: 0;
    }
    body.is-menu-active.is-menu-translated #site-main-menu .c-menu__back{
        position: absolute;
        top: -5px;
        left: 100%;
        width: calc(100% - 30px);
        z-index: 100;
        margin: 15px;
        display: block;
    }
    body.is-menu-active.is-menu-translated #site-main-menu .c-image-link_compact{
        padding-left: 30px;
        padding-right: 20px;
        font-size: 20px;
    }
    body.is-menu-active.is-menu-translated #site-main-menu .c-image-link img{
        width: 70px;
        height: 70px;
    }
    body.is-menu-active.is-menu-translated #site-main-menu .c-image-link_bordered::after { 
        bottom: 0px;
        left: 20px;
        right: 20px; 
    }
    .c-hamburger-button {
        cursor: pointer;
        width: 25px;
        height: 28px;
        background: none;
        border: none;
        padding: 0;
        position: relative;
        display: inline-block;
    } 
    .c-hamburger-button .hamburger,
    .c-hamburger-button .hamburger::before,
    .c-hamburger-button .hamburger::after {
        content: "";
        display: block;
        background: black;
        width: 100%;
        height: 2px;
        border-radius: 2px;
        position: absolute;
        left: 0;
        transition: all 300ms ease;
    } 
    .c-hamburger-button .hamburger {
        top: 50%;
        transform: translateY(-50%);
    } 
    .c-hamburger-button .hamburger::before {
        top: -7px;
    } 
    .c-hamburger-button .hamburger::after {
        top: 7px;
    } 
    body.is-menu-active .c-hamburger-button .hamburger {
        background: transparent;
    } 
    body.is-menu-active .c-hamburger-button .hamburger::before {
        transform: rotate(45deg);
        top: 0;
    } 
    body.is-menu-active .c-hamburger-button .hamburger::after {
        transform: rotate(-45deg);
        top: 0;
    }    
}