.products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb .filter-bg-decoration .filter-categories a.act {
color: #fff;
}
.products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb:not(.resize-by-browser-width) .dt-css-grid {
grid-row-gap: 30px;
grid-column-gap: 30px;
grid-template-columns: repeat(auto-fill,minmax(,1fr));
}
.cssgridlegacy.no-cssgrid .products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb:not(.resize-by-browser-width) .dt-css-grid,
.no-cssgridlegacy.no-cssgrid .products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb:not(.resize-by-browser-width) .dt-css-grid {
display: flex;
flex-flow: row wrap;
margin: -15px;
}
.cssgridlegacy.no-cssgrid .products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb:not(.resize-by-browser-width) .dt-css-grid .wf-cell,
.no-cssgridlegacy.no-cssgrid .products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb:not(.resize-by-browser-width) .dt-css-grid .wf-cell {
flex: 1 0 ;
max-width: 100%;
padding: 15px;
box-sizing: border-box;
}
.products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb.resize-by-browser-width .dt-css-grid {
grid-template-columns: repeat(4,1fr);
grid-template-rows: auto;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.cssgridlegacy.no-cssgrid .products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb.resize-by-browser-width .dt-css-grid,
.no-cssgridlegacy.no-cssgrid .products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb.resize-by-browser-width .dt-css-grid {
margin: -15px;
}
.cssgridlegacy.no-cssgrid .products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb.resize-by-browser-width .dt-css-grid .wf-cell,
.no-cssgridlegacy.no-cssgrid .products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb.resize-by-browser-width .dt-css-grid .wf-cell {
width: 25%;
padding: 15px;
}
@media screen and (max-width: 1199px) {
.products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb.resize-by-browser-width .dt-css-grid {
grid-template-columns: repeat(3,1fr);
}
.cssgridlegacy.no-cssgrid .products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb.resize-by-browser-width .dt-css-grid .wf-cell,
.no-cssgridlegacy.no-cssgrid .products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb.resize-by-browser-width .dt-css-grid .wf-cell {
width: 33.333333333333%;
}
}
@media screen and (max-width: 991px) {
.products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb.resize-by-browser-width .dt-css-grid {
grid-template-columns: repeat(2,1fr);
}
.cssgridlegacy.no-cssgrid .products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb.resize-by-browser-width .dt-css-grid .wf-cell,
.no-cssgridlegacy.no-cssgrid .products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb.resize-by-browser-width .dt-css-grid .wf-cell {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb.resize-by-browser-width .dt-css-grid {
grid-template-columns: repeat(1,1fr);
}
.cssgridlegacy.no-cssgrid .products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb.resize-by-browser-width .dt-css-grid .wf-cell,
.no-cssgridlegacy.no-cssgrid .products-shortcode.products-masonry-shortcode-id-c0ea56efbf1dbd16fefd2da811aaa5eb.resize-by-browser-width .dt-css-grid .wf-cell {
width: 100%;
}
}