<div class="hot-cat-slider owl-carousel">
<div class="item"><a class="category-item" title="Bathroom" href="#"> <span class="image-cat"> <img src="{{media url="wysiwyg/icon-categories/icon-cat-1.png"}}" alt="Category" /> </span> <span class="cat-link">Bathroom</span> </a></div>
<div class="item"><a class="category-item" title="Mirror" href="#"> <span class="image-cat"> <img src="{{media url="wysiwyg/icon-categories/icon-cat-2.png"}}" alt="Category" /> </span> <span class="cat-link">Mirror</span> </a></div>
<div class="item"><a class="category-item" title="Sofa" href="#"> <span class="image-cat"> <img src="{{media url="wysiwyg/icon-categories/icon-cat-3.png"}}" alt="Category" /> </span> <span class="cat-link">Sofa</span> </a></div>
<div class="item"><a class="category-item" title="SHelves" href="#"> <span class="image-cat"> <img src="{{media url="wysiwyg/icon-categories/icon-cat-4.png"}}" alt="Category" /> </span> <span class="cat-link">SHelves</span> </a></div>
<div class="item"><a class="category-item" title="Chest" href="#"> <span class="image-cat"> <img src="{{media url="wysiwyg/icon-categories/icon-cat-5.png"}}" alt="Category" /> </span> <span class="cat-link">Chest</span> </a></div>
<div class="item"><a class="category-item" title="Chair" href="#"> <span class="image-cat"> <img src="{{media url="wysiwyg/icon-categories/icon-cat-6.png"}}" alt="Category" /> </span> <span class="cat-link">Chair</span> </a></div>
<div class="item"><a class="category-item" title="Bedroom" href="#"> <span class="image-cat"> <img src="{{media url="wysiwyg/icon-categories/icon-cat-7.png"}}" alt="Category" /> </span> <span class="cat-link">Bedroom</span> </a></div>
<div class="item"><a class="category-item" title="wardrobe" href="#"> <span class="image-cat"> <img src="{{media url="wysiwyg/icon-categories/icon-cat-8.png"}}" alt="Category" /> </span> <span class="cat-link">wardrobe</span> </a></div>
<div class="item"><a class="category-item" title="Bathroom" href="#"> <span class="image-cat"> <img src="{{media url="wysiwyg/icon-categories/icon-cat-1.png"}}" alt="Category" /> </span> <span class="cat-link">Bathroom</span> </a></div>
<div class="item"><a class="category-item" title="Mirror" href="#"> <span class="image-cat"> <img src="{{media url="wysiwyg/icon-categories/icon-cat-2.png"}}" alt="Category" /> </span> <span class="cat-link">Mirror</span> </a></div>
<div class="item"><a class="category-item" title="Sofa" href="#"> <span class="image-cat"> <img src="{{media url="wysiwyg/icon-categories/icon-cat-3.png"}}" alt="Category" /> </span> <span class="cat-link">Sofa</span> </a></div>
</div>
<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel'
	], function ($) {
		$(".hot-cat-slider").owlCarousel({
			responsive:{
				0:{
					items:1
				},
				480:{
					items:2
				},
				768:{
					items:3
				},
				992:{
					items:4
				},
				1200:{
					items:8
				}
			},
			
			loop: false,
			autoplay:false,
			nav : true, 
			dots: false,
			autoplaySpeed : 500,
			navSpeed : 500,
			dotsSpeed : 500,
			autoplayHoverPause: true,
			margin:0,
		});	  
	});								
</script>