@media (min-width: 992px) {
.shop-masonry-grid .zank-products.row {
display: grid;
grid-template-columns: repeat(4,1fr);
}
.shop-masonry-grid .zank-products.row .product:not(.zank-product-type-7):nth-child(1) {
grid-column: span 2;
grid-row: span 2;
width: 100%;
}
.shop-masonry-grid.masonry-column-3 .zank-products.row .product:not(.zank-product-type-7):nth-child(8),
.shop-masonry-grid.masonry-column-3 .zank-products.row .product:not(.zank-product-type-7):nth-child(11),
.shop-masonry-grid.masonry-column-3 .zank-products.row .product:not(.zank-product-type-7):nth-child(18),
.shop-masonry-grid.masonry-column-3 .zank-products.row .product:not(.zank-product-type-7):nth-child(21),
.shop-masonry-grid.masonry-column-3 .zank-products.row .product:not(.zank-product-type-7):nth-child(28),
.shop-masonry-grid.masonry-column-3 .zank-products.row .product:not(.zank-product-type-7):nth-child(31),
.shop-masonry-grid.masonry-column-3 .zank-products.row .product:not(.zank-product-type-7):nth-child(38),
.shop-masonry-grid.masonry-column-3 .zank-products.row .product:not(.zank-product-type-7):nth-child(41) {
grid-column: span 2;
grid-row: span 2;
width: 100%;
}
.shop-masonry-grid.masonry-column-4 .zank-products.row .product:not(.zank-product-type-7):nth-child(11),
.shop-masonry-grid.masonry-column-4 .zank-products.row .product:not(.zank-product-type-7):nth-child(15),
.shop-masonry-grid.masonry-column-4 .zank-products.row .product:not(.zank-product-type-7):nth-child(25),
.shop-masonry-grid.masonry-column-4 .zank-products.row .product:not(.zank-product-type-7):nth-child(29),
.shop-masonry-grid.masonry-column-4 .zank-products.row .product:not(.zank-product-type-7):nth-child(35),
.shop-masonry-grid.masonry-column-4 .zank-products.row .product:not(.zank-product-type-7):nth-child(39),
.shop-masonry-grid.masonry-column-4 .zank-products.row .product:not(.zank-product-type-7):nth-child(45),
.shop-masonry-grid.masonry-column-4 .zank-products.row .product:not(.zank-product-type-7):nth-child(49){
grid-column: span 2;
grid-row: span 2;
width: 100%;
}
.shop-masonry-grid.masonry-column-5 .zank-products.row .product:not(.zank-product-type-7):nth-child(1),
.shop-masonry-grid.masonry-column-5 .zank-products.row .product:not(.zank-product-type-7):nth-child(14),
.shop-masonry-grid.masonry-column-5 .zank-products.row .product:not(.zank-product-type-7):nth-child(19),
.shop-masonry-grid.masonry-column-5 .zank-products.row .product:not(.zank-product-type-7):nth-child(32),
.shop-masonry-grid.masonry-column-5 .zank-products.row .product:not(.zank-product-type-7):nth-child(37),
.shop-masonry-grid.masonry-column-5 .zank-products.row .product:not(.zank-product-type-7):nth-child(50) {
grid-column: span 2;
grid-row: span 2;
width: 100%;
}
.shop-masonry-grid.masonry-column-6 .zank-products.row .product:not(.zank-product-type-7):nth-child(1),
.shop-masonry-grid.masonry-column-6 .zank-products.row .product:not(.zank-product-type-7):nth-child(17),
.shop-masonry-grid.masonry-column-6 .zank-products.row .product:not(.zank-product-type-7):nth-child(23),
.shop-masonry-grid.masonry-column-6 .zank-products.row .product:not(.zank-product-type-7):nth-child(39),
.shop-masonry-grid.masonry-column-6 .zank-products.row .product:not(.zank-product-type-7):nth-child(45),
.shop-masonry-grid.masonry-column-6 .zank-products.row .product:not(.zank-product-type-7):nth-child(61) {
grid-column: span 2;
grid-row: span 2;
width: 100%;
}
.shop-masonry-grid .zank-products.row .product:not(.zank-product-type-7) {
display: inline-grid;
width: 100%;
}
.shop-masonry-grid .zank-products.row .product:not(.zank-product-type-7):nth-child(1) .zank-thumb-wrapper,
.shop-masonry-grid .zank-products.row .product:not(.zank-product-type-7):nth-child(11) .zank-thumb-wrapper,
.shop-masonry-grid .zank-products.row .product:not(.zank-product-type-7):nth-child(15) .zank-thumb-wrapper {
padding-bottom: 114%;
}
.shop-masonry-grid .zank-products.row .product:not(.zank-product-type-4):nth-child(1) .zank-thumb-wrapper img,
.shop-masonry-grid .zank-products.row .product:not(.zank-product-type-7):nth-child(11) .zank-thumb-wrapper img,
.shop-masonry-grid .zank-products.row .product:not(.zank-product-type-7):nth-child(15) .zank-thumb-wrapper img {
position: absolute;
top: 0;
left:0;
object-fit: cover;
width: 100%;
height: 100%;
}
}
@media (min-width: 1200px) {
.shop-masonry-grid.masonry-column-3 .zank-products.row {
grid-template-columns: repeat(4,1fr);
}
.shop-masonry-grid.masonry-column-4 .zank-products.row {
grid-template-columns: repeat(5,1fr);
}
.shop-masonry-grid.masonry-column-5 .zank-products.row {
grid-template-columns: repeat(6,1fr);
}
.shop-masonry-grid.masonry-column-6 .zank-products.row {
grid-template-columns: repeat(7,1fr);
}
}