@charset "utf-8";

@font-face{
font-family:AvertaBI;
src:url(../media/css/font/Averta/AvertaStdCYBoldItalic.otf) format("opentype")
}

@font-face{
font-family:Avertarb;
src:url(../media/css/font/Averta/AvertaStdCYSemiboldItalic.otf) format("opentype")
}

@font-face{
font-family:AvertaR;
src:url(../media/css/font/Averta/AvertaStdCYRegular.otf) format("opentype")
}

body{
font-family:'Roboto',sans-serif;
font-size:15px;
margin:0;
padding:0
}

a{
text-decoration:none!important;
color:#000;
cursor:pointer
}

ul li{
list-style-type:none!important
}

li{
list-style-type:none!important
}

img{
max-width:100%;
height:auto;
box-sizing:border-box;
vertical-align:top
}
.fanpageft {
    width: 65%;
    margin: 0 auto;
}
.bandos iframe
{
	width: 100%;	height: 150px;
}
#wrapper{
width:100%;
float:left
}

.header-n{
width:100%;
float:left
}

.margin{
width:1266px;
margin:auto
}

.khung633{
width:633px
}

.w100{
width:100%;
float:left
}

.top-hd{
padding-top:3px;
border-bottom:1px solid #cae4a5
}

.slogan{
width:27%;
float:left;
font-size:14px;
font-family:Avertarb;
color:red;
padding-top:4px
}

.mxh-hd{
width:20%;
float:right;
text-align:right;
padding-right:13px
}

.mxh-hd li{
display:inline-block;
padding:0 3px
}

.logo-hd{
width:24%;
float:left;
text-align:center
}

.tender-hd{
width:49%;
float:left;
padding-left:24px;
padding-top:5px
}

.hotline-gh{
width:27%;
float:left;
padding-top:26px;
padding-left:27px
}

.center-hd{
padding:1% 0;
min-height:140px;
display:flex
}

.tendency{
width:100%;
float:left;
font-size:14px;
color:#d92d30;
font-weight:500;
padding:5px 0
}

.search-hd{
width:100%;
float:left;
padding-right:5px;
padding-top:2px
}

.timkiem-hd{
width:100%;
float:left;
position:relative
}

.timkiem-hd form{
width:100%;
float:left;
position:relative
}

.timkiem-hd input{
width:100%;
float:left;
height:40px;
border:1px solid #ebebeb;
border-radius:5px;
font-size:13px;
padding-left:15px;
font-weight:500
}

.timkiem-hd button{
float:right;
position:absolute;
right:0;
background:unset;
border:unset;
padding:0
}

.timkiem-hd button img{
width:57px;
height:39px
}

.hotline-tv{
width:50%;
float:left
}

.hotline-tv span{
float:right;
width:calc(100% - 44px);
text-transform:uppercase;
font-size:13px;
color:#929292;
font-weight:500;
line-height:18px
}

.hotline-tv p{
font-size:16px;
color:#ee1717;
font-weight:600
}

.cart-hd{
width:50%;
float:left;
padding-left:22px
}

.cart-hd span{
float:right;
width:calc(100% - 41px);
text-transform:uppercase;
font-size:13px;
color:#929292;
font-weight:500;
padding-top:2px;
line-height:16px
}

.cart-hd p{
font-size:13px;
color:#000;
font-weight:500;
text-transform:none;
padding-left:2px
}

.menu-hd{
background:#d92d30;
margin-top:5px
}

.menu{
width:100%;
float:left
}

.menu ul{
width:100%;
float:left;
padding-left:5px;
margin-bottom:0
}

.menu ul li{
display:inline-block;
padding:0 18.68px;
padding-top:11px;
padding-bottom:9px;
margin-left:-3px;
position:relative
}

.menu ul li:nth-child(2) img{
position:absolute;
left:0;
top:0
}

.menu ul li a{
color:#fff;
text-transform:capitalize;
font-size:17px;
/*font-family:AvertaR;*/
padding:0 5px;
/*font-weight:lighter*/
font-weight:bold
}

.submenu{
position:absolute;
display:none;
width:100%;
float:left;
left:0
}

.submenu:before{
}

.submenu li{
background:#d92d30;
width:100%;
float:left;
border-bottom:1px solid #dddd;
margin-left:0!important;
padding:7px 10px!important
}

.menu li:hover .submenu{
display:block;
z-index:9999999;
width:265px;
top:45px;
border:2px solid #fff;
padding-left:0
}

.chinhsach-hd{
width:100%;
float:left
}

.grid-4cs{
width:100%;
float:left;
display:grid;
grid-template-columns:repeat(4,1fr);
grid-column-gap:0;
grid-row-gap:0
}

.img-cs{
width:50px;
float:left
}

.nd-cs{
width:calc(100% - 50px);
float:left;
padding-left:10px;
padding-top:5px;
font-family:AvertaR;
font-size:14px
}

.items-cs{
width:100%;
float:left;
padding:15px 16px;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd
}

.name-cs{
font-weight:700
}

.items-cs:last-child{
border-right:unset
}

.mota-cs{
color:#d92d30
}

#content{
width:100%;
float:left
}

.content-n{
width:100%;
float:left;
margin-top:16px
}

.sp-home{
width:100%;
float:left;
padding-left:10px
}

.spsale{
width:100%;
float:left;
padding:0 2px
}

.leftdmsp{
width:299px;
height:665px;
border:1px solid #87d5ad;
float:left
}

.tieudespnb{
width:100%;
float:left;
padding:18px 0;
border-bottom:1px solid #ddd
}

.tieudespnb h3{
font-size:20px;
text-transform:uppercase;
color:#219718;
width:100%;
float:left;
padding-left:22px;
margin:0;
font-family:AvertaR
}

.rightdmsp{
/*width:calc(100% - 302px);*/
width:100%;
float:left;
/*padding-left:18px;*/
/*padding-right:7px*/
}

.ndspnb{
width:100%;
float:left
}

.ndspnb li{
width:100%;
float:left;
padding-top:13px;
padding-bottom:13px;
border-bottom:1px solid #ddd
}

.ndspnb li a{
width:100%;
float:left;
padding-left:21px;
font-family:AvertaR;
font-size:20px;
color:#565353
}

.itemssp{
width:100%;
float:left;
box-shadow:0 3px 6px -4px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)
}

.imgsp{
width:100%;
float:left;
position:relative
}

.imgsp img{
position:relative
}

.motasp{
width:100%;
float:left;
border:1px solid #ddd;
padding:14px 5px
}

.namesp{
width:100%;
float:left;
text-align:center;
font-size:16px;
font-weight:500;
padding-bottom:10px;
padding-right:4px
}

.giasp{
width:100%;
float:left;
text-transform:uppercase;
padding-bottom:3px;
    display: flex;
    flex-direction: column;
    align-items: center;
/*display: flex;
justify-content: space-between;*/


}
.khung_giamhieus {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.giacu{
/*width:48%;*/
/*width:100%;*/
/*float:left;*/
/*text-align:right;*/
/*padding-right:4px;*/
font-size:18px;font-weight: bold;
color:red;
text-decoration:line-through
}
.giamoi span {
    font-size: 12px;
}
.giamoi{
width: 150px;
/*width:50%;*/
/*width:100%;*/
float:left;
font-size:18px;
font-weight:600;
color:#f80000;
line-height:19px;
text-align: center;
}

.giaban{font-weight: bold;    font-size: 17px;
/*width:100%;*/
/*float:left*/
}

.grid-3{
width:100%;
float:left;
display:grid;
grid-template-columns:repeat(3,1fr);
grid-column-gap:20px;
grid-row-gap:15px
}

.spmoi{
width:100%;
float:left
}

.grid-4{
width:100%;
float:left;
display:grid;
grid-template-columns:repeat(4,1fr);
grid-column-gap:20px;
grid-row-gap:15px
}

.contentspm{
width:100%;
float:left;
padding-right:11px;
margin-top:16px
}

.xemthemspm{
width:100%;
float:left;
text-align:center;
margin:35px 0;
position:relative;
z-index:1;
}

.xemthemspm a{
padding:11px 27px;
background:#d92d30;
border-radius:5px;
color:#fff;
font-weight:500;
font-size:14px
}

.thgh{
width:51%;
float:left;
position:absolute;
bottom:15px;
left:23%;
margin-left:2px
}

.themgh{
width:100%;
float:left;
text-align:center;
padding:6px 20px;
background:#d92d30;
border-radius:3px;
font-size:14px;
box-shadow:2px 2px 6px 2px #524c4cad
}

.themgh a{
color:#fff
}

.themgh i{
padding-right:5px
}

.themgh{
opacity:0;
transition:.5s
}

.itemssp:hover{
box-shadow:0 4px 12px 3px #524c4c8c;
cursor:pointer
}

.itemssp:hover .namesp a{
color:#d92d30
}

.itemssp:hover .imgsp{
overflow:hidden
}

.itemssp:hover .imgsp img{
transform:scale(1.1);
transition:transform 3s!important
}

.itemssp:hover .themgh{
opacity:1
}
.cot_tren_gia {
    /*display: flex;*/
    /*justify-content: space-between;*/
}
.salesp{
width:52px;
height:34px;
background:url(../img/sale.png);
float:left;
/*position:absolute;*/
/*top:5px;
left:-2px;*/
z-index:9;
line-height:34px;
text-align:center;
font-size:15px;
color:#fff;
font-weight:800;
padding-right:6px
}

.dmspnb{
width:100%;
float:left
}

.dmsptc{
width:100%;
float:left
}

.tieudedm{
width:100%;
float:left;
border-bottom:2px solid #d92d30;
margin-bottom:22px
}

.tieudedm h3{
margin:0;
float:left;
background:#fff;
margin-bottom:-8px;
padding-right:15px;
/*padding-left:15px;*/
}
.khung_banner_danhmuc {
    padding-bottom: 20px;
}
.tieudedm h3 a{
font-size:30px;
text-transform:uppercase;
/*font-family:AvertaR;*/
color:#d92d30;
font-weight: bold;
}

.dmsptc .xemthemspm a{
background:#d92d30;
color:#fff;
border:1px solid #d92d30
}

.dmsptc .xemthemspm a:hover{
background:#fff;
color:#000
}

.camnhan-videos{
width:100%;
float:left
}

.camnhan{
width:50%;
float:left
}

.videos{
width:50%;
float:left
}

.tieudecn{
width:100%;
float:left;
text-align:center
}

.tieudecn h3{
margin-bottom:25px;
margin-top:25px
}

.tieudecn h3 a{
color:#fff;
text-transform:uppercase;
font-size:25px
}
/*.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; 
}*/
.ndcn{
width:100%;
float:left;
padding:10px 20px
}

.owl-camnhan{
width:100%;
float:left
}

.items-camnhan{
width:100%;
float:left;
text-align:center
}

.nd-cn{
width:100%;
float:left
}

.mota-cn{
width:100%;
float:left;
text-align:center;
padding:0 50px;
color:#fff;
font-size:15px
}

.img-cn1{
width:100%;
float:left;
text-align:center
}

.tenkhachhang{
width:100%;
float:left;
text-align:center;
padding:20px 0
}

.tenkhachhang a{
color:#fff;
font-size:16px;
text-transform:capitalize
}

.khung-video{
width:100%;
float:left;
padding-left:15px;
margin-top:-14px
}

.khung-video iframe{
width:100%;
height:292px;
border:unset
}


.chitiet_if iframe
{
	width:100%!important;
	height:300px!important;
}

.fanpageft iframe
{
	width:100%!important;
}



.banneruytin{
width:100%;
float:left;
text-align:center
}

.dknt{
width:100%;
float:left
}

.formdknt{
width:100%;
float:left;
padding:15px 10px
}

.tieudedk{
width:35%;
float:left
}

.tieudedk span{
font-size:25px;
color:#5da393;
line-height:27px;
font-weight:500
}

.tieudedk b{
color:#158a05;
text-transform:uppercase;
font-weight:800
}

.formdk{
width:65%;
float:left;
padding-top:10px
}

.formdk form{
width:100%;
float:left;
padding-left:2px
}

.formdk input{
width:26.4%;
float:left;
margin-right:1.5%;
height:45px;
padding-left:10px;
border:1px solid #ddd;
font-size:14px;
border-radius:4px
}

.formdk button{
width:16%;
float:left;
background:unset;
border:unset;
border:1px solid;
height:44px;
font-size:15px;
text-transform:uppercase;
font-weight:600;
background:#005826;
color:#fff;
border-radius:4px
}

.footer-n{
width:100%;
float:left
}

.topft{
width:100%;
float:left
}

.ft{
width:51%;
float:left;
padding-left:10px
}

.ft1{
width:21%;
float:left
}

.ft2{
width:27%;
float:left;
padding-right:10px
}

.tieudeft{
width:92%;
float:left;
margin-top:15px;
border-bottom:1px solid #669542;
margin-bottom:20px
}

.tieudeft h3{
margin-top:0
}

.tieudeft h3 a{
color:#fd0404;
font-size:20px;
font-weight:500
}

.ndft{
width:100%;
float:left
}

.items-showroom{
width:95%;
float:left;
color:#fff;
margin-bottom:7px;
font-size:14px
}

.items-showroom li{
margin-bottom:9px;
padding-left:25px
}

.items-showroom li:first-child{
background:url(./img/home.png) no-repeat left top
}

.items-showroom li:nth-child(2){
background:url(./img/phone.png) no-repeat left top
}

.items-showroom li:nth-child(3){
background:url(./img/mail.png) no-repeat left
}

.csft{
width:100%;
float:left
}

.csft li{
margin-bottom:12px;
list-style-type:disc!important;
color:#fff;
font-size:12px
}

.csft li a{
color:#fff;
font-size:15px
}

.bottomft{
width:100%;
float:left;
padding:15px 0
}

.left-ft{
width:34%;
float:left;
padding-left:20px
}

.center-ft{
width:35%;
float:left;
text-align:center;
font-size:16px;
font-family:AvertaR;
color:#105507
}

.right-ft{
width:31%;
float:left
}

.mxh-ft{
width:100%;
float:left;
text-align:left;
padding-right:13px
}

.mxh-ft li{
display:inline-block;
padding:0 4px
}

.noidungtrong{
width:100%;
float:left;
margin-bottom:35px
}

.duongdan{
width:100%;
float:left;
padding-top:35px;
padding-bottom:20px
}

.duongdan1{
width:50%;
float:left
}

.duongdan1 li{
display:inline-block;
padding:0 5px
}

.duongdan1 li a{
padding-right:10px;
font-size:13px;
text-transform:uppercase
}

.duongdan1 li:last-child:after{
content:""
}

.duongdan1 li:after{
content:"/"
}

.khungleft{
width:100%;
float:left
}

.k-spm{
width:100%;
float:left
}

.tieudespbvm{
width:100%;
float:left;
text-align:left;
margin-bottom:15px
}

.tieudespbvm h3{
margin:0;
font-size:22px;
font-weight:500
}

.ndleft{
width:100%;
float:left
}

.items-left{
width:100%;
float:left;
margin-bottom:8px;
padding-bottom:8px;
border-bottom:1px solid #ddd
}

.items-left:hover{
box-shadow:0 2px 5px 2px #524c4c8c;
padding:5px;
transition:.3s
}

.items-left:hover .ten-left a{
color:#d92d30
}

.items-left:last-child{
border-bottom:unset
}

.img-left{
width:80px;
float:left
}

.nd-left{
width:calc(100% - 90px);
float:right
}

.ten-left{
width:100%;
float:left;
font-size:14px;
font-weight:400;
margin-bottom:3px
}

.giaspleft{
width:100%;
float:left
}

.gialef{
width:45%;
float:left;
font-size:14px;
text-decoration:line-through;
color:#dc3232
}

.gialef1{
width:50%;
float:left;
font-size:15px;
text-transform:uppercase;
color:#dc3232;
font-weight:600;
padding-left:5px
}

.slickspm{
width:100%;
float:left
}

.k-bvm{
width:100%;
float:left
}

.k-bvm .img-left img{
border-radius:100%;
height:80px
}

.slickbvm{
width:100%;
float:left
}

.k-bvm .nd-left{
padding-top:10px
}

.thongtin-details{
padding-right:0
}

.soluongdt{
display:none
}

.thongso{
width:100%;
float:left;
font-size:15px;
font-weight:400;
margin-bottom:10px
}

.thongso li{
width:100%;
float:left;
font-size:14px
}

.thongso li b{
padding-right:5px
}

.motadetail{
width:100%;
float:left;
padding:10px 15px;
border:1px solid #ddd;
border-radius:10px
}

.thongtin-details{
margin-top:15px
}

.tieude-detail{
width:100%;
float:left;
margin-top:10px
}

.tieude-detail p{
font-size:21px;
font-weight:600
}

.gia-detail{
width:100%;
float:left;
padding:5px 0;
border-bottom:1px solid #ddd;
margin-bottom:10px
}

.giadt{
float:left;
font-size:16px;
font-weight:350;
color:red;
text-decoration:line-through
}

.giadt1{
float:left;
padding-left:15px;
font-size:22px;
font-family:AvertaR;
text-transform:uppercase;
line-height:18px;
color:red
}

.modal-content{
width:100%;
float:left
}

.modal-header{
border:none;
padding:0
}

.modal-body .close{
position:absolute;
background:#666;
opacity:1;
width:34px;
height:34px;
line-height:34px;
top:-15px;
right:-15px;
outline:none;
border-radius:5px
}

.modal-body .close:hover{
background:#fff;
border:1px solid #000
}

.main_giohang{
padding:20px;
font-size:13px;
line-height:20px;
width:100%;
float:left;
padding-top:30px;
padding-bottom:30px
}

.info_giohangpop{
position:relative;
margin-bottom:10px;
margin-top:-15px;
width:100%;
float:left
}

.info_giohangpop .fa{
position:absolute;
left:0;
top:20px;
display:inline-block;
width:21px;
height:21px;
background:#d92d30;
color:#fff;
text-align:center;
border-radius:50%;
line-height:20px
}

.thumb_item_giohang{
width:130px;
float:left;
margin-right:20px
}

.thumb_item_giohang img{
max-width:100%
}

.thongtingiohangpop{
float:left
}

.thongtingiohangpop p{
font-size:14px;
color:#333;
margin-bottom:0
}

.list_button_giohang{
width:100%;
float:left;
padding-bottom:10px;
border-bottom:1px solid #ccc;
margin-top:20px
}

.list_button_giohang a{
background:#4b8c6c;
border-radius:3px;
color:#fff;
display:inline-block;
padding:5px 10px;
font-weight:700;
font-size:15px
}

.noidungdetails{
width:100%;
float:left;
text-align:justify;
margin-top: 20px;
}

.items-left:hover{
cursor:pointer
}

ul.tabs{
margin:0;
padding:0;
list-style:none;
list-style:none;
border:1px solid #d1d1d1;
width:100%;
float:left
}

ul.tabs li{
background:none;
color:#222;
width:auto;
float:left;
cursor:pointer;
position:relative;
border-right:1px solid #d1d1d1;
padding:10px
}

ul.tabs li.current{
background:#fff;
border-top:2px solid #d92d30
}

ul.tabs li.current a{
color:#d92d30;
text-shadow:0 0 0 #d92d30;
font-size:14px
}

ul.tabs li a{
padding:10px 15px;
text-decoration:none!important;
border:none!important;
background:none!important;
font-size:14px;
color:#d92d30;
text-shadow:0 0 0 #d92d30
}

ul.tabs li i{
position:absolute;
left:50%;
color:#d92d30;
top:-6px;
font-size:18px;
display:none
}

ul.tabs li.current i{
display:block
}

.tab-content{
display:none;
background:#fff;
border:1px solid #d1d1d1;
width:100%;
float:left;
padding:15px;
font-size:14px;
color:#000
}

.tab-content.current{
display:inherit
}

.tab-content img{
max-width:100%;
margin:30px auto;
height:auto
}

.videos .ndcn{
/*margin-top:-10px*/
}

.chonvideo{
width:100%;
float:left;
padding-left:15px
}

.chonvideo select{
padding-left:10px;
width:100%;
float:left;
background:unset;
height:40px;
line-height:40px;
border:1px solid #fff;
color:#FFF
}

#videochon option{
background:#247b51
}

.spkhac{
width:100%;
float:left
}

.k-spk{
width:100%;
float:left;
margin-bottom:30px
}

.owlspk{
width:100%;
float:left
}

#owl-cungloai{
width:100%;
float:left
}

#owl-cungloai .thgh{
width:60%;
left:20%
}

.goiychoban{
float:left;
margin-top:30px;
width:100%
}

.goiychoban1{
padding:10px 0;
width:100%;
float:left;
border:1px solid #d1d1d1
}

.motadmcap{
width:100%;
float:left
}

.nddmcap{
width:100%;
float:left;
text-align:justify
}

.khung-tt{
width:100%;
float:left
}

.items-tt{
width:100%;
float:left;
padding:10px;
border:1px solid #ddd;
margin-bottom:15px;
border-radius:5px
}

.img-tt{
width:25%;
float:left
}

.nd-tt{
width:75%;
float:left;
padding-left:15px
}

.ten-tt{
width:100%;
float:left
}

.ten-tt a{
font-size:16px;
font-weight:600;
text-transform:capitalize
}

.mota-tt{
width:100%;
float:left;
font-size:14px;
font-weight:400;
margin-top:5px;
overflow:hidden;
text-overflow:ellipsis;
line-height:25px;
-webkit-line-clamp:6;
display:-webkit-box;
-webkit-box-orient:vertical
}

.noidunggt{
width:100%;
float:left;
text-align:justify
}

.items-contact .items-showroom{
color:#000
}

.ndct{
width:100%;
float:left;
padding:20px 0
}

.formdk button:hover{
background:#ee1717
}

.ndspnb li a:hover{
color:#ee1717
}

.content-hd{
width:100%;
float:left
}

.tendency li{
display:inline-block;
padding:0 3px
}

.tendency li a{
font-family:'Roboto',sans-serif;
font-weight:400
}

.tendency li:after{
content:' | '
}

.tendency li:last-child:after{
content:''
}

.nutdathangdeal{
display:inline-block;
overflow:hidden;
clear:both;
padding:9px 0;
border-radius:4px;
font-size:18px;
line-height:normal;
text-transform:uppercase;
color:#fff!important;
text-align:center;
background:#fd6e1d;
background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));
background:-webkit-linear-gradient(top,#f59000,#fd6e1d);
background:-moz-linear-gradient(top,#f59000,#fd6e1d);
background:-ms-linear-gradient(top,#f59000,#fd6e1d);
background:-o-linear-gradient(top,#f59000,#fd6e1d);
margin:0 0 20px;
text-decoration:none;
border-bottom:0!important;
width:100%;
margin-top:10px
}

.submenu li:hover{
background:#ee1717
}

.bolocgia{
width:19%;
float:right;
height:35px;
line-height:35px
}

.bolocgia1{
width:19%;
float:right;
height:35px;
line-height:35px
}

.bolocgia2{
width:19%;
float:right;
height:35px;
line-height:35px
}

.motaspcap{
width:100%;
float:left;
text-align:justify;
overflow:hidden
}

.btxemthemm{
width:100%;
float:left;
text-align:center
}

.morelink{
width:100%;
float:left;
text-align:center;
margin-bottom:15px
}

.morecontent div{
display:none
}

.morelink{
display:block
}

.thongtin-details .duongdan1{
padding:0;
width:100%;
float:left
}

.more{
width:100%;
float:left;
text-align:justify
}

.menu li:hover{
background:#ff2c2c
}

div#myModalchitiet{
top:25vh
}

.imgsp img{
width:100%;
float:left;
/*height: 225px;*/
height: 265px;
object-fit: cover;
transition: all 0.5s;
}





@media only screen and (min-width: 1260px){
.owl-cs{
display:none
}

.menu_mobile{
display:none
}

.call-mobile{
display:none
}

.owl-cs{
display:none!important
}
}

@media only screen and (max-width: 1259px) and (min-width: 1px){
.chatzalo-fb{
display:none!important
}

.quick-alo-phone{
display:none
}

.margin{
width:95%
}

.grid-4cs{
display:none
}

.owl-cs{
width:100%;
float:left
}

.menu_mobile{
display:block
}

.thongtin-details .duongdan1{
display:none
}

.spkhac{
margin-top:15px
}

.grid-4cs{
display:none!important
}
}

@media only screen and (max-width: 1259px) and (min-width: 1000px){
.tendency{
padding-left:0
}

.hotline-tv{
display:none
}

.tender-hd{
width:50%;
float:left;
padding-left:10px
}

.hotline-gh{
padding-left:0;
width:19%
}

.cart-hd{
width:100%;
float:left;
padding-left:15px
}

.logo-hd{
width:31%;
padding-left:25px;
margin-bottom:10px
}

.menu-hd{
display:none
}

.leftdmsp{
display:none
}

.sp-home{
padding-left:0
}

.menu_mobile .icon_menu{
top:21px
}

.rightdmsp{
width:100%;
padding-left:0;
padding-right:0
}

.motasp{
padding:14px 0
}

.giacu{
font-size:15px
}

.giamoi{
font-size:17px
}

.grid-4{
grid-template-columns:repeat(4,1fr)
}

.khung-video{
padding-left:0
}

.chonvideo{
padding-left:0
}

.camnhan{
width:100%;
float:left
}

.videos{
width:100%;
float:left;
height:unset!important
}

.khung633{
width:100%
}

.khung-video iframe{
min-height:350px
}

.col-lg-3{
display:none
}

.col-lg-9{
width:100%;
float:left;
padding:0
}

.duongdan1{
width:100%
}

.tieude-detail{
text-align:center;
margin-top:0
}

.bolocgia{
width:100%;
float:left
}

.bolocgia1{
width:100%;
float:left
}

.bolocgia2{
width:100%;
float:left
}

div#myModalchitiet{
top:15vh
}

.thgh{
width:80%;
left:10%
}

.topft{
height:unset!important
}

.sanphamlienquan{
text-align:center
}

.tieudespbvm{
text-align:center;
text-transform:uppercase
}

.mota-tt{
text-align:justify;
-webkit-line-clamp:4
}

.thongtin-details{
margin-top:0
}

.tieudedk{
width:46%;
float:left
}

.tieudedk span{
font-size:21px
}

.formdk{
width:53%;
float:right
}

.formdk input{
width:48%;
float:left;
margin-bottom:12px
}

.formdk input:nth-child(3){
width:100%
}

.formdk button{
width:100%
}

.images_gallery{
width:100%;
float:left;
text-align:center
}

.images_list{
width:100%;
float:left;
text-align:center
}

.img-tt{
width:20%;
float:left
}

.nd-tt{
width:80%
}
}

@media only screen and (max-width: 999px) and (min-width: 769px){
.imgsp img{
    height: 185px;
 
}

.tendency{
padding-left:0
}

.hotline-tv{
display:none
}

.tender-hd{
width:50%;
float:left;
padding-left:10px
}

.hotline-gh{
padding-left:0;
width:19%
}

.cart-hd{
width:100%;
float:left;
padding-left:15px
}

.logo-hd{
width:31%;
padding-left:25px;
margin-bottom:10px
}

.menu-hd{
display:none
}

.leftdmsp{
display:none
}

.sp-home{
padding-left:0
}

.menu_mobile .icon_menu{
top:21px
}

.rightdmsp{
width:100%;
padding-left:0;
padding-right:0
}

.motasp{
padding:14px 0
}

.giacu{
font-size:15px
}

.giamoi{
font-size:17px
}

.grid-4{
grid-template-columns:repeat(3,1fr)
}



.camnhan{
width:100%;
float:left
}

.videos{
width:100%;
float:left;
height:unset!important
}

.khung633{
width:100%
}

.khung-video iframe{
min-height:350px
}

.col-lg-3{
display:none
}

.col-lg-9{
width:100%;
float:left;
padding:0
}

.duongdan1{
width:100%
}

.tieude-detail{
text-align:center;
margin-top:0
}

.bolocgia{
width:100%;
float:left
}

.bolocgia1{
width:100%;
float:left
}

.bolocgia2{
width:100%;
float:left
}

div#myModalchitiet{
top:15vh
}

.thgh{
width:80%;
left:10%
}

.topft{
height:unset!important
}

.sanphamlienquan{
text-align:center
}

.tieudespbvm{
text-align:center;
text-transform:uppercase
}

.mota-tt{
text-align:justify;
-webkit-line-clamp:4
}

.thongtin-details{
margin-top:0
}

.tieudedk{
width:46%;
float:left
}

.tieudedk span{
font-size:21px
}

.formdk{
width:53%;
float:right
}

.formdk input{
width:48%;
float:left;
margin-bottom:12px
}

.formdk input:nth-child(3){
width:100%
}

.formdk button{
width:100%
}

.images_gallery{
width:100%;
float:left;
text-align:center
}

.images_list{
width:100%;
float:left;
text-align:center
}

.img-tt{
width:20%;
float:left
}

.nd-tt{
width:80%
}
}

@media only screen and (max-width: 768px) and (min-width: 1px){
.slogan{
width:100%
}

.mxh-hd{
display:none
}

.logo-hd{
width:100%;
text-align:center;
padding-bottom:8px
}

.tender-hd{
display:none
}

.hotline-gh{
display:none
}

.menu-hd{
display:none
}

.leftdmsp{
display:none
}

.sp-home{
padding-left:0
}

.imgsp img{
width:100%;
height:260px;
}

.rightdmsp{
width:100%;
padding-left:0;
padding-right:0
}

.grid-3{
grid-template-columns:repeat(2,1fr)
}

.grid-4{
grid-template-columns:repeat(2,1fr)
}

.camnhan{
width:100%;
float:left
}

.videos{
width:100%;
float:left
}

.khung633{
width:100%;
float:left
}

.mota-cn{
padding:0;
overflow:hidden;
text-overflow:ellipsis;
line-height:25px;
-webkit-line-clamp:4;
display:-webkit-box;
-webkit-box-orient:vertical
}

.khung-video,.chonvideo{
padding-left:0
}

.tieudedk{
width:100%;
float:left
}

.tieudedk span{
font-size:21px
}

.formdk{
width:100%
}

.formdk input{
width:100%;
float:left;
margin-bottom:12px
}

.formdk button{
width:100%
}

.topft{
height:unset!important
}

.ft{
width:100%;
float:left
}

.ft1{
width:50%;
float:left
}

.ft2{
width:50%;
float:left;
margin-bottom:30px
}

.left-ft{
width:100%;
float:left;
padding-left:0;
text-align:center
}

.center-ft{
width:100%;
float:left;
padding-left:0;
text-align:center;
margin-bottom:15px
}

.right-ft{
width:100%;
float:left;
padding-left:0;
text-align:center
}

.mxh-ft{
text-align:center!important
}

.col-lg-3{
display:none
}

.col-lg-9{
width:100%;
float:left;
padding:0
}

.duongdan1{
width:100%
}

.tieude-detail{
text-align:center
}

.bolocgia{
width:100%;
float:left
}

.bolocgia1{
width:100%;
float:left
}

.bolocgia2{
width:100%;
float:left
}

div#myModalchitiet{
top:15vh
}

.img-tt{
width:100%;
float:left;
text-align:center
}

.nd-tt{
width:100%;
float:left;
padding-left:0
}

.ten-tt{
text-align:center;
margin-top:10px;
margin-bottom:5px
}

.sanphamlienquan{
text-align:center
}

.tieudespbvm{
text-align:center;
text-transform:uppercase
}

.khung-tt{
display:grid;
grid-template-columns:repeat(2,1fr);
grid-column-gap:20px;
grid-row-gap:15px
}

.mota-tt{
text-align:justify
}

.images_gallery{
width:100%;
float:left;
text-align:center
}

.images_list{
width:100%;
float:left;
text-align:center
}

.contentspm{
padding-right:0
}
}

#danhmucsanpham
{
	display: none;
}
.fanpageft iframe {
    width: 100% !important;
}

.khung_giamhieus {
        padding: 0 30px;
}
.pc_off
{
    display: none;
}
@media only screen and (max-width: 500px) and (min-width: 1px){

    .moblie_on
    {
        display: block!important;
                width: 100%;
        float: left;
    }
    .mobie_off
    {
        display: none!important;
    }
    .thgh
    {
        display: none;
    }

.ft1,.camnhan,.camnhan-videos
{
    display: none;
}
.khung_giamhieus
{   padding:0;
    align-items: center;
    /*flex-direction: column;*/
}

.namesp 
{
	padding-bottom: 0px;
}
.giasp
{
	flex-direction:column;
}
.cot_tren_gia
{

	flex-direction: column;
	justify-content: space-evenly;
	min-height: 25px;
	align-items: center;
}

#danhmucsanpham
{
	display: block;
}

.k-spk .imgsp img{
height:200px
}

#owl-cungloai .imgsp img{
height:200px
}

.imgsp img{
width:100%;
/*height:145px;*/
height:160px;
}

.grid-3{
grid-template-columns:repeat(2,1fr)
}

.grid-4{
grid-template-columns:repeat(2,1fr)
}

.giacu{
width:100%;
float:left;
text-align:center;
        font-size: 10px;color: red;
}

.giamoi{
width:100%;
float:left;
text-align:center
}

.giaban{
width:100%;
float:left;
text-align:center;font-size: 14px;color: red;
}

.thgh{
width:100%;
left:0;
margin-left:0
}

.khung-tt{
grid-template-columns:repeat(1,1fr)
}

.ft1{
width:100%;
float:left
}

.ft2{
width:100%;
float:left;
margin-bottom:30px
}
}

@media only screen and (max-width: 375px) and (min-width: 1px){
.k-spk .imgsp img{
height:237px
}

#owl-cungloai .imgsp img{
height:237px
}
}
select#chongia { height: 35px;line-height: 35px;padding-left: 5px;}
.noidungkm{width: 100%;float: left;padding-bottom: 20px;}
.tieude-km{width: 100%;float: left;text-align: center;}
.tieude-km h3{font-size: 24px;text-transform: uppercase;color: #fd0404;}
.items-km{width: 100%;float: left;text-align: center;padding-bottom: 15px;border: 1px solid #f00;background: #ffb300;border-radius: 2px;}
.mota-km{width: 100%;float: left;padding-top: 10px !important;padding: 0 50px;}
.name-km{width: 100%;float: left;font-weight: lighter;border-bottom: 1px solid #ececec;}
.name-km a{font-size: 20px;}
.giatri-km h3{margin: 0;font-size: 20px;}
.tg-km{width: 100%;float: left;border-bottom: 1px solid #ececec;margin: 3px 0;}
.tg-km h4{font-size: 15px;font-weight: 400;margin: 0;padding: 15px 0;}
.mtkm{width: 100%;float: left;text-align: center;font-size: 16px;font-weight: 500;}
.mtkm div{padding-bottom: 5px;border-bottom: 1px solid #ececec;}
.paging { position: relative; margin: 10px 0; float: left; width: 100%;}
@media only screen and (max-width: 999px) and (min-width: 1px){
	.mota-km{padding: 0 10px;}
	
}
@media only screen and (max-width: 500px) and (min-width: 1px){
	.noidungkm .grid-3{grid-template-columns: repeat(1,1fr);}

}

.giamr1 {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 13px;
    text-align: center;
}

@media only  screen and (min-width: 401px) and (max-width: 424px){
.imgsp img{height: 137px;}
}
@media only  screen and (min-width: 350px) and (max-width: 400px){
.imgsp img{height: 150px;} 
}
@media only  screen and (min-width: 320px) and (max-width: 349px){
.imgsp img{height: 116px;} 
}