@media all and (min-width: 990px) and (max-width: 1100px) {

	#wrapper,#header,#body,#footer{ width:1100px}

	#slideads{ display:none !important}

}

@media all and (max-width: 989px) {

	#wrapper,#header,#menu,#menu-wrap,.ddsmoothmenu,.ddsmoothmenu ul,#body,#slideshow,#footer-wrap,.box_tblr,.boxbody_tbl,.container{ width:100%}

	#hotline {width: 39%; padding-right:1%;}

	#menu{ height:auto;}

	#footer{padding:10px; width:auto;}

	#footer-designed{padding:5px 10px;}

	#slideads{ display:none !important}

	#right-panel{width:100%; float:right; display:none}

	#body-panel{width:100%; float:left; margin:0; padding:0; border:0}

	#footer-info{width:50%}

	#footer-statics{width:23%;}

	#footer-policy{width:25%; margin:0 1%;}

	#footer-designed {position: relative; width:auto; height:auto; line-height:normal; white-space: normal;}

	a.map {margin-top: 0; padding: 10px;}

	.fixed{ position:relative !important}

	#menu #nav-toggle{display:block; height:40px;}

	.ddsmoothmenu{display:none; height:auto;}

	.ddsmoothmenu ul li{

		display:list-item;

		float:none;

		height:auto;

		margin:0;

	}

	.ddsmoothmenu ul li:hover{ background:none;}

	.ddsmoothmenu ul li a{

		height:auto;

		line-height:normal;

		padding:5px 8px;

		margin:0;

		text-align:left;

		color:#fff;

		border-top:1px solid #0089e1;

	}

	.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.active, .ddsmoothmenu ul li a.selected{

		height:auto;

		line-height: normal;

		margin-top:0;

		color:#fff;

	}

	.ddsmoothmenu ul li a:hover{background: #0089e1;}

	.ddsmoothmenu ul li ul{

		background:none;

		display:block !important;

		width:100% !important;

		height:auto !important;

		position:relative;

		top:0; border:0;

	}

	.ddsmoothmenu ul li ul li{

		float:none;

		display:list-item;

		width:100% !important;

	}	

	.ddsmoothmenu ul li ul li a{padding:6px 8px 6px 22px; font-size:13px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; width:auto !important; float:none}

	.ddsmoothmenu ul li ul li a:hover{background: #0089e1;}

	.ddsmoothmenu ul li ul li a:before{left:10px;}

	.ddsmoothmenu ul li ul li ul li a:before{left:20px;}

	.ddsmoothmenu ul li ul li ul li a{padding:6px 8px 6px 35px;font-weight:normal;}

	#frmsearch{ top:5px; right:10px;}

	#about-us{ padding-right:0;}

	.about-us { padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

	.about-us img {margin: 20px 0 15px 20px;}

	.box-sanpham{

		width: 23%;

    	margin: 0 1% 20px 1%;

	}

	.product-detail-img{width:45% !important}

	.product-detail-img .targetarea {width: 96%; margin: 0 4% 10px 0;}

	.product-detail-img .targetarea img{ width:100% !important}

	.product-detail-info{width:55%; margin-left:0}

	.box-service,.news-vertical{

		width: 30.3%;

    	margin: 10px 1.5% 10px 1.5% !important;

	}

	.boxbody_top {margin: 15px 10px 0 10px; height:auto; line-height:normal;}

	.boxbody_top span {height:auto; line-height: normal; padding-bottom:5px;}

	.boxbody_body{

		padding: 0 10px;

	}	

	.news-detail img{ height:auto !important;}

}

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

	#logo{ width:56%; padding:10px 2%;}

	#hotline{ width:36%; padding:10px 2%; margin:0;}

	#footer-info{width:100%; clear:both;}

	#footer-statics{width:45%; margin:0 0 20px;}

	#footer-policy{width:55%; margin:0 0 20px;}

	.news{ width:100%;}

}

@media all and (max-width: 640px) {	

	#logo,#hotline{ width:96%;}

	#hotline span {display: inline-block; padding:0 3px;}

	#footer-info{width:100%; clear:both;}

	#footer-map{width:40%; margin:20px 0;}

	#footer-social{width:60%; margin:20px 0;}	

	.about-us img {width:250px;}

	.box-service,.news-vertical{

		width: 46%;

	}

	.box-sanpham{

		width: 46%;

    	margin: 0 2% 20px 2%;

	}

	#fdb-info,#fdb-frm{ width:100%}

}

@media all and (max-width: 480px) {

	#footer-statics{width:100%;}

	#footer-policy{width:100%;}

	#footer-info{ padding-left:0;}

	#footer-info img{ clear:both; display:block; float:none; position:relative;}

	.about-us img {width:100%; margin:15px 0;}

	.box-service,.news-vertical{

		width: 96%;

	}

	.box-service-img,.news-vertical-img {overflow: visible;}

	.sp-img-wrapper:before,.box-service-img:before,.news-vertical-img:before{ display:none;}

	.adv a { width: 98%;}

	.box-sanpham{

		width: 96%;

    	margin: 0 2% 20px 2%;

	}

	.sp-img,.box-service-img img,.news-vertical-img img{height: auto; position:relative;}

	.product-detail-img{width:100% !important}

	.product-detail-img .targetarea {width: 100%; margin: 0 0 10px 0;}

	.product-detail-info{width:100%;}

	.box-service-title{ height:auto; padding:5px 10px;}

	.news img {width: 120px;}

	#box-news-home .news-vertical { width: 96%; margin: 0 2% 0 2% !important;}	

}

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

	#hotline{ width:100%;font-size: 22px;}

	#footer-map{width:100%;}

	#footer-social{width:100%; margin:0;}

}