<div class="countdown-product-wrapper">
<div class="basic-product-slider products-grid slider-deal">
<div class="content-slider">
<div class="title-home">
<h2>Deal Of The Days</h2>
<p class="bs-pretext">Instant Discounts on Instant Purchases</p>
</div>
{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::default-slider-id13-deal.phtml" title_module="" display_countdown="0" product_source="countdown_products" date_to="05/30/2019" select_category="97,98,99,100" product_limitation="6"}}
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel'
	], function ($) {
		var post_slider = $(".slider-deal .block-content-slider");
		post_slider.owlCarousel({				
			nav: false,
			dots:true,
			margin: 5,
			stagePadding: 5,
			
			responsive: {
				0: {
					items:1
				},
				480: {
					items:1
				},
				768: {
					items:1
				},
				991: {
					items:2
				},						
				1200: {
					items:2
				}
			}
		});	  
	});
						
</script>
</div>
</div>
</div>
<div class="static-image-131 lazyload-container">
<div class="row">
<div class="col-lg-4 col-md-4 static-image"><a title="Static Image" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-1-13.jpg"}}" alt="Static Image" /></a></div>
<div class="col-lg-4 col-md-4 static-image"><a class="image-top" title="Static Image" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-2-13.jpg"}}" alt="Static Image" /></a> <a title="Static Image" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-3-13.jpg"}}" alt="Static Image" /></a></div>
<div class="col-lg-4 col-md-4 static-image"><a title="Static Image" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-4-13.jpg"}}" alt="Static Image" /></a></div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="single-product-slider">
<div class="basic-product-slider products-grid slider-1">
<div class="content-slider">
<div class="title-home">
<h2>Featured Products</h2>
<p class="bs-pretext">Instant Discounts on Instant Purchases</p>
</div>
{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::default-slider-id13.phtml" title_module="" display_countdown="0" product_source="lastest_products" select_category="97,98,99,100" product_limitation="5"}}
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel'
	], function ($) {
		var post_slider = $(".slider-1 .block-content-slider");
		post_slider.owlCarousel({				
			nav: true,
			dots:false,
			margin: 5,
			stagePadding: 5,
			
			responsive: {
				0: {
					items:1
				},
				480: {
					items:2
				},
				768: {
					items:3
				},
				991: {
					items:2
				},						
				1200: {
					items:3
				}
			}
		});	  
	});
								
</script>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="single-product-slider">
<div class="basic-product-slider products-grid slider-2">
<div class="content-slider">
<div class="title-home">
<h2>Best Sellers</h2>
<p class="bs-pretext">Instant Discounts on Instant Purchases</p>
</div>
{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::default-slider-id13.phtml" title_module="" display_countdown="0" product_source="best_sellers" select_category="97,98,99,100" product_limitation="5"}}
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel'
	], function ($) {
		var post_slider = $(".slider-2 .block-content-slider");
		post_slider.owlCarousel({				
			nav: true,
			dots:false,
			margin: 5,
			stagePadding: 5,
			
			responsive: {
				0: {
					items:1
				},
				480: {
					items:2
				},
				768: {
					items:3
				},
				991: {
					items:2
				},						
				1200: {
					items:3
				}
			}
		});	  
	});
								
</script>
</div>
</div>
</div>
</div>
</div>