html, body {min-width: auto;}
@media (max-width: 1330px) {
}
@media (max-width: 1440px) and (min-width: 1200px) {
}
@media (min-width: 1200px) {
.wikis-l {margin-right: calc(50vw - 600px);}
.wikis-r {margin-left: calc(50% - 600px);}
.search {max-width: 100%;}
.slick_5 .slick-prev {left: 10px;}
.slick_5 .slick-next {right: 10px;}
#search_nc .box_sl {flex-grow: 2;width: 100%;}
#search_nc .box_sl.box_bt_s {width: 115px;flex-grow: 1;}
.dknt {box-sizing:border-box;}
.banner-mid {text-align: center;}
.slick_4 {margin:0 -20px;}
.slick_4 .pad_15 {padding:20px}
}
@media (max-width: 1199px) {
#bt_menu_com {padding-left:15px }
.wikis {}
#menu .menu-line { flex-grow: 1; }
.menu_com:before {width: 15px;}
.menu.wikis , .banner .wikis {/* padding: 0; */}
.slick-sanpham{width: 100%; padding: 0px; margin: 0px;}
#tuvan {right: 10px;}
.box-sp .chitiet .ct {padding: 5px;}
.owl-carousel {padding: 0 15px;}
.dknt {padding: 20px;}
.dknt .dk_name {padding: 0;}
.dknt .bg_f {margin-left: 0;}
.dknt .bg_f:before {display: none;}
.col_4 {margin: 0 -10px;}
.col_4 > div {max-width: calc((100% / 4) - 20px);margin: 10px;}
#footer {left: 0;}
.dknt {padding: 40px 40px;}
}
@media (max-width: 1099px) {
.thongtin-mb{}
.thongtin-mb ul{padding:0 20px!important}
.thongtin-mb ul li{list-style:none;color:#55585a;margin-bottom:12px}
.thongtin-mb ul li i{font-size:15px;margin-right:10px;color:#6c6c6c}
@-webkit-keyframes my{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes my{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@-o-keyframes my{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@keyframes my{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
.hidden_mobi,#arcontactus,#messages-facebook,.quick_contact{display:none}
.hidden_destop{display:block}
.menu_baophu{background:#000;opacity:0.8;z-index:998;left:0px;top:0px;position:fixed;width:100%;height:100%;display:none}
.icon_menu_mobi{/* color: #fff; */font-size:25px;text-decoration:none;width: 40px;display:block;cursor:pointer;margin: 0;er; */margin:0}
.icon_menu_mobi i{}
.logo-mobi{width: calc(100% - 100px);text-align: center;}
.logo-mobi img{}
.menu-fix {box-shadow:0px 2px 5px #969494}
.menu-fix .logo-mobi img{width: auto;}
.logo-mobi img{
max-width: 120px;
}
a.home_mobi{color: #fff;text-decoration:none;float:right;font-size:20px;width: 35px;text-align: right;}
a.phone_mobi{color:#fff;text-decoration:none;float:left;font-size:18px}
a.phone_mobi i{margin-right:12px;-webkit-animation:my 700ms infinite;-moz-animation:my 700ms infinite;-o-animation:my 700ms infinite;animation:my 700ms infinite}
.comment-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.comment-item-poster{width:auto;margin-right:0px;margin-bottom:0.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.comment-item-letter{width:40px;height:40px;line-height:40px;font-size:13px;margin-bottom:0}
.comment-item-name{margin-bottom:0px;margin-left:10px;margin-right:10px}
.comment-item-information{width:100%}
.price-procart{display:none}
.price-procart-rp{display:block}
.quantity-procart{text-align:right}
.top-cart{margin-bottom:2rem}
.menu_mobi{color: var(--color-main1);font-size:18px;text-decoration:none;padding: 0px 10px;width:100%;cursor:pointer;display:block;cursor:pointer;position:-webkit-sticky;position:sticky;top:0;z-index:999;background: #fff;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;justify-content:space-between;align-items:center;padding: 0px 10px;box-shadow: 0 0 5px #c6c6c6;}
.menu_mobi_add{display:block;position:fixed;left:-100%;top:0;background: #fff;z-index:99999;color: #fff;height:100vh;overflow:auto;line-height:1.5;padding-top:40px;padding-bottom:20px;width:85%;min-width:140px;max-width:440px;box-shadow:inset -4px 0px 8px rgba(0,0,0,0.3);transition:0.5s}
.menu_mobi_active{left:0;transition:0.5s}
.menu_mobi_add ul{list-style:none;padding:0;opacity: 1 !important;}
.menu-flex1{width:100%;flex-wrap: wrap;}
.menu_mobi_add ul li.li-tim{display:none}
.menu_mobi_add ul li h2{font-size:17px;margin-bottom:0}
.menu_mobi_add ul li b{display:inline-block;vertical-align:top;margin-right:8px}
.menu_mobi_add ul li b img{display:inline-block;vertical-align:top}
.menu_mobi_add ul li{display:block;width: 100%;}
.search_open {display:none !important;}
.menu_mobi_add ul li.li-pro span{display:block;}
.menu_mobi_add ul li.timkiem, .menu_mobi_add ul li.hotline-header{display:none;}
.menu_mobi_add ul li a{font-size: 15px;text-decoration:none;color: #191919 !important;display:block;border-bottom:1px solid rgb(132 132 132 / 20%);padding: 10px 40px 7px 0;margin-left:20px;position:relative;text-transform:uppercase;font-weight: 400;}
.menu_mobi_add ul li a span,.menu_mobi_add ul li a span img{display:none;}
.menu_mobi_add ul li a.active,.menu_mobi_add ul li a.active2, .menu_mobi_add ul li a:hover{color: var(--color-main1) !important;}
.menu_mobi_add ul li a i{position:absolute;height:100%;right:0;top:0;border-bottom:1px solid rgba(255,255,255,0.1);width:40px;text-align:center;padding-top:13px;transform:rotate(90deg);border-bottom:1px solid rgba(255,255,255,0.1)}
.menu_mobi_add ul li.li-home a{padding: 5px 0;}
.menu_mobi_add ul li.li-home a i{transform:unset;position: relative;padding: 0;width: auto;}
.menu_mobi_add ul li a.active2 i{transform:rotate(0deg);border-left:1px solid rgba(255,255,255,0.2)}
.menu_mobi_add ul ul{display:none;padding-left:0}
.menu_mobi_add ul li ul li a{padding-left:20px;color:#6f6f6f}
.menu_mobi_add ul li ul li ul li a{padding-left:40px}
.close_menu{position:absolute;top:5px;right:7px;font-size:15px;background: var(--color-main1);width:25px;text-align:center;line-height:25px;cursor:pointer;border-radius:50%;color: #fff;}
.search-res{position:relative}
.search-res .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:42px;/* color: #fff; */font-size:17px;margin:0px;margin-top:0px;border-radius:50%}
.search-res .icon-search.active{background:#fff;border-radius:100%;color: var(--color-main1);}
.search-res .search-grid{position:absolute;top:47px;right:0px;width:0px;height:40px;overflow:hidden;background:#fff;border: 1px solid #999;z-index:2;opacity:0;border-radius:25px;line-height:normal}
.search-res .search-grid p{float: right;width:35px;height:38px;cursor:pointer;outline:none;border:none;margin:0px;font-size:17px;display:block;color: #000;line-height:40px;text-align:center}
.search-res .search-grid input{width:calc(100% - 35px);float: left;line-height:38px;outline:none;border:none;color:#666363;font-size:13px;padding: 0 10px;}
.search-res .search-grid input:focus{box-shadow:unset;border:unset;}
.search-res .search-grid input::-webkit-input-placeholder{color:#666}
.search-res .search-grid input:-moz-placeholder{color:#666}
.search-res .search-grid input::-moz-placeholder{color:#666}
.search-res .search-grid input:-ms-input-placeholder{color:#666}
.left-th,.header-hd{display:none;}
div.left-gt{width: 100%;order:unset;}
div.right-gt{width: 100%;margin:0 auto;margin-top:25px;}
div.content-gt{padding:0}
.tintuc-slide,.quangcao-slide{margin:0 -5px;}
.box-newshome,.item-qc{margin:0 5px;}
.right-th{width:100%;margin:0;padding: 0;}
.tintuc-right{width:100%;}
.tintuc-left{width:100%;margin-top: 30px;}
.doitac-tc{padding:0}
.info-footer{width:100% !important;padding:0;aspect-ratio: unset;}
.info-footer:not(:last-child){padding: 0;padding-bottom:25px;}
.sp_slider{width:100%;}
.box-video{width:100%;margin-top:20px;}
.col-xs-12 {width: 100% !important;}
.coccoc-alo-phone.combo{bottom:68px;}
}
@media (min-width: 1100px) {
}
@media (min-width: 1100px) and (max-width: 1199px) {
#menu .sm-blue .menu-line>a {padding: 10px 10px;}
#menu .menu-line-r>a { padding: 0px 3px ;font-size: 14px;line-height: 30px;}
}
@media (max-width: 1199px) and (min-width: 992px) {
.banner .banner-mid {width: calc(100% - 620px);}
.menu-r {white-space: normal;}
.menu-r > span{display:inline-block;}
.banner .box-news { max-width: 135px; }
.visao {padding: 0px calc(50% + 20px) 0px 20px;min-height: 500px;}
.visao .img_bg {width: 50%;}
#footer:before {width: 515px;}
.banner-right {padding: 0}
}
@media (max-width: 1099px) and (min-width: 992px) {
#menu .menu-line {margin: 0 0px;}
#menu .menu-line>a {/* font-size: 14px; */}
.banner .hotline {margin:0;}
.menu-r a {white-space: normal;}
.menu-l {/* padding: 0 0px; */}
.banner .banner-right {margin: 0;}
#gioithieu .info-gt,#gioithieu .img-gt{width:49%;}
}
@media (min-width: 992px) {
#banner {margin: 0px auto;}
.logo img {z-index: 99;position: relative;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.box_scroll.scroll-fix .logo img {/* max-height: 50px; */}
.logo {z-index: 999;}
.menu_open .logo {margin-left:0 }
.banner-right .pad_10 {padding:10px 0;}
.banner_mb {padding: 0;margin: 0;display: none;}
#slider .slide_l {float: left;width: 66.66%;padding: 10px 0;}
#slider .slide_r {float: left;width: 33.33%;padding: 5px 0 5px 10px;}
.chinhanh .main-tit {min-width: 465px;min-height: 375px;padding: 300px 0px 0px 340px;}
#smenu .cart_menu {color: #000;display: inline-block;padding: 0px 0;margin: 0 0px;vertical-align: middle;position: relative;}
#smenu .cart_menu:hover {color: #f00;font-weight: bold;}
#smenu .cart_menu #count_gh {display: inline-block;line-height: 1;color: #f00;}
.banner .hotline a {color: #fb0303;font-size: 16px;font-family: rb;}
.col_sp {width: calc(25% - 30px);float: left; padding-left: 40px;box-sizing:initial;}
.col_sp:nth-child(4n+1) {clear: both;padding: 0;}
.dk_dl .flex.cot_2 > div {max-width: 49%;}
.go_map {display: none;}
.khachhang .box-news .images {padding: 10px;background: #252525;-moz-transform:translate(0, 35px);-webkit-transform: translate(0, 35px);-o-transform: translate(0, 35px);-ms-transform: translate(0, 35px);transform: translate(0, 35px);}
.khachhang .box-news-r .images {margin: 0 0 0 3%;-moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0, -35px);-webkit-transform: translate(0, -35px);-o-transform: translate(0, -35px);-ms-transform: translate(0, -35px);transform: translate(0, -35px);}
.khachhang .box-news .info { height: 300px; }
.box-chinhsach {margin: 25px;background: #fff;padding: 35px 10px;position: relative;}
.box-chinhsach:before {content: '';position: absolute;left: -25px;right: -25px;top: 0;bottom: 0;background: url('../img/bg-box-l.png') no-repeat left center, url('../img/bg-box-r.png') no-repeat right center;background-size: 25px 100%;}
.spkm {background: url(../img/bg_spkm.png) no-repeat left center;margin: 0 0 -1px -32px; padding: 10px 70px 10px 30px; z-index: 99; position: relative;line-height: 20px;}
.htkh {position:absolute;right:0;top: 0;}
.info_da {position: absolute;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.5);color: #fff;padding: 10px;}
#tintuc .cot_news {width: 34%;padding: 15px 0;float: left;}
#tintuc .cot_news.fr {float: right;}
#tintuc .img_ha {width: 32%;display: inline-block;}
}
@media (max-width: 991px) {
.top-banner {float: none;display: none;}
.search_box_hide {display: none;position: absolute;top: 100%;right: 0;background: #fff;}
.flag {padding: 0;}
.top-banner-l {display: none;}
.top-banner-r {float: none;text-align: center;}
#slider .slide_r, .menu_com, .top-b, .top-banner .top-banner-m ,.banner-top {display: none;}
.banner .banner-right > .flex {display: none;}
.logo img,.banner_img img {/* max-height: 120px; */max-width: 100%;}
.banner .banner-right{width: auto;display: none;}
.left {width: 100%;display: none;}
.box-left.act .left-box ,#call{display: block;}
#smenu .hotline {color: #fff;line-height: 30px;}
.dk_email {background-size: cover;}
.right, .mid, #slider .right, .box-dk-mail, #slider .mid {width: 100%;margin: 0 auto;float: none;padding: 0;}
.slider,#slider {margin:0;padding:0}
#slider .right {width: auto;}
#slider .right > .images {width: 50%;float: left;}
#slider .wikis {padding: 0;}
#slider .right .mn-right {padding: 15px;}
.thuonghieu {display: inline-block;}
.logo {max-width: 100%;/* max-height: 50px; */}
.banner .banner-l {height: auto;/* max-height: 50px; */max-width: none;}
.banner > .wikis {padding: 0 0px;}
#banner .banner .flex {justify-content: center;}
.banner .banner-mid {display: none;}
.logo_mb {padding: 0;margin: 0;display: block;}
.search_box_hide {display: none;margin: 0 auto;z-index: 888;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;background: rgba(0, 0, 0, 0.8);position: absolute;top: 100%;right: 0;padding: 0px 10px;}
.search_box_hide .search{display: block;width: 100%;/* background: none; */margin: 10px 0px;}
.fixing_tool {position: fixed;top: 0px;left: 0px;right: 0;background: #fff;-moz-box-shadow: 0 3px 5px #7D7D7D;-webkit-box-shadow: 0 3px 5px #7D7D7D;box-shadow: 0 3px 5px #7D7D7D;z-index: 999;}
#keywords{color: #000;}
.search .bt-search {font-size: 18px;}
.search:before {content: none;}
.visao {padding: 20px 0px 0 0;}
.visao .flex.col_2>div {max-width: 100%;}
.visao .img_bg {display: none;}
#container {padding: 30px 0 15px 0;margin: 0;}
.khachhang .box-news {margin:20px 0;}
.banner-hl{display: none;}
.box-dk-mail {margin:0}
.ct-l ,.ct-r {width:50% ;}
#smenu{text-align: center;display: block;z-index: 9;position: relative;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#000000)";-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);box-shadow: 0 1px 3px rgba(0,0,0,0.3);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000); }
#smenu a {font-family: rb;font-size: 18px;margin: 9px;display: inline-block;}
#smenu > a {color: #fff;}
#menu{position: absolute;width: 100%;background: rgba(255, 255, 255, 0.9);}
#menu .sm-blue li a {color: #000;}
#menu .sm-blue li:hover > a { color: #f00 !important; }
.menu-l{width: 100%;float: none; margin: 0px;}
#menu,.menu-r{display: none;float: none;padding: 0;}
.shotline {color: #f00;margin: 10px;}
.i-l,.i-r{width: 100%;float: none; margin: 0px 0px 20px 0px;}
.info-slider {display: none;}
#gioithieu {padding: 30px 0;}
#gioithieu:after {height: 0;position: relative;}
#gioithieu .mid {text-align: left;}
.search_nc .tt {display:none;}
.owl-prev, .owl-next {opacity: 1;}
.csach {clear: both;}
#footer {position: relative;width: 100%;height: auto;padding: 25px 0;}
#footer:before { display:none;}
#gioithieu .info-gt, #gioithieu .img-gt,.tintuc .tintuc-left,.tintuc .tintuc-right{width: 100%;max-width: 100%;}
#tintuc .img_ha {display: none;}
.reserved {position: relative;}
.col_3 { margin: 0 -10px;}
.scroll_bn {position:relative !important;}
.scroll_mn {top: 0;}
}
@media (min-width: 768px) {
#hinhanh {background-size: 50% 600px;}
.gt_img {position: absolute;left: 0;top: 0;right: 50%;bottom: 0;}
.gt_img .images {display: none;}
.gt_info {width: 50%;float: right;padding: 50px ;padding-right: calc(50% - 600px );}
.gt_img .hidden-xs {position: absolute;width: 55px;top: calc(50% - 143px);right: -13px;}
#camket .pad_10 {float: left;}
#slider .mid > .w-clear {margin: 0 -10px;padding: 5px;}
#slider .mid .fl {width: calc(100%/3*2);padding: 5px;}
#slider .mid .fr {width: calc(100%/3);padding: 5px;}
.dknt .flex {-webkit-flex-flow:nowrap;}
}
@media (min-width: 768px) and (max-width: 991px) {
.ft-1 {width: 100%;padding: 10px 0;}
.ft-2 {width: 48%;padding: 10px 0;margin: 0;border-right: none;}
.ft-3 {width: 48%;/* padding: 10px 0; */}
.reserved {POSITION: relative;}
.col_sp {width: calc(50% - 15px);float: left; padding-left: 30px;box-sizing:initial;}
.col_sp:nth-child(2n+1) {clear: both;padding-left: 0;}
.spnb .title-tab .tab {font-size: 16px;}
#dichvu .mid {width: 60%;float: left;}
#dichvu .right {width: 38%;float: right;}
.product-col .col_4 > div,.col_4 > div {max-width: calc((100% / 3) - 20px);margin: 10px;}
.sanpham_nb .flex.col_4> div {max-width: calc(100% / 3);}
.col_5 > div {max-width: calc((100% / 4) - 20px);}
.col_3 > div {max-width: calc(33.33% - 20px);margin: 10px;}
.hinhanh .grid.cot_4 .box-ha {height: 160px;}
}
@media (max-width: 767px) {
.box-tintuc-tc,.box-video-feedback,.box-thanhtuu-tc,.box-tieudesp-tc,.box-tieuchi-tc{padding:40px 0}
.box-gioithieu-tc{padding:40px 0 20px 0}
.box-quangcao-tc,.sanpham-tc,.box-sanpham-dm{padding:20px 0}
.box-tieudesp-tc{margin-bottom:15px;}
.box-sp .gia, .box-dv .gia,.box-sp .name, .box-dv .name{font-size:14px;}
.box-sp .detail{padding-top:10px;}
.box-thanhtuu-tc .tieude1{padding-bottom:20px;}
.item_th{width:calc(50% - 10px);margin:5px;padding: 0 !important;!i;!;}
.thanhtuu2-tc{margin:-5px;}
.thanhtuu1-tc{padding:0 !important}
.item_th .img_tt{font-size:40px;}
.item_th .name_tt{font-size: 23px;line-height: 1.5;}
.item_th .it_th{min-height:170px;}
.ykien2-slide{padding:0;display:none;}
.item-client{background:#fff;padding: 10px;border-radius: 10px;border: 1px solid #ddd;}
.ykien-tc:before{display:none;}
.item-client .info-tt{width: calc(100% - 32.5% - 15px);padding:0}
.item-client .info-tt h3{font-size: 20px;}
.item-client .info-tt > p {font-size:15px;line-height: 24px;-webkit-line-clamp: 2;max-height: calc(24px * 2);margin: 0;margin-top: -3px;}
.content-client {font-size: 14px;-webkit-line-clamp: 5 !important;line-height: 22px!important;max-height: calc(22px * 5);margin-top: 5px!important;}
.item-client .img-tt{background: url(../images/index/yk.png) no-repeat bottom center;}
.images-newshome img{width:100%;}
.tieude1 h2{font-size: 27px;}
.tieude1{font-size:14px;padding-bottom: 20px;}
.tieudesp h2:before{display:none;}
.tieudesp h2{width: 100%;display: block;-moz-transform: unset;-webkit-transform: unset;-o-transform: unset;-ms-transform: unset;transform: unset;padding: 10px;line-height: 1.5;font-size: 19px;}
.tieudesp h2 span{display: block;-moz-transform: unset;-webkit-transform: unset;-o-transform: unset;-ms-transform: unset;transform: unset;padding: 0;}
.title_tab{width:100%;text-align: center;display: block;}
.title_tab .cat{padding:5px 10px;font-size: 15px;}
.xemsp{width:100%;text-align:center;justify-content:center;padding-top:5px;}
.tieudesp{margin-bottom:20px;}
.name-gt{font-size: 23px;}
.name-gt h2{font-size: 27px;line-height:1.5;margin-top:0}
.namkn span{font-size:50px;}
.box-sp{padding:5px;}
.loiich >.name{width:100%;margin: 0;}
.loiich >.name:before{display:none;}
.loiich >.cont{width:100%;margin: 0 !important;padding: 5px;}
.loiich .box-news .name{margin-bottom:0}
.loiich .box-news.flex{margin: 5px;}
.product-col .col_4.flex{margin:-6px;}
.product-col .col_4 > div {max-width: calc((100% / 2) - 12px);margin: 6px;width: 100%}
.item-db .numb-tt{font-size: 35px;padding-right: 0;max-width: calc(100% - 75px);}
.item-db:before{display:none;}
.item-db .it-db{clip-path:none;margin: 5px;padding: 10px;}
.tieuchi-slide{margin:-3px -5px}
.item-db .img-tt{clip-path:none;width:72px;}
.item-db .info-tt{padding:10px 0}
.item-db .name-tt{font-size: 16px;}
.item-db .des-tt{font-size:14px;line-height:22px;max-height:calc(22px * 3);margin-top:0}
.info-newshome{padding:15px 10px}
.footer-policy a,.name-newshome{font-size:15px;}
.box-tab-con{padding:15px;}
.box-tab-tit > div{font-size:14px;}
.i-l-l,.i-l-r,.video-l,.slick-video,.ct-l,.ct-r,.lh-l,.lh-r{width: 100%;float: none; margin: 0px 0px 15px 0px;padding: 0; border: none;}
.main-tit .name{font-size:27px;}
.title .name {font-size: 20px;line-height:1.5}
#slider .mid .fl {float: none;}
#slider .mid .fr {display: none;}
.chinhsach .col_2>div {max-width: 100%;}
.grid.cot_2 {grid-template-columns: 1fr;grid-gap: 0px;}
.grid.cot_3 {grid-template-columns: repeat(2, 1fr);}
.hinhanh .grid.cot_4 {grid-template-columns: repeat(2, 1fr);}
.hinhanh .grid.cot_4 .box-ha:nth-child(6n) {grid-column: 1 /3;}
.visao .khung {padding: 80px 0 30px 0;}
.box_name {background: none !important;}
.box_name .title {padding: 15px 20px;min-width: auto;display: block;}
.box_name .title:before {content: none;}
.box_name .title .name {font-size:20px}
.box_name .title .tt {font-size: 14px;}
.box_name .images {display:block;}
.quangcao .grid {grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}
}
@media (max-width: 767px) and (min-width: 680px) {
.ft-1 {width: 100%;padding: 10px 0;}
.ft-2 {width: 100%;padding: 10px 0;margin: 0;border-right: none;}
.ft-3 {width: 100%;padding: 10px 0;}
.col_4 > div {max-width: calc((100% / 2) - 20px);}
.sanpham_nb .flex.col_4> div{max-width:50%;}
.col_3 > div {max-width: calc(50% - 20px);margin: 10px;}
.album .flex.col_3 > div {max-width: 50%;}
.email-dk .box_input {max-width: 100%;margin: 5px;}
.col_5 > div {max-width: calc((100% / 3) - 20px);}
}
@media (max-width: 767px) and (min-width: 480px) {
}
@media (min-width: 680px) {
#khachhang .khung_kh {padding: 0 20px;max-width: 680px;margin: 0 auto; display: none;}
#khachhang .items_l {display: block;margin: 5px;}
#sanpham .right {width: 300px;float: right;}
#sanpham .mid {width: calc(100% - 300px);float: left ;padding: 0;}
#gioithieu .title .tt>span {display:block;}
}
@media (max-width: 679px) {
#banner .banner .flex {flex-wrap: nowrap;}
.logo {padding: 0;float:none;}
.title_dm {font-size: 60px;}
.banner .banner-right {width: auto;}
.box-ds {max-width: 680px;overflow-x: scroll;}
.ds_dh {width: 680px;}
.col_4 > div {max-width: calc((100% / 2) - 10px);margin: 5px;}
.sanpham_nb .flex.col_4> div {max-width: 50%;}
.gioithieu .flex > div {max-width: 50%;}
.col_4.flex {margin: 0 -5px;}
.col_3 > div {max-width: calc((100% / 2) - 20px);margin: 10px;}
.album .flex.col_3 > div {max-width: 100%;}
.email-dk .box_input {max-width: 100%;}
.ft-1,.ft-2,.ft-3 {width: 100%;padding: 10px 0;margin: 0 auto;border: none;}
.search_nc .item {flex-grow:1;}
.khung_baogia {padding: 20px 30px ;}
.col_5 > div {max-width: calc((100% / 2) - 20px);}
.box-dmnb {-webkit-flex-flow: row wrap;}
.box-dmnb .images ,.box-dmnb .info {flex-grow: 1;width: 100%;padding: 15px;max-width: 100%;}
.col_2 > div {max-width: calc(100% - 30px);}
a.cat {font-size: 14px;padding: 10px;}
}
@media (min-width: 480px) {
}
@media (max-width: 479px) {
.col_sp, .col_4 > div{width: calc(50% - 10px);margin: 5px;max-width: calc(50% - 10px);}
.gioithieu .flex > div {max-width: 100%;width: 100%;}
.duan .col_4 > div {max-width: calc(50% - 10px); }
.col_4.flex {margin: 0 -10px;}
.owl_dv .fl {width: 100% !important;float: none;}
.box-ld {width: 100%;padding: 5px 0 !important;}
.top-banner-r .vs_m {display:inline-block;}
.top-banner-r .vs_l {display:none;}
.baogia {padding:0}
.baogia .khung_baogia:before{content:none;}
.hinhanh .grid.cot_4 .box-ha {height: 160px;}
.col_3 > div {/*max-width: calc(100% - 20px);*/}
.videoyoutube iframe{height:350px}
}
@media (max-width: 380px) {
.videoyoutube iframe{height:300px;}
.lh-con-l,.lh-con-r{width: 100%;float: none;margin: 0px; padding: 0px;}
.lh-con-r{margin-bottom: 10px;}
.box-news-img,.box-news1-img{ max-width: 110px;}
}
@media (max-width: 320px) {
.col_3 > div {max-width: calc(100% - 10px);}
.grid.cot_3 {grid-template-columns: 1fr;}
}