/*------------------------------------------ END FLEX ------------------------------------------*/
@media screen and (max-width:1335px) {
}
@media screen and (max-width:1200px) {
	.mobile{width:100%}
}
@media screen and (min-width:1200px) {
	.logo-header{
		position: absolute;
		top: 0;
		width: 25%;
		z-index: 789;
		left: 0;
		background: url(../img/bg_logo.png) no-repeat center left;
		height: 140px;
		background-size: 100%;
	}
	.col-3-hotline{width:25%;float: right;}
	.col3-face{
		width: 25%;
		margin-left: 6%;
	}
	.pd0{padding:0}
	.pdl{padding-left:0}
	.pdr{padding-right:0}
	.pd2-l{padding-left:2px}
	.pd2-r{padding-right:2px}
}

@media screen and (max-width:1024px) {
	header .wrap-top{background: none !important}
	header .wrap-top{height:auto}
	.title-contact{background:none}
	.section-baiviet.chan{background:none;height:auto}
	.section-baiviet.chan .global-title {
		#background: url(../img/title-index.png) no-repeat center bottom;
	}
	.section-baiviet.chan .global-title h2{
		color: #32a1fc;
	}
	.about-top{padding:0 0 25px 0}
	.img-pro img{width:100%}
	.name-pro a{color:#444}
	.desc-index{color:#000}
}
@media screen and (max-width:1023px){
	
}
@media screen and ( max-width:992px) {
	header .logo img {
        margin-top: 20px;
	}
	.title-product-dm{
		height:auto	
	}
	.title-product-dm h2{
	    height: auto;
		margin-bottom: 0;
		line-height: 38px;
		font-size: 20px;
	}
	
}
@media screen and (max-width:768px){
	
}
@media screen and (max-width:767px) {
	
}
@media screen and (max-width:480px) {
	
	
}
@media screen and (max-width:350px){
	
}
@media screen and (max-width:320px){
	
}