<div class="home-page-17">
    <div class="slidershow" style="margin-bottom: 0;">
        <div class="slidershow-type-3 hover-to-show">
            <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-17/item-1.jpg"}}" alt="Slider 1" width="1920" height="770" />
                        </a>
                    </div>

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

                    <div class="item">
                        <a title="Slide 1" href="#">
                            <img src="{{media url="wysiwyg/slidershow/home-17/item-3.jpg"}}" alt="Slider 3" width="1920" height="770" />
                        </a>
                    </div>
                </div>
                <div class="loading-content"><span class="hidden">Loading...</span></div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="service-text" style="padding: 30px 0;">
            <ul>
                <li>
                    <a href="#">FREE SHIPPING ON ORDERS OVER $99</a>
                </li>

                <li>
                    <a href="#">30 DAYS MONEY BACK GUARANTEE</a>
                </li>

                <li>
                    <a href="#">ONLINE SUPPORT 24/24 ON DAY</a>
                </li>
            </ul>
        </div>
    </div>

    <div class="full-deals">
        <div class="block-deals-full title-block-center-des countdown-top hidden-title-block">
            <div class="title-des">
                <strong>SPECIAL OFFERS</strong>
                <p style="max-width: 470px; margin: 0 auto;">Browse The Collection Of Our Best Selling And Top Interesting Products. You'll Definitely Find What You Are Looking For.</p>
            </div>

            <div data-owl="owl-slider" data-autoplay="false" data-nav="false" data-dots="true" data-screen0="1" data-screen481="2" data-screen768="2" data-screen992="3" data-screen1200="4" data-screen1441="5" data-screen1681="6" data-screen1920="6" data-margin="30" 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="SPECIAL OFFERS" product_source="special_products" select_category="16" product_limitation="8" display_countdown="1"}}
            </div>
        </div>
    </div>

    <div class="container">
        <div class="block-home tab-inline hover-to-show title-block-center-des hidden-title-block" style="margin-bottom: 25px;">
            <div class="title-des">
                <strong>FOR WOMEN</strong>
                <p style="max-width: 470px; margin: 0 auto;">Browse The Collection Of Our Best Selling And Top Interesting Products. You'll Definitely Find What You Are Looking For.</p>
            </div>

            {{block class="Sm\ListingTabs\Block\ListingTabs" template="Sm_ListingTabs::default.phtml" row_items="1" title="FOR WOMEN" type_show="slider" type_listing="all" display_countdown="0" type_filter="fieldproducts" field_tabs="lastest_products,ordered_qty,num_rating_summary" order_by="ordered_qty" order_dir="DESC" category_select="160" 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-mobile-dots="true" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true"}}
        </div>
    </div>

    <div class="full-grid-cats background-women" style="margin-bottom: 45px;">
        <div class="container">
            <div class="cat-items title-block-center-des">
                {{block class="Sm\Categories\Block\Categories" template="Sm_Categories::default-grid.phtml" select_category="162,163,164,165,166" title_module="WOMEN'S CATEGORIES" limitation="0"}}
            </div>
        </div>
    </div>

    <div class="container">
        <div class="block-home tab-inline hover-to-show title-block-center-des hidden-title-block" style="margin-bottom: 25px;">
            <div class="title-des">
                <strong>FOR MEN</strong>
                <p style="max-width: 470px; margin: 0 auto;">Browse The Collection Of Our Best Selling And Top Interesting Products. You'll Definitely Find What You Are Looking For.</p>
            </div>

            {{block class="Sm\ListingTabs\Block\ListingTabs" template="Sm_ListingTabs::default.phtml" row_items="1" title="FOR WOMEN" type_show="slider" type_listing="all" display_countdown="0" type_filter="fieldproducts" field_tabs="lastest_products,ordered_qty,num_rating_summary" order_by="ordered_qty" order_dir="DESC" category_select="161" 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-mobile-dots="true" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true"}}
        </div>
    </div>

    <div class="full-grid-cats background-men" style="margin-bottom: 50px;">
        <div class="container">
            <div class="cat-items title-block-center-des">
                {{block class="Sm\Categories\Block\Categories" template="Sm_Categories::default-grid.phtml" select_category="167,168,169,170,171" title_module="WOMEN'S CATEGORIES" limitation="0"}}
            </div>
        </div>
    </div>

    <div class="container">
        <div class="block-home blog-slider-type-2 hover-to-show title-block-center-des hidden-title-block" style="margin-bottom: 60px;">
            <div class="title-des">
                <strong>LATEST BLOGS</strong>
                <p style="max-width: 470px; margin: 0 auto;">Browse The Collection Of Our Best Selling And Top Interesting Products. You'll Definitely Find What You Are Looking For.</p>
            </div>

            <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="4" data-screen1441="4" data-screen1681="4" data-screen1920="4" data-margin="30" data-mobile-dots="true" 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-type2.phtml"}}
            </div>
        </div>
    </div>

    <div class="full-brand">
        <div class="container">
            <div class="block-home block-brand-bottom hover-to-show">
                <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="35" data-mobile-dots="true" 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/brand/item-12.png"}}" alt="Brand" width="188" height="81">
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-13.png"}}" alt="Brand" width="188" height="81">
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-14.png"}}" alt="Brand" width="188" height="81">
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-13.png"}}" alt="Brand" width="188" height="81">
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-12.png"}}" alt="Brand" width="188" height="81">
                            </a>
                        </div>

                        <div class="item">
                            <a href="#">
                                <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-14.png"}}" alt="Brand" width="188" height="81">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>