@media (max-width: 991px) {
    h1 {
        font-size: 24px;
        margin-bottom: 16px;
    }
    .heading h2 {
        font-size: 22px;
        margin-bottom: 0px;
    }
    .heading a {
        font-size: 12px;
    }
    header .top {
        padding: 0 20px;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
    header .top .job-work .title {
        display: none;
    }
    header .top .job-work .today {
        display: none;
    }
    header .top .job-work .times .item.first {
        display: none;
    }
    header .top .contacts .phones .item.first {
        display: none;
    }
    header .top .contacts .phones .item.m-first {
        display: inline-block;
    }
    header .top .contacts .phones > .items .icon {
        position: unset;
        display: block;
        margin-top: -2px;
    }
    header .top .job-work .times .icon {
        position: unset;
        width: 25px;
        height: 25px;
    }
    header .top .nav {
        padding: 0 10px 0 0;
        flex: 0 0 calc(100% - 78px);
        max-width: calc(100% - 78px);
        width: calc(100% - 78px);
    }
    header .top .job-work, header .top .contacts {
        flex: 0 0 34px;
        max-width: 34px;
        width: 34px;
        padding: 0 0 0 10px;
    }
    header .top .job-work {
        display: none;
    }
    header .top .user .text {
        display: none;
    }
    header .top .user {
        padding: 0 0 0 10px;
        flex: 0 0 34px;
        max-width: 34px;
        width: 34px;
    }
    header .top .user .icon {
        width: 24px;
        height: 24px;
        margin-right: 0px;
    }
    header .top .job-work .times .more-time {
        position: absolute;
        top: 40px;
        right: -13px;
        display: block;
        width: 200px;
    }
    header .top .contacts .phones .more-phone {
        position: absolute;
        top: 40px;
        right: -13px;
        display: block;
        width: 200px;
    }
    header .top .job-work .times .item .day {
        display: none;
    }
    header .top .job-work .times .item .short-day {
        display: inline;
    }
    header .top .job-work .times .item {
        padding: 10px 20px 10px 20px;
    }
    header .top .contacts .phones .item {
        padding: 10px 20px 10px 20px;
        min-width: unset;
    }
    header .top .nav li.more .more-popup {
        top: 56px;
        left: -5px;
    }
    header .top .nav .more-popup::before {
        left: 15px;
    }
    header .top .user .avatar {
        width: 25px;
        height: 25px;
    }
    header .top .user .avatar > span {
        font-size: 10px;
    }
    header .middle {
        background: #000;
        padding: 5px 20px;
    }
    .catalog-menu-container {
        width: 100%;
    }
    header .middle {
        justify-content: flex-start;
    }
    header .middle-wrap {
        border-radius: 0;
    }
    header .middle .nav {
        flex: 0 0 50px;
        max-width: 50px;
        width: 50px;
        padding: 0;
        border: 0;
        background: transparent;
        margin-right: 20px;
        border-radius: 0;
    }
    header .middle .logo {
        padding: 0 20px 0 0px;
        flex: 0 0 120px;
        max-width: 120px;
        width: 120px;
    }
    header .middle .nav .menu {
        flex-direction: column;
    }
    header .middle .nav .menu::after {
        content: 'Каталог';
        font-size: 7px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 500;

    }
    header .middle .nav .menu .text {
        font-weight: 400;
        margin-left: 0;
        font-size: 7px;
        display: none;
        padding: 5px 0 0;
    }
    header .middle .search {
        position: absolute;
        top: -57px;
        left: 0;
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        background: #fff;
        padding: 8px 0;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        z-index: 207;
    }
    header .middle .search.active {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    }
    header .middle .search .search-form input {
        border-radius: 0;
        background: #fff;
        padding: 10px 45px 10px 55px;
        color: var(--font-color);
        font-size: 14px;
    }
    header .middle .search .search-form button {
        background: #fff url(../images/search-gray.svg) 50% 50% no-repeat;
        background-size: 24px 24px;
        height: 43px;
        width: 43px;
        padding: 5px;
        left: 5px;
        top: -1px;
    }
    header .middle .search .search-form .m-search-close {
        display: block;
    }
    header .middle .search .search-form input::-webkit-input-placeholder {
        color: #999;
        font-size: 14px;
    }
    header .middle .search .search-form input:-ms-input-placeholder {
        color: #999;
        font-size: 14px;
    }
    header .middle .search .search-form input::-ms-input-placeholder {
        color: #999;
        font-size: 14px;
    } 
    header .middle .search .search-form input::placeholder {
        color: #999;
        font-size: 14px;
    }
    header .bottom {
        display: none;
    }
    .title-search-result {
        height: calc(100% - 51px);
        border: 0;
        border-radius: 0;
        padding: 0;
        overflow: hidden;
    }
    .title-search-result .search-title {
        height: 100%;
        padding: 10px 20px 30px;
        overflow: hidden;
        overflow-y: auto;
    }
    .title-search-result .search-title-result-item:last-child > div {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 101;
        background: var(--third-color);
        width: 100%;
        text-align: center;
    }
    .title-search-result .search-title-result-item:last-child > div a {
        display: inline-block;
        color: #fff;
        padding: 10px 20px;
    }
    header .middle .shop-action .icon.wishlist {
        display: none;
    }
    header .middle .logo a img {
        width: 100px;
        height: 30px;
    }
    header .middle .logo a > span {
        width: 75px;
        font-weight: 500;
        letter-spacing: 4px;
        margin-left: 10px;
    }
    .top-section h2 {
        margin: 0;
    }
    .m-hide {
        display: none;
    }
    .m-show {
        display: block;
    }
    .m-search {
        display: unset;
    }
    .basket-count {
        border-radius: 10px;
        font-size: 9px;
        padding: 3px 3px 3px 3px;
        line-height: 9px;
        min-width: 15px;
        height: 15px;
        top: -10px;
        right: -5px;
        text-align: center;
        font-weight: 500;
    }
    header .middle .shop-action {
        flex: 0 0 calc(100% - 190px);
        max-width: calc(100% - 190px);
        width: calc(100% - 190px);
        justify-content: flex-end;
    }
    header .middle .shop-action .action-link {
        margin-left: 22px;
        color: #fff;
    }
    header .middle .shop-action .action-link .text {
        display: none;
    }
    header .middle .shop-action .action-link .icon {
        display: block;
        width: 22px;
        height: 22px;
        padding: 0;
        margin: 0 auto 0;
        font-size: 22px;
        line-height: 22px;
    }
    #wishcount span {
        font-size: 9px;
        padding: 3px 4px 3px 4px;
        line-height: 9px;
        min-width: 15px;
        height: 15px;
        top: -10px;
        right: -5px;
    }
    .basket-line {
        width: 100%;
    }
    .basket-line-block {
        padding-left: 0px;
        margin-left: 0px;
        min-height: 32px;
    }
    .content-box {
        padding: 0 20px;
    }
    .breadcrumb {
        display: block;
        margin: 0 auto;
        padding: 15px 0 0;
        margin: 0 0px;
        width: calc(100% - 0px);
    }
    .breadcrumb > div {
        margin-right: 5px;
        font-size: 12px;
    }
    .breadcrumb-item a, .breadcrumb-item span {
        font-size: 10px;
    }
    .breadcrumb-item span {
        color: #9e9dbb;
    }
    .breadcrumb > div > .separator {
        color: var(--font-color);
        margin-right: 5px;
        padding: 0 0px;
    }
    .media-box {
        margin: 0 -20px;
    }
    .slider-box {
        flex: 0 0 calc(100% - 0px);
        max-width: calc(100% - 0px);
        width: calc(100% - 0px);
    }
    .swiper {
        margin-top: 0px;
        border-radius: 0;
    }
    .banner-img-box {
        display: none;
        flex: 0 0 calc(100% - 40px);
        max-width: calc(100% - 40px);
        width: calc(100% - 40px);
        padding: 0;
        margin: 30px 20px 30px;
    }
    .slider .box-slider {
        padding: 0 40px;
        flex-wrap: wrap;
        text-align: center;
    }
    .slider .box-slider > div {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        height: auto;
        padding: 20px;
    }
    .slider .title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .slider .sub {
        font-size: 14px;
        line-height: 20px;
    }
    .slider .link {
        margin-top: 25px;
    }
    .sidebar-box {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .products-box {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .products-panel {
        margin: 0 0 30px 0;
    }
    .products-wrap {
        padding-left: 0;
    }
    .show-number-block, .views-block {
        display: none;
    }
    .products-list .product-item {
        flex: 0 0 calc(100% - 30px);
        max-width: calc(100% - 30px);
        width: calc(100% - 30px);
        margin: 0 15px 15px;
        padding: 20px;
    }
    .brands-list {
        display: block;
        margin: 15px 0px;
    }
    .banners-brand-item {
        max-width: 200px;
        width: 200px;
        padding: 0;
        margin: 5px;
    }
    .news-list {
        display: block;
        margin: 30px 0px;
    }
    .news-item {
        max-width: 270px;
        width: 270px;
        padding: 15px;
        margin: 5px;
    }
    .news-item .image {
        flex: 0 0 80px;
        max-width: 80px;
        width: 80px;
        margin-left: 20px;
    }
    .news-item .text {
        flex: 0 0 calc(100% - 100px);
        max-width: calc(100% - 100px);
        width: calc(100% - 100px);
    }
    .swiper .swiper-slide {
        height: 450px;
    }
    .banners-slider-item .image {
        width: 100%;
        height: 306px;
    }
    .ads-section {
        margin-left: -20px;
        margin-right: -20px;
        padding: 0 20px;
        border-radius: 0px;
    }
    .ads-box {
        flex-wrap: wrap;
        align-items: flex-start;
        padding: 20px 0;
    }
    .ad-item {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
        padding: 10px 10px;
        flex-wrap: wrap;
    }
    .ad-item .image {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        height: 64px;
        padding-top: 0px;
        margin-right: 0;
        margin-bottom: 10px;
        justify-content: center;
    }
    .ad-item .box-ad {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .ad-item .title {
        font-size: 14px;
    }
    .top-section .left {
        flex: 0 0 calc(100% - 0px);
        max-width: calc(100% - 0px);
        width: calc(100% - 0px);
        padding-right: 0px;
    }
    .top-section .right {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        text-align: left;
        margin-top: 20px;
    }
    .top-section {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }
    .top-section-link {
        font-size: 12px;
    }
    .top-section .slogan {
        font-size: 18px;
        line-height: 18px;
    }
    .category-box .top-section .icon {
        flex: 0 0 50px;
        max-width: 50px;
        width: 50px;
        padding-right: 18px;
    }
    .category-box .top-section .left {
        flex: 0 0 calc(100% - 50px);
        max-width: calc(100% - 50px);
        width: calc(100% - 50px);
        padding-right: 0px;
    }
    .category-box .top-section .right {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        text-align: left;
        margin-top: 0px;
        padding-left: 50px;
    }
    .category-box .top-section .icon span {
        width: 32px;
        height: 32px;
    }
    .category-box .top-section .icon span svg {
        width: 32px;
        height: 32px;
    }
    .mini-product-box {
        margin-top: 30px;
    }
    .products-mini-list {
        display: block;
        margin: 0 0px;
    }
    .product-item-mini {
        flex: 0 0 200px;
        max-width: 200px;
        width: 200px;
        margin: 5px;
    }
    .properties-product {
        padding: 5px 0;
        line-height: 14px;
    }
    .product-item .product-price-old {
        font-size: 12px;
    }
    .product-item .product-price-current {
        font-size: 16px;
    }
    .product-slide-wrap {
        position: relative;
        margin: 0 0px;
    }
    .product-slide-wrap .product-slide {
        margin: 0 -5px;
    }
    .product-slide-prev {
        left: 0px;
    }
    .product-slide-next {
        right: 0px;
    }
    .product-slide .product-item {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
        width: calc(50% - 10px);
        margin: 10px 5px;
        padding: 10px;
    }











    .popular-cat {
        margin: 0 -10px;
    }
    .hits {
        margin: 20px -5px 0;
    }
    .hits .hits-box .product-item-card .product-item {
        padding: 15px 10px 0;
        box-shadow: 0px 0px 2px rgb(0 0 0 / 20%);
    }
    .hits .hits-box .product-item-card .product-item:hover {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .product-item-price-current {
        font-size: 16px;
    }
    .hits .product-block-flex {
        margin: 0 -10px;
    }
    .product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus {
        min-width: 22px;
    }
    .product-item .btn {
        padding: 7px 5px;
        font-size: 10px;
    }
    .banners-new {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        margin-right: 0;
    }
    .new-section {
        margin: 0;
        flex: 0 0 calc(100% - 0px);
        max-width: calc(100% - 0px);
        width: calc(100% - 0px);
    }
    .new {
        margin: -5px;
    }
    .new .new-box .product-item-card {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
        padding: 5px;
        border: 0;
    }
    .new .new-box .product-item-card .product-item {
        padding: 15px 15px 0;
        box-shadow: 0px 0px 2px rgb(0 0 0 / 20%);
    }
    .new .new-box .product-item-card .product-item:hover {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .product-block-flex {
        margin: 0 -15px;
    }
    .company-section {
        margin: 30px -20px;
        padding: 20px;
        border-radius: 0px;
    }
    .company-about {
        flex-wrap: wrap;
    }
    .company-about > div.text {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .company-about > div.image {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        padding: 30px 0;
    }
    .brands-section {
        margin: 30px 0;
        width: 100%;
    }
    .brands-slider {
        margin: 0 -10px;
    }
    .brand-item {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
        padding: 10px;
    }
    .category-box > li > ul > li {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
        padding: 10px;
    }
    .category-box > li > ul > li .title {
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        color: var(--font-color);
    }
    .category-box > li > ul > li a {
        height: 200px;
        padding: 15px;
    }
    .category-box > li > ul > li .image {
        height: 150px;
    }
    .category-box h2 {
        font-size: 20px;
    }
    .left-col {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .right-col {
        flex: 0 0 calc(100% - 0px);
        max-width: calc(100% - 0px);
        width: calc(100% - 0px);
        padding-left: 0px;
    }
    .smart-filter {
        background: #fff;
        padding: 0;
    }
    .smart-filter-title {
        margin-bottom: 0px;
        font-size: 14px;
        justify-content: flex-end;
    }
    .smart-filter-title span {
        margin-left: 15px;
    }
    .smart-filter form {
        display: none;
    }
    footer {
        margin-top: 40px;
    }
    .foot {
        flex-wrap: wrap;
        margin: 0 5px;
    }
    .foot .col {
        flex: 0 0 calc(50% - 30px);
        max-width: calc(50% - 30px);
        width: calc(50% - 30px);
        margin: 15px 15px;
    }
    .foot .col:first-child, .foot .col:last-child {
        flex: 0 0 calc(100% - 30px);
        max-width: calc(100% - 30px);
        width: calc(100% - 30px);
        text-align: center;
    }
    .foot .logo {
        width: 100px;
        margin: 0 auto;
    }
    .social {
        margin-top: 30px;
        text-align: center;
    }
    .soc-item {
        margin: 0 5px;
    }
    .contacts-box .office {
        padding-right: 0px;
    }
    .contacts-box > div {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .contacts-box .office .image {
        height: 200px;
    }
    .contacts-box .info {
        padding-left: 0px;
        padding-top: 30px;
    }
    .product-flex {
        margin: 0 -20px;
    }
    .product-flex > div.product-slider-box {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .product-flex > div.product-info-box {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .product-flex > div.product-info-box .product-info-wrapper {
        position: relative;
        box-shadow: 0px 0px 0px rgb(0 0 0 / 20%);
        border-radius: 0;
        padding: 0 20px;
    }
    .product-descr-box > div.left {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        padding-right: 0px;
    }
    .product-descr-box > div.right {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .bx-basket .basket-block-box {
        flex: 0 0 calc(100% - 0px);
        max-width: calc(100% - 0px);
        width: calc(100% - 0px);
        margin-right: 0px;
    }
    .bx-basket .basket-total-box {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .basket-checkout-container {
        margin: 0;
        padding: 30px 0 0;
        border: 0px solid #ededed;
        border-radius: 0px;
        box-shadow: 0 0 0px rgba(0,0,0,0.2);
    }
    .basket-items-list-item-descriptions-inner {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .basket-item-image {
        margin: 0 auto;
        padding-right: 0;
        width: 75px;
        height: 75px;
    }
    .basket-item-info-name, .basket-item-info-name-link {
        font-size: 14px;
        line-height: 18px;
    }

}

@media (max-width: 767px) {
    .popular-cat-item {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
        padding: 10px;
    }
    .popular-cat-item > a {
        height: 200px;
        padding: 15px;
    }
    .popular-cat-item .image {
        height: 150px;
    }
    .popular-cat-item .title {
        font-size: 14px;
        line-height: 20px;
    }
    .popular-cat-prev, .popular-cat-next {
        color: var(--third-color);
        padding: 10px;
        top: -22px;
    }
    .popular-cat-next {
        right: 0px;
        left: auto;
    }
    .popular-cat-prev {
        left: calc(100% - 90px);
        right: auto;
    }
    .hits .hits-box .product-item-card {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
        padding: 5px;
        border: 0;
    }
    .product-item-title a {
        font-size: 12px;
    }
    .hits-prev, .hits-next {
        color: var(--third-color);
        padding: 10px;
        top: -32px;
    }
    .hits-next {
        right: 0px;
        left: auto;
    }
    .hits-prev {
        left: calc(100% - 90px);
        right: auto;
    }
    .brands-slider-prev, .brands-slider-next {
        color: var(--third-color);
        padding: 10px;
        top: -22px;
    }
    .brands-slider-next {
        right: 0px;
        left: auto;
    }
    .brands-slider-prev {
        left: calc(100% - 90px);
        right: auto;
    }
    .new-prev, .new-next {
        color: var(--third-color);
        padding: 10px;
        top: -22px;
    }
    .new-next {
        right: 0px;
        left: auto;
    }
    .new-prev {
        left: calc(100% - 90px);
        right: auto;
    }
    .fl-item-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .brand-info {
        padding-right: 0px;
    }
    .fl-item-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .brand-products .sidebar {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .brand-products .list {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        padding-left: 0px;
    }
    .hasStickOnScroll {
        position: static !important;
    }
    .catalog-section {
        margin: 0 -5px;
    }
    .catalog-section > div {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
        padding: 5px;
        border: 0;
    }
    .contacts-box .info-flex > div {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .contacts-box .info-flex > div.right {
        padding-left: 0px;
    }
    .contacts-box .title {
        margin: 30px 0 10px;
    }
    .contacts-box .info p {
        margin: 0;
    }
}

@media (max-width: 420px) {
    
}