@media (min-width: 1200px){
	.container{width: 1220px;}
}	

@media (max-width: 1200px){
	.container{width: 100%;}
	.wrap_search{top: 6px; right: 45px;}
	.wrap_search .wrap .icon_search{width: 35px; height: 35px;background-size: 100% 100%; top: 0px;}
	.logo{max-width: 220px; margin-top: 0px;}
	#head_desk{padding: 7px 0px;}
	#top_head{display: none;}
	.logo{top: 0px;}
	.logo img{height: 45px;}
	#menu{margin-top: 0px;}
	.menu_desk{display: none;}
	#menu_mobi{
		display: block;
		overflow:  hidden;
	}
	.menu_mobile{
		display: block;
	}
	.timkiem input.tu_khoa{width: 190px;}
	.item_dmsp .name{font-size: 14px;}
	#map_home{height: 250px;}
	.flex_foot .l_foot{width: 100%;}
	.flex_foot .r_foot{width: 100%; padding: 25px 10px;}
	.mxh_f{position: relative; width: 100%; text-align: center; margin-bottom: 10px;}

	.frm_dl{width: 100%; padding: 20px;}
	.name_dknt{font-size: 20px;}
	.frm_contact2{max-width: 100%;}
	.col-video{top: 0px; max-width: 100%; position: relative;}
	.col-video iframe{height: 250px;}

	#why{background: #000 !important; height: auto;}
	.list_why{width: 100%; height: auto; margin-top: 30px;}
	.item_why{position: relative; top: 0px; left: 0px; bottom: 0px; right: 0px; margin: 20px auto;}
	#full{padding-bottom: 50px;}
    #support_mobile{
        display: table !important;
    }

	.item_img_2,.item_img_5{float: none;}
	.item_img{max-width: calc(50% - 10px); float: left; margin: 5px; width: 100%;}
	#hotline_desk{display: none;}
	.content_main .text img{max-width: 100%; height: auto !important;}
	#main_content img{max-width: 100%; height: auto !important;}
}

@media(max-width: 1100px){
	.frm_dktn{position: relative;}
}



@media(max-width: 1024px){
	.full_bg_mobile{background-size: auto 100% !important;}
	.qc_pro{display: none;}
	.khung_pro{width: 100%;}
	#doitac{padding: 25px 0px;}
	.wrap_dt{padding: 0px 44px;}
	.next_doitac, .prev_doitac{height: 30px; width: 30px; background-size: 100% 100%;}
	.flex_foot{
	  grid-template-columns: 1fr 1fr;
	  grid-column-gap: 20px;
	  grid-row-gap: 20px;
	}
}

@media (max-width: 992px){
	.col-dv:nth-child(4n+1){clear: none;}
	.col-dv:nth-child(3n+1){clear: left;}
	.col-img:nth-child(4n+1){clear: none;}
	.col-img:nth-child(3n+1){clear: left;}
	.col_news:nth-child(4n+1){clear: none;}
	.col_news:nth-child(3n+1){clear: left;}
	.col_product:nth-child(4n+1){clear: none;}
	.col_product:nth-child(3n+1){clear: left;}
	.col-foot-l, .col-foot-r{padding: 0px 10px;max-width: 100%;}
	.col-foot-l{margin-top: 40px;}
	.title_footer2{font-size: 24px;}
	.name_foot{font-size: 22px;}
	.flex_why{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
	.ht_fix img{height: 45px;}
	#chat_zl{top: 23%;}
	.mxh_f img{height: 40px;}
	.col-other .title h3{font-size: 25px;}
	.col-other .title h3:after{bottom: 11px;}
}

@media(max-width: 966px){
}

@media (max-width: 870px){

}

@media (max-width: 800px){

}

@media (max-width: 768px){
	.name_about{font-size: 24px;}
	.title_main{font-size: 24px;}
	.wrap_name .name{font-size: 20px;}
	.wrap_name .name h1{font-size: 20px;}
	.wrap_name .bong_name{font-size: 13px;}
	.name_home span{font-size: 18px;}
	.col-dv{padding: 0px 7px;}
	.col-dv:nth-child(3n+1){clear: none;}
	.col-dv:nth-child(2n+1){clear: left;}
	.col-img:nth-child(3n+1){clear: none;}
	.col-img:nth-child(2n+1){clear: left;}
	.item_dv .info .name h3{font-size: 14px;}
	.item_ttnb .img .icon{padding: 9px 5px 0px;}
	.item_ttnb .img .icon p.ngay{font-size: 15px;}
	.item_ttnb .img .icon p.thang{font-size: 11px;}
	.txt_why{font-size: 18px; line-height: 24px;}
	.col_news:nth-child(3n+1){clear: none;}
	.col_news:nth-child(2n+1){clear: left;}
	.col_news{padding: 0px 7px;}
	.col-sphome{width: 50%; margin: 0px; margin-bottom: 10px; padding: 0px 7px;}
	.col-sphome:nth-child(3n+1){clear: none;}
	.col-sphome:nth-child(2n+1){clear: left;}

	.col_product{width: 50%; margin: 0px; margin-bottom: 15px; padding: 0px 7px;}
	.col_product:nth-child(3n+1){clear: none;}
	.col_product:nth-child(2n+1){clear: left;}
	.box_product .info .name h3{font-size: 13px;}
	.box_product .price span.ban{font-size: 13px;}

	.item_ttnb .info .name a{font-size: 15px;}
	.item_ttnb .info .des{font-size: 13px;}
	.img_about{width: 100%;}
	.content_about{width: 100%; margin-bottom: 20px;}
	.foot_name{font-size: 40px;}
	.txt_why_2{font-size: 40px;}
	.col-copy{text-align: center;}
	.col-tk{text-align: center;}
	.img_fix img{width: 30px;}
	#link_fb{top: calc(25% + 90px);}
	.frm_contact2{margin-right: 0px;}
}

@media (max-width: 740px){
}

@media (max-width: 640px){
	.flex_foot{
	  grid-template-columns: 1fr;
	  grid-column-gap: 20px;
	  grid-row-gap: 20px;
	}

	#other .content.news .list-news-small{grid-template-columns: 1fr;grid-row-gap: 15px;}
	#other .big-news .news-thumbnail{width: 150px; margin-right: 15px; margin-bottom: 5px;}
	#other .big-news .news-desc{width: auto; float: none;}
	#other .content.news h4{font-size: 14px;}
	#other .content.news .desc{font-size: 13px;}
	.list_pro_nb a{font-size: 15px;}
	.list_pro_nb span{font-size: 15px;}
}

@media (max-width: 603px){
}

@media (max-width: 568px){
	
}
@media (max-width: 530px){
	
}
@media (max-width: 480px){
	.img_about{display: none;}
	.content_about{width: 100%;}
	
	.item_article .info{padding: 10px 0px;}
	.item_dmsp .view{display: none;}
	.frm_contact2 .flex_r input{width: 100%; margin: 0px; margin-bottom: 7px;}
}

@media (max-width: 460px){
	
}

@media(max-width: 380px){
	.item_yk .img{width: 100%; position: relative; float: left; top: 0px; transform: none;}
	.item_yk .info{width: 100%; padding: 20px; min-height: 120px;}
}

@media (max-width: 360px){
	
}

@media (max-width: 320px){
	.item_why{width: 100%; max-width: 324px;}
	.item_why .img{width: 80px;}
	.item_why .info{margin-top: 0px;}
	.item_why .name{font-size: 14px;}
}

@media (max-width: 240px){
	
}