@charset "utf-8";
@media screen and (max-width: 1280px) { 

}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 960px) {

}
@media screen and (max-width: 840px) {
.service li{width: 50%}
.listnews li{width: 50%}
.listproject{width: 90%}
.listproject li{width: 25%}
.footer .left{width: 100%; margin-bottom: 15px;}
.footer .right{width: 100%}
.album-slide .grid{width: 33.333%}
.listvideo li{width: 50%}
}
@media screen and (max-width: 768px) {
.column.size-1of4 {width: 33.3333%}
.listsphome li{width: 33.333%}
.listnewshome li{width: 50% !important}
.listnewshome li .images{height: 220px !important}
.listnewshome li p{height: 48px !important}
.listnewshome li h3{height: 44px !important}
}

@media screen and (max-width: 640px) {
.nav_up{bottom: 10px}
.listsp li{margin-bottom: 25px;}
.listsp li .images{width: 90%}
.listsp li h3{font-size: 16px; height: 55px; width: 97%; line-height: 26px}

.service li{width: 100%}
.listproject li{width: 33.333%}
.fb-customerchat{display: none !important}

.shadowdmx:before{height: 45px; margin-top: -34px;}

.footer .company,.footer .info,.footer .social{width: 95%; margin: 0 auto 20px; float: none; overflow: hidden;}
.footer .info li{width: 47%;}
.footer .maps{width: 100%}

.copyright{text-align: center; padding: 15px}
.copyright .noidung,.copyright .bct{float: none; width:auto;}

#divgallery .left,#divgallery .right{width: 100%}
#divgallery .left h3{font-size: 20px; line-height: 30px; margin-bottom: 5px;}
#divgallery .left p{}
#divgallery .right{display: none;}

.gallery-slide{border-bottom: 1px dashed #264c5d; padding-bottom: 25px; margin-bottom: 25px;}
.gallery-slide .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav .fotorama__nav__shaft .fotorama__nav__frame .fotorama__thumb{margin-left: 0;}
.chatfix,.hotlinefix{display: block;} .hotline-phone-ring,.hotline-bar{display: none;}
.chatfix{left:77px; bottom:10px;}
.zalochat{left: 137px;bottom:10px;}

.album-slide .grid{width: 50%}
.listvideo li{width: 100%}
.listvideo li img{height: auto}

.album,.product{width: 100%}
.product{margin-top: 20px; text-align: center;}
.product #divPrice p,.product #divPrice del{float: none; display: inline-block;}
.titlq{text-align: center;}
.lienquan{text-align: left;}
.owl-carousel .item-video{height: 200px}
.chinhsach li{width: 100%; border-bottom: 1px solid rgb(224, 224, 224); padding: 5px 20px; text-align: left; position: relative;}
.chinhsach li.rowdown:after{right: 10px; top:45px; content: " "; background: url(../images/arrow-down.svg) no-repeat;background-size: 13px; width: 13px; height: 13px; position: absolute;}
.chinhsach li.rowup:after{right: 10px; top:45px; content: " "; background: url(../images/arrow-up.svg) no-repeat;background-size: 13px; width: 13px; height: 13px; position: absolute;}
.chinhsach li a{display: none;} .chinhsach li .noidung a{display: block;}
.chinhsach li .noidung{width: auto; position: relative;}
.chinhsach li .noidung .grid{box-shadow: none; border:0; padding: 0; padding-bottom: 20px;}
.chinhsach li .noidung .grid span,.chinhsach li .noidung .grid:before,.chinhsach li .noidung .grid:after{display: none;}
.dimension,.dimension .col{width: 97%; margin: auto; float: none;}
.dimension .tabpro table{width: 100% !important}
.dimension{margin-bottom: 20px;}

.listmate li{width: 30.333%; margin:0 1.5%; margin-bottom: 15px;}
.hidect{display: none;} .fixct{bottom: 50px} .buyfixed{display: block;}
.popup .mau-content{width: 85%}

.listnewshome ul li{width: 99%; height: auto}
.listnewshome ul li img{width: 95px; height: 70px}
.listnewshome ul li h3{font-size: 16px; line-height: 30px}
.listnewshome ul li .mota{display: none;}
.nav_up{bottom: 10px}
}
@media screen and (max-width: 480px) {
.listnews li{width: 50%}
.listnews li .images{height:130px }
.listnews li .pad{padding:5px;}
.listnews li p{display:none;}
.listnews li h3{margin-bottom:0; font-size:13px; line-height:18px; height:60px;}

.listsphome li{width: 50%}
.listnewshome li{width: 100% !important}
.listnewshome li .images,.listnewshome li h3{height: auto !important}

h1.in{font-size: 24px; margin-top: 0;}

.album-slide .grid{width: 100%}
.product #divPrice{margin-bottom: 0;}
.listcolor{margin: 5px 0 15px}
.product .mota{text-align: left;}
.product .mota ul{margin-left: 10px;}
.chuky{padding: 15px 10px 0; line-height: 26px}
a.viewall-color{margin-top: 0;}

.footer{padding-top:15px;}
.footer .info ul{margin-left: 10px;}
.footer .info li{width: 97%}
.footer .social{margin-bottom: 0; text-align: center;}

.service{margin-bottom: 30px;}
.service li,.homecat li.active .catinfo,.homecat li.active .img{float: none; margin: auto}
.service li .grid{height: auto}
.service li a.send{position: relative; display: block; bottom: 0; margin: 10px auto 5px;}
.service li.info p,.homecat li .catinfo p{width: auto; margin-bottom: 0; min-height: auto}
.service li.info h3,.homecat li .catinfo .name{font-size: 34px; margin: 20px 0}
.service li.info a{margin-top: 5px;}

.service li.info,.service li.info.text-left,.homecat li .catinfo{width: 98%; margin-left: 0; margin: auto; float: none; margin-bottom: 25px;}
.service li.info p,.service li.info.text-left p,.homecat li .catinfo p{font-size: 16px; line-height: 30px; min-height: auto; margin: 10px 0}

.advlast{height: 280px}
.advlast div{top: 15%; width: 90%}
.advlast p{font-size: 26px; margin-bottom: 20px;}
.advlast span{font-size: 18px; line-height: 24px; margin-bottom: 20px;}

.column.size-1of4 {width: 50%}
.thugondes,.listproject{width: 96%}
.listproject{margin-bottom: 0;}
.listproject li{width: 33.3333%}
.listproject li a{font-size: 13px; margin-bottom: 0px;}

.lienquan,.listcolor{padding: 0 5px}
.listthucte li{max-height: 165px}

}
@media screen and (max-width: 414px) {

}

@media only screen and (max-width : 320px){

}

@media only screen and (max-width : 768px){

}