      <div class="wpdevart-search-overlay" id="wpdevartModalContainer">
          <div class="wpdevart-search-overlay-layout">
            <form method="get" class="search-term" action="<?php echo esc_url( home_url( '/' ) ); ?>">
            <div class="wpdevart-search-container">
                <i class="fa fa-search wpdevart-search-overlay-icon" aria-hidden="true"></i>
                <label>
                  <input type="search" class="search-term" id="wpdevartfocusonoverlayinputwide"
                  placeholder="<?php echo esc_attr__( 'Enter a search term here...', 'clothing'); ?>"
                  value="<?php echo esc_attr(get_search_query()); ?>" name="s"
                  />
                </label>
                <button type="button" onClick="wpdevartToggleModal()" class="search-overlay-close-wide-button">
                  <i class="fa fa-close search-overlay-close-icon" aria-hidden="true"></i>
                </button>  
                </div>
                <div class="search-overlay-button">
                <button type="submit" class="wpdevart_clothing_hover_button_small <?php if (!get_theme_mod( 'wpdevart_clothing_search_overlay_page_button_style' )) { echo esc_attr('wpdevart_clothing_first_button_slide first_btn_slide_right'); } else { echo esc_attr( get_theme_mod( 'wpdevart_clothing_search_overlay_page_button_style' ) ); } ?>">
                  <?php echo esc_html__( 'Search', 'clothing'); ?>
                </button>
                </div>
            </form>
            <div tabIndex="0"></div>
          </div>
      </div>
 
      <div class="wpdevart-search-overlay" id="wpdevartModalContainerSmall">
          <div class="wpdevart-search-overlay-layout">
              <form method="get" class="search-term" action="<?php echo esc_url( home_url( '/' ) ); ?>">
                <div class="wpdevart-search-container">
                    <i class="fa fa-search wpdevart-search-overlay-icon" aria-hidden="true"></i>
                    <label>
                      <input type="search" class="search-term" id="wpdevartfocusonoverlayinputsmall"
                      placeholder="<?php echo esc_attr__( 'Search term...', 'clothing'); ?>"
                      value="<?php echo esc_attr(get_search_query()); ?>" name="s"
                      />
                    </label>
                    <button type="button" onClick="wpdevartToggleModalSmall()" class="search-overlay-close-button">
                    <i class="fa fa-close search-overlay-close-icon" aria-hidden="true"></i>
                    </button>
                </div>
                    <div class="search-overlay-button">
                    <button type="submit" class="wpdevart_clothing_hover_button_small <?php if (!get_theme_mod( 'wpdevart_clothing_search_overlay_page_button_style' )) { echo esc_attr('wpdevart_clothing_first_button_slide first_btn_slide_right'); } else { echo esc_attr( get_theme_mod( 'wpdevart_clothing_search_overlay_page_button_style' ) ); } ?> search-overlay-fs">
                      <?php echo esc_html__( 'Search', 'clothing'); ?>
                    </button>
                    </div>
              </form>
              <div tabIndex="0"></div>
          </div>
      </div>