/* ---------------------------------------
   NORMAL PRODUCT GRID
--------------------------------------- */

.woocommerce ul.products li.product.first{
    clear:none !important;
}


/* ---------------------------------------
   VIDEO CARD
--------------------------------------- */

@media (min-width:769px){

.woocommerce.columns-4 ul.products.columns-4 li.product.tl-archive-video-card,
.woocommerce-page.columns-4 ul.products.columns-4 li.product.tl-archive-video-card,
.woocommerce.woo-4.archive ul.products.columns-4 li.product.tl-archive-video-card,
.woocommerce-page.woo-4.archive ul.products.columns-4 li.product.tl-archive-video-card{

    width:46% !important;
    max-width:46% !important;

}


/* consistent spacing */

ul.products li.product{
    margin-right:3.8% !important;
}

ul.products li.product.last{
    margin-right:0 !important;
}
.woocommerce ul.products li.product.first {
    clear:none !important;
}
.archive.woocommerce ul.products > li:nth-child(5),
.archive.woocommerce ul.products > li:nth-child(9),
.archive.woocommerce ul.products > li:nth-child(12),
.archive.woocommerce ul.products > li:nth-child(16),
.archive.woocommerce ul.products > li:nth-child(20),
.archive.woocommerce ul.products > li:nth-child(27),
.archive.woocommerce ul.products > li:nth-child(31),
.archive.woocommerce ul.products > li:nth-child(34),
.archive.woocommerce ul.products > li:nth-child(4n + 34){
    clear:left !important;
}


/* video size */

ul.products li.product.tl-archive-video-card iframe{

    display:block;
    width:100%;
    height:308px;
    border:0;
    object-fit:cover;
    background:#000;
    pointer-events:none;

}

/* ---------------------------------------
   VIDEO 1
   after 8
   VIDEO | 9 | 10
--------------------------------------- */

.tl-video-left-1{
    clear:left !important;
}

.tl-video-left-1
+ li.product
+ li.product{
    margin-right:0 !important;
}

.tl-video-left-1
+ li.product
+ li.product
+ li.product{
    clear:left !important;
}


/* ---------------------------------------
   VIDEO 2
   after 20
   19 | 20 | VIDEO
--------------------------------------- */

.tl-video-right-2{
    margin-right:0 !important;
}

/*.tl-video-right-2
+ li.product{
    clear:left !important;
}- */
/* force row restart after second video */

.woocommerce .tl-video-right-2 + li.product.first{
    clear:left !important;
}
.woocommerce ul.products .tl-video-right-2 + li.product.first {
	 clear:left !important;
}
/* ---------------------------------------
   VIDEO 3
   after 28
   VIDEO | 29 | 30
--------------------------------------- */

.tl-video-left-3{
    clear:left !important;
}

.tl-video-left-3
+ li.product
+ li.product{
    margin-right:0 !important;
}

.tl-video-left-3
+ li.product
+ li.product
+ li.product{
    clear:left !important;
}
}	
@media (max-width:768px){ 
		        body.woocommerce.columns-4 ul.products.columns-4 li.product, body.woocommerce-page.columns-4 ul.products.columns-4 li.product, body.woocommerce.woo-4.archive ul.products.columns-4 li.product, body.woocommerce-page.woo-4.archive ul.products.columns-4 li.product {
            width: 42% !important;
            margin: 4% !important;
        }
body.woocommerce.woo-4.archive ul.products.columns-4 li.product.tl-archive-video-card, body.woocommerce-page.woo-4.archive ul.products.columns-4 li.product.tl-archive-video-card {
	width: 92% !important;
	        margin: 4% !important;
	}
ul.products li.product.tl-archive-video-card iframe {
	    height: 350px;
    width: 100%;
	}
body.woocommerce.woo-4.archive ul.products.columns-4 li.product:nth-child(odd), body.woocommerce-page.woo-4.archive ul.products.columns-4 li.product:nth-child(odd) {
            clear: none !important;
        }
	.archive.woocommerce ul.products > li:nth-child(3),
.archive.woocommerce ul.products > li:nth-child(5),
.archive.woocommerce ul.products > li:nth-child(7),
.archive.woocommerce ul.products > li:nth-child(9),
.archive.woocommerce ul.products > li:nth-child(10),
.archive.woocommerce ul.products > li:nth-child(12),
.archive.woocommerce ul.products > li:nth-child(14),
.archive.woocommerce ul.products > li:nth-child(16),
.archive.woocommerce ul.products > li:nth-child(18),
.archive.woocommerce ul.products > li:nth-child(20),
.archive.woocommerce ul.products > li:nth-child(22),
.archive.woocommerce ul.products > li:nth-child(23),
.archive.woocommerce ul.products > li:nth-child(25),
.archive.woocommerce ul.products > li:nth-child(27),
.archive.woocommerce ul.products > li:nth-child(29),
.archive.woocommerce ul.products > li:nth-child(31),
.archive.woocommerce ul.products > li:nth-child(33),
.archive.woocommerce ul.products > li:nth-child(2n+34){
    clear:left !important;
}
.woocommerce-page.woo-4.archive ul.products.columns-4 li.product.tl-archive-video-card {
		width:100% !important;
	}
		}
@media (max-width:500px){ 
	ul.products li.product.tl-archive-video-card iframe {
	    height: 250px;
	}
}