@media screen and (max-width: 1451px) {
.product-container.columns-5 .product-cats,
.product-container.columns-6 .product-cats {
width: 25%;
}
.product-container.columns-5 .product-cats:nth-child(n),
.product-container.columns-6 .product-cats:nth-child(n) {
clear: none;
}
.product-container.columns-5 .product-cats:nth-child(4n+1),
.product-container.columns-6 .product-cats:nth-child(4n+1) {
clear: both;
}
}
@media screen and (max-width: 1251px) {
.product-container.columns-4 .product-cats,
.product-container.columns-5 .product-cats,
.product-container.columns-6 .product-cats {
width: 33.333%;
}
.product-container.columns-4 .product-cats:nth-child(n),
.product-container.columns-5 .product-cats:nth-child(n),
.product-container.columns-6 .product-cats:nth-child(n) {
clear: none;
}
.product-container.columns-4 .product-cats:nth-child(3n+1),
.product-container.columns-5 .product-cats:nth-child(3n+1),
.product-container.columns-6 .product-cats:nth-child(3n+1) {
clear: both;
}
}
@media screen and (max-width: 768px) {
.product-container.columns-2 .product-cats,
.product-container.columns-3 .product-cats,
.product-container.columns-4 .product-cats,
.product-container.columns-5 .product-cats,
.product-container.columns-6 .product-cats {
width: 50%;
}
.product-container.columns-2 .product-cats:nth-child(n),
.product-container.columns-3 .product-cats:nth-child(n),
.product-container.columns-4 .product-cats:nth-child(n),
.product-container.columns-5 .product-cats:nth-child(n),
.product-container.columns-6 .product-cats:nth-child(n) {
clear: none;
}
.product-container.columns-2 .product-cats:nth-child(2n+1),
.product-container.columns-3 .product-cats:nth-child(2n+1),
.product-container.columns-4 .product-cats:nth-child(2n+1),
.product-container.columns-5 .product-cats:nth-child(2n+1),
.product-container.columns-6 .product-cats:nth-child(2n+1) {
clear: both;
}
}
@media screen and (max-width: 480px) {
.product-container {
margin: 0 20px;
}
.product-container.columns-1 .product-cats,
.product-container.columns-2 .product-cats,
.product-container.columns-3 .product-cats,
.product-container.columns-4 .product-cats,
.product-container.columns-5 .product-cats,
.product-container.columns-6 .product-cats {
clear: both;
float: none;
width: 100%;
}
}