<!-- 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); ?> </a></li><?php endif; ?>





        </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>