.page-template-contact .banner {
	position: relative;
	display: flex;
}

.page-template-contact .banner:before {
	content: '';
	display: block;
	padding-bottom: 15%;

}
.page-template-contact .banner img {
	position: absolute;
	width: 100%;
	height: 100%;
}
.page-template-contact h1.title-single {
	color: white;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.page-template-contact  .col-icon {
	background: #F2F2F2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.page-template-contact .icon i {
	font-size: 25px;
}

.page-template-contact div#site_wrapper {

	background: #ccc;
	padding-bottom: 30px;
}
.page-template-contact .dong1 {
	position: relative;
	max-width: 90%;
	margin: 50px;
}
.page-template-contact iframe {
	width: 100%;
}
.page-template-contact .dong1 .form {
	display: flex;
	flex-direction: column;
	background: #24499a;
	min-height: 112%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 34%;
	padding: 15px;

}
.page-template-contact .formm,
.page-template-contact .map {
	padding:  0;
}
.page-template-contact .col-icon {
	background: #F2F2F2;
}
.page-template-contact .col-icon .icon a {
	display: block;
	text-align: center;
	padding-bottom: 30px;
}
.page-template-contact .col-icon .icon a:last-child { padding-bottom: 0; }
.page-template-contact .dong1 .form h2  {
	color: #000;
	text-align: center;
}

.page-template-contact .dong1 form.wpcf7-form {
	margin: 0 auto;
	max-width: 95%;
}
.page-template-contact .dong1 .site-form {
	background: #f2f2f2;
	display: flex;
	flex-direction: column;
	min-height: 90%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	padding-top: 10px;
	justify-content: center;
}
.page-template-contact h1.page-title.white_txt{
	font-size: 1.7em;
}
.page-template-contact .dong1 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
.page-template-contact .dong1 input.wpcf7-form-control.wpcf7-text,
.page-template-contact .dong1 textarea
{
	max-width: 100%;
	border: none;
	background: #f2e8dc;
	margin-bottom: 10px;
	color: #000;
	height: 35px;
	padding-left: 7px;
}
.page-template-contact .dong1 textarea {
	height: 100px;
}
.page-template-contact .dong1 input:focus, .page-template-contact .dong1 textarea:focus { outline: none; }
.page-template-contact input.wpcf7-form-control.wpcf7-submit.btn-gui{
	padding: 8px 30px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
	outline: none;
	border: none;
	background: #24499a;
	color: #fff;
	width: 35%;
	padding: 10px;
}
.page-template-contact input.wpcf7-form-control.wpcf7-submit.btn-gui:hover {
	background: #07225c;
}
.page-template-contact .dong2 {
	max-width: 91%;
	margin: 0 auto;
	display: none;
}
.page-template-contact .dong2 .col-mot {
	background: #3B3C3E;
	padding: 15px;

}
.page-template-contact .dong2 .col-hai {
	background: #2B2C2E;
	padding: 15px;

}
.page-template-contact .dong2 .col-1 {
	padding: 0;
}
.page-template-contact .dong2 {
	color: white;

}
.page-template-contact .dong1-mobile{
	display: none;
}
.page-template-contact .icon a i {
	color: black;
}
@media(max-width: 768px){
	.page-template-contact .dong1 .site-form {
		width: 85%;
	}
	.page-template-contact .dong1-mobile{
		display: none;
	}
	.page-template-contact .banner:before {

		padding-bottom: 40%;
	}
	.page-template-contact .dong1 {
		position: relative;
		max-width: 100%;
		margin: 50px 5px;
	}
	.page-template-contact .dong1 .form {
		width: 45%;
	}
	.page-template-contact .dong2 {
		max-width: 96%;
	}
	.page-template-contact .col-7 {
		flex: 54.33%;
		max-width: 54.33%;
	}
	.page-template-contact .col-1 {
		flex: 12.33%;
		max-width: 12.33%;
	}


}
@media (max-width: 640px){
	.page-template-contact .banner:before {
		padding-bottom: 125%;
	}
	.page-template-contact .col-5,
	.page-template-contact .col-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.page-template-contact .col-1 {
		flex: 0 0 13%;
		max-width: 13%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.page-template-contact .col-4.formm {
		flex: 0 0 87%;
		max-width: 87%;
		display: flex;
	}
	.page-template-contact .dong1 {
		display: none;
	}
	.page-template-contact .dong1-mobile {
		display: flex;
		flex-wrap: wrap;
	}
	.page-template-contact .icon i {
		/*padding: 25px 36px;*/
		font-size: 20px;
	}
	.page-template-contact .icon {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.page-template-contact .icon a {
		padding-bottom: 15px;
	}
	.page-template-contact .dong1-mobile .form {
		display: flex;
		flex-direction: column;
		justify-content: center;align-items: center;
		padding: 15px 5px;
		width: 100%;
	}
	.page-template-contact .dong1-mobile .site-form {
		background: #24499a;
		width: 100%;
		padding-top: 5px;
	}
	.page-template-contact .dong1-mobile input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
	.page-template-contact .dong1-mobile input.wpcf7-form-control.wpcf7-text
	{
		max-width: 100%;
		width: 100%;
		padding-left: 7px;
		border: none;
		background: #fff;
		margin-bottom: 10px;
		color: #000;
		height: 30px;
	}
	.page-template-contact .dong1-mobile textarea { 
		width: 100%; 
		padding-top: 5px; 
		padding-left: 7px; 
		height: 100px;
	}
	.page-template-contact .dong1-mobile textarea:focus { outline: none; }
	.page-template-contact input.wpcf7-form-control.wpcf7-submit.btn-gui {
		background: #fff;
		color: #000;
		width: 20%;
		left: 60%;
	}
	.page-template-contact .dong1-mobile .form h2 {
		color: white ;
		text-align: center;
	}
	.page-template-contact .dong1-mobile form.wpcf7-form {
		padding: 15px 7px;
	} 
	.page-template-contact .dong2 {max-width: 100%}

}

@media (max-width: 425px){
	.page-template-contact .col-1 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.page-template-contact .icon {
		flex-direction: row;
	}
	.page-template-contact .icon a {
		padding-bottom: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	.page-template-contact .col-4.formm {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.page-template-contact .dong1-mobile {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.page-template-contact .dong1-mobile .form {
		padding: 10px 0px;
	}
	.page-template-contact input.wpcf7-form-control.wpcf7-submit.btn-gui {
		width: 25%;
		left: 51%;
	}
}