@media (min-width: 769px) {
    #header .desktop-header .header-center .hd-search-wrapper{
        display: none;
    }
    #header .desktop-header .header-center .desktop-cart-wrapper{
        transform: translateY(0);
    }
    .header-center .grid__item.large--seven-twelfths {
        width: 78.333%;
    }
    .header-center .grid__item.large--three-twelfths {
        width: 5%;
    }
    #header .desktop-header .header-center .hd-navbar>ul>li>a .hd-link-title{
        font-size: 11px;
    }
    .col-md-3-custom{
        width: 25%;
    }
}
#home-brands-slider{
    height: auto;
}
.article-item .article-img img{
    height: 297px;
}
#popupHomeBlock .popup-wrapper {
    display: none;
}

@media (max-width: 768px) {
    .small--one-whole{
        padding: 0;
    }
    #popupHomeBlock{
        background-size: 100%;
        background-repeat: no-repeat;
    }
    #popupHomeBlock .grid{
        margin: 0;
    }
    #popupHomeBlock .popup-wrapper{
        padding-top: 310px;
        background: none;
    }
    .popUpFancyBoxWrap .fancybox-inner {
        height: 250px !important;
    }
}
@media (max-width: 375px) {
    #popupHomeBlock .popup-wrapper{
        padding-top: 280px;
    }
}
.grid.product-single {
    margin-left: 0 !important;
}

.cate-content {
    height: 285px;
    overflow: hidden;
}
.show-content {
    display: block;
    position: sticky;
}
.show-content .ready-more {
    background-color: red;
    width: 50%;
    text-align: center;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 40px;
    margin: auto;
    display: block;
    transition: .1s all;
    font-weight: 600;
    padding: 0 20px;
    border-radius: 19px;
    border: 1.5px solid #fe0000;
}
.show-content::before {
    content: -webkit-gradient(linear, 0 100%, 0 0, from(#fff), color-stop(0.2, #fff), to(rgba(255, 255, 255, 0)));
    display: block;
    height: 55px;
    margin-top: -45px;
}
.show-content .ready-more:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    content: "";
    display: inline-block;
    margin: -2px 0 0 5px;
    right: 0;
    vertical-align: middle;
    width: 0;
}
.cate-content.active {
    height: 100%;
    overflow: visible;
}
.cate-content.active +.show-content {
    display: none;
}