<!-- begin container_header -->
<!-- end container_header --> 
<!-- begin header -->
<header> 
  <!--menu-mobile-->
  <div class="menu_mb butt_mobile visible-xs visible-sm clearfix">
    <button class="nav-toggle">
    <div class="icon-menu"> <span class="line line-1"></span> <span class="line line-2"></span> <span class="line line-3"></span> </div>
    </button>
    <div class="text-center style_lg_mb"> <a href="<?php echo e(url()); ?>"><img class="img_logo_mb" src="<?php echo e(url($site_option->logo)); ?>" alt="<?php echo e($site_option->name); ?>"/></a> </div>
    <div class="right_head hidden-sm">
      <ul class="ul_right_head">
        <li> <a href="<?php echo e(url('shopping_cart')); ?>">
          <div class="img_right_head img_cart"> <img src="<?php echo e(url('public/frontend')); ?>/img/cart.png" alt=""/>
            <p><span id="count_cart_mb"><?php echo e(count($cart)); ?></span></p>
          </div>
          <div class="text_right_head hidden-xs"> Giỏ hàng </div>
          </a> </li>
        <li class="hidden"> <a href="javascript:void(0)" onclick="loginModal()">
          <div class="img_right_head img_user"> <img src="<?php echo e(url('public/frontend')); ?>/img/img_user.png" alt=""/> </div>
          <div class="text_right_head hidden-xs"> Tài khoản </div>
          </a> </li>
      </ul>
    </div>
  </div>
  <div class="clearfix clearfix-60 visible-sm visible-xs"></div>
  <!-- end-menu_mb -->
  <section class="qts_head_top">
    <div class="container">
      <div class="row_pc">
        <ul class="ul_head_top">
         <?php if($site_option->address): ?> <li class="hidden-xs"><span class="map_head">Địa chỉ: <?php echo e($site_option->address); ?></span></li><?php endif; ?>
         <?php if($site_option->email): ?> <li><a href="maitol:<?php echo e($site_option->email); ?>" class="bf_gmail"><?php echo e($site_option->email); ?></a></li><?php endif; ?>
         <?php if($site_option->hotline): ?> <li><a href="tel:<?php echo e($site_option->hotline); ?>" class="bf_phone"><?php echo e($site_option->hotline); ?> <?php if($site_option->fax): ?> - <?php echo e($site_option->fax); ?> <?php endif; ?></a></li><?php endif; ?>
	     <li style="float: right">
			<a href="javascript:void(0)" onclick="doGTranslate('vi|vi');return false;"  class="vn"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Flag_of_Vietnam.svg/2000px-Flag_of_Vietnam.svg.png" alt="viet nam" style="width: 30px;"></a>	
			 <a href="javascript:void(0)" onclick="doGTranslate('vi|en');return false;" class="en"><img src="https://kenh14cdn.com/2017/5-1503128133747.png" alt="english" style="width: 30px;"></a>
		 </li>
        </ul>
		
      </div>
    </div>
  </section>
  <section class="qts_head_mid">
    <div class="container">
      <div class="row_pc">
        <div class="row">
          <div class="col-lg-3 col-md-2 hidden-sm hidden-xs">
            <div class="logo_pc"> <a href="<?php echo e(url()); ?>"><img src="<?php echo e(url($site_option->logo)); ?>" alt="<?php echo e($site_option->name); ?>"/></a> </div>
          </div>
          <div class="col-lg-543 col-md-6 col-sm-7 col-xs-12">
            <div class="search_head_mid">
              <form class="form_search" method="get" action="<?php echo e(url('search')); ?>">
                <div class="input-group input_gr">
                  <input type="text" class="form-control" required name="key" placeholder="Tìm kiếm sản phẩm...">
                  <span class="input-group-btn">
                  <button class="btn btn-default btn_search" type="submit">Tìm kiếm</button>
                  </span> </div>
                <!-- /input-group -->
                
              </form>
              <div class="text_search">
                <p><strong>Gợi ý từ khóa: </strong>liên hệ để được hỗ trợ ưu đãi tốt nhất tại <?php echo e($site_option->name); ?></p>
              </div>
            </div>
          </div>
          <div class="col-lg-431 col-md-4 col-sm-5 col-xs-12">
            <div class="right_head hidden-xs">
              <ul class="ul_right_head">
                <li> <a href="<?php echo e(url('lien-he.html')); ?>">
                  <div class="img_right_head img_phone"> <img src="<?php echo e(url('public/frontend')); ?>/img/img_phone.png" alt=""/> </div>
                  <div class="text_right_head"> Hotline hỗ trợ </div>
                  </a> </li>
                <li> <a href="<?php echo e(url('shopping-cart')); ?>">
                  <div class="img_right_head img_cart"> <img src="<?php echo e(url('public/frontend')); ?>/img/cart.png" alt=""/>
                    <p><span id="count_cart"><?php echo e(count($cart)); ?></span></p>
                  </div>
                  <div class="text_right_head"> Giỏ hàng </div>
                  </a> </li>
                <li class="hidden"> <a href="javascript:void(0)" onclick="loginModal()">
                  <div class="img_right_head img_user"> <img src="<?php echo e(url('public/frontend')); ?>/img/img_user.png" alt=""/> </div>
                  <div class="text_right_head"> Tài khoản </div>
                  </a> </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--========menu=============-->
  <section class="qts_head_bot">
    <div class="container">
      <div class="row_pc">
        <div class="row">
          <div class="col-lg-3 col-md-3 hidden-sm hidden-xs">
            <div class="nav-menu-left"><a class="nav-menu-head" href=""><i class="fa fa-bars"></i>DANH MỤC SẢN PHẨM <i class="fa fa-angle-double-down"></i></a>
              <nav id="wh-menu">
                <div class="wh-menu">
                  <ul class="l lv1">
                  <?php foreach($list_cate as $item): ?>
                  <?php if($item->alias !='san-pham.html'): ?>
                    <li class="lv1-i lv1-i-child"> <a class="lv1-a" href="<?php echo e(url($item->alias)); ?>" title="<?php echo e($item->name); ?>"><?php echo e($item->name); ?><i class="lv1-arrow"></i></a> </li>
                  <?php endif; ?>
                  <?php endforeach; ?>
                  </ul>
                  <div class="cl"> </div>
                </div>
              </nav>
            </div>
          </div>
          <div class="col-lg-979 col-md-9">
            <div class="menu_main">
              <nav class="nav is-fixed" role="navigation">
                <div class="wrapper wrapper-flush">
                  <div class="nav-container">
                    <ul class="nav-menu menu clearfix">
                     <?php foreach($menu_top as $item): ?> 
                      <li class="menu-item has-dropdown"> <a href="<?php echo e(url($item->url)); ?>" class="menu-link "><?php echo e($item->name); ?></a>
                        <ul class="nav-dropdown menu">
                        <?php foreach($menu_child as $sub): ?>
                        <?php if($item->id == $sub->parent_id): ?>
                          <li class="menu-item  has-dropdown"> <a href="<?php echo e(url($sub->url)); ?>" class="menu-link"><?php echo e($sub->name); ?></a> </li>
                         <?php endif; ?>
                          <?php endforeach; ?>
                        </ul>
                      </li>
 					<?php endforeach; ?>
                    </ul>
                  </div>
                </div>
              </nav>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</header>
<!-- end header --> 
<!-- begin container_banner -->
<div class='container'>
  <div class='row'><!-- end container_banner --> 
    
    <!-- begin banner --><!-- begin banner --> 
    <!-- view dot nav -->
    <input type="hidden" id="dot_slide_main" value="">
    <input type="hidden" id="nav_slide_main" value="">
    <input type="hidden" id="full_slide_main" value="1">
    <!-- end dot nav -->
    <div class="clearfix"></div>
    <section class="sc_slider_banner"> 
      <!-- begin container_slide --><!-- end container_slide -->
      <div class="owl-carousel slider_banner">
	   <?php foreach($slide as $item): ?>
        <div class="item">
          <div class="img_banner"> <a href="<?php echo e($item->link); ?>"><img src="<?php echo e(url($item->link)); ?>" class="w_100" alt="<?php echo e($item->title); ?>"/></a> </div>
        </div>
       <?php endforeach; ?>
      </div>
      <!-- begin close_container_slide --><!-- end close_container_slide --> 
    </section>
    <script type="text/javascript">
    $(function() {
        var dot = $("#dot_slide_main").val();
        var nav = $("#nav_slide_main").val();
            $(".slider_banner").owlCarousel({
                items: 1,
                responsive: {
                    1200: { item: 1  }, // breakpoint from 1200 up
                    982: { items: 1 },
                    768: { items: 1 },
                    480: { items: 1 },
                    0: { items: 1 }
                },
                rewind: false,
                autoplay: true,
                autoplayTimeout: 4000,
                autoplayHoverPause: false,
                smartSpeed: 500, //slide speed smooth
                dots: dot,
                dotsEach: false,
                loop: true,
                nav: nav,
                navText: ['<i class="fa fa-angle-left icon_slider"></i>', '<i class="fa fa-angle-right icon_slider"></i>'],
                // navSpeed: 250, //slide speed when click button
                autoWidth: false,
                margin: 0,
                lazyContent: false,
                lazyLoad: false,
                animateIn: false,
                animateOut: false,
                center: false,
                URLhashListener: false,
                video: false,
                videoHeight: false,
                videoWidth: false
            });
        });
</script>
    <div class="clearfix-40"></div>
    <!-- end banner --><!-- end banner --> 
    
    <!-- begin container_close_banner --></div>
</div>
<!-- end container_close_banner -->
<style type="text/css">
</style>