@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{padding-bottom:50px;}
.footer .company{text-align:left;}
.footer .company,.footer .info,.footer .social,.footer .address{width: 95%; margin: 0 auto 20px; float: none;}
.footer .linkfoot{width: 40%;margin: 15px;}
.footer .info .icon{position:absolute; top:0px; right:10px;}
.footer .social .dmca{position:absolute; bottom:50px; right:0px;}
.footer .menubot{display:none;}
.footer .menubot li{display:block; padding-left:0;}
.footer .menubot.mnb{display:block;}
.footer .introduce{display:none;}
.album-slide .grid{width: 33.333%}
.listvideo li{width: 50%}
}
@media screen and (max-width: 768px) {
.column.size-1of4 {width: 33.3333%}

}

@media screen and (max-width: 640px) {
.nav_up{bottom: 10px}
.service li{width: 100%}
.listproject li{width: 33.333%}
.titlehome{margin-top: 10px;}
.fb-customerchat{display: none !important}
nav .nav-r ul.category-mb li span.new{display:none;}


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

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

.listdesign li{width: 50%; margin-bottom: 0;}
.listdesign li .pad{padding: 0}
.listdesign li .images{height: 140px}
.listdesign li h3{font-size: 14px; margin-bottom: 5px; line-height: 20px}
.listdesign li p a{font-size: 13px}
.listdesign li .info{padding: 4px}
.listdesign.home li .images{height: 245px}
}
@media screen and (max-width: 480px) {
.listnews li{width: 50%}
.listnews li .images{height:100px }
.listnews li .pad{padding:5px;}
.listnews li p{display:none;}
.listnews li h3{margin-bottom:0; font-size:13px; line-height:18px; height:60px;}

h1.in{font-size: 24px; margin-top: 0;}
.footer .linkfoot{width:98%;}
.album-slide .grid{width: 100%}
.service li .grid{height: auto}
.service li a.send{position: relative; display: block; bottom: 0; margin: 10px auto 5px;}

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

.listdesign li .images{height:125px;}

.footer{padding-top:20px;}
.footer .company{margin-bottom:0;}
.footer .company img{height:30px;}
.footer .social a{line-height:20px;}
.footer .social a img{float:left;}
}
@media screen and (max-width: 414px) {

}

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

}

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

}