/* Hide Elements before responsive */
.menuBarIcon,
.formFixedButton,
.closeResponsive
{display:none;}


/* ######################################################## FOR 1024 */
@media only screen and (max-width:1170px)
{
	
}


/* ######################################################## FOR IPAD */
@media only screen and (max-width:1024px)
{
	.logo{text-align:center;}
	.menuBarIcon{ display: block;}
	.menuOverlay{
		background:rgba(5,14,25, 0.8);
		position:fixed;
		top:0px;
		left:0px;
		z-index:10002;
		width:100%;
		height:100%;
	}
	nav{
		display:block!important;		
		position:fixed!important;
		top:0px;
		left:0px;
		z-index:40000;		
		background-size: contain;
		background-color: #ffffff;		
		width:100%;
		max-width:280px;
		height:100%;		
		-webkit-transform: translate3d(-115%,0,0);
		-moz-transform: translate3d(-115%,0,0);
		transform: translate3d(-115%,0,0);				
		overflow:hidden;
		overflow-y:scroll;
		-webkit-overflow-scrolling: touch;		
		-webkit-transition: -webkit-transform 350ms ease;
		-moz-transition: -moz-transform 350ms ease;
		transition: transform 350ms ease;		
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
		-moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.75);
		box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.75);
	}
	nav .collapse:not(.show){display:block;}
	.activeMobileMenu	{
		-webkit-transform: translate3d(0,0,0)!important;
		-moz-transform: translate3d(0,0,0)!important;
		transform: translate3d(0,0,0)!important;
	}
	.headerMain nav ul	{
		border-top:15px solid #1abc9c;
	}
	nav ul li{float:none;}
	.headerMain nav ul li a	{
		height:auto;
		line-height:normal;
		padding:13px 15px!important;
		color:#000!important;
		border-bottom:1px solid #f3f3f3;
		display:block;
	}
	.headerMain nav ul li a:hover	{
		padding:13px 15px;
	}
	
	/* ========================*/
	.navbar-nav .dropdown-menu{
		border:none!important;
		position:relative;
		top:0px!important; left:0px;
		width:100%!important;
		transform:scale(1,1);
		box-shadow:none!important;
		display:block!important;
	}
	.navbar-nav .dropdown-menu .dropdown-divider{display:none;}
	.headerMain nav ul li a[data-toggle="dropdown"]{
		background:#1abc9c;
		 color:#fff!important;
	}
	nav ul li a.btn{height:auto; margin:10px 15px 0px 15px; padding:5px 10px; text-align:center; border-radius:5px;}
	
	
	
	/* ======================== Form banner */
	.formBanner{display: block;}
	
	/* ======================== Footer */
	.row4{text-align:center;}
	.row4 p{float:none; margin-bottom:15px;}
	.row4 div{float:none;}
	
	
}


/* ######################## For Mobile & Other Resolutions ########################## */
@media only screen and (max-width:767px)
{
	
	.formBanner .formWrapper{
		-webkit-box-ordinal-group: unset;
		-moz-box-ordinal-group: unset;
		-ms-flex-order: unset;
		-webkit-order: unset;
		order: unset;
	}
}


/*	
	#############################################################
	############################ iPhone [portrait + landscape]
	#############################################################
*/
@media only screen and (max-device-width: 480px)
{
	input, select, textarea
	{
		font-size:16px!important;
	}
}