#contact {
	position:relative;
	top:0px;
	left:0px;
	display:block;
}
#contact .contactbg{
	background-image:url('../img/common/bg.png');
	background-repeat: no-repeat;
	background-size:100% 100%;
	position:absolute;
	z-index:490;
	width:100%;
	min-height:100vh;
	height:100vh;
}
#contact .contactContent{
	position:absolute;
	left:7%;
	top:80px;
	z-index:520;
	width: 90%;
	height:85%;
}
#contact .contactContent .contactBlock{
	background-color:#ffffff;
	border-radius:10px;
	padding:5px 10px;
	margin:5px;
}
#contact .contactContent .contactBlock2{
	background-color:#ffffff;
	border-radius:10px;
	padding:0px 10px;
}
#contact .contactContent .UAE, #contact .contactContent .KSA, #contact .contactContent .JOR, #contact .contactContent .OTHER, #contact .contactContent .contactFormContainer{
	opacity:0;
	position:relative;
	top:20px;
}
.UAE{
	min-height: 300px;
}
.KSA{
	min-height: 300px;
}
.JOR{
	min-height: 250px;
}
.OTHER{
	min-height: 250px;
}
#contact .contactContent .contactFormContainer{
	padding: 5px 20px 5px 20px;
}
#contact .contactContent .contactCountryTitle{
	font-size:16px;
	font-weight:700;
	
}
#contact .contactContent .contactIcon{
	width:12px;
	height:auto;
}

#contact .contactContent .contactText{
	padding-top:2px;
	font-size:14px;
}
.contactForm{
	width:95%;
}
.contactGetInTouch{
	font-size:16px;
	font-weight:900;
	padding:10px 0px 10px 0px;
}
.input{
	background-color:#ffffff;
	border-radius:50px;
	width:100%;
	font-size:14px;
	padding: 7px 10px;
	border:none;
	margin-bottom:10px;
	outline:none;
	resize:none;
	border:2px solid #dddddd;
}
.submit{
	background-color:#fab234;
	color:#ffffff;
	border-radius:50px !important;
	width:100% !important;
	font-size:14px;
	padding: 7px 10px;
	border:none;
	margin-bottom:10px;
	outline:none;
	resize:none;
}
.submit:hover{
	background-color:#181818;
}
.contactPrivacy{
	color:#828486;
	font-size:10px;
	text-align:justify;
}
.alert {
    border-radius: 25px;
}
/*==================================================================================*/
.contactTitle{
	font-size:30px;
	font-weight:900;
}
/*Disable Mobile-----------------------------------*/
.mobileContact{
	display:none;
}
/*End of Disable Mobile----------------------------*/
/*==================================================================================*/
@media only screen and (max-width: 575px) {	
	#contact{
		display:none;
	}
	.mobileContact{
		display:block;
	}
	.contactTopSpace{
		height:70px;
		position:relative;
	}
	.mobileContact .scrollContent{
		background-color:#ffffff;
		border: 3px solid #4167b0;
		margin:10px 10px;
		padding:10px;
		border-radius:25px;
		position:relative;
		z-index:700;
	}
	.UAE{
		min-height: auto;
	}
	.KSA{
		min-height: auto;
	}
	.JOR{
		min-height: auto;
	}
	.OTHER{
		min-height: auto;
	}
	#email{
		margin-top:10px !important;
	}
	#submit{
		margin-top:10px !important;
	}
	
	
	
	
	
	
	
	.mobileContact .contactContent .contactBlock{
		margin:5px;
	}
	.mobileContact .contactContent .contactBlock2{
		padding:0px 10px;
	}
	.mobileContact .contactContent .UAE, .mobileContact .contactContent .KSA, .mobileContact .contactContent .JOR, .mobileContact .contactContent .OTHER, .mobileContact .contactContent .contactFormContainer{
		position:relative;
		top:0px;
	}
	.UAE{
		min-height: 300px;
	}
	.KSA{
		min-height: 300px;
	}
	.JOR{
		min-height: 250px;
	}
	.OTHER{
		min-height: 250px;
	}
	.mobileContact .contactContent .contactFormContainer{
		padding: 5px 20px 5px 20px;
	}
	.mobileContact .contactContent .contactCountryTitle{
		font-size:16px;
		font-weight:700;
		
	}
	.mobileContact .contactContent .contactIcon{
		width:12px;
		height:auto;
	}

	.mobileContact .contactContent .contactText{
		padding-top:2px;
		font-size:14px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	#contact{
		display:none;
	}
	.mobileContact{
		display:block;
	}
	.contactTopSpace{
		height:70px;
		position:relative;
	}
	.mobileContact .scrollContent{
		background-color:#ffffff;
		border: 3px solid #4167b0;
		margin:10px 10px;
		padding:10px;
		border-radius:25px;
		position:relative;
		z-index:700;
	}
	
	.mobileContact .contactContent .contactBlock{
		margin:5px;
	}
	.mobileContact .contactContent .contactBlock2{
		padding:0px 10px;
	}
	.mobileContact .contactContent .UAE, .mobileContact .contactContent .KSA, .mobileContact .contactContent .JOR, .mobileContact .contactContent .OTHER, .mobileContact .contactContent .contactFormContainer{
		position:relative;
		top:0px;
	}
	.UAE{
		min-height: 300px;
	}
	.KSA{
		min-height: 300px;
	}
	.JOR{
		min-height: 250px;
	}
	.OTHER{
		min-height: 250px;
	}
	#email{
		margin-top:10px !important;
	}
	#submit{
		margin-top:10px !important;
	}
	
	
	
	.mobileContact .contactContent .contactFormContainer{
		padding: 5px 20px 5px 20px;
	}
	.mobileContact .contactContent .contactCountryTitle{
		font-size:16px;
		font-weight:700;
		
	}
	.mobileContact .contactContent .contactIcon{
		width:12px;
		height:auto;
	}

	.mobileContact .contactContent .contactText{
		padding-top:2px;
		font-size:14px;
	}
	
	
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#contact{
		display:none;
	}
	.mobileContact{
		display:block;
	}
	.contactTopSpace{
		height:70px;
		position:relative;
	}
	.mobileContact .scrollContent{
		background-color:#ffffff;
		border: 3px solid #4167b0;
		margin:10px 10px;
		padding:10px;
		border-radius:25px;
		position:relative;
		z-index:700;
	}
	.UAE{
		min-height: 270;
	}
	.KSA{
		min-height: 270;
	}
	.JOR{
		min-height: 230;
	}
	.OTHER{
		min-height: 230;
	}
	
	
	.mobileContact .contactContent .contactBlock{
		margin:5px;
	}
	.mobileContact .contactContent .contactBlock2{
		padding:0px 10px;
	}
	.mobileContact .contactContent .UAE, .mobileContact .contactContent .KSA, .mobileContact .contactContent .JOR, .mobileContact .contactContent .OTHER, .mobileContact .contactContent .contactFormContainer{
		position:relative;
		top:0px;
	}
	.UAE{
		min-height: 300px;
	}
	.KSA{
		min-height: 300px;
	}
	.JOR{
		min-height: 250px;
	}
	.OTHER{
		min-height: 250px;
	}
	.mobileContact .contactContent .contactFormContainer{
		padding: 5px 20px 5px 20px;
	}
	.mobileContact .contactContent .contactCountryTitle{
		font-size:16px;
		font-weight:700;
		
	}
	.mobileContact .contactContent .contactIcon{
		width:12px;
		height:auto;
	}

	.mobileContact .contactContent .contactText{
		padding-top:2px;
		font-size:14px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#contact {
		position:relative;
		top:0px;
		left:0px;
		display:block;
	}
	.UAE{
		min-height: 250px;
	}
	.KSA{
		min-height: 250px;
	}
	.JOR{
		min-height: 210px;
	}
	.OTHER{
		min-height: 210px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
	#contact {
		position:relative;
		top:0px;
		left:0px;
		display:block;
	}
	.UAE{
		min-height: 280px;
	}
	.KSA{
		min-height: 280px;
	}
	.JOR{
		min-height: 230px;
	}
	.OTHER{
		min-height: 230px;
	}
}