<div class="group-block group-products slider-2">
<div class="group-title" style="background-color: #3199e2;">
<p>The Best Of <br />Smartphone</p>
<div class="button-view"><a class="btn-view" title="View All" href="#">View All</a></div>
</div>
<div class="product-container">{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::default-slider-id14.phtml" title_module="" display_countdown="0" product_source="lastest_products" select_category="3,4" product_limitation="8"}}
<script type="text/javascript">
								require([
									'jquery',
									'owlcarousel',
									'domReady!'
								], function ($) {
									setTimeout(function(){
										var slider_2 = $(".slider-2 .block-content-slider");
										slider_2.owlCarousel({		
											nav: true,
											dots:false,
											stagePadding: 5,
											margin: 16,
											
											responsive: {
												0: {
													items:1
												},
												
												480: {
													items:2
												},
												
												768: {
													items:3
												},
												
												991: {
													items:4
												},	
												
												1200: {
													items:4
												},

												1500: {
													items:5
												},
												
												1701: {
													items:6
												}
										
											}
										});	 
									}, 500);
									 
								});
							
</script>
</div>
</div>
<div class="group-block group-products slider-3">
<div class="group-title" style="background-color: #fd7b7b;">
<p>Fashion<br /> &amp; <br /> Jewelry</p>
<div class="button-view"><a class="btn-view" title="View All" href="#">View All</a></div>
</div>
<div class="product-container">{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::default-slider-id14.phtml" title_module="" display_countdown="0" product_source="lastest_products" select_category="33" product_limitation="8"}}
<script type="text/javascript">
								require([
									'jquery',
									'owlcarousel',
									'domReady!'
								], function ($) {
									setTimeout(function(){
										var slider_3 = $(".slider-3 .block-content-slider");
										slider_3.owlCarousel({				
											nav: true,
											dots:false,
											stagePadding: 5,
											margin: 16,
											
											responsive: {
												0: {
													items:1
												},
												
												480: {
													items:2
												},
												
												768: {
													items:3
												},
												
												991: {
													items:4
												},	
												
												1200: {
													items:4
												},

												1500: {
													items:5
												},
												
												1701: {
													items:6
												}
											}
										});	 
									}, 500);
									 
								});
							
</script>
</div>
</div>