<div class="home-mobile">
	<div class="slider-home">
		<div class="sm-imageslider">
			<div class="owl-carousel owl-theme">
				<div class="item"><a title="Slider" href="#"><img src="{{media url="wysiwyg/mobile/slider/item-1.jpg"}}" alt="Slider Image" /></a></div>
				<div class="item"><a title="Slider" href="#"><img src="{{media url="wysiwyg/mobile/slider/item-2.jpg"}}" alt="Slider Image" /></a></div>
				<div class="item"><a title="Slider" href="#"><img src="{{media url="wysiwyg/mobile/slider/item-3.jpg"}}" alt="Slider Image" /></a></div>
			</div>
		</div>
		
		<script type="text/javascript">
			require([
				'jquery',
				'owlcarousel'
			], function ($) {
				jQuery(".sm-imageslider .owl-carousel").owlCarousel({
					items:1,
					autoplay:true,
					loop:true,
					nav : false, 
					dots: true,
					autoplaySpeed : 500,
					navSpeed : 500,
					dotsSpeed : 500,
					autoplayHoverPause: true,
					margin:1,
				});	  
			});		
		</script>
	</div>
	
	<div class="services-home">
		<ul>
			<li>
				<a href="#" title="Free Shipping On All Order"><em class="fa fa-truck"></em> Free Shipping On All Order</a>
			</li>
			
			<li>
				<a href="#" title="Money Back Guarantee"><em class="fa fa-recycle"></em> Money Back Guarantee</a>
			</li>
			
			<li>
				<a href="#" title="Safe Shopping Guarantee"><em class="fa fa-umbrella"></em> Safe Shopping Guarantee</a>
			</li>
		</ul>
	</div>
	
	{{block class="Sm\ListingTabs\Block\ListingTabs" template="Sm_ListingTabs::default.phtml" title="New Arrivals" type_listing="all" display_countdown="0" under_price="5" type_filter="categories" field_tabs="" category_select="" category_tabs="3,4,33" order_by="created_at" order_dir="ASC" limitation="8"}}
	
	<div class="row group-banner">
		<div class="col-sm-12 col-xs-12">
			<div class="banner-image">
				<a title="Banner Image" href="#"><img src="{{media url="wysiwyg/mobile/banner/item-1.jpg"}}" alt="Banner Image" /></a>
			</div>
		</div>
		
		<div class="col-sm-6 col-xs-6">
			<div class="banner-image">
				<a title="Banner Image" href="#"><img src="{{media url="wysiwyg/mobile/banner/item-2.jpg"}}" alt="Banner Image" /></a>
			</div>
		</div>
		
		<div class="col-sm-6 col-xs-6">
			<div class="banner-image">
				<a title="Banner Image" href="#"><img src="{{media url="wysiwyg/mobile/banner/item-3.jpg"}}" alt="Banner Image" /></a>
			</div>
		</div>
		
		<div class="col-sm-12 col-xs-12">
			<div class="banner-image">
				<a title="Banner Image" href="#"><img src="{{media url="wysiwyg/mobile/banner/item-4.jpg"}}" alt="Banner Image" /></a>
			</div>
		</div>
	</div>
	
	{{block class="Sm\ListingTabs\Block\ListingTabs" template="Sm_ListingTabs::default.phtml" title="Best Sellers" type_listing="all" display_countdown="0" under_price="5" type_filter="categories" field_tabs="" category_select="" category_tabs="3,4,33" order_by="ordered_qty" order_dir="ASC" limitation="6"}}
	
	<div class="collection">
		<div class="primary-title">
			<h2>Top Collections</h2>
		</div>

		<div class="scroll-container">
			<div class="scroll-block">
				<div class="item-table">
					<div class="item item-table-cell">
						<div class="item-inner">
							<a href="#" title="Collection Image">
								<img src="{{media url="wysiwyg/mobile/collection/item-1.png"}}" alt="Collection Image" />
								<span>Furniture</span>
							</a>
						</div>
					</div>
					
					<div class="item item-table-cell">
						<div class="item-inner">
							<a href="#" title="Collection Image">
								<img src="{{media url="wysiwyg/mobile/collection/item-2.png"}}" alt="Collection Image" />
								<span>GIFT IDEA</span>
							</a>
						</div>
					</div>
					
					<div class="item item-table-cell">
						<div class="item-inner">
							<a href="#" title="Collection Image">
								<img src="{{media url="wysiwyg/mobile/collection/item-3.png"}}" alt="Collection Image" />
								<span>COOL GADGETS</span>
							</a>
						</div>
					</div>
					
					<div class="item item-table-cell">
						<div class="item-inner">
							<a href="#" title="Collection Image">
								<img src="{{media url="wysiwyg/mobile/collection/item-4.png"}}" alt="Collection Image" />
								<span>OUTDOOR</span>
							</a>
						</div>
					</div>
					
					<div class="item item-table-cell">
						<div class="item-inner">
							<a href="#" title="Collection Image">
								<img src="{{media url="wysiwyg/mobile/collection/item-5.png"}}" alt="Collection Image" />
								<span>Jewelry</span>
							</a>
						</div>
					</div>
					
					<div class="item item-table-cell">
						<div class="item-inner">
							<a href="#" title="Collection Image">
								<img src="{{media url="wysiwyg/mobile/collection/item-6.png"}}" alt="Collection Image" />
								<span>Men's Fashion</span>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div class="hot-categories">
		{{block class="Sm\Categories\Block\Categories" template="Sm_Categories::default.phtml" title_module="Hot categories" select_category="3,4,33" limitation="4"}}
	</div>
</div>