.mobile-nav {
    display: none;
}

@media (max-width: 767px) {
    .no-scroll {
        position: fixed;
        width: 100%;
        z-index: 10000000000;
    }
    .main-container {
        padding-top: 64px;
    }
    .section_center {
        margin-top: 30px;
    }
    .aside_left {
        margin-top: 20px;
    }
    aside .link_aside {
        background-color: #f63c2f;
        padding: 15px 20px;
    }
    aside .link_aside:after {
        background-image: url(/images/arrow.png);
    }
    aside .menu {
        margin-top: 0;
    }
    header {
        padding: 0;
        box-shadow: none;
    }
    header .sector {
        flex-direction: column-reverse;
        align-items: unset;
        align-content: unset;
    }
    header .sector_flex {
        margin-top: 0;
    }
    header .mob_menu_link {
        display: none;
    }
    header .menu {
        position: static;
        display: block;
    }
    .poloska {
        display: none !important;
    }
    .mobile-nav-shadow {
        position: fixed;
        display: none;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0,.6);
        z-index: 999;
    }
    .mobile-nav-shadow.is-active {
        display: block;
        animation: fadeIn .3s;
    }
    .mobile-nav {
        display: block;
        background-color: #164778;
        border-bottom: 2px solid #2e5a86;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        min-width: 320px;
        z-index: 2002;
    }
    .mobile-nav__list {
        display: -ms-flexbox;
        display: flex;
    }
    .mobile-nav__item {
        -ms-flex: 0 0 60px;
        flex: 0 0 58px;
    }
    .mobile-nav__item:not(:last-child) {
        border-right: 2px solid #2e5a86;
    }
    .mobile-nav__item_logo {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }
    .mobile-nav__logo {
        height: 62px;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 10px 0 20px;
        max-width: 160px;
    }
    .mobile-nav__link {
        color: #fff;
        height: 62px;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .mobile-nav__link.is-open {
        background-color: #2e5a86;
    }
    .mobile-nav__basket {
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }
    .mobile-nav__basket-count {
        background-color: #f63c2f;
        border-radius: 50%;
        color: #fff;
        font-size: 9px;
        font-weight: 700;
        height: 18px;
        line-height: 18px;
        padding: 0 2px;
        position: absolute;
        right: -10px;
        top: -10px;
        min-width: 18px;
        text-align: center;
    }
    .menu-burger {
        display: block;
        position: relative;
        overflow: hidden;
        padding: 5px;
        margin-left: -5px;
        cursor: pointer;
    }

    .menu-burger.active:before {
        animation: slideLeft .2s 50ms ease-out forwards;
    }

    .menu-burger.active:after {
        animation: slideRight .2s 50ms ease-out forwards;
    }

    .menu-burger.active .menu-burger__bar {
        animation: rotate45 .2s ease-out forwards;
    }

    .menu-burger.active .menu-burger__bar:last-child {
        animation: rotate135 .2s .2s ease-out forwards;
    }

    .menu-burger.back:before {
        transform: translateX(-120%);
        animation: slideBack .2s 50ms ease-out forwards;
    }

    .menu-burger.back:after {
        transform: translateX(120%);
        animation: slideBack .2s 50ms ease-out forwards;
    }

    .menu-burger.back .menu-burger__bar {
        transform: rotate(-45deg);
        animation: rotateBack .2s ease-out forwards;
    }

    .menu-burger.back .menu-burger__bar:last-child {
        transform: rotate(-135deg);
        animation: rotateBack .2s .2s ease-out forwards;
    }

    .menu-burger:after, .menu-burger:before {
        content: '';
        display: block;
        width: 18px;
        height: 2px;
        background: #fff;
    }

    .menu-burger .menu-burger__bar {
        display: block;
        width: 18px;
        height: 2px;
        background: #fff;
        margin: 5px 0;
    }

    .menu-burger .menu-burger__bar:last-child {
        opacity: 0;
        transform: rotate(-45deg);
        position: absolute;
        top: 7px;
    }

    @keyframes rotate135 {
        from {
            opacity: 1;
            transform: rotate(-45deg);
        }
        to {
            opacity: 1;
            transform: rotate(-135deg);
        }
    }

    @keyframes rotate45 {
        to {
            transform: rotate(-45deg);
        }
    }

    @keyframes rotateBack {
        to {
            transform: rotate(0);
        }
    }

    @keyframes slideRight {
        to {
            transform: translateX(130%);
        }
    }

    @keyframes slideLeft {
        to {
            transform: translateX(-130%);
        }
    }

    @keyframes slideBack {
        to {
            transform: translateX(0);
        }
    }
    @keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}

    .top_line {
        display: none;
    }
    .top_line.is-open {
        background-color: #164778;
        height: 100vh;
        overflow: auto;
        padding-bottom: 150px;
        display: block;
        position: fixed;
        left: 0;
        top: 64px;
        z-index: 2001;
        width: 100%;
        animation: slideInRight .3s;
    }
    .top_line .cont {
        padding: 0;
    }
    header .menu {
        background-color: transparent;
        padding: 10px 0 0;
    }
    header .menu > li > a {
        padding: 0 20px;
    }
    header .menu > li > a:hover {
        text-decoration: none;
    }
    header .menu > li > a.openSub:after {
        right: 20px;
    }
    header .menu > li > ul {
        position: static;
        width: 100%;
        transform: translateX(0);
    }
    header .city {
        margin-left: 20px;
        line-height: 30px;
    }
    header .city:before {
        top: 16px;
    }
    header .city .mini_modal {
        position: static;
    }
    header .city .mini_modal:before {
        display: none;
    }
    .header_cont {
        display: none;
    }
    .header_cont.is-open {
        background-color: #fff;
        box-shadow: 0 5px 5px rgba(0,0,0,.05);
        display: block;
        position: fixed;
        left: 0;
        top: 64px;
        z-index: 2001;
        width: 100%;
        animation: slideInDown .3s;
        padding: 20px;
    }
    .header_cont .logo,
    .header_cont .call {
        display: none;
    }
}