{block name='header_nav'}
<nav class="hidden-md-up header-nav">
  <div class="container">
    <div class="row">
      <div style="display: none;">
        {hook h='displayNav1'}
        {hook h='displayNav2'}
        {hook h='displayClientService'}

        {if (Module::isEnabled('an_theme') and Module::getInstanceByName('an_theme')->getParam('header_typeHeader') == 'header2')}
        {hook h='displayTopRight'}
        {hook h='displayTopMenuRight'}
        {hook h='displayTopMenuRight2'}
        {/if}
        {if (Module::isEnabled('an_theme') and Module::getInstanceByName('an_theme')->getParam('header_typeHeader') == 'header4')}
        {hook h='displayTopRight'}
        {/if}
        {if (Module::isEnabled('an_theme') and Module::getInstanceByName('an_theme')->getParam('header_typeHeader') == 'header5')}
        {hook h='displayTopRight'}
        {hook h='displayTopRight2'}
        {hook h='displayTopMenuRight'}
        {hook h='displayTopMenuRight2'}
        {/if}
      </div>
      <div class="hidden-md-up text-xs-center mobile">
        <div class="pull-xs-left" id="menu-icon">
            <svg
            xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink"
            width="19px" height="17px">
           <path fill-rule="evenodd"  fill="rgb(0, 0, 0)"
            d="M18.208,9.273 L0.792,9.273 C0.354,9.273 0.000,8.927 0.000,8.500 C0.000,8.073 0.354,7.727 0.792,7.727 L18.208,7.727 C18.645,7.727 19.000,8.073 19.000,8.500 C19.000,8.927 18.646,9.273 18.208,9.273 ZM18.208,1.545 L0.792,1.545 C0.354,1.545 0.000,1.199 0.000,0.773 C0.000,0.346 0.354,-0.000 0.792,-0.000 L18.208,-0.000 C18.645,-0.000 19.000,0.346 19.000,0.773 C19.000,1.199 18.646,1.545 18.208,1.545 ZM0.792,15.455 L18.208,15.455 C18.645,15.455 19.000,15.801 19.000,16.227 C19.000,16.654 18.646,17.000 18.208,17.000 L0.792,17.000 C0.354,17.000 0.000,16.654 0.000,16.227 C0.000,15.801 0.354,15.455 0.792,15.455 Z"/>
           </svg>
        </div>
        <div class="pull-xs-right" id="_mobile_cart"></div>
        <div class="top-logo" id="_mobile_logo"></div>
        <div class="pull-xs-right search-widget" id="_mobile_search_widget"></div>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
</nav>
{/block}
{block name='header_top'}
<div class="header-top">
    {if (Module::isEnabled('an_theme') and Module::getInstanceByName('an_theme')->getParam('header_typeHeader') == 'header1')}
          {hook h='displayTopMiddle'}
            <div class="navigation position-static">

              <div class="container">
                <div class="row">
                  {hook h='displayTop'}
                  <div class="clearfix"></div>
                </div>
              </div>
            </div>
    {/if}
        {if (Module::isEnabled('an_theme') and Module::getInstanceByName('an_theme')->getParam('header_typeHeader') == 'header2')}
          <div class="container">
           <div class="row header-top-wrapper">
            {hook h='displayTopLeft'}
            <div class="col-xl-10 header-right">
               {hook h='displayTopMiddle'}
            </div>
           </div>
          </div>
        {/if}
      {if (Module::isEnabled('an_theme') and Module::getInstanceByName('an_theme')->getParam('header_typeHeader') == 'header3')}
        <div class="container">
          <div class="row header-top-wrapper">
            {hook h='displayTopLeft'}
           <div class="col-md-10 header-right">
             {hook h='displayTopRight'}
           </div>
          </div>
         </div>

      {/if}
      {if (Module::isEnabled('an_theme') and Module::getInstanceByName('an_theme')->getParam('header_typeHeader') == 'header4')}
        <div class="container">
          <div class="row header-top-wrapper">
            {hook h='displayTopLeft'}
           <div class="col-md-10 header-right">
             {hook h='displaySearch'}
           </div>
          </div>
         </div>

      {/if}
      {if (Module::isEnabled('an_theme') and Module::getInstanceByName('an_theme')->getParam('header_typeHeader') == 'header5')}
        <div class="container">
          <div class="row header-top-wrapper">
            {hook h='displayTopLeft'}
           <div class="col-md-10 header-right">
             {hook h='displaySearch'}
           </div>
          </div>
         </div>

      {/if}
</div>
 <div class="amegamenu_mobile-cover"></div>
      <div class="amegamenu_mobile-modal">
        <div id="mobile_top_menu_wrapper" class="row hidden-lg-up" data-level="0">
          <div class="mobile-menu-header">
            <div class="megamenu_mobile-btn-back">
              <svg
              xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink"
              width="26px" height="12px">
              <path fill-rule="evenodd"  fill="rgb(0, 0, 0)"
              d="M25.969,6.346 C25.969,5.996 25.678,5.713 25.319,5.713 L3.179,5.713 L7.071,1.921 C7.324,1.673 7.324,1.277 7.071,1.029 C6.817,0.782 6.410,0.782 6.156,1.029 L1.159,5.898 C0.905,6.145 0.905,6.542 1.159,6.789 L6.156,11.658 C6.283,11.782 6.447,11.844 6.616,11.844 C6.785,11.844 6.949,11.782 7.076,11.658 C7.330,11.411 7.330,11.014 7.076,10.767 L3.184,6.975 L25.329,6.975 C25.678,6.975 25.969,6.697 25.969,6.346 Z"/>
              </svg>
            </div>
            <div class="megamenu_mobile-btn-close">
              <svg
              xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink"
              width="16px" height="16px">
              <path fill-rule="evenodd"  fill="rgb(0, 0, 0)"
              d="M16.002,0.726 L15.274,-0.002 L8.000,7.273 L0.725,-0.002 L-0.002,0.726 L7.273,8.000 L-0.002,15.274 L0.725,16.002 L8.000,8.727 L15.274,16.002 L16.002,15.274 L8.727,8.000 L16.002,0.726 Z"/>
              </svg>
            </div>
          </div>
          <div class="js-top-menu mobile" id="_mobile_top_menu"></div>
            <div class="js-top-menu-bottom">
              <div class="mobile-menu-fixed">
                {hook h='displayMobileMenu'}
                <div id="_mobile_an_wishlist-nav"></div>
                <div  id="_mobile_clientservice"></div>
                <div id="_mobile_contactslink">
                    <a href="{$urls.pages.contact}">{l s='Contact us' d='Shop.Theme.Global'}</a>
                </div>
                <div class="mobile-lang-and-cur">
                  <div id="_mobile_currency_selector"></div>
                  <div id="_mobile_language_selector"></div>
                  <div id="_mobile_user_info"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
{/block}