/* Theme drastically changes category display style on mobile; revert */
/* Removed ones temporarily disabled */

@media screen and (max-width: 768px) {
.woodmart-spacing-20>div, .woodmart-spacing-30>div, .wd-spacing-30>[class*="col"], .wd-spacing-20>[class*="col"] {
    margin-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
}

.cat-design-center .wrapp-category:before, .cat-design-replace-title .wrapp-category:before {
    content: "";
}

.cat-design-center .category-image-wrapp, .cat-design-replace-title .category-image-wrapp {
    box-shadow: inherit;
}

.category-grid-item .category-image-wrapp, .cat-design-center .category-image-wrapp, .cat-design-default .category-image-wrapp, .cat-design-replace-title .category-image-wrapp {
    position: absolute;
    overflow: hidden;
}

.cat-design-center .wrapp-category, .cat-design-default .wrapp-category, .cat-design-replace-title .wrapp-category {
    overflow: hidden;
}

body:not(.woodmart-dark) .cat-design-center .category-title, body:not(.woodmart-dark) .cat-design-replace-title .category-title {
    color: #FFF;
}

.cat-design-replace-title .category-title {
    padding: 12px 25px;
    background-color: #027e13 !important;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
}

.category-grid-item .category-title {
    font-size: 18px;
}

.cat-design-center .hover-mask, .cat-design-default .hover-mask, .cat-design-replace-title .hover-mask {
    position: relative;
    padding: 0; 
}
}

@media screen and (max-width: 575px) {
.products.woodmart-products-holder col-6, .products .col-6.product-category {
        flex: 0 0 100%;
    max-width: 100%;
}
.products .cat-design-center .wrapp-category, .products .cat-design-default .wrapp-category, .products .cat-design-replace-title .wrapp-category {
    max-height:120px;
}
.woodmart-spacing-20>div.col-6.product-category, .woodmart-spacing-30>div.col-6.product-category {
    margin-bottom: 20px;
}
}

@media screen and (min-width: 1025px) and (max-width: 1100px){
.cat-design-replace-title .hover-mask {
    padding: 10px;
}
}