<div class="full-wrapper full-banner-slider lazyload-container">
<div class="full-content">
<div class="owl-carousel banner-slider">
<div class="item">
<div class="banner-image static-image"><a title="Static Image" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/image3-id12.jpg"}}" alt="Static Image" /></a></div>
<div class="banner-des">
<p>PUSH THE LIMITS OF SPEED</p>
<h3>WARM WEATHER STYLE</h3>
<a title="Shop Now" href="#">Shop Now &gt;&gt;</a></div>
</div>
<div class="item">
<div class="banner-image static-image"><a title="Static Image" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/image4-id12.jpg"}}" alt="Static Image" /></a></div>
<div class="banner-des">
<p>PUSH THE LIMITS OF SPEED</p>
<h3>A LITTLE BIT OF LUXURY</h3>
<a title="Shop Now" href="#">Shop Now &gt;&gt;</a></div>
</div>
<div class="item">
<div class="banner-image static-image"><a title="Static Image" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/image5-id12.jpg"}}" alt="Static Image" /></a></div>
<div class="banner-des">
<p>PUSH THE LIMITS OF SPEED</p>
<h3>A MODERN CLASSIC</h3>
<a title="Shop Now" href="#">Shop Now &gt;&gt;</a></div>
</div>
<div class="item">
<div class="banner-image static-image"><a title="Static Image" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/image3-id12.jpg"}}" alt="Static Image" /></a></div>
<div class="banner-des">
<p>PUSH THE LIMITS OF SPEED</p>
<h3>WARM WEATHER STYLE</h3>
<a title="Shop Now" href="#">Shop Now &gt;&gt;</a></div>
</div>
<div class="item">
<div class="banner-image static-image"><a title="Static Image" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/image4-id12.jpg"}}" alt="Static Image" /></a></div>
<div class="banner-des">
<p>PUSH THE LIMITS OF SPEED</p>
<h3>A LITTLE BIT OF LUXURY</h3>
<a title="Shop Now" href="#">Shop Now &gt;&gt;</a></div>
</div>
<div class="item">
<div class="banner-image static-image"><a title="Static Image" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/image5-id12.jpg"}}" alt="Static Image" /></a></div>
<div class="banner-des">
<p>PUSH THE LIMITS OF SPEED</p>
<h3>A MODERN CLASSIC</h3>
<a title="Shop Now" href="#">Shop Now &gt;&gt;</a></div>
</div>
<div class="item">
<div class="banner-image static-image"><a title="Static Image" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/image3-id12.jpg"}}" alt="Static Image" /></a></div>
<div class="banner-des">
<p>PUSH THE LIMITS OF SPEED</p>
<h3>WARM WEATHER STYLE</h3>
<a title="Shop Now" href="#">Shop Now &gt;&gt;</a></div>
</div>
<div class="item">
<div class="banner-image static-image"><a title="Static Image" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/image4-id12.jpg"}}" alt="Static Image" /></a></div>
<div class="banner-des">
<p>PUSH THE LIMITS OF SPEED</p>
<h3>A LITTLE BIT OF LUXURY</h3>
<a title="Shop Now" href="#">Shop Now &gt;&gt;</a></div>
</div>
<div class="item">
<div class="banner-image static-image"><a title="Static Image" href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/image5-id12.jpg"}}" alt="Static Image" /></a></div>
<div class="banner-des">
<p>PUSH THE LIMITS OF SPEED</p>
<h3>A MODERN CLASSIC</h3>
<a title="Shop Now" href="#">Shop Now &gt;&gt;</a></div>
</div>
</div>
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel',
		'domReady!'
	], function ($) {
		setTimeout(function () {
			var post_slider = $(".banner-slider");
			post_slider.owlCarousel({		
				nav: false,
				dots:true,
				margin: 0,
				
				responsive: {
					0: {
						items:1
					},
					480: {
						items:2
					},
					768: {
						items:3
					},
					991: {
						items:3
					},						
					1200: {
						items:3
					}
				}
			});	 
		}, 1000);
		 
	});

						
			
</script>
</div>
</div>
<div class="products-slider-bottom">
<div class="row">
<div class="col-lg-6 slider-product slider-2">{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::default-slider-id12.phtml" title_module="Featured" display_countdown="0" product_source="featured_products" select_category="107,210,211" 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: 30,
			
			responsive: {
				0: {
					items:1
				},
				480: {
					items:2
				},
				768: {
					items:3
				},
				991: {
					items:2
				},						
				1200: {
					items:3
				}
			}
		});	  
	});
				
</script>
</div>
<div class="col-lg-6 slider-product slider-3">{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::default-slider-id12.phtml" title_module="Most Viewed" display_countdown="0" product_source="lastest_products" select_category="107,210,211" product_limitation="5"}}
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel'
	], function ($) {
		var post_slider = $(".slider-3 .block-content-slider");
		post_slider.owlCarousel({				
			nav: true,
			dots:false,
			margin: 30,
			
			responsive: {
				0: {
					items:1
				},
				480: {
					items:2
				},
				768: {
					items:3
				},
				991: {
					items:2
				},						
				1200: {
					items:3
				}
			}
		});	  
	});
				
</script>
</div>
</div>
</div>