@media (min-width: 1350px){ }
@media (max-width: 1199px){
.header{ width:100%; position:relative; z-index:999; }
.line_head{height:35px; padding:0 1%; line-height:35px; background:#3A3A3A; font-family: 'Roboto-Regular'; font-size:13px;  color:#cccccc;}
#search{ position:absolute; top:40%; right:5.5%;}
#search input{width:245px; height:26px; padding-left:5px; line-height:26px; border:1px #ccc solid;}
#search img{position:absolute; top:5px; right:3px;}
.cart{position:absolute; top:70%; right:5.5%; height:30px; }
.cart span{display:inline-block; float:left; height:30px; line-height:30px;}
.cart img{float:left;}
.wap_menu{height:46px; background:url(images/menu.png) no-repeat; background-size:100% 100%;}
.menu{ position:relative; margin:auto; width:100%; max-width:1200px; height:46px;}
.menu ul{ height:46px;}
.menu ul li{display:inline-block; height:46px; line-height:46px;}
.menu ul li a{ white-space:nowrap; color:#fff; font-size:14px; padding:0 10px; float:left;  font-family: 'Roboto-Regular'; display:inline-block;}
.menu ul li:hover a{color:#fff; }

/*------end menu--------*/

.slider_c{width:67%; float:left;}
.download{width:32.5%; float:right;}
.download_item{position:relative;  background:#000; font-family: 'Roboto-Regular'; margin-bottom:2%; }
.download_item img{width:100%; opacity:0.8; transition:all 0.5s;}
.download_item:hover img{width:100%; opacity:1; transition:all 0.5s;}
.download_item a h3{color:#fff; font-weight:normal; font-size:24px; width:100%; text-align:center; position:absolute; z-index:99;}
/*-----------end slider-------------*/
.main{width:100%; max-width:1200px; margin:auto; margin-top:20px;}

.dm_item{ position:relative; width:95%; margin:0 2.5%; overflow:hidden;}
.dm_item h3{position:absolute; font-family: 'Roboto-Regular'; font-size:20px; color:#fff; width:70%; left:15%; border-bottom:1px #fff solid; border-top:1px #fff solid; text-align:center; padding:5px 0; transform: scale(1); opacity:1; transition: all 0.5s ease-out 0s;}

.news img{width:110px; height:70px; border:1px #ccc solid; float:left; margin-right:10px;}

.tieude-phai{width:100%; height:38px; line-height:38px; background:url(images/title.png) repeat-x bottom; margin-bottom:20px; border-top-left-radius:5px; border-bottom-left-radius:5px; margin-top:10px;}

.item{ width:24%; float:left; margin-bottom:20px; margin:0 0.5%}
.price span{display:inline-block; width:50%; float:left;}

.dv_c{width:100%; max-width:1200px; margin:auto;}
.dv_mt{width:20%; float:left; text-align:justify;}
.dv_item{width:72%; float:right;}
.dichvu_item{width:91%; padding: 2%; margin:0 2.5%; background:#00923F;}

.bottom_c{width:100%; max-width:1200px; margin:auto;}
.bottom_c{width:100%; max-width:1200px; margin:auto;}
.bottom-news{width:31%; margin:0 1%; float:left; }
.vid{}
.sup_content{}
#doitac{width:100%; padding:0 1%; max-width:1200px; margin:auto;}

.footer_content{width:100%; max-width:1200px; margin:auto;}
.noidung_footer{ width:38%; float:left; margin-right:8%;}
.newsletter{ width:30%; float:left;}
.map{ width:15%; float:right;}
/*------------------------------------*/
.zoom_slick{ width:49%; float:left;}
.product_info{ width:49%; float:right;}
.product_info li{padding:3px; border-bottom:1px #ccc dashed; font-size:15px;}
#hinhthem{width:49%; float:left;}
.house-info{width:49%; float:right;}
#frm_order input{ width:61%;}
	}
@media (max-width: 1170px){ }
@media (max-width: 1132px){.visiter{ width:18%; float:right;} }
@media (max-width: 1098px){.visiter{ width:20%; float:right;} }
@media (max-width: 1041px){ }
@media (max-width: 1024px){
	#responsive-menu{ display:block !important;}
	.menu{ display:none !important;}
	.header{ width:100%; position:relative; z-index:999; }
	.left_site{display:none;}
	.right_site{width:100%; float:none;}
	#search{ position:absolute; top:40%; right:1%;}
	#search input{width:100%; height:26px; padding-left:5px; line-height:26px; border:1px #ccc solid;}
	#search img{position:absolute; top:5px; right:3px;}
	.cart{position:absolute; top:70%; right:1%; height:30px; }
	.cart span{display:inline-block; float:left; height:30px; line-height:30px;}
	.cart img{float:left;}
	.wap_menu{height:46px; background:url(images/menu.png) no-repeat; background-size:100% 100%;}
	.menu{ position:relative; margin:auto; width:100%; max-width:1200px; height:46px;}
	.menu ul{ height:46px;}
	.menu ul li{display:inline-block; height:46px; line-height:46px;}
	.menu ul li a{ white-space:nowrap; color:#fff; font-size:14px; padding:0 10px; float:left;  font-family: 'Roboto-Regular'; display:inline-block;}
	.menu ul li:hover a{color:#fff; }

	/*------end menu--------*/
	.dv_c{padding:0px 1%;}
	.slider_c{width:67%; float:left;}
	.download{width:32.5%; float:right;}
	.download_item{position:relative;  background:#000; font-family: 'Roboto-Regular'; margin-bottom:2%; }
	.download_item img{width:100%; opacity:0.8; transition:all 0.5s;}
	.download_item:hover img{width:100%; opacity:1; transition:all 0.5s;}
	.download_item a h3{color:#fff; font-weight:normal; font-size:24px; width:100%; text-align:center; position:absolute; z-index:99;}
	/*-----------end slider-------------*/
	.main{width:100%; max-width:1200px; margin:auto; margin-top:20px;}

	.dm_item{ position:relative; width:95%; margin:0 2.5%; overflow:hidden;}
	.dm_item h3{position:absolute; font-family: 'Roboto-Regular'; font-size:20px; color:#fff; width:70%; left:15%; border-bottom:1px #fff solid; border-top:1px #fff solid; text-align:center; padding:5px 0; transform: scale(1); opacity:1; transition: all 0.5s ease-out 0s;}

	.news img{width:110px; height:70px; border:1px #ccc solid; float:left; margin-right:10px;}

	.tieude-phai{width:100%; height:38px; line-height:38px; background:url(images/title.png) repeat-x bottom; margin-bottom:20px; border-top-left-radius:5px; border-bottom-left-radius:5px; margin-top:10px;}

	.item{ width:24%; float:left; margin-bottom:20px; margin:0 0.5%}
	.price span{display:inline-block; width:50%; float:left;}

	.dv_c{width:100%; max-width:1200px; margin:auto;}
	.dv_mt{width:20%; float:left; text-align:justify;}
	.dv_item{width:72%; float:right;}
	.dichvu_item{width:91%; padding: 2%; margin:0 2.5%; background:#00923F;}

	.bottom_c{width:100%; max-width:1200px; margin:auto; padding:0px 1%;}
	.bottom_c{width:100%; max-width:1200px; margin:auto;}
	.bottom-news{width:31%; margin:0 1%; float:left; }
	.vid{}
	.sup_content{}

	#doitac{width:100%; max-width:1200px; margin:auto;}

	.footer_content{width:100%; max-width:1200px; margin:auto;}
	.noidung_footer{ width:38%; float:left; margin-right:8%;}
	.newsletter{ width:30%; float:left;}
	.map{ width:15%; float:right;}
	/*------------------------------------*/
	.zoom_slick{ width:49%; float:left;}
	.product_info{ width:49%; float:right;}
	.product_info li{padding:3px; border-bottom:1px #ccc dashed; font-size:15px;}
	#hinhthem{width:49%; float:left;}
	.house-info{width:49%; float:right;}
	#frm_order input{ width:61%;}
	.showall{padding:2%;}
}
@media (max-width: 991px){
	#responsive-menu{ display:block !important;}
	.menu{ display:none !important;}
	.dv_mt{width:28%; float:left; text-align:justify;}
	.banner{width:100%; display:none;}
	.banner_m{width:100%; display:block;}
	#search{ position:absolute; bottom:20%; top:auto; right:1%;}
	.cart{position:absolute; bottom:2%; top:auto; right:1%; height:30px; }
	}

@media (max-width: 920px){
.slider_c{width:100%; float:none;}
.download{width:100%; float:none; margin-top:15px;}
.download_item { position: relative; background: #000; font-family: 'Roboto-Regular'; margin-bottom: 2%; width: 32%; float: left;  margin: 1% 0.5%;}
.item{ width:32%; float:left; margin-bottom:20px; margin: 0.5%}
.bottom_c{width:100%; max-width:1200px; margin:auto;}
.bottom-news{width:98%; margin:0 1%; float:none; }
.vid{width:48%; margin:0 1%; float:left; }
.sup_content{width:48%; margin:0 1%; float:left; }
.map{ width:17%; float:right;}
}
@media (max-width: 800px){
	
	}
@media (max-width: 767px){ 
	.noidung_footer{ width:50%; float:left; margin-right:0%;}
	.newsletter{ width:50%; float:right;}
	.map{ width:100%; float:none; text-align:center; clear:both;}
	.tieude_ft{color:#00ff5e; font-family:arial; font-size:14px; margin-bottom:10px;}
	.map li{color:#fff; padding:3px 0; padding-left:25px; margin:3px 0; display:inline-block;}
	#search{ position:relative; bottom:20%; top:auto; right:1%; text-align:right;}
	.cart{position:relative; bottom:2%; top:auto; right:1%; height:30px; text-align:right; float:right; padding:10px 0;}
 }
@media (max-width: 740px){ 	
}
@media (max-width: 680px){
	.dv_item{width:100%; float:none;}
	.dv_mt{width:100%; float:none; margin-bottom:10px; text-align:justify;}
}
@media (max-width: 610px){
	.vid{width:98%; margin:0 1%; float:none; }
	.sup_content{width:98%; margin:0 1%; float:none; margin-top:10px; }
	.noidung_footer{ width:100%; float:none; margin-right:0%;}
	.newsletter{ width:100%; float:none; text-align:center;}
	.item{ width:49%; float:left; margin-bottom:20px; margin:0 0.5%}
	.tieude-phai-dm{display:inline-block; height:38px; line-height:38px; color:#4d4d4d; font-size:13px; font-family: 'Roboto-Regular'; }
	.download_item{position:relative; width:100%;  background:#000; font-family: 'Roboto-Regular'; margin-bottom:2%; }
	.zoom_slick{ width:100%; float:none;}
	.house-info{ width:100%; float:none;}
	.product_info{ width:100%; float:none;}
	#hinhthem { width: 100%; float: none;}
 }
@media (max-width: 586px){
}
@media (max-width: 500px){
.tieude-phai-c {
    background: #33a865;
    padding-left: 5px;
    font-size: 15px;
    line-height: 20px;
    padding: 5px;
}


	 .tieude-phai-dm{display:inline-block; height:30px; line-height:30px; color:#4d4d4d; font-size:12px; font-family: 'Roboto-Regular'; padding-left:2%; }
 .tieude-phai{width:100%;height: auto;/* line-height:38px; */background:url(images/title.png) repeat-x bottom;/* margin-bottom:35px; */border-top-left-radius:5px;border-bottom-left-radius:5px;margin-top:10px;margin: 0;border-radius: 0 !important;}
}
@media (max-width: 488px){.item{ width:99%; float:left; margin-bottom:20px; margin:0 0.5%} }
@media (max-width: 390px){ .line_head{height:35px; line-height:35px; background:#3A3A3A; font-family: 'Roboto-Regular'; font-size:12px;  color:#cccccc;} 
.line_head span a {
    color: #666;
}
}
@media (max-width: 320px){ }	
/* Extra small devices (phones, less than 768px) */
/*-----------col-xs-----------*/