<div class="sm-imageslider">
<div class="sm-imageslider-inner">
<div class="sm-imageslider-content owl-carousel owl-theme">
<div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/slider-1-index16.jpg"}}" alt="Slider Image" /></a></div>
<div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/slider-2-index16.jpg"}}" alt="Slider Image" /></a></div>
<div class="item"><a title="title" href="#"><img src="{{media url="wysiwyg/imageslider/slider-3-index16.jpg"}}" alt="Slider Image" /></a></div>
</div>
</div>
</div>
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel'
	], function ($) {
		$(".sm-imageslider-content").owlCarousel({
			items:1,
			autoplay:true,
			loop:true,
			nav : true, 
			dots: false,
			autoplaySpeed : 500,
			navSpeed : 500,
			dotsSpeed : 500,
			autoplayHoverPause: true,
			margin:1,
		});	  
	});	
					
</script>
<div class="hot-categories-wrapper lazyload-container">
<div class="owl-carousel slider-categories">
<div class="item static-image"><a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/cat-1-id-16.jpg"}}" alt="Living Room" /></a>
<div class="button-categories"><a title="Living Room" href="#">Living Room</a></div>
</div>
<div class="item static-image"><a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/cat-2-id-16.jpg"}}" alt="Bathroom" /></a>
<div class="button-categories"><a title="Bathroom" href="#">Bathroom</a></div>
</div>
<div class="item static-image"><a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/cat-3-id-16.jpg"}}" alt="Kitchens" /></a>
<div class="button-categories"><a title="Kitchens" href="#">Kitchens</a></div>
</div>
<div class="item static-image"><a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/cat-4-id-16.jpg"}}" alt="Bedroom" /></a>
<div class="button-categories"><a title="Bedroom" href="#">Bedroom</a></div>
</div>
<div class="item static-image"><a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/cat-5-id-16.jpg"}}" alt="Lamp &amp; Decor" /></a>
<div class="button-categories"><a title="Lamp &amp; Decor" href="#">Lamp &amp; Decor</a></div>
</div>
</div>
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel',
		'domReady!'
	], function ($) {
		setTimeout(function () {
			$(".slider-categories").owlCarousel({
				responsive:{
					0:{
						items:1
					},
					480:{
						items:2
					},
					768:{
						items:4
					},
					992:{
						items:5
					},
					1200:{
						items:5
					}
				},
				
				autoplay:true,
				loop:false,
				nav : false, 
				dots: false,
				autoplaySpeed : 500,
				navSpeed : 500,
				dotsSpeed : 500,
				autoplayHoverPause: true,
				margin:10,
			});	
		}, 1000);
		  
	});	
</script>
</div>