@media (max-width:1199px){
 #search { right:15px; } 
#container { padding:20px 15px; } 
.box-dt { max-width:95%; } 
.box-tintuc { max-width:95%; } 
.footer-1,.footer-2 { width: 48%; margin-bottom: 20px; } 
.footer-3,.footer-4 { width: 48%; } 
.footer-top,#footer-map, #tintucnb,#intro, #thuvienanh { padding: 40px 0px; } 
.intro-left{ padding-left: 0px; width: 100%; margin-bottom: 30px;}
.intro-right{ width: 60%; margin: 0 auto;}
 }
@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,#menu,.right, .search, .showroom, .linklienhe { 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; } 
#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, .product-items { padding: 10px 5px; } 
.boxs-news,.product-content { margin: -10px -5px; } 
#popup .modal-body a img { max-width: -webkit-fill-available; max-height: -webkit-fill-available; } 
.slide-all { width: 100%; } 
.slide-left { width: 100%; } 
#slideshow { padding: 0px 0px 0px 0px; } 
.sanphamnb-calc { padding: 0px 5px; } 
.sanphamnb-items { margin: 0px -5px; } 
#slideshow a img { border-radius: 0px; } 
#slideshow .center { padding: 0px; } 
.slide-right { display: none; } 
#banner { padding: 20px 0px; } 
.slick-tab2 .slick-slide > div:nth-child(1){ margin-bottom: 15px;}
.grid-thuvienanh{ grid-gap: 10px 10px; grid-template-columns: repeat(2, 1fr);}
.intro-right{ width: 80%; }
.product-items{width: calc(100% / 2);}
 }
@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 { display:none; } 
.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 { padding-bottom:0; } 
.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; } 
.intro-right{ width: 90%; }
.slick-tab2 .slick-slide > div:nth-child(1){ margin-bottom: 10px;}
.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; } 
.xemchiduong{position: relative;left: 0px;top: 0px;width: 100%;transform: translate(0);margin-top: 30px;}
 }
@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; } 
/* 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 } 
.intro-right{ width: 100%; }

.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; } 
 }