<div class="custom-slider">
<div class="home-slider autoplay" data-slides-to-show="4" data-slides-to-scroll="1" data-fade="false" data-dots="false" data-arrows="true" data-easing="linear" data-autoplay="false" 
data-responsive='[{"breakpoint": "1201", "settings": {"slidesToShow": "4"}}, {"breakpoint": "1200", "settings": {"slidesToShow": "4"}}, {"breakpoint": "992", "settings": {"slidesToShow": "3"}}, {"breakpoint": "769", "settings": {"slidesToShow": "2"}}, {"breakpoint": "641", "settings": {"slidesToShow": "2"}}, {"breakpoint": "481", "settings": {"slidesToShow": "1"}}, {"breakpoint": "361", "settings": {"slidesToShow": "1"}}, {"breakpoint": "1", "settings": {"slidesToShow": "1"}}]'
 >
	<div class="item"> 
	    <div class="imgslide">
			<a class="alinkslide" href="#"><span class="hidden">alinkslide</span> </a><img class="img-responsive-normal" src="{{media url="wysiwyg/alothemes/static/demo10/slide10-1.jpg"}}" alt="magicslider" />
		</div>
		<div class="figcaption">
			<div class="text-slide">
				<h3 class="caption2">Jewellery</h3>
				<h3 class="caption4"><span class="count">11 Items</span></h3>
			</div>
		</div>
	</div>
	<div class="item"> 
	    <div class="imgslide">
			<a class="alinkslide" href="#"><span class="hidden">alinkslide</span> </a><img class="img-responsive-normal" src="{{media url="wysiwyg/alothemes/static/demo10/slide10-2.jpg"}}" alt="magicslider" />
		</div>
		<div class="figcaption">
			<div class="text-slide text-slide2">
				<h3 class="caption2">Fashion</h3>
				<h3 class="caption4"><span class="count">5 Items</span></h3>
			</div>
		</div>
	</div>
	<div class="item"> 
	    <div class="imgslide">
			<a class="alinkslide" href="#"><span class="hidden">alinkslide</span> </a><img class="img-responsive-normal" src="{{media url="wysiwyg/alothemes/static/demo10/slide10-3.jpg"}}" alt="magicslider" />
		</div>
		<div class="figcaption">
			<div class="text-slide text-slide3">
				<h3 class="caption2">Gift</h3>
				<h3 class="caption4"><span class="count">13 Items</span></h3>
			</div>
		</div>
	</div>
	<div class="item"> 
	    <div class="imgslide">
			<a class="alinkslide" href="#"><span class="hidden">alinkslide</span> </a><img class="img-responsive-normal" src="{{media url="wysiwyg/alothemes/static/demo10/slide10-4.jpg"}}" alt="magicslider" />
		</div>
		<div class="figcaption">
			<div class="text-slide text-slide4">
				<h3 class="caption2">Dresses</h3>
				<h3 class="caption4"><span class="count">8 Items</span></h3>
			</div>
		</div>
	</div>
	<div class="item"> 
	    <div class="imgslide">
			<a class="alinkslide" href="#"><span class="hidden">alinkslide</span> </a><img class="img-responsive-normal" src="{{media url="wysiwyg/alothemes/static/demo10/slide10-5.jpg"}}" alt="magicslider" />
		</div>
		<div class="figcaption">
			<div class="text-slide text-slide5">
				<h3 class="caption2">Accessories</h3>
				<h3 class="caption4"><span class="count">5 Items</span></h3>
			</div>
		</div>
	</div>
</div>
</div>
<!-- home policy-->
<div class="policy">
<div class="container-none">
<div class="support-policy">
<div class="support-footer-inner row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="row-normal clearfix">
<a class="position-link" href="#"><span class="hidden">hidden</span></a>
<div class="col-icon">
<div class="support-icon square-round"><em class="icon-plane icons"><span class="hidden">hidden</span></em></div>
</div>
<div class="col-text">
<div class="support-info">
<div class="info-title">FREE SHIPPING WORLDWIDE</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="row-normal clearfix">
<a class="position-link" href="#"><span class="hidden">hidden</span></a>
<div class="col-icon">
<div class="support-icon square-round"><em class="icon-earphones-alt icons"><span class="hidden">hidden</span></em></div>
</div>
<div class="col-text">
<div class="support-info">
<div class="info-title">24/7 CUSTOMER SERVICE</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="row-normal clearfix">
<a class="position-link" href="#"><span class="hidden">hidden</span></a>
<div class="col-icon">
<div class="support-icon square-round"><em class="icon-users icons"><span class="hidden">hidden</span></em></div>
</div>
<div class="col-text">
<div class="support-info">
<div class="info-title">Member Discount</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- home banner -->
<div class="row">
<div class="pa-lines container">
<div class="banner1 banner-inner size1of9">
<div class="banner1-1">
<div class="banner-inner-mall size1of3 text-right">
<div class="banner-inner-content">
<div class="column column-1-1">
<div class="box-text">
<h4>sale off</h4>
<h3>accessories</h3>
<p>Watch Collection 2016</p>
</div>
</div>
</div>
</div>
<div class="banner-inner-mall size1of3">
<div class="banner-inner-content">
<div class="column al-style-2 column-1-2"><a href="#"><img class="img-responsive-normal" src="{{media url="wysiwyg/alothemes/static/demo1/img_1.jpg"}}" alt="Banner" /> </a></div>
</div>
</div>
<div class="banner-inner-big size1of3 no-margin">
<div class="banner-inner-content border">
<div class="column-normal column-1-3">
<div class="box-text">
<h4>march 2016</h4>
<h3>lookbook &amp; women</h3>
</div>
</div>
</div>
</div>
</div>
<div class="banner1-2">
<div class="banner-inner-big size1of3">
<div class="banner-inner-content">
<div class="column-normal column-1-4"><a href="#"><img class="img-responsive-normal" src="{{media url="wysiwyg/alothemes/static/demo1/img_2.jpg"}}" alt="Banner" /> </a>
<div class="box-text box-text-possion">
<h4>colection</h4>
<h3>men</h3>
<h3>jackets</h3>
</div>
</div>
</div>
</div>
<div class="banner-inner-mall size1of3 text-right">
<div class="banner-inner-content">
<div class="column column-1-5">
<div class="box-text">
<h4>NEW ARRIVALS</h4>
<h3>FOR KIDS</h3>
<p>Collection March 2016</p>
</div>
</div>
</div>
</div>
<div class="banner-inner-mall size1of3 no-margin">
<div class="banner-inner-content">
<div class="column al-style-2 column-1-6"><a href="#"> <img class="img-responsive-normal" src="{{media url="wysiwyg/alothemes/static/demo1/img_3.jpg"}}" alt="Banner" /> </a></div>
</div>
</div>
</div>
</div>
<div class="banner2 banner-inner size1of3">
<div class="banner-inner-content"><a href="#"><img class="img-responsive-normal" src="{{media url="wysiwyg/alothemes/static/demo1/img_4.jpg"}}" alt="Banner" /> </a>
<div class="box-text box-text-possion">
<h4>colection</h4>
<h3>Jackets</h3>
<h3>for</h3>
<h3>women</h3>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12"><div class="featured-product-tab">{{widget type="Magiccart\Magicproduct\Block\Widget\Product" identifier="main-product-01" template="product.phtml"}}</div></div>
</div>