@media (max-width:1366px){
 .c1dvnb-calc { padding: 15px 20px; } 
 .c1dvnb-items { margin: -15px -20px; } 
 .title-tintucnb { padding: 0; } 
 .title-tintucnb p { margin-bottom: 30px; } 
 }
 @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,.footer-3, .footer-4 { width: 49%; } 
 .footer-1,.footer-2 { margin-bottom: 20px; } 
 .footer-left { margin-right: 20px; } 
 .footer-right,.footer-left { width: 485px; } 
 #camnhan, #doitac, #quytrinh , #lienhe, #lydo,#dvnb,#tintucnb, #intro, #thuvienanh, #c1dvnb { padding: 40px 0; } 
 .camnhan-item-right-img { width: 40%; } 
 .camnhan-item-right-detail { width: 58%; margin: 0; flex: unset; } 
 .camnhan-item-right { justify-content: space-between; } 
 .quytrinh-items { transform: scale(0.8); } 
 .title-quytrinh { margin-bottom: 130px; } 
 .motabaner { display: none; } 
 .lienhe { padding: 30px; } 
 .tintucnb-calc { padding: 0 5px; } 
 .tintucnb-items { margin: 0 -5px; } 
 .dvnb-all-img,.dvnb-detail { width: 50%; } 
 .dvnb-detail { padding-left: 30px; } 
 .dvnb-img { width: 30%; } 
 .dvnb-img2 { width: 68%; padding: 0; } 
 .dvnb-detail .name a { font-size: 24px; } 
 .dvnb-detail h4, .title-intro h4 { font-size: 16px; } 
 .dvnb-detail .mota { margin-bottom: 20px; } 
 .thongke, .title-thuvienanh { margin-bottom: 30px; } 
 .grid-thuvienanh { grid-template-rows: 300px 100px 300px; grid-gap: 10px 10px; } 
 .c1dvnb-calc { padding: 10px; } 
 .c1dvnb-items { margin: -10px; } 
 .c1dvnb-items-linetop,.c1dvnb-items-linebottom { display: none; } 
 .intro-left,.intro-right { width: 48%; } 
 .title-intro h3 { font-size: 40px; } .intro-content { margin: 15px 0; } 
 }
 @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,.slideshow-detail, .slideshow-detail-2 p:nth-child(1),.slideshow-detail-2 p:nth-child(2), .box-thuvienanh-content .xemduan,.tintucnb-left .slick-prev, .tintucnb-left .slick-next, .tintucnb-left:before, .lydo-items-linetop,.lydo-items-linebottom, .lydo-item p, #quytrinh:before, .quytrinh-items:before, .quytrinh-item-all, .camnhan-item-right-detail p.linecamnhan, .menu-bottom, .btnmenulh, .hotlinemenu { display:none !important; } 
 #banner .center { display:flex; align-items:center; justify-content:center; } 
 .logo { position:static; padding:0; } 
 #menu .menu-top { padding: 5px 0; } 
 #menu { background: rgb(0 0 0 / 0.5); } 
 .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, .box-sanpham-calc { padding: 10px 5px; } 
 .boxs-news, .box-sanphams, .c1dvnb-items { margin: -10px -5px; } 
 #popup .modal-body a img { max-width: 100%; max-height: 100%; } 
 .footer-right,.footer-left { width: 49%; margin: 0; } 
 .footer-bottom .center { justify-content: space-between !important; } 
 .footer-top { padding: 30px 0px; } 
 .box-quytrinh { position: relative; width: 100%; height: auto; left: unset; transform: unset; } 
 .quytrinh-item,.quytrinh-item h3 { position: relative !important; left: unset !important; transform: unset !important; right: unset !important; top: unset !important; bottom: unset !important; } 
 #footer { padding: 30px 0; } 
 .box-quytrinh { display: flex; flex-wrap: wrap; margin: -10px; } 
 .quytrinh-item { width: calc(100% / 2); padding: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; } 
 .quytrinh-item h3 { text-align: center !important; margin-top: 10px; width: auto; } 
 .quytrinh-items { transform: scale(1); } 
 .quytrinh-item:last-child { width: 100%; } 
 #quytrinh { background-image: url(../images/bgquytrinh.jpg); } 
 .title-txt h2 { font-size: 26px; } 
 .lydo-item { padding: 0; justify-content: center !important; } 
 .title-txt, .title-dvnb { margin-bottom: 30px; } 
 #intro { margin: 0; } 
 .c1dvnb-calc { width: calc(100% / 2); padding: 10px 5px; } 
 .grid-thuvienanh { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 300px; grid-template-rows: unset; } 
 .grid-thuvienanh .box-thuvienanh:nth-child(3) { grid-row: auto; grid-column: auto; } 
 .grid-thuvienanh .box-thuvienanh:nth-child(5) { grid-row: auto; } 
 .box-thuvienanh-content h3 { margin-bottom: 0; transform: unset !important; font-size: 14px; } 
 .grid-thuvienanh .box-thuvienanh:nth-child(1) { grid-row: auto; } 
 .dvnb-img { width: 40%; } 
 .dvnb-img2 { width: 58%; padding: 0; } 
 .tintucnb-left { padding: 0; width: 65%; } 
 .title-tintucnb { width: 34%; } 
 .tintucnb-items .slick-list { overflow: hidden !important; } 
 .title-tintucnb { margin-bottom: 0; } 
 .title-tintucnb h3 { font-size: 24px; margin: 10px 0; } 
 .title-tintucnb h2 { font-size: 14px; } 
 .thongke-item h3 { font-size: 36px; } 
 .camnhan-left { padding: 0; margin-bottom: 30px; width: 100%; } 
 .box-camnhan-left { width: 100%; padding: 0; } 
 .box-camnhan-left1 { direction: unset; max-height: unset; max-width: 100%; width: 100%; display: -webkit-box; display: -moz-box; -webkit-box-pack: start; -moz-box-pack: start; padding-bottom: 10px; } 
 .camnhan-item { direction: unset; margin: 0; width: 130px; margin-right: 5px; } 
 .camnhan-item:last-child { margin: 0; } 
 .camnhan-right { width: 100%; } 
 .camnhan-item-right-detail p.mota { margin: 10px 0 0; } 
 .contact-left,.contact-right { width: 100%; } 
 .contact-left { margin-bottom: 30px; } 
 }
 @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, .intro-left::before, .title-doitac .line { 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 { padding: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, .box-news-left { width:100%; } 
 #top .center > div { width:100%; } 
 #top #breadcrumb { margin-bottom:0 } 
 #container img { height: auto !important; } 
 #camnhan, #doitac, #quytrinh, #lienhe, #lydo, #dvnb, #tintucnb, #intro, #thuvienanh, #c1dvnb { padding: 30px 0; } 
 .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-left { width: 100%; } 
 .boxs-news-special { width: 100%; } 
 .boxs-news-special { padding: 0px; margin-top: 20px; } 
 .intro-left, .intro-right, .dvnb-all-img, .dvnb-detail, .title-tintucnb, .tintucnb-left, .footer-right, .footer-left { width: 100%; } 
 .intro-left,.dvnb-detail, .tintucnb-left { margin-top: 30px; padding: 0; } 
 #intro .center { flex-direction: column-reverse; } 
 .c1dvnb-item { height: auto; padding: 20px 10px; } 
 .grid-thuvienanh { grid-auto-rows: 250px; } 
 .footer-right { margin-bottom: 20px; } 
 .footer-bottom .center { flex-wrap: wrap; } 
 }
 @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){
 .grid-thuvienanh { grid-auto-rows: 220px; } 
 .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 } 
 
 .camnhan-item-right-img { max-width: unset; } 
 .camnhan-item-right-detail { margin-top: 20px; } 
 .video-left, .camnhan-item-right-img,.camnhan-item-right-detail { 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; } 
 .dvnb-img,.control-slideshow button, .nextslide { display: none; } 
 .quytrinh-item h3 { font-size: 14px; width: auto !important; } 
 .quytrinh-item { padding: 5px; } 
 .box-quytrinh { margin: -5px; width: auto !important; } 
 .dvnb-img2 { width: 100%; } 
 .title-intro h3 { font-size: 32px; } 
 .quytrinh-item img { max-width: 80px; max-height: 80px; } 
 .lienhe { padding: 30px 20px; } 
 .input-lienhe { margin-bottom: 10px; } 
 .input-lienhe input, .input-lienhe textarea { font-size: 13px; } 
 .btn-custom { width: 150px; height: 44px !important; line-height: 44px !important; } 
 .input-lienhe input { height: 34px; } 
 
 #google_language_translator { display: none !important; } 
 
 .hotlinemenu { display: flex !important; padding: 0; margin: 0; margin-right: 15px; } 
 .hotlinemenu .hotlinemenu-detail p:nth-child(1) { font-size: 12px; } 
 .hotlinemenu .hotlinemenu-detail p:nth-child(2) { font-size: 15px; line-height: 1.2; } 
 .logo img { max-width: 90px !important; } 
 #menu-mobile { margin: 0; } 
.menu-right{justify-content: space-between;}
.menu-bar-res{padding: 0;}
 }
 @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:600px){
 .product-total-right,.product-total-left { width: 100%; } 
 .product-total-left { margin-bottom: 25px; } 
 }*/