@media screen and (min-width:1024px) {
    .content .left-menu-wr {
        position: inherit;
        position: -webkit-sticky;
        top: 90px
    }
}

@media (min-width:1024px) and (max-width:1227px) {
    .header-wr .header-bottom {
        width: 100% !important;
        padding: 0 1rem
    }
}

@media (min-width:992px) and (max-width:1023px) {
    #top-basket {
        margin-top: 23px
    }
}

@media (min-width:992px) and (max-width:1227px) {
    .header-wr .header-bottom .logo {
        margin: 35px 15px 0 0 !important
    }

    .header-search {
        margin: 43px 0 0 !important
    }

    .header-search input[name=q] {
        width: 250px !important
    }

    .header-wr .header-bottom .header-phones {
        margin-top: 35px !important
    }

    .main-menu>li>span,
    .outer-block .main-menu>li>a {
        font-size: 14px !important
    }

    .footer-wrapper .footer-top-wr .footer-top .address,
    .footer-wrapper .footer-top-wr .footer-top .phones {
        float: initial !important;
        width: 20% !important;
        margin-right: 0 !important
    }

    .footer-top-menu-wr {
        float: initial !important;
        width: 50% !important;
        margin-left: 0 !important
    }
}

@media screen and (max-width:991px) {

    .address-item,
    .open-filter,
    .phones-item {
        display: flex;
        align-items: center
    }

    .address-item br,
    .phones-item br {
        display: none !important
    }

    .address-item .icon,
    .phones-item .icon {
        margin-right: 1rem
    }

    .text_error {
        background: 0 0 !important;
        padding: 0 !important
    }

    .advantages-inner .advantages {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-flow: row wrap
    }

    .advantages-inner .advantages>div {
        float: initial !important;
        width: calc((100%/2) - 10px) !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .open-filter svg {
        width: 25px
    }

    .sort_display {
        padding-left: 10px;
        justify-content: space-between;
        margin-bottom: 1rem
    }

    .bx-filter {
        position: fixed;
        top: 0;
        z-index: 9999;
        height: 100%;
        overflow-y: scroll;
        left: 150vw;
        width: 100%;
        transition: .5s ease-in-out
    }

    .bx-filter.show {
        left: 0
    }

    .bx-filter-close {
        background-image: url("data:image/svg+xml, %3Csvg width='25' fill='%23000' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 371.23 371.23' style='enable-background:new 0 0 371.23 371.23;' xml:space='preserve'%3E%3Cpolygon points='371.23,21.213 350.018,0 185.615,164.402 21.213,0 0,21.213 164.402,185.615 0,350.018 21.213,371.23 185.615,206.828 350.018,371.23 371.23,350.018 206.828,185.615 '/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") !important;
        margin: 1rem 1rem 1rem auto;
        box-sizing: border-box;
        border-top: none !important;
        border-bottom: none !important;
        width: 25px;
        height: 25px
    }

    table {
        display: block;
        overflow-x: scroll
    }

    .mobile-basket {
        display: block;
        position: fixed;
        top: 30%;
        right: 0;
        z-index: 99;
        background: #fff;
        padding: .75rem;
        box-shadow: 0 0 15px 0 rgba(50, 50, 50, .5)
    }

    .mobile-basket a {
        position: relative
    }

    .basket-small a .basket-quantity {
        position: absolute;
        left: 20px;
        bottom: 10px;
        width: 20px !important;
        height: 20px !important;
        line-height: 15px !important
    }


}

@media (min-width:768px) and (max-width:991px) {

    .header-callback,
    .header-phones {
        position: relative !important;
        width: 50%;
        top: 0 !important;
        float: initial !important
    }

    body .header-wr .header-top-wr.show {
        left: 0;
        transition: .5s ease-in-out
    }

    .header-top.dn_mobil {
        width: 100% !important
    }

    .dropdown-menu,
    .header-search__label,
    .header-wr .header-bottom .header-callback .callback .icon,
    .main-menu .dropdown-menu-vertical,
    .main-menu .dropdown-submenu-vertical {
        display: none !important
    }

    .header-search {
        margin: 0 !important
    }

    .header-callback .b_header_mobile__basket,
    .header-callback .b_header_mobile__compare {
        top: initial !important;
        bottom: 0 !important
    }

    .header-wr .header-bottom .header-callback {
        order: 5;
        width: 50% !important;
        padding: 0 10px 10px;
        margin-top: 0;
        padding-bottom: 2rem !important
    }

    .header-wr .header-bottom .header-callback .callback {
        width: 100% !important;
        top: initial !important;
        left: -55vw !important;
        margin-left: 0 !important;
        bottom: 0 !important;
        margin-bottom: 0 !important
    }

    .main-menu>li>span,
    .outer-block .main-menu>li>a {
        height: 45px !important
    }

    .footer-top-menu-wr {
        margin: 0 0 1rem;
        margin-left: 0 !important;
        width: 100%;
        display: flex
    }

    .f_text_error,
    .footer-top-menu-wr ul {
        float: initial !important;
        margin: 0 !important
    }

    .footer-wrapper .footer-top-wr .footer-top .address {
        order: 1;
        width: 70%;
        margin-right: 0 !important
    }

    .footer-wrapper .footer-top-wr .footer-top .phones {
        order: 2;
        width: 30%
    }

    .footer-wrapper .footer-top-wr .footer-top {
        -ms-align-items: flex-start;
        align-items: flex-start
    }

    .footer-top-menu-wr ul {
        width: calc(100% / 4) !important
    }

    .m-menu {
        width: 35px;
        height: 25px;
        position: relative;
        transform: rotate(0);
        transition: .5s ease-in-out;
        cursor: pointer
    }

    .m-menu span {
        display: block;
        position: absolute;
        height: 5px;
        width: 100%;
        background: #144f7d;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        transform: rotate(0);
        transition: .25s ease-in-out
    }

    .m-menu span:first-child {
        top: 0;
        transform-origin: left center
    }

    .m-menu span:nth-child(2) {
        top: 10px;
        transform-origin: left center
    }

    .m-menu span:nth-child(3) {
        top: 20px;
        transform-origin: left center
    }

    .m-menu.open span:first-child {
        transform: rotate(45deg);
        top: -3px;
        left: 8px
    }

    .m-menu.open span:nth-child(2) {
        width: 0%;
        opacity: 0
    }

    .m-menu.open span:nth-child(3) {
        transform: rotate(-45deg);
        top: 22px;
        left: 8px
    }

    .header-bottom {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-flow: row wrap;
        margin-bottom: 1rem !important
    }

    .catalog-content {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 30px
    }

    .catalog-item {
        height: auto;
        margin-bottom: 1rem
    }

    .header-top {
        text-align: center
    }

    .header-top-menu {
        display: inline-block
    }

    .header-top-menu li {
        font-size: 15px !important
    }
}

@media screen and (max-width:767px) {
    .main-menu li.active .dropdown-menu-vertical {
        left: 0;
        background: #00558c;
        height: 100%;
        overflow-y: hidden
    }

    .main-menu .dropdown-menu-vertical li.mobile-close,
    i.mobile-close {
        display: block;
        background-image: url("data:image/svg+xml, %3Csvg width='25' fill='%23fff' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 371.23 371.23' style='enable-background:new 0 0 371.23 371.23;' xml:space='preserve'%3E%3Cpolygon points='371.23,21.213 350.018,0 185.615,164.402 21.213,0 0,21.213 164.402,185.615 0,350.018 21.213,371.23 185.615,206.828 350.018,371.23 371.23,350.018 206.828,185.615 '/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
        margin: 1rem 1rem 1rem auto;
        box-sizing: border-box;
        border-top: none !important;
        border-bottom: none !important;
        width: 25px;
        height: 25px
    }

    .footer-top-menu-wr ul li,
    body .content {
        width: 100% !important
    }

    .main-menu .dropdown-menu-vertical li {
        border-top: 1px solid #0064a4 !important
    }

    .main-menu .mobile-menu+a:hover {
        background: #000 !important
    }

    .main-menu li>.dropdown-menu-vertical li.active>.dropdown-submenu-vertical {
        left: 0;
        height: 100%
    }

    .arrow-back {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' fill='%23fff' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 490 490' style='enable-background:new 0 0 490 490;' xml:space='preserve'%3E%3Cpolygon points='410.312,454.729 151.767,244.996 410.312,35.271 381.693,0 79.688,244.996 381.693,490 '/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
        width: 25px;
        height: 25px;
        margin-right: 1rem
    }

    .menu-back,
    .menu-back span {
        display: flex !important;
        align-items: center
    }

    i.mobile-close {
        margin: 0 0 0 auto
    }

    body .content {
        padding: 0 10px !important
    }

    .bestseller-item.slick-slide .item-image {
        width: 40% !important
    }

    .bestseller-item.slick-slide .item-text {
        width: 60% !important
    }

    .bestsellers .bestsellers-items .bestseller-item.slick-slide {
        display: inline-block !important;
        float: left
    }

    .bestsellers .bestsellers-items .bestseller-item .item-price {
        padding: 10px !important;
        height: 50px !important
    }

    .footer-wrapper {
        font-size: 14px !important
    }

    .content-inner .bx-breadcrumb {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        display: flex
    }

    .content-inner .bx-breadcrumb::-webkit-scrollbar {
        width: 10px;
        height: 4px
    }

    .content-inner .bx-breadcrumb::-webkit-scrollbar-thumb {
        background-color: #ddd;
        border-radius: 10px
    }

    .address,
    .phones {
        width: 100%
    }

    .social-icons {
        justify-content: flex-start
    }

    .social-icons a {
        margin-right: 1rem !important
    }

    .footer-top-menu-wr {
        justify-content: space-between;
        margin-top: 0;
        margin-bottom: 2rem
    }

    .footer-top-menu-wr ul {
        width: calc(100% / 2);
        margin-right: 0 !important
    }

    .address {
        order: 1
    }

    .phones {
        order: 2
    }

    ul.ul-marker li {
        padding: 0
    }

    .about-main .content {
        margin-top: 0 !important
    }
}

@media screen and (max-width:374px) {
    .footer-top-menu-wr ul {
        width: 100%
    }
}