@media (max-width:1366px){
    .box-menu, .menu-left { padding: 0px; background: transparent;} 
    .menu-right{background: transparent;display: none;}
   .tintuc-next { display: none; } 
   .menu-center:before, #menu:before{ display: none;}
   #menu{padding: 10px 0px !important;background: #f8f8f8;}
    .menu-center{ margin: 0px !important;}
    .menu-left{ width: auto;}
    #menu.fixing .box-menu .menu-left, #menu.fixing .box-menu .menu-right{ padding: 0px;}
    }
   
   @media (max-width:1199px){
    #search { right:15px; } 
   #container { padding:20px 15px; } 
   .box-dt { max-width:95%; } 
   .box-tintuc { max-width:95%; } 
   .danhmuc2sanphamnb-calc { width: calc(100% / 5); padding: 10px; } 
   .danhmuc2sanphamnb-items, .duan-items { margin: -10px; } 
   .menu-right, .title-danhmucsp-right .xemtin { display: none!important; } 
   #danhmuc2sanphamnb, #tieuchi,#spkhuyenmai,#lienhe,#duan, #tintucnb { padding: 50px 0px; } 
   .spkhuyenmai-items .sanphamnb-calc { width: calc(100% / 3); } 
   .title-danhmucsp-right,.title-danhmucsp-left { width: 100%; } 
   .title-danhmucsp-right { margin-bottom: 0px; margin-top: 20px; } 
   .title-danhmucsp { padding: 10px 30px; } 
   .cap1sanphamnb { width: 100%; max-width: 100%; } 
   .show-sanphamnbcap1 { padding: 0px 30px; } 
   .sanphamnb-calc { width: calc(100% / 3); } 
   .duan-calc { padding: 10px; } 
   .footer-1, .footer-2 { width: 48%; margin-bottom: 20px; } 
   .footer-3,.footer-4 { width: 48%; } 
   .menu-center2{ padding: 0px 15px;}
   .search{width: 200px;}
   .menu-center2{width: 430px;}
    }
   @media (min-width:992px) and (max-width:1199px){
    .box-sp { width:32%; margin:0px 2% 20px 0px; } 
   .box-sp:nth-child(3n) { margin-right:0; } 
   .box-sp:nth-child(3n+1) { clear:both; } 
   .box-product { width:32%; margin:0px 2% 20px 0px; } 
   .box-product:nth-child(3n) { margin-right:0; } 
   .box-product:nth-child(3n+1) { clear:both; } 
   .box-album { width:32%; margin:0px 2% 20px 0px; } 
   .box-album:nth-child(3n) { margin-right:0; } 
   .box-album:nth-child(3n+1) { clear:both; } 
   .box-video { width:32%; margin:0px 2% 20px 0px; } 
   .box-video:nth-child(3n) { margin-right:0; } 
   .box-video:nth-child(3n+1) { clear:both; } 
   }
   @media (max-width:991px){
    #header,.banner-ab,.right, .menu-center,.control-intro button.owl-prev,.control-intro button.owl-next,.title-duan-right { display:none !important; } 
   #banner .center { display:flex; align-items:center; justify-content:center; } 
   .logo { position:static; padding:0; } 
   .banner { padding:0; } 
   #menu-mobile { display:block; } 
   #menu { position: relative !important; padding: 10px 0px; } 
   .menu-left { width: 100%; } 
   .menu-left .logo { justify-content: center; } 
   #smenu a { font-family:RM; color:#fff; font-size:16px; margin-left:5px; } 
   .left { width:100; } 
   .box-sanpham-calc { width: calc(100% / 3); } 
   .box-news { padding: 10px 5px; } 
   .boxs-news { margin: -10px -5px; } 
   #danhmuc2sanphamnb, #tieuchi,#spkhuyenmai,#lienhe,#duan, #tintucnb { padding: 40px 0px; } 
   #popup .modal-body a img { max-width: -webkit-fill-available; max-height: -webkit-fill-available; } 
   .spkhuyenmai-items .sanphamnb-calc, .sanphamnb-calc, .duan-calc, .product-items { width: calc(100% / 2); padding: 10px 5px; } 
   .spkhuyenmai-items, .sanphamnb-items, .duan-items, .product-content { margin: -10px -5px; } 
   .spkhuyenmai-top-item-left { width: 100%; padding: 10px 5px; } 
   .spkhuyenmai-top { margin: -10px -5px; margin-bottom: 25px; flex-wrap: wrap; } 
   .danhmuc2sanphamnb-calc { width: calc(100% / 4); padding: 10px 5px; } 
   .danhmuc2sanphamnb-items { margin: -10px -5px; } 
   .box-danhmuc2sanphamnb { padding: 30px; } 
   .intro-right { right: 10%; } 
   .pkhuyenmai-top-item-right-calc { padding: 0px 5px; } 
   .spkhuyenmai-top-item-right { margin: 0px -5px; } 
   .box-lienhe { padding: 40px 30px; } 
   .lienhe, .lienhe-right, .title-duan-left, .tintucnb-left, .tintucnb-items { width: 100%; padding: 0px; } 
   .lienhe, .tintucnb-left { margin-bottom: 30px; } 
   .title-tintucnb { padding-top: 0px; border: 0px; } 
   
   }
   @media (min-width:768px) and (max-width:991px){
    .box-sp { width:32%; margin:0px 2% 20px 0px; } 
   .box-sp:nth-child(3n) { margin-right:0; } 
   .box-sp:nth-child(3n+1) { clear:both; } 
   .box-product { width:32%; margin:0px 2% 20px 0px; } 
   .box-product:nth-child(3n) { margin-right:0; } 
   .box-product:nth-child(3n+1) { clear:both; } 
   .box-album { width:32%; margin:0px 2% 20px 0px; } 
   .box-album:nth-child(3n) { margin-right:0; } 
   .box-album:nth-child(3n+1) { clear:both; } 
   .box-video { width:32%; margin:0px 2% 20px 0px; } 
   .box-video:nth-child(3n) { margin-right:0; } 
   .box-video:nth-child(3n+1) { clear:both; } 
   }
   @media (max-width:767px){
    .btn-zalo,.btn-phone,#messages-facebook, .title-tintucnb .line, .duan-detail .xemthemtt, .xemthemtt { display:none !important; } 
   .fix-toolbar { display:block; } 
   .content iframe { width:100%!important; height:45vh; } 
   .content img { height:inherit!important } 
   .logo { position:static; height:auto; } 
   #footer { padding-bottom:45px; } 
   .footer-top, .box-lienhe, .box-danhmuc2sanphamnb, .intro-right { padding: 30px 20px; } 
   .intro-right { height: auto; } 
   .footer-1 { border: 0px; padding: 0px; padding-top: 45px; } 
   .show-sanphamnbcap1 { padding: 0px 20px; } 
   .footer-top { padding-top: 50px !important; } 
   .title-danhmucsp { padding: 10px 20px; } 
   .intro-right { position: relative !important; right: unset; top: unset; width: 100%; } 
   .slideintro span, .slideintro span img { height: auto; border-radius: 0px; } 
   .duan-detail h3 a { height: auto; padding: 10px 10px; font-size: 14px; line-height: 1; } 
   .duan-detail { padding: 0px; } 
   .title-txt h2 { font-size: 30px; } 
   .title-danhmuc2sanphamnb { margin-bottom: 30px; } 
   .footer-1,.footer-2,.footer-3,.footer-4 { width:100%; float:none; margin:0 0 20px 0; } 
   .copyright,.statistic { width:100%; } 
   .statistic span { margin:0 5px; } 
   .ft-b .center > div { width:100%; } 
   .top-contact .article-contact { width:100%; margin-bottom:20px; } 
   .form-contact { width:100%; } 
   #top .center > div { width:100%; } 
   #top #breadcrumb { margin-bottom:0 } 
   #container img { height: auto !important; } 
   .danhmuc2sanphamnb-calc { width: calc(100% / 3); } 
   
   .bottom-left { width:100%; margin-bottom:20px; } 
   .bottom-right:not(.onApp) { width:100%; } 
   .tintuc-l { width:100%; margin-bottom:20px; } 
   .tintuc-r { width:100%; } 
   .left-pro-detail { float:none; width:100%; margin:0 0 20px; } 
   .right-pro-detail { float:none; width:100%; } 
   .grid-thuvienanh { grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(4,22vh); } 
   .box-thuvienanh .box-thuvienanh-content { background:rgba(0,0,0,0.4); color:#fff; } 
   .box-sanpham-calc { width: calc(100% / 2); } 
   .boxs-news { width: unset; } 
   .boxs-news-special { width: 100%; } 
   .boxs-news-special { margin: 0px; margin-top: 20px; } 
   .slideshow .center { padding: 0px; } 
   .slideshow { padding: 0px; } 
    }
   @media (min-width:481px) and (max-width:767px){
    .box-sp { width:49%; margin:0px 2% 15px 0px; } 
   .box-sp:nth-child(2n) { margin-right:0; } 
   .box-sp:nth-child(2n+1) { clear:both; } 
   .box-product { width:49%; margin:0px 2% 15px 0px; } 
   .box-product:nth-child(2n) { margin-right:0; } 
   .box-product:nth-child(2n+1) { clear:both; } 
   .box-album { width:49%; margin:0px 2% 15px 0px; } 
   .box-album:nth-child(2n) { margin-right:0; } 
   .box-album:nth-child(2n+1) { clear:both; } 
   .box-video { width:49%; margin:0px 2% 15px 0px; } 
   .box-video:nth-child(2n) { margin-right:0; } 
   .box-video:nth-child(2n+1) { clear:both; } 
    }
   @media (max-width:480px){
    .box-sp { width:49%; margin:0px 2% 10px 0px; } 
   .box-sp:nth-child(2n) { margin-right:0; } 
   .box-sp:nth-child(2n+1) { clear:both; } 
   .box-product { width:49%; margin:0px 2% 10px 0px; } 
   .box-product:nth-child(2n) { margin-right:0; } 
   .box-product:nth-child(2n+1) { clear:both; } 
   .box-album { width:49%; margin:0px 2% 10px 0px; } 
   .box-album:nth-child(2n) { margin-right:0; } 
   .box-album:nth-child(2n+1) { clear:both; } 
   .box-video { width:49%; margin:0px 2% 10px 0px; } 
   .box-video:nth-child(2n) { margin-right:0; } 
   .box-video:nth-child(2n+1) { clear:both; } 
   .danhmuc2sanphamnb-calc { width: calc(100% / 2); } 
   
   /* produt detail tpl 2 */
   .left-pro-detail { flex-direction: row-reverse; display: flex; flex-wrap:wrap } 
   .left-left-prodetail { width: 100%; margin: 0; padding: 0px 6px; margin-top: 10px; } 
   .right-left-prodetail { width: 100%; margin: 0; order: -1; } 
   .hinhanhsp-next { color: var(--color-main); position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; line-height: 20px; right: -10px; width: 20px; height: 20px; border-radius: 50%; background-color: #fff } 
   .hinhanhsp-prev { padding: 0; color: var(--color-main); position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; line-height: 20px; left: -10px; width: 20px; height: 20px; border-radius: 50%; background-color: #fff } 
    .thumb-pro-detail { margin: 0px } 
   .slick-hinhanhsp .slick-slide { margin: 0px 6px } 
   
   
   .video-left { width: 100%; } 
   .video-right { width: calc(100% + 5px); margin-top: 20px; max-height: 106px; overflow: hidden; } 
   #video-slick { flex-wrap: wrap; flex-direction: column-reverse; } 
   .pvd { margin-bottom: 0px; margin-right: 5px; } 
    }
   @media (max-width:374px){
    .lh-con-l,.lh-con-r { width:100%; float:none; margin:0px; padding:0px; } 
   .lh-con-r { margin-bottom:10px; } 
   .box-sp { width:90%; margin:0px 5% 10px; float:none; } 
   .box-product { width:90%; margin:0px 5% 10px; float:none; } 
   .box-album { width:90%; margin:0px 5% 10px; float:none; } 
   .box-video { width:90%; margin:0px 5% 10px; float:none; } 
    }
   
   
   
   
   /* news tpl 3 */
    /* @media (max-width:767px){
    .pic-hot-news,.desc-hot-news { width: 100%; } 
    .desc-hot-news { padding: 15px; } 
    .box-hot-news { margin-bottom: 25px; } 
    .news-total-container { margin:-8px; } 
    .boxs-news { width:calc(100% / 2); padding: 8px; } 
    }
    @media (max-width:480px){
    .time-news { flex-wrap:wrap; } 
    .time-news span { width:100%; } 
    .time-news span:nth-child(2) { margin-left:0px; } 
    }*/
   
   /* product tpl 3 */
   @media (max-width:767px){
    .product-total-right,.product-total-left { width: 100%; } 
    .product-total-left { margin-bottom: 25px; } 
    }