<div class="menu-modal header-mobile-menu cover-modal header-footer-group" data-modal-target-string=".menu-modal">
    <div class="menu-modal-inner modal-inner">
        <div class="menu-wrapper section-inner">
            <div class="menu-top">

                <button class="toggle close-nav-toggle" data-toggle-target=".menu-modal" data-toggle-body-class="showing-menu-modal" aria-expanded="false" data-set-focus=".menu-modal">
                    <span class="toggle-text"><?php esc_html_e( 'Close', 'sparklestore' ); ?></span>
                    <i class="fas fa-times"></i>
                </button><!-- .nav-toggle -->

                <div class="menu-search-form widget_search">
                    <?php 
                    if( class_exists( 'WooCommerce' ) ){
                        sparklestore_advance_product_search_form();
                    }else{ 
                        get_search_form();
                    } ?>
                </div>

                <div class='sparkle-tab-wrap'>
                    <div class="sparkle-tabs we-tab-area">
                        <button class="sparkle-tab-menu active" id="sparkle-tab-menu1">
                            <span><?php echo esc_html( 'Menu','sparklestore' ) ?></span>
                        </button>
                        <button class="sparkle-tab-category" id="sparkle-tab-menu2">
                            <span><?php echo esc_html( 'Categories','sparklestore' ) ?></span>
                        </button>
                    </div>

                    <div class="sparkle-tab-content we-tab-content">
                        <div class="sparkle-tab-menu-content tab-content" id="sparkle-content-menu1">
                            <nav class="mobile-menu" aria-label="<?php esc_attr_e( 'Mobile', 'sparklestore' ); ?>" role="navigation">
                                <ul class="modal-menu">
                                    <?php
                                        if ( has_nav_menu( 'sparkleprimary' ) ) {
                                            wp_nav_menu(
                                                array(
                                                    'container'      => '',
                                                    'items_wrap'     => '%3$s',
                                                    'show_toggles'   => true,
                                                    'theme_location' => 'sparkleprimary',
                                                )
                                            );
                                        }
                                    ?>
                                </ul>
                            </nav>
                        </div>

                        <div class="sparkle-tab-category-content tab-content hidden" id="sparkle-content-menu2">
                            <nav class="mobile-menu" aria-label="<?php esc_attr_e( 'Mobile', 'sparklestore' ); ?>" role="navigation">
                                <ul class="modal-menu">
                                    <?php
                                        if ( has_nav_menu( 'sparklecategory' ) ) {
                                            wp_nav_menu(
                                                array(
                                                    'container'      => '',
                                                    'items_wrap'     => '%3$s',
                                                    'show_toggles'   => true,
                                                    'theme_location' => 'sparklecategory',
                                                )
                                            );
                                        }
                                    ?>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>