<div class="home-page-4 title-style-1">
    <div class="container">
        <div class="home-top home-top-products" style="padding-top: 30px;">
            <div class="row">
                <div class="col-lg-9 top-slider">
                    <div class="slidershow-type-1 hover-to-show" style="margin-bottom: 40px;">
                        <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-4/item-1.jpg"}}" alt="Slider 1" width="870" height="422" />
                                    </a>
                                </div>

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

                                <div class="item">
                                    <a title="Slide 1" href="#">
                                        <img src="{{media url="wysiwyg/slidershow/home-4/item-3.jpg"}}" alt="Slider 3" width="870" height="422" />
                                    </a>
                                </div>
                            </div>

                            <div class="loading-content"><span class="hidden">Loading...</span></div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 top-deals">
                    <div class="product-top-home hidden-action-cart hidden-title slidershow-type-1 hover-to-show" 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="3" data-screen992="4" data-screen1200="1" data-screen1441="1" data-screen1681="1" data-screen1920="1" data-margin="10" 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="DAILY DEALS" product_source="special_products" select_category="4" product_limitation="4" display_countdown="1"}}
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="home-services services-four" style="margin-bottom: 35px;">
            <ul>
                <li>
                    <a href="#">
                            <span class="service-icon">
                                <img src="{{media url="wysiwyg/icon-image/icon-1.png"}}" alt="Service" width="60" height="60" />
                            </span>

                        <span class="service-info">FAST & FREE SHIPPING ON ALL ORDERS</span>
                    </a>
                </li>

                <li>
                    <a href="#">
                            <span class="service-icon">
                                <img src="{{media url="wysiwyg/icon-image/icon-2.png"}}" alt="Service" width="60" height="60" />
                            </span>

                        <span class="service-info">30 DAYS MONEY BACK GUARANTEE</span>
                    </a>
                </li>

                <li>
                    <a href="#">
                            <span class="service-icon">
                                <img src="{{media url="wysiwyg/icon-image/icon-3.png"}}" alt="Service" width="60" height="60" />
                            </span>

                        <span class="service-info">SAFE SHOPPING GUARANTEE</span>
                    </a>
                </li>

                <li>
                    <a href="#">
                            <span class="service-icon">
                                <img src="{{media url="wysiwyg/icon-image/icon-15.png"}}" alt="Service" width="60" height="60" />
                            </span>

                        <span class="service-info">ONLINE SUPPORT 24H ON DAY</span>
                    </a>
                </li>
            </ul>
        </div>

        <div class="tabs-product" style="margin-bottom: 40px;">
            {{block class="Sm\ListingTabs\Block\ListingTabs" template="Sm_ListingTabs::default.phtml" row_items="1" title="BEST SELLERS" type_show="slider" type_listing="all" display_countdown="0" type_filter="categories" order_by="ordered_qty" order_dir="DESC" category_tabs="16,4,11" limitation="6" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="2" data-screen481="2" data-screen768="3" data-screen992="3" data-screen1200="4" data-screen1441="4" data-screen1681="4" data-screen1920="4" data-margin="30" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true"}}
        </div>

        <div class="banner-block-1" style="margin-bottom: 10px;">
            <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-4.jpg"}}" alt="Banner" width="370" height="340" /></a>
                    </div>
                </div>

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

                    <div class="banner-image">
                        <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-6.jpg"}}" alt="Banner" width="370" height="110" /></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-7.jpg"}}" alt="Banner" width="370" height="340" /></a>
                    </div>
                </div>
            </div>
        </div>

        <div class="tabs-product" style="margin-bottom: 40px;">
            {{block class="Sm\ListingTabs\Block\ListingTabs" template="Sm_ListingTabs::default.phtml" row_items="1" title="NEW ARRIVALS" type_show="slider" type_listing="all" display_countdown="0" type_filter="categories" order_by="created_at" order_dir="DESC" category_tabs="3,4,11" limitation="6" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="2" data-screen481="2" data-screen768="3" data-screen992="3" data-screen1200="4" data-screen1441="4" data-screen1681="4" data-screen1920="4" data-margin="30" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true"}}
        </div>

        <div class="block home-collection" style="margin-bottom: 35px;">
            <div class="block-title">
                <strong>TOP COLLECTIONS</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="4" data-screen768="5" data-screen992="6" data-screen1200="7" data-screen1441="7" data-screen1681="7" data-screen1920="7" data-margin="0" 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="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-4.png"}}" alt="Furniture" width="88" height="88" /></span>
                                <strong>FURNITURE</strong>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-5.png"}}" alt="Furniture" width="88" height="88" /></span>
                                <strong>ELECTRONICS</strong>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-6.png"}}" alt="Furniture" width="88" height="88" /></span>
                                <strong>MOM & BABY</strong>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-7.png"}}" alt="Furniture" width="88" height="88" /></span>
                                <strong>OUTDOOR</strong>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-8.png"}}" alt="Furniture" width="88" height="88" /></span>
                                <strong>FASHION</strong>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-9.png"}}" alt="Furniture" width="88" height="88" /></span>
                                <strong>HEALTH & BEAUTY</strong>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-10.png"}}" alt="Furniture" width="88" height="88" /></span>
                                <strong>JEWELLERY</strong>
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-7.png"}}" alt="Furniture" width="88" height="88" /></span>
                                <strong>FURNITURE</strong>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="hot-categories">
            {{block class="Sm\Categories\Block\Categories" template="Sm_Categories::default-grid.phtml" select_category="9,3,5,15,11,4,7,6" title_module="HOT CATEGORIES" limitation="4"}}
        </div>
    </div>
</div>