<div class="menu-responsive-overlay"></div>

<div class="menu-responsive hidden-lg">

  <div class="menu-close"> <i class="fa fa-bars"></i> <span>Menu</span> <i class="fa fa-times"></i> </div>

  <div class="menu-menu-chinh-container">

    <ul id="menu-menu-chinh" class="menu">

        <?php echo $__env->make('frontend.include.menu', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

    </ul>

  </div>

</div>

<div id="page" class="site">

  <header id="masthead" class="site-header clearfix" role="banner" style="background-image: url( )" >

    <div class="top-header">

      <div class="container">

        <div class="row">

          <div class="alignleft top-left">

            <div class="social-media">

              <ul>

                <li class="social-fb"><a href="<?php echo e($site_option->facebook); ?>" title="facebook" ><i class="fa fa-facebook"></i></a></li>

                <li class="social-gplus"><a href="<?php echo e($site_option->google); ?>" title="gplus" ><i class="fa fa-google-plus"></i></a></li>

                <li class="social-twitter"><a href="<?php echo e($site_option->twitter); ?>" title="twitter" ><i class="fa fa-twitter"></i></a></li>

                <li class="social-pinterest"><a href="<?php echo e($site_option->pin); ?>" title="pinterest" ><i class="fa fa-pinterest-p"></i></a></li>

              </ul>

            </div>

          </div>

          <div class="alignright top-right">

            <div class="top-nav">

              <div class="menu-menu-top-container">

                <ul id="menu-menu-top" class="menu">

                  <li id="menu-item-2061" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2061"><a href="javascript:void(0)"><i class="fa fa-phone" aria-hidden="true"></i>Hotline : <b><?php echo e($site_option->hotline); ?>  <?php if($site_option->fax): ?>-  <?php echo e($site_option->fax); ?><?php endif; ?></b></a></li>

                 

                  

                </ul>

              </div>

            </div>

          </div>

        </div>

      </div>

    </div>

    <div class="site-branding container">

      <div class="row">

        <div class="logo ">

          <h1 class="site-title"> <a href="<?php echo e(url()); ?>" rel="home"> <img class="img-responsive" src="<?php echo e($site_option->logo); ?>" title="<?php echo e($site_option->name); ?>" style=" width:150px height:100px"> </a> <span class="seo-title" style="display: block!important; overflow: hidden; font-size: 1px; text-indent: -9999px; height: 1px; width: 1px;line-height: 1;"><?php echo e($site_option->name); ?></span> </h1>

        </div>

        <!-- div.logo -->

        <div class="top-mid-right">

          <form role="search" method="get" class="search-form" action="<?php echo e(url('search')); ?>" >

            <label class="screen-reader-text" for="s"></label>

            <input type="search" value="" name="key" id="s" placeholder="Nhập từ khoá tìm kiếm..." />

            <!--<input type="submit" class="search-submit" value="Search">-->

            <button type="submit" class="search-submit"><i class="fa fa-search"></i> Tìm kiếm</button>

          </form>

          <div class="cart-header"> <a class="cart-icon" href="<?php echo e(url('shopping-cart')); ?>" title="Cart"> <i class="fa fa-shopping-cart" aria-hidden="true"></i> 

            <span class="mini-cart-quantity-bag">[<span id="cart-item"><?php echo e(count($cart)); ?></span>]</span>

                            <span class="mini-cart-text">Sản phẩm</span> 

            </a>

            <!-- <div class="cart-container-list">

              <ul class="cart_list product_list_widget ">

                <li class="empty">Chưa có sản phẩm trong giỏ hàng.</li>

              </ul>

             

            </div> -->

          </div>

        </div>

      </div>

    </div>

    <!-- .site-branding -->

    

    <div id="main-menu">

      <div class="container">

        <div class="row">

          <div class="main-menu-inner">

            <div class="navbar-header ">

              <button class="menu-open menu-contrl"><i class="fa fa-bars"></i></button>

              <button class="menu-close-2 menu-contrl"><i class="fa fa-times"></i></button>

              <!-- <button  type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#site-navigation">

                                    <i class="fa fa-bars"></i>

                                </button> -->

              <nav id="site-navigation" class="site-navigation  collapse navbar-collapse">

                <div class="menu-menu-chinh-container">

                  <ul id="navigation" class="nav navbar-nav navbar-left">

                   <?php echo $__env->make('frontend.include.menu', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

                  </ul>

                </div>

              </nav>

            </div>

          </div>

        </div>

      </div>

    </div>

    <!-- /.main-menu --> 

    

  </header>

  <!-- #masthead -->