<div class="wrap smile-add-style bend">
  <div class="wrap-container">

    <div class="msg"></div>

    <div id="search-sticky"></div>
    <div class="row smile-style-search-section">
        <div class="container">
            <div class="smile-search-ip-sec col-sm-6 col-sm-offset-3">
                <input type="search" autofocus="autofocus" class="js-shuffle-search" id="style-search" name="style-search" placeholder="<?php _e( "Search Template", "smile" ); ?>" />
            </div>
        </div>
    </div>

    <div class="bend-content-wrap smile-add-style-content">

        <div class="container ">
            <div class="smile-style-category">
                <?php
                    if(function_exists('Smile_Style_Dashboard')){
                      Smile_Style_Dashboard('Smile_Modals','smile_modal_styles','modal');
                    }
                ?>
                <div class="col-xs-6 col-sm-4 col-md-4 shuffle_sizer"></div>
                <!-- .styles-list -->
            </div>
            <!-- .smile-style-category -->
        </div>
        <!-- .container -->
    <div id="cp-scroll-up">
        <a title="Scroll up" href="#top"><i class="connects-icon-small-up" ></i></a>
    </div>
    </div>
    <!-- .bend-content-wrap -->
  </div>
  <!-- .wrap-container -->
</div>
<!-- .wrap -->

<script type="text/javascript">

jQuery( document ).ready(function() {
    jQuery(".js-shuffle-search").focus();
});
</script>
<style type="text/css">
.smile-style-search-section.search-stick {
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
}
</style>
