<div class="home-page-1 enable-vertical-menu title-style-1">
    <div class="container">
        <!--Slideshow-->
        <div class="slidershow">
            <div class="slidershow-type-1">
                <div data-owl="owl-slider" data-autoplay="true" data-nav="true" data-dots="false" data-screen0="1" data-screen481="1" data-screen768="1" data-screen992="1" data-screen1200="1" data-screen1441="1" data-screen1681="1" data-screen1920="1" data-margin="1" data-autoplayhoverpause="true" data-loop="true" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">
                    <div class="owl-carousel owl-theme">
                        <div class="item">
                            <a title="Slide 1" href="#">
                                <img src="{{media url="wysiwyg/slidershow/home-1/Index_v1_1.jpg"}}" alt="Slider 1" width="1350" height="500" />
                            </a>
                        </div>

                        <div class="item">
                            <a title="Slide 1" href="#">
                                <img src="{{media url="wysiwyg/slidershow/home-1/Index_v1_2.jpg"}}" alt="Slider 2" width="1350" height="500" />
                            </a>
                        </div>
                        <div class="item">
                            <a title="Slide 1" href="#">
                                <img src="{{media url="wysiwyg/slidershow/home-1/Index_v1_3.jpg"}}" alt="Slider 2" width="1350" height="500" />
                            </a>
                        </div>

                    </div>
                    <div class="loading-content"><span class="hidden">Loading...</span></div>
                </div>
            </div>
        </div>
        <!--End:Slideshow-->

        <!--Service home 1-->
        <div class="home-services" style="margin-bottom: 30px;">
            <div class="row">
                <div class="col-lg-3 col-sm-6 col-md-6">
                    <a href="#">
                        <span class="service-icon">
                            <img src="{{media url="wysiwyg/icon-image/icon_policy_1.png"}}" alt="policy" width="40" height="40"/>
                        </span>

                        <span class="service-info">
                            <span class="title">Free Shipping & Return</span>
                            <span class="des">Free shipping on orders over $49</span>
                        </span>
                        
                    </a>
                </div>

                <div class="col-lg-3 col-sm-6 col-md-6">
                    <a href="#">
                        <span class="service-icon">
                            <img src="{{media url="wysiwyg/icon-image/icon_policy_2.png"}}" alt="policy" width="40" height="40"/>
                        </span>

                        <span class="service-info">
                            <span class="title">Money Guarantee</span>
                            <span class="des">30 days money back guarantee</span>
                        </span>
                    </a>
                </div>

                <div class="col-lg-3 col-sm-6 col-md-6">
                    <a href="#">
                        <span class="service-icon">
                            <img src="{{media url="wysiwyg/icon-image/icon_policy_3.png"}}" alt="policy" width="40" height="40"/>
                        </span>

                        <span class="service-info">
                            <span class="title">Online Support</span>
                            <span class="des">We support online 24/24 on day</span>
                        </span>
                    </a>
                </div>
                <div class="col-lg-3 col-sm-6 col-md-6">
                    <a href="#">
                        <span class="service-icon">
                            <img src="{{media url="wysiwyg/icon-image/icon_policy_4.png"}}" alt="policy" width="40" height="40"/>
                        </span>

                        <span class="service-info">
                            <span class="title">Gift Promotion</span>
                            <span class="des">30 days money back guarantee</span>
                        </span>
                    </a>
                </div>
            </div>
        </div>
        <!--End:Service home 1-->
        <!--Banner block 1-->
        <div class="banner-block-1" style="margin-bottom: 10px;">
            <div class="row">
                <div class="col-lg-3 col-sm-3">
                    <div class="banner-image">
                        <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/1.jpg"}}" alt="Banner" width="324" height="160" /></a>
                    </div>
                </div>

                <div class="col-lg-3 col-sm-3">
                    <div class="banner-image">
                        <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/2.jpg"}}" alt="Banner" width="324" height="160" /></a>
                    </div>
                </div>

                <div class="col-lg-3 col-sm-3">
                    <div class="banner-image">
                        <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/3.jpg"}}" alt="Banner" width="324" height="160" /></a>
                    </div>
                </div>

                <div class="col-lg-3 col-sm-3">
                    <div class="banner-image">
                        <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/4.jpg"}}" alt="Banner" width="324" height="160" /></a>
                    </div>
                </div>
            </div>
        </div>
        <!--End:Banner block 1-->

        <!--Block: Deals products-->
        <div class="deals-products product-nav-1" style="margin-bottom: 110px;">
            <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="1" data-screen481="1" data-screen768="1" data-screen992="2" data-screen1200="2" data-screen1441="2" data-screen1681="2" data-screen1920="2" data-margin="5" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">
                {{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::deal-slider.phtml" title_module="Deal Of the days" product_source="special_products" select_category="" product_limitation="6" display_countdown="1"}}
            </div>
        </div>
        <!--End Block: Deals products-->

        <div class="full-wrapper" style="padding-bottom:40px;">
            <div class="container">
                <!--Banner block 2-->
                <div class="banner-block-2" style="margin-bottom:-30px;">
                    <div class="banner-image">
                        <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/Banner.jpg"}}" alt="Banner" width="324" height="160" /></a>
                    </div>
                </div>
                <!--End:Banner block 2-->
				
				<!--Grid slider product 1-->
				<div class="grid-slider-product product-nav-1 block-homepage" style="margin-bottom: 40px;">
					<div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="1" data-screen481="1" data-screen768="1" data-screen992="3" data-screen1200="4" data-screen1441="4" data-screen1681="4" data-screen1920="4" data-margin="5" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">
						{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::grid-slider.phtml" title_module="Top Sellings" product_source="lastest_products" cms-img="cms-img-1" select_category="3,4,7" product_limitation="8" display_countdown="0"}}
					</div>
				</div>
				<!--End:Grid slider product 1-->

                <!--Featured brands-->
				<div class="featured-brands block-homepage" style="margin-bottom: 40px;">
					<div class="block-title">
                        <strong>Featured Brands</strong>
                        <a href="#" title="View All">View All</a>
                    </div>
                    <div class="block-content">
                        <div class="row">

                            <div class="col-lg-3 col-sm-3">
                                <div class="banner-image">
                                    <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/brand-banner-1.jpg"}}" alt="Banner" width="314" height="202" /></a>
                                </div>
                                <div class="content">
                                    <div class="title">Shop Cyclops's Sale</div>
                                    <div class="des">Explore Now</div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-3">
                                <div class="banner-image">
                                    <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/brand-banner-2.jpg"}}" alt="Banner" width="314" height="202" /></a>
                                </div>
                                <div class="content">
                                    <div class="title">Get Big Brands First</div>
                                    <div class="des">Shop this brand</div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-3">
                                <div class="banner-image">
                                    <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/brand-banner-3.jpg"}}" alt="Banner" width="314" height="202" /></a>
                                </div>
                                <div class="content">
                                    <div class="title">Shop Cyclops's Sale</div>
                                    <div class="des">Explore Now</div>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-3">
                                <div class="banner-image">
                                    <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/brand-banner-4.jpg"}}" alt="Banner" width="314" height="202" /></a>
                                </div>
                                <div class="content">
                                    <div class="title">Get Big Brands First</div>
                                    <div class="des">Shop this brand</div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
				</div>
				<!--End:Featured brands-->

                <!--Grid slider product 2-->
				<div class="grid-slider-product-2 product-nav-1 block-homepage" style="margin-bottom: 40px;">
					<div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="1" data-screen481="2" data-screen768="2" data-screen992="3" data-screen1200="5" data-screen1441="5" data-screen1681="5" data-screen1920="5" data-margin="5" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">
						{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::grid-slider.phtml" title_module="Best Selling Products" product_source="lastest_products" cms-img="" select_category="3,4,7" product_limitation="10" display_countdown="0"}}
					</div>
				</div>
				<!--End:Grid slider product 2-->


                <!--Banner block 3-->
                <div class="banner-block-3" style="margin-bottom:40px;">
                    <div class="row">

                        <div class="col-lg-4 col-sm-4">
                            <div class="banner-image">
                                <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/banner_3.jpg"}}" alt="Banner" width="438" height="200" /></a>
                            </div>
                        </div>

                        <div class="col-lg-4 col-sm-4">
                            <div class="banner-image">
                                <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/banner_4.jpg"}}" alt="Banner" width="438" height="200" /></a>
                            </div>
                        </div>

                        <div class="col-lg-4 col-sm-4">
                            <div class="banner-image">
                                <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/banner_5.jpg"}}" alt="Banner" width="438" height="200" /></a>
                            </div>
                        </div>

                    </div>
                </div>
                <!--End:Banner block 3-->
                <!--Section Grid Products-->
                <div class="row grid-pd-1">
                    <div class="col-lg-6 col-md-12">
                        <div class="grid-product-1 grid block-homepage" style="margin-bottom: 40px;">
                            {{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::grid.phtml" title_module="Smartphones" product_source="lastest_products" cms-img="cms-img-2" select_category="3" product_limitation="4" display_countdown="0"}}
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12">
                        <div class="grid-product-1 grid block-homepage" style="margin-bottom: 40px;">
                            {{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::grid.phtml" title_module="Camera & Photo" product_source="lastest_products" cms-img="cms-img-3" select_category="4" product_limitation="4" display_countdown="0"}}
                        </div>
                    </div>
                </div>
                <!--End:Section Grid Products-->

                <!--Banner block 4-->
                <div class="banner-block-3" style="margin-bottom:40px;">
                    <div class="banner-image">
                        <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/banner_11.jpg"}}" alt="Banner"  /></a>
                    </div>
                </div>
                <!--End:Banner block 4-->

                <!--Section Grid Products-->
                <div class="row grid-pd-1">
                    <div class="col-lg-6 col-md-12">
                        <div class="grid-product-1 grid block-homepage" style="margin-bottom: 40px;">
                            {{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::grid.phtml" title_module="Home & Interior" product_source="lastest_products" cms-img="cms-img-4" select_category="6" product_limitation="4" display_countdown="0"}}
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12">
                        <div class="grid-product-1 grid block-homepage" style="margin-bottom: 40px;">
                            {{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::grid.phtml" title_module="Fashion & Jewelry" product_source="lastest_products" cms-img="cms-img-5" select_category="5" product_limitation="4" display_countdown="0"}}
                        </div>
                    </div>
                </div>
                <!--End:Section Grid Products-->

                <!--Banner block 5-->
                <div class="banner-block-3" style="margin-bottom:40px;">
                    <div class="banner-image">
                        <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/banner_10.jpg"}}" alt="Banner"  /></a>
                    </div>
                </div>
                <!--End:Banner block 5-->

                <!--Section Grid 2 Products -->
                <div class="grid-product-2 grid block-homepage" style="margin-bottom: 40px;">
                    {{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::grid.phtml" title_module="Reccomend For You" product_source="lastest_products" cms-img="" select_category="3,4,6" product_limitation="10" display_countdown="0"}}
                </div>
                <!--End:Section Grid 2 Products-->

                <!--Slider brands-->
                <div class="slider-brands block-homepage product-nav-1">
                    <div class="block-title">
                        <strong>Shop By Brands</strong>
                    </div>
                    <div class="block-content">
                        <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="2" data-screen481="2" data-screen768="3" data-screen992="6" data-screen1200="7" data-screen1441="7" data-screen1681="7" data-screen1920="7" data-margin="20" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">
                            <div class="owl-carousel owl-theme">

                                <div class="item">
                                    <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brands/envato-logo.jpg"}}" alt="Furniture" width="160" height="80" /></a>
                                </div>

                                <div class="item">
                                    <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brands/Layer_740404.jpg"}}" alt="Furniture" width="160" height="80" /></a>
                                </div>

                                <div class="item">
                                    <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brands/Layer_740403.jpg"}}" alt="Furniture" width="160" height="80" /></a>
                                </div>

                                <div class="item">
                                    <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brands/Layer_740402.jpg"}}" alt="Furniture" width="160" height="80" /></a>
                                </div>

                                <div class="item">
                                    <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brands/Brand.jpg"}}" alt="Furniture" width="160" height="80" /></a>
                                </div>

                                <div class="item">
                                    <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brands/Layer_1128.jpg"}}" alt="Furniture" width="160" height="80" /></a>
                                </div>

                                <div class="item">
                                    <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brands/Layer_740406.jpg"}}" alt="Furniture" width="160" height="80" /></a>
                                </div>

                                <div class="item">
                                    <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brands/Layer_740405.jpg"}}" alt="Furniture" width="160" height="80" /></a>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <!--End:Slider brands-->

            </div>
        </div>

    </div>
</div>