<div class="full-wrapper listingtabs-full">
<div class="container">
<div class="listingtab-custom">{{block class="Sm\ListingTabs\Block\ListingTabs" template="Sm_ListingTabs::default_v6.phtml" title="New Arrivals" type_show="slider" type_listing="all" display_countdown="0" under_price="5" type_filter="categories" field_tabs="" category_select="" category_tabs="99,106,100" order_by="created_at" order_dir="ASC" limitation="10"}}</div>
</div>
</div>
<div class="products-slider">{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::default-slider-id11.phtml" title_module="Featured Products" display_countdown="0" product_source="lastest_products" select_category="99,106" product_limitation="6"}}
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel'
	], function ($) {
		var post_slider = $(".products-slider .block-content-slider");
		post_slider.owlCarousel({				
			nav: true,
			dots:false,
			margin: 30,
			
			responsive: {
				0: {
					items:1
				},
				480: {
					items:2
				},
				768: {
					items:3
				},
				991: {
					items:4
				},						
				1200: {
					items:5
				}
			}
		});	  
	});
	
</script>
</div>
<div class="brand-wrapper lazyload-container">
<div class="slider-brand-container">
<div class="slider-content">
<div class="owl-carousel slider-brands">
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-1.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-2.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-3.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-3.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-5.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-1.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-2.jpg"}}" alt="Brand" /></a></div>
<div class="item"><a title="Brand" href="#"><img class="mark-lazy"  src="{{media url="wysiwyg/brand-v6/brand-3.jpg"}}" alt="Brand" /></a></div>
</div>
</div>
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel'
	], function ($) {
		var brands_slider = $(".slider-brands");
		brands_slider.owlCarousel({
			nav: true,
			dots:false,
			margin: 30,
			
			responsive: {
				0: {
					items:2
				},
				480: {
					items:3
				},
				768: {
					items:4
				},
				991: {
					items:5
				},						
				1200: {
					items:6
				}
			}
		});	  
	});	
			
		
</script>
</div>
</div>