<!-- 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">



          <li class="hidden-xs"><span class="map_head">Địa chỉ: <?php echo e($site_option->address); ?></span></li>



          <li><a href="maitol:<?php echo e($site_option->email); ?>" class="bf_gmail"><?php echo e($site_option->email); ?></a></li>



          <li><a href="tel:<?php echo e($site_option->hotline); ?>" class="bf_phone"><?php echo e($site_option->hotline); ?> </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>