{**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to https://devdocs.prestashop.com/ for more information.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 *}
 {block name='header_banner'}
  <div class="header-banner">
    {hook h='displayBanner'}
  </div>
{/block}

{block name='header_nav'}
  <nav class="header-nav">
    <div class="container">
      <div class="row">
        
        <div class="hidden-md-up text-sm-center mobile">
          <div class="float-xs-left col-md-4" id="menu-icon">
          <svg xmlns="http://www.w3.org/2000/svg" class="d-inline" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M120-680v-80h720v80H120Zm0 480v-80h720v80H120Zm0-240v-80h720v80H120Z"/></svg>
          </div>
          <div class="top-logo col-md-4" id="_mobile_logo"></div>
          <div class="nav-icon col-md-4">
            <div class="float-xs-right" id="_mobile_user_info"></div>
            <div class="float-xs-right" id="_mobile_cart"></div>
          </div>
          <div class="clearfix"></div>
        </div>
        
        <div class="hidden-sm-down">
          <div class="col-md-5 col-xs-12">
            {hook h='displayNav1'}
            {* {hook h='displayTop'} *}
          </div>
          <div class="col-md-7 right-nav">
            {hook h='displayNav2'}
          </div>
        </div>

        <div id="mobile_top_menu_wrapper" class="row hidden-md-up" style="display:none;">
        <div class="action-menu-mobile">
                <div class="back-button">
                    <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"></path>
                    </svg>
                </div>
                <div class="close-buton"><svg aria-hidden="true" focusable="false" viewBox="0 0 24 24" role="img" width="26px" height="26px" fill="none"><path stroke="currentColor" stroke-width="1.5" d="M18.973 5.027L5.028 18.972m0-13.945l13.944 13.945"></path></svg></div>
          </div>
          <div class="js-top-menu mobile" id="_mobile_top_menu"></div>
          <div class="js-top-menu-bottom">
            <div id="_mobile_currency_selector"></div>
            <div id="_mobile_language_selector"></div>
            <div id="_mobile_contact_link"></div>
          </div>
        </div>

      </div>
    </div>
  </nav>
{/block}

{block name='header_top'}
  <div class="header-top3">
    <div class="container">
      <div class="row">
        <div class="col-md-2 col-sm-12 hidden-sm-down NavLogo" id="_desktop_logo" >
          {if $shop.logo_details}
            {if $page.page_name == 'index'}
              <h1>
                {renderLogo}
              </h1>
            {else}
              {renderLogo}
            {/if}
          {/if}
        </div>
        <div class="col-md-6 col-sm-12">
        </div>
        <div class="header-top-right col-md-4 col-sm-12 nav-icons">
          {hook h='displayNav2'}
        </div>
      </div>   
      <div class="row">
          <div class="col-md-12 navDesk">
            {hook h='displayTop'}
          </div>
      </div> 
    </div>
  </div>
  {* {hook h='displayNavFullWidth'} *}
{/block}

<style>
  #header {
    margin-bottom: 8%;
  }
</style>