<div class="home-page-19" style="padding-top: 20px;">
    <div class="container">
        <div class="slidershow mb-desktop-105 mb-mobile-40">
            <div class="slidershow-type-5 hover-to-show">
                <div data-owl="owl-slider" data-autoplay="true" data-nav="true" data-dots="true" 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-19/item-1.jpg"}}" alt="Slider 1" width="1170" height="585" />
                            </a>
                        </div>

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

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

        <div class="service-ontop">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-4 service-item">
                    <div class="item-content mb-desktop-90 mb-mobile-40">
                        <a href="#">
                            <span class="sv-icon">
                                <img src="{{media url="wysiwyg/icon-image/icon-23.png"}}" alt="Service" width="98" height="98" />
                            </span>

                            <span class="sv-title">FREE SHIPPING</span>
                            <span class="sv-text">Free shipping on orders over $99.00</span>
                        </a>
                    </div>
                </div>

                <div class="col-lg-4 col-md-4 col-sm-4 service-item">
                    <div class="item-content sv-color-2 mb-desktop-90 mb-mobile-40">
                        <a href="#">
                            <span class="sv-icon">
                                <img src="{{media url="wysiwyg/icon-image/icon-24.png"}}" alt="Service" width="98" height="98" />
                            </span>

                            <span class="sv-title">100% MONEY BACK</span>
                            <span class="sv-text">Free shipping on orders over $99.00</span>
                        </a>
                    </div>
                </div>

                <div class="col-lg-4 col-md-4 col-sm-4 service-item">
                    <div class="item-content sv-color-3 mb-desktop-90 mb-mobile-40">
                        <a href="#">
                            <span class="sv-icon">
                                <img src="{{media url="wysiwyg/icon-image/icon-25.png"}}" alt="Service" width="98" height="98" />
                            </span>

                            <span class="sv-title">SAFE SHOPPING</span>
                            <span class="sv-text">Free shipping on orders over $99.00</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="banner-kids pb-desktop-60 mb-desktop-70 pb-mobile-30 mb-mobile-30" style="border-bottom: 1px dashed #e5e5e5;">
            <div class="row">
                <div class="col-lg-6 col-md-6">
                    <div class="banner-image">
                        <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-62.jpg"}}" alt="Banner" width="570" height="660" /></a>
                    </div>
                </div>

                <div class="col-lg-6 col-md-6">
                    <div class="banner-image">
                        <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-63.jpg"}}" alt="Banner" width="570" height="200" /></a>
                    </div>

                    <div class="banner-image">
                        <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-64.jpg"}}" alt="Banner" width="570" height="200" /></a>
                    </div>

                    <div class="banner-image">
                        <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-65.jpg"}}" alt="Banner" width="570" height="200" /></a>
                    </div>
                </div>
            </div>
        </div>

        <div class="block-dot-title mb-desktop-30 mb-mobile-10">
            {{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::grid-default.phtml" title_module="NEW PRODUCTS" product_source="lastest_products" select_category="179" product_limitation="8" display_countdown="0"}}
        </div>
    </div>

    <div class="full-kid-category pt-desktop-70 pb-desktop-90 pt-mobile-30 pb-mobile-40" style="background-color: #fafafa;">
        <div class="container">
            <div class="block-dot-title color-categories slidershow-type-6 hover-to-show">
                <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="4" 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">
                    {{block class="Sm\Categories\Block\Categories" template="Sm_Categories::default-slider.phtml" select_category="180,181,182,183,184" title_module="POPULAR CATEGORIES" limitation="0"}}
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="block-dot-title dot-brands pt-desktop-70 pb-desktop-70 pt-mobile-30 pb-mobile-30">
            <div class="block">
                <div class="block-title">
                    <strong>OUR BRANDS</strong>
                </div>

                <div class="block-content">
                    <ul>
                        <li>
                            <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brand/item-27.jpg"}}" alt="Brand" width="218" height="164" /></a>
                        </li>

                        <li>
                            <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brand/item-28.jpg"}}" alt="Brand" width="218" height="164" /></a>
                        </li>

                        <li>
                            <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brand/item-29.jpg"}}" alt="Brand" width="218" height="164" /></a>
                        </li>

                        <li>
                            <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brand/item-30.jpg"}}" alt="Brand" width="218" height="164" /></a>
                        </li>

                        <li>
                            <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brand/item-31.jpg"}}" alt="Brand" width="218" height="164" /></a>
                        </li>

                        <li>
                            <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brand/item-32.jpg"}}" alt="Brand" width="218" height="164" /></a>
                        </li>

                        <li>
                            <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brand/item-33.jpg"}}" alt="Brand" width="218" height="164" /></a>
                        </li>

                        <li>
                            <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brand/item-34.jpg"}}" alt="Brand" width="218" height="164" /></a>
                        </li>

                        <li>
                            <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brand/item-35.jpg"}}" alt="Brand" width="218" height="164" /></a>
                        </li>

                        <li>
                            <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/brand/item-36.jpg"}}" alt="Brand" width="218" height="164" /></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>