@media (min-width:1200px) { }
@media (max-width:1200px) {
	.menu { display: none }
	.right-head{ display: flex }

	.hidden_mobi, #arcontactus, #messages-facebook, .quick_contact { display: none; }
	.hidden_destop { display: block; }
	.menu_baophu { background: #000; opacity: 0.8; z-index: 998; left: 0px; top: 0px; position: fixed; width: 100%; height: 100%; display: none; }
	.icon_menu_mobi { background: var(--maincolor); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 25px; text-decoration: none; width: 50px; display: block; cursor: pointer; float: left; margin: 0;		/* margin-top: 15px; */ }

	a.home_mobi { color: #000; text-decoration: none; float: right; font-size: 20px; }
	.logo-mobi { width: calc(100% - 100px); float: left; display: block; text-align: center; padding: 0px 0; }
	.logo-mobi img { width: 70px; }
	a.phone_mobi { color: #fff; text-decoration: none; float: left; font-size: 18px; }
	a.phone_mobi i { margin-right: 12px; -webkit-animation: my 700ms infinite; -moz-animation: my 700ms infinite; -o-animation: my 700ms infinite; animation: my 700ms infinite; }
	.col_4>div { width: 33.33%; }
	.logo-header img{ max-height: 70px }
	.header-bottom{ padding: 5px 0 }


}

@media (max-width:991px) {
	.toolbar { display: block; }
	.hotline-phone-ring-wrap { display: none; }
	.header-top{ display:none }

	/*  -- menu mobile ---*/
	.logo-mb { padding: 0 20px; display: block; text-align: center; }
	.logo-mb img { max-width: 100px }
	.thongtin-mb { }
	.thongtin-mb ul { padding: 0 20px !important; }
	.thongtin-mb ul li { list-style: none; color: #55585a; margin-bottom: 12px; }
	.thongtin-mb ul li i { font-size: 19px; margin-right: 10px; color: #6c6c6c; }
	@-webkit-keyframes my {
		0% { opacity: 1 }
		50% { opacity: 0 }
		100% { opacity: 1 }
	}
	@-moz-keyframes my {
		0% { opacity: 1 }
		50% { opacity: 0 }
		100% { opacity: 1 }
	}
	@-o-keyframes my {
		0% { opacity: 1 }
		50% { opacity: 0 }
		100% { opacity: 1 }
	}
	@keyframes my {
		0% { opacity: 1 }
		50% { opacity: 0 }
		100% { opacity: 1 }
	}
	.footer-news{ width: 48% !important;margin-bottom:20px }
	
	.css_flex { margin: 0 0px }
	.css_flex_product, .css_flex_album, .css_flex_baiviet, .css_flex_video { margin: 0 -5px }
	.css_baiviet_ngang .news { width: calc(50% - 20px); }
	.news { width: 100% }	
	.name-product { font-size: 15px }
	.left-intro { width: 100% }
	.right-intro { width: 100%; margin-top: 15px }	
	.newshome-best { width: 100%; }
	.newshome-scroll { width: 100% }
	
	.list_monnb a { font-size: 14px; padding: 17px 10px; margin: 2px 3px }
	.btn-zalo, .btn-phone { display: none }
	.scrollToTop, .js-facebook-messenger-box { right: 5px }
	.title-main span,.title-number > p { font-size: 24px }
	.title-main p,.title-number > span{ font-size: 14px; }
	span.fontdur{ font-size:30px; }

	.box-sanpham-tc { padding: 30px 10px }
	.css_flex_ajax .pro-in { margin: 0 -5px }
	.title-intro { margin-bottom: 15px }
	.footer-article .wrap-content { padding: 20px 10px }
	.newsletter-input { width: 80%; display: inline-block; vertical-align: top }
	.newsletter-button { width: 18%; display: inline-block; vertical-align: top; margin-top: 0 }
	.newsletter-button input[type=submit] { padding: 0; width: 100%; line-height: 41px }
	.cart-fixed { bottom: 350px }
	.owl-theme .owl-dots .owl-dot span { height: 6px; width: 20px }
	

	.title-about h3{ font-size: 25px; }
	.title-about p{ font-size:16px; }
	.title-service-left{ width:100%;margin-bottom: 5px}
	.title-service-left span{ font-size:25px }
	.desc-title-service{ width:100% }
	.title-project span{ font-size:25px; }
	.title-project p{ font-size:14px }

	.box_projecthome_child { white-space: nowrap; overflow: overlay; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: unset; padding: 5px}
	.item-project{ min-width: 40% }


}
@media (max-width: 850px) {
	.abouthome_left{ width: 100% }
	.abouthome_right{ width: 100% }
	.info-field-list-bottom h3 a{ font-size:15px }
	.title-desc-newsletter{ font-size:20px; }
	.newsletter-left{ width: 100%;margin-bottom: 20px}
	.newsletter-right{ width: 100%; padding: 20px;}
	.form-newsletter{ gap: 10px; }
	.form-newsletter input:not(.btn-newsletter){ width:calc(50% - 5px); }
	.title-newsletter{ font-size:20px }
	.title-customer{ font-size:30px; }
}

@media (max-width:767px) {
	.containt-main.col_2>div, .containt-gt.col_2>div { width: 100%; }
	.containt-gt.col_2>div.anh_gt { margin-top: 25px; padding: 0 35px; }
	.boxProduct { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
	.footer-news{ width: 100% !important;margin-bottom:20px }
	.title-project > span{ font-size:20px; }
	.title-project p{ font-size:13px }
	.accordion__item{ width:100% }
	.slogan-partner{ font-size:20px; }
	.info-number p{ font-size: 35px }
	.info-number h3{ font-size:15px; }
}

@media (max-width:675px) {
	.col_4>div, .col_3>div { width: 50%; }
	.col_2>div { width: 100%; }
	.news .news-image { margin-bottom: 1rem }
	.procart-label { font-size: 13px }
	.name-procart a { font-size: 13px }
	.top-contact { flex-wrap: wrap; padding: 0 15px }
	.left-pro-detail, .right-pro-detail, .top-contact .form-contact, .top-contact .article-contact { width: 100%; margin: 0px }
	.left-pro-detail, .top-contact .article-contact { margin-bottom: 30px }
	.grid-album { display: block; }
	.grid-album>div { margin: 20px 0; }
	.bg-nor .box-dv a { padding: 5px; }
	.info_newshome h3 a{ font-size:14px }
	.title-customer{ font-size: 20px; }

}
@media (max-width:575px) {
/*	.title-about span{ font-size: 20px; }*/
	.title-about p{ font-size: 14px; }
	.slogan-partner{ font-size: 16px; }
}
@media (max-width:425px) {
	.newshome-best a { flex-wrap: wrap; margin-bottom: 25px; }
	.pic-newshome-best, .newshome-best .info-news-best { width: 100%; }
	.newshome-best .info-news-best { margin-top: 15px; padding: 0; }
	.box-dv .name-news { font-size: 14px; line-height: 1.5; }
	.item-project{ min-width: 60% }
}
@media (max-width:375px) {
	.containt-gt.col_2>div.anh_gt { padding: 0 15px; }
}