/*------------------------------------------ END FLEX ------------------------------------------*/
@media screen and (max-width:1335px) {
}
@media screen and (max-width:1296px) {
}
@media screen and (min-width:1200px) {
	.pdl{padding-left: 0}
	.pdr{padding-right: 0}
	.pd0{padding-right: 0;padding-left: 0}
	.container-fluid{width:1315px;}
	.col3-index{width:20%;}
	.col9-index{width:80%;}
	.tieuchi-col0{
    position: absolute;
    top: 59%;
    left: -32px;
}
.tieuchi-col1{
    position: absolute;
    top: 12%;
    left: 9%;
}
.tieuchi-col2{
    position: absolute;
    top: -15%;
    left: 31%;
}
.tieuchi-col3{
    position: absolute;
    top: -12%;
    left:55%;
}
.tieuchi-col4{
    position: absolute;
    top: 13%;
    left: 76%;
}
.tieuchi-col5{
    position: absolute;
    top: 62%;
    left: 90%;
}
}
@media screen and (max-width:1200px) {
	.mobile{width: 100%}
	header{position: relative;top: 0}
	.logo-header img{

		
	}
	.pdm_0{padding:0;}
	header .wrap-top{background: #00417d;}
	.why-top{padding-bottom: 15%}
	.title-sr{margin-top: 20px}
	.item-news .col-left-news{margin-right: 30px;}
	.content-qt .desc-index{width:90%;}
	.item-why{margin-bottom: 15px}
	footer #content-footer{    padding-top: 10%;}
	.copyright{padding-bottom: 15%}
	.title-sr{margin-left: 0}
	.content img{
		height: auto !important;
		width: 100% !important;
	}
}
@media screen and (max-width:1024px) {
	
}
@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) {
	.item-sr .hover-sr{display: none;}
	
}
@media screen and (max-width:480px) {
	
	
}
@media screen and (max-width:350px){
	
}
@media screen and (max-width:320px){
	a.search {
		position: relative;
		right: 0px;
	}
	.menu-mobile ul li a {
		padding: 22px 7px;
	}
}