<div class="home-page-5 title-style-1" style="padding-top: 30px;">
    <div class="container">
        <div class="content-home">
            <div class="main-home main-home-right">
                <div class="deal-slider" 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="1" data-screen1200="1" data-screen1441="1" data-screen1681="1" data-screen1920="1" data-margin="1" 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="FEATURED PRODUCT" product_source="special_products" select_category="3,4" product_limitation="3" display_countdown="1"}}
                    </div>
                </div>

                <div class="grid-top-banner" style="margin-bottom: 10px;">
                    <div class="left-banner">
                        <div class="banner-image">
                            <a title="Banner Image" href="#">
                                <img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-20.jpg"}}" alt="Banner Image" width="480" height="350" />
                            </a>
                        </div>
                    </div>

                    <div class="right-banner">
                        <div class="banner-image first-banner">
                            <a title="Banner Image" href="#">
                                <img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-21.jpg"}}" alt="Banner Image" width="380" height="180" />
                            </a>
                        </div>

                        <div class="banner-image">
                            <a title="Banner Image" href="#">
                                <img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-22.jpg"}}" alt="Banner Image" width="380" height="160" />
                            </a>
                        </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="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="3" data-screen1441="3" data-screen1681="3" data-screen1920="3" data-margin="29" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true"}}
                </div>

                <div class="banner-image main-full-banner" style="margin-bottom: 40px;">
                    <a title="Banner Image" href="#">
                        <img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-23.jpg"}}" alt="Banner Image" width="870" height="120" />
                    </a>
                </div>

                <div class="row">
                    <div class="col-lg-6">
                        <div class="products-list-slider" 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="2" data-screen992="1" data-screen1200="1" data-screen1441="1" data-screen1681="1" data-screen1920="1" data-margin="1" 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::list-slider.phtml" title_module="FEATURED PRODUCT" product_source="featured_products" select_category="3,4,5" product_limitation="8" display_countdown="0" row_items="4"}}
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="products-list-slider" 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="2" data-screen992="1" data-screen1200="1" data-screen1441="1" data-screen1681="1" data-screen1920="1" data-margin="1" 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::list-slider.phtml" title_module="LATEST PRODUCT" product_source="lastest_products" select_category="3,4,5" product_limitation="8" display_countdown="0" row_items="4"}}
                            </div>
                        </div>
                    </div>
                </div>

                <div class="block brand-slider" style="margin-bottom: 40px;">
                    <div class="block-title">
                        <strong>FEATURED 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="3" data-screen768="4" data-screen992="5" data-screen1200="5" data-screen1441="5" data-screen1681="5" data-screen1920="5" data-margin="18" 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 class="mark-lazy" src="{{media url="wysiwyg/brand/item-1.jpg"}}" alt="Brand 1" width="152" height="90" />
                                    </a>
                                </div>

                                <div class="item">
                                    <a title="Slide 1" href="#">
                                        <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-2.jpg"}}" alt="Brand 2" width="152" height="90" />
                                    </a>
                                </div>

                                <div class="item">
                                    <a title="Slide 1" href="#">
                                        <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-3.jpg"}}" alt="Brand 3" width="152" height="90" />
                                    </a>
                                </div>

                                <div class="item">
                                    <a title="Slide 1" href="#">
                                        <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-4.jpg"}}" alt="Brand 4" width="152" height="90" />
                                    </a>
                                </div>

                                <div class="item">
                                    <a title="Slide 1" href="#">
                                        <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-5.jpg"}}" alt="Brand 5" width="152" height="90" />
                                    </a>
                                </div>

                                <div class="item">
                                    <a title="Slide 1" href="#">
                                        <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-2.jpg"}}" alt="Brand 2" width="152" height="90" />
                                    </a>
                                </div>

                                <div class="item">
                                    <a title="Slide 1" href="#">
                                        <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-4.jpg"}}" alt="Brand 4" width="152" height="90" />
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="blog-slider" 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="3" data-screen1200="3" data-screen1441="3" data-screen1681="3" data-screen1920="3" data-margin="30" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">
                    {{widget type="Magefan\Blog\Block\Widget\Recent" title="LATEST BLOG" number_of_posts="5" category_id="0" tag_id="0" author_id="0" custom_template="Magefan_Blog::widget/recent-slider.phtml"}}
                    </div>
                </div>


            </div>

            <div class="sidebar-home sidebar-left">
                <div class="vertical-menu" style="margin-bottom: 35px;">{{block class="Sm\MegaMenu\Block\MegaMenu\View" template="Sm_MegaMenu::vertical.phtml" theme="2" group_id="2" title="All Categories"}}</div>

                <div class="block clients-say">
                    <div class="block-title">
                        <strong>Clients say</strong>
                    </div>

                    <div class="block-content block-clients">
                        <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="1" data-screen1200="1" data-screen1441="1" data-screen1681="1" data-screen1920="1" data-margin="30" 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">
                                    <div class="client-description">Aliquam ut tellus dignissim, cursus erat ultricies tellus. Nulla tempus sollicitudin mauris cursus dictum. Etiam id diam diam.</div>
                                    <div class="client-info">
                                        <img class="mark-lazy" src="{{media url="wysiwyg/clients/item-1.jpg"}}" alt="Client" width="52" height="52" />
                                        <div class="info-detail">
                                            <h3>Aliquam Tellus</h3>
                                            <p>Vitae Ornare Mauris</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="item">
                                    <div class="client-description">Aliquam ut tellus dignissim, cursus erat ultricies tellus. Nulla tempus sollicitudin mauris cursus dictum. Etiam id diam diam.</div>
                                    <div class="client-info">
                                        <img class="mark-lazy" src="{{media url="wysiwyg/clients/item-2.jpg"}}" alt="Client" width="52" height="52" />
                                        <div class="info-detail">
                                            <h3>Aliquam Tellus</h3>
                                            <p>Vitae Ornare Mauris</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="block collection-sidebar" style="margin-bottom: 40px;">
                    <div class="block-title">
                        <strong>Collection</strong>
                    </div>

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

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

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

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

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

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

                <div class="fb-fanbox" style="margin-bottom: 40px;">
                    <div class="fb-page" data-href="https://www.facebook.com/MagenTech" data-tabs="timeline" data-width="270" data-height="400" data-small-header="false" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="true">
                        <div class="fb-xfbml-parse-ignore">
                            <blockquote cite="https://www.facebook.com/MagenTech"><a href="https://www.facebook.com/MagenTech">MagenTech</a></blockquote>
                        </div>
                    </div>
                    <div id="fb-root"></div>
                </div>

                <div class="block-subscribe-home" style="margin-bottom: 40px;">
                    <h2 class="newsletter-title">Newsletter</h2>
                    <p class="description-newsletter">Please sign up to the Market mailing list to receive updates on special offers and other discount information</p>
                    {{block class="Magento\Newsletter\Block\Subscribe" template="subscribe-home.phtml"}}
                </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="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>