@media (min-width: 1200px) {
	.col-pro {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
    }
}
@media (max-width: 1200px) {
	.wrapper {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.wrapper_1300 {
		width: 100%;
	}
	.wrapper_1100 {
		width: 100%;
	}
	.wrapper_1000 {
		width: 100%;
	}
}

@media (max-width: 992px) {
	#header .header {
		position: relative;
	}
	#header .wrapper {
		justify-content: center;
	}
	#header .logo {
		margin-left: 0;
	}
	#header .logo img {
		max-width: 80px;
	}
	.menu ul {
		display: none !important;
	}
	#menu {
		width: 0;
	}
	#header .header.fix_head .logo img {
		max-height: 60px;
	}
	.menu_mobile {
		display: block;
		position: absolute;
		left: 15px;
	}
	#header .social_ {
		display: flex;
        position: absolute;
		right: 15px;
		padding-left: 0;
	}
	#header .social_ img{
		max-width: 25px;
		margin-left: 10px;
	}
	
	/*--Background quy trình - Banner--*/
	.bg_dv_bn {
		margin-top: -40vw;
	}
	/*--Quy trình--*/
	.quytrinh {
		width: 100%;
		padding-top: 40vw;
	}
	
	/*-- Cam kết --*/
	.bg_camket {
		border-radius: 50px;
		padding: 20px 0;
	}
	.container_ck {
		display: block;
		padding: 0 15px;
	}
	.title_ck {
		width: 100%;
		display: block;
	}
	.title_ck .readmore_ck {
		margin-top: 10px;
	}
	.box_ck {
		width: 100%;
	}
	
	/*-- Tại sao --*/
	.box_why:before {
        right: 28%;
	}
	.container_why {
		display: block;
		padding: 0;
	}
	.title_why {
		width: 100%;
		padding: 0 0 20px 0;
	}
	.readmore_why {
		margin-top: 20px;
	}
	.readmore_why a {
		padding: 10px 0;
	}
	.box_why {
		width: 100%;
	}
	
	/*-- Newsletter --*/
	.bg_newsletter {
		border-radius: 50px;
		padding: 30px 15px;
	}
	.title_newsletter h2 {
		width: 100%;
	}
	.content_newsletter {
		width: 100%;
	}
	
	/*-- Đối tác --*/
	.partner {
		padding-bottom: 20px;
	}
	.container_partner {
		display: block;
	}
	.title_partner {
		width: 100%;
		display: block;
		padding: 20px 0 0 0;
	}
	.title_partner h2 {
		width: 100%;
		padding-bottom: 10px;
	}
	.box_partner {
		width: 100%;
	}
	
	/*-- Footer --*/
	#footer .footer .slogan_ft {
		font-size: 20px;
	}
	#footer .footer .box_footer {
		padding: 20px 0;
	}
	#footer .footer .footer1 {
		width: 100%;
		padding-right: 0;
	}
	#footer .footer .footer2 {
		width: 40%;
		padding-top: 20px;
		padding-right: 0;
	}
	#footer .footer .footer3 {
		width: 30%;
		padding-top: 20px;
	}
	#footer .footer .footer4 {
		width: 30%;
		padding-top: 20px;
	}
	#footer .footer h2 {
		height: auto;
		margin-bottom: 10px;
	}
	.ul_footer ul {
		height: 90px;
		overflow-y: auto;
	}
	.social_footer img {
		max-width: 30px;
	}
	
	/*--Dự án page--*/
	#content .title_pro_page {
		margin: 20px 0;
	}
	#content .title_pro_page h2 {
		font-size: 30px;
	}
	#left {
        display: none;
    }
	.content_right {
		width: 100%;
		padding-left: 0;
	}
	.margin_pro_page {
		margin: 0 -8px;
	}
	.item_pro_page {
		padding: 0 8px;
		margin-bottom: 20px;
	}
	
	/*--Hoạt động - Video short--*/
	.item_hd {
		padding: 20px;
	}
	.images_hd {
		height: max-content;
	}
	.margin_hd {
		margin: 0 -10px;
	}
	.item_hd_1 {
		padding: 0 10px;
		margin-bottom: 20px;
	}
	.hoatdong .col-md-6 {
		padding: 0 10px;
	}
	
	/*--Tuyển dụng--*/
	.item_td {
		border-radius: 30px;
	}
	
}
@media (max-width: 767px) {
	#chat .chat,
	.social_fix {
		display: none;
	}
	.toolbar2 {
		display: block;
	}
	.top-contact .article-contact {
		width: 100%;
		margin-bottom: 20px;
	}
	.form-contact {
		width: 100%;
	}
	
	/*-- Body Index --*/
	
	/*-- Dự án nổi bật --*/
	.project_home {
		padding: 20px 0;
	}
	.title_pronb h2 {
		font-size: 30px;
	}
	.title_pronb p {
		font-size: 24px;
	}
	.box_pro {
		margin-top: 20px;
	}
	
	/*-- Dịch vụ --*/
	.item_sv {
		margin: 15px 50px;
	}
	.readmore_sv {
		padding: 0 15px;
	}
	
	.bg_dv_bn {
		margin-top: 0;
	}
	.bg_container {
		border-radius: 50px;
	}
	
	/*-- Quy trình --*/
	.quytrinh {
		padding-top: 30px;
	}
	.title_qt {
		margin-bottom: 20px;
	}
	.title_qt h2 {
		font-size: 30px;
	}
	
	/*-- Banner Index --*/
	.images_bn {
		margin-bottom: 0;
	}
	
	/*-- Cam kết --*/
	.camket {
		margin-top: 20px;
	}
	.bg_camket {
		border-radius: 50px;
		padding: 20px 0;
	}
	.container_ck {
		display: block;
		padding: 0 15px;
	}
	.title_ck {
		width: 100%;
		display: block;
	}
	.title_ck h2 {
		font-size: 30px;
	}
	.title_ck .readmore_ck {
		margin-top: 10px;
	}
	.box_ck {
		width: 100%;
	}
	.item_ck .des_ck p {
		height: auto;
	}
	.title_ck .readmore_ck a {
		padding: 15px;
	}
	
	/*-- Dự án List --*/
	.project_list {
		padding-top: 20px;
	}
	.title_pro_list h2 {
		font-size: 36px;
	}
	.box_pro_list {
		margin-top: 20px;
	}
	.margin_pro_list {
		margin: 0 -10px;
	}
	.item_pro_list_l {
		padding: 0 10px;
		margin-bottom: 30px;
	}
	.item_pro_list {
		margin-left: 10px;
		box-shadow: -10px 10px 0px rgba(0, 0, 0, 0.1);
	}
	.item_pro_list .des_pro_list {
		padding: 10px;
	}
	.item_pro_list .des_pro_list h3 a {
		font-size: 14px;
	}
	
	/*-- Video Home --*/
	.video_home {
		padding-top: 20px;
	}
	
	/*-- Tại sao --*/
	.taisao {
		padding-top: 20px;
	}
	.taisao::before {
		margin-top: 60%;
	}
	.container_why {
		display: block;
		padding: 0;
	}
	.title_why {
		width: 100%;
		padding: 0 0 20px 0;
	}
	.title_why h2 {
		font-size: 30px;
	}
	.title_why p {
		font-size: 24px;
	}
	.readmore_why {
		margin-top: 20px;
	}
	.readmore_why a {
		padding: 10px 0;
	}
	.box_why {
		width: 100%;
	}
	.margin_why {
		margin: 0 -8px;
	}
	.taisao .col-6 {
		padding: 0 8px;
	}
	.item_why {
		padding: 20px;
		margin-bottom: 16px;
	}
	
	/*-- Newsletter --*/
	.bg_newsletter {
		border-radius: 50px;
		padding: 30px 15px;
	}
	.title_newsletter {
		display: block;
	}
	.title_newsletter h2 {
		font-size: 30px;
		width: 100%;
	}
	.content_newsletter {
		width: 100%;
	}
	.form_tin .items_input1 h2 {
		margin-bottom: 0;
	}
	.form_tin .items_input1 {
		display: block;
	}
	.form_tin .items_input {
		width: 100%;
		margin-bottom: 20px;
	}
	
	/*--Popup đăng ký nhận mail--*/
	.modal-content {
		display: block;
	}
	.modal-header {
		width: 100%;
	}
	.modal-body {
		width: 100%;
		padding: 0rem 1rem 1rem 1rem;
	}
	.title_newsletter_popup h2 {
		font-size: 33px;
	}
	.title_newsletter_popup p {
		width: 88%;
	}
	.quote .items_input2 input {
		width: 100%;
	}
	.quote .items_input2 select {
		width: 100%;
	}

	
	/*-- Đối tác --*/
	.partner {
		padding-bottom: 20px;
	}
	.container_partner {
		display: block;
	}
	.title_partner {
		width: 100%;
		display: block;
		padding: 20px 0 0 0;
	}
	.title_partner h2 {
		font-size: 30px;
		width: 100%;
		padding-bottom: 10px;
	}
	.box_partner {
		width: 100%;
	}
	
	/*-- Footer --*/
	#footer .footer .slogan_ft {
		font-size: 16px;
	}
	#footer .footer .box_footer {
		padding: 20px 0;
	}
	#footer .footer .footer1 {
		width: 100%;
		padding-right: 0;
	}
	#footer .footer .footer2 {
		width: 100%;
		padding-top: 20px;
		padding-right: 0;
	}
	#footer .footer .footer3 {
		width: 100%;
		padding-top: 20px;
		padding-right: 0;
	}
	#footer .footer .footer4 {
		width: 100%;
		padding-top: 20px;
	}
	#footer .footer h2 {
		height: auto;
		margin-bottom: 10px;
	}
	.copyright {
		flex-wrap: wrap;
		margin-bottom: 64px;
	}
	.copyright div {
		width: 100%;
		text-align: center;
	}
	.social_footer {
		padding: 5px 0;
	}
	
	/*--Dự án page--*/
	#content .title_pro_page {
		margin: 20px 0;
	}
	#content .title_pro_page h2 {
		font-size: 30px;
	}
	#left {
        display: none;
    }
	.content_right {
		width: 100%;
		padding-left: 0;
	}
	.margin_pro_page {
		margin: 0 -8px;
	}
	.item_pro_page {
		padding: 0 8px;
		margin-bottom: 20px;
	}
	
	/*--Hoạt động page--*/
	#content .title_hd_page h2 {
		font-size: 30px;
	}
	/*--Hoạt động - Video short--*/
	.title_video_short h2 {
		font-size: 28px;
	}
	.item_hd {
		padding: 20px;
	}
	.images_hd {
		height: max-content;
	}
	
	/*--Tin tức--*/
	.title_news h2 {
		font-size: 30px;
	}
	
	/*--Tuyển dụng--*/
	.item_td {
		display: block;
	}
	.item_td .des_td {
		width: 100%;
		padding-right: 0;
		text-align: justify;
	}
	a.readmore_td {
		width: 50%;
		margin-top: 20px;
	}
	
}
@media (max-width: 675px) {

}
@media (max-width: 625px) {

}
@media (max-width: 575px) {
	
}
@media (max-width: 500px) {
	
}
@media screen and (max-width: 450px) {
}
@media screen and (max-width: 400px) {
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 325px) {
}