@media (max-width:900px) {
	#new_pools h3, #servicing h3 {
		font-size: 16px;
	}
	#main h2 {
		font-size: 27px;
	}
	
}


@media (max-width:850px) {
	#new_pools h3, #servicing h3 {
		font-size: 15px;
	}

}

@media (max-width:800px) {
	#new_pools h3, #servicing h3 {
		font-size: 14px;
	}

}
@media (max-width:755px) {
	.nomob {
		display: none;	
	}
	#main h2 {
		font-size: 25px;
	}

}
/** first some rules if the width is less than 1020px **/
@media (max-width: 1002px) {
	
#new_pools a h4, #servicing a h4 {
	font-size: 23px;
	font-weight: 300;
	line-height: 26px;
}
#new_pools a h4 {
	padding-left: 40px;
}
#servicing a h4 {
	padding-right: 40px;
}
	
	
	
}

/********************* MOBILE HOME PAGE *********************/
@media (max-width: 400px) {
	html {
		background: #fff url(../_img/mobile/home/splash_bg.jpg) no-repeat fixed center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#footer {
		display: none;	
	}
	
	h1 {
		background: url(../_img/mobile/home/logo.png) no-repeat left top;
		width: 100%;
		background-size:100%;
		position: relative;
		top: 0px;
		left: 0px;
	}
	#main {
		position: relative;
		top: 20px;
		width: 100%;
		z-index: 600;
		margin-bottom: 30px;
		
	}	
	#main h2 {
		line-height: 23px;
		font-size: 19px;
		font-weight: 700;
		padding: 20px 15px;
		background: url(../_img/home/welcome_BG.png) repeat-x;
		color: #fff;
		text-align: left;
	}
	/** the clickable stuff **/
	#new_pools, #servicing  {
		position: relative;
		width: 100%;
		top: 10px;
	}
	#new_pools {
		left: 0px;
		background: url(../_img/home/new_pools_BG.png) repeat;	
	}
	#servicing {
		right: 0px;
		background: url(../_img/home/servicing_BG.png) repeat;
		margin-top: 10px;	
	}
	
	#new_pools h3 {
		text-align: left;	
		padding: 0;
		border-right: none;
		padding-left: 15px;
		line-height: 22px;
		padding-top: 14px;
		padding-bottom: 14px;
	}
	#servicing h3 {
		padding: 0;
		border-left: none;
		padding-left: 15px;
		line-height: 22px;
		padding-top: 14px;
		padding-bottom: 14px;
	}
	#new_pools h3.active em, #servicing h3.active em {
		background-image: url(../_img/home/down_arrow.png);
	}
	#new_pools h3 em {
		background-position: center right;	
		padding-left: 0;
		width: 250px;
	}
	#new_pools em i,
	#servicing em i {
		display: block;	
	}
	#servicing h3 em {
		padding-right: 0;
		padding-left: 0;
		width: 100%;
		background-position: center right;	
	}
	/****************************/
	/*** the "hidden" stuff ***/
	/****************************/
	#new_pools a, #servicing a  {
		border: none;
		padding-right: 32px;
		padding-left: 15px;
		text-align: left;
		height: 0px;
	}
	#new_pools a h4, #servicing a h4 {
		margin-top: 10px;
		font-size: 20px;
		font-weight: 300;
		line-height: 26px;
		padding-bottom: 10px;
		display: inline-block;
		background-position: -1000px 0;
		background-repeat:no-repeat;
		padding-right: 40px;
	}
	
	#new_pools a h4 {
		background-image: url(../_img/home/right_arrow.png);
		padding-left: 0;
	}
	#servicing a h4 {
		background-image: url(../_img/home/right_arrow.png);
		padding-left: 0;
	}
	#new_pools a.active h4 {
		background-position:  right top;
	}
	#servicing a.active h4 {
		background-position:  right top;
	}
	
	#new_pools a p, #servicing a p {
		font-weight: 400;
		font-size: 15px;
		line-height: 20px;
		padding-bottom: 16px;
	}
	#new_pools a p i, #servicing a p i {
		display: none;
	}
	
	.nomob {
		display: none;	
	}
	
	
	#job_ad {
		position: absolute;;
		width: 150px;
		margin: 0;
		left: auto; right: 0px;
		opacity: 0.8;
	}
	
	/** new jobby : June 2017 */
	#job_ad_double_holder {
		position: relative;
		right: auto;
		margin-top: 50px;
		margin-bottom: -10px;
	}
	

}