@charset "UTF-8";
/* CSS Document */

@media (min-device-width:1024px) and (max-width:2500px), (max-device-width:480px) and (orientation:portrait), screen 
and (min-device-width : 320px) and (max-device-width : 480px){
	
	/* ----------- Banner ------------------------------------------------------------------------------------------------------------------ */
	
	#banner {
		height:590px;
	}
	
	#banner2 {
		height:200px;
		background-image:url(../images/waterdrops.jpg);
	}
	
}

@media (min-device-width:1024px) and (max-width:1700px), (max-device-width:480px) and (orientation:portrait), screen 
and (min-device-width : 320px) and (max-device-width : 480px){
	
	/* ----------- Banner ------------------------------------------------------------------------------------------------------------------ */
	
	#banner {
		height:520px;
	}
	
}

@media (min-device-width:1024px) and (max-width:1500px), (max-device-width:480px) and (orientation:portrait), screen 
and (min-device-width : 320px) and (max-device-width : 480px){
	
	/* ----------- Banner ------------------------------------------------------------------------------------------------------------------ */
	
	#banner {
		height:420px;
	}
	
}

@media (min-device-width:1024px) and (max-width:1200px), (max-device-width:480px) and (orientation:portrait), screen 
and (min-device-width : 320px) and (max-device-width : 480px){
	
	/* ----------- Banner ------------------------------------------------------------------------------------------------------------------ */
	
	#banner {
		height:320px;
	}
	
}

@media (min-device-width:1024px) and (max-width:1000px), (max-device-width:480px) and (orientation:portrait), screen 
and (min-device-width : 320px) and (max-device-width : 480px){
	
	/* ----------- Banner ------------------------------------------------------------------------------------------------------------------ */
	
	#banner {
		height:220px;
	}
	
}

@media (min-device-width:1024px) and (max-width:700px), (max-device-width:480px) and (orientation:portrait), screen 
and (min-device-width : 320px) and (max-device-width : 480px){
	
	/* ----------- Banner ------------------------------------------------------------------------------------------------------------------ */
	
	#banner {
		height:160px;
	}
	
}

@media (min-device-width:1024px) and (max-width:500px), (max-device-width:480px) and (orientation:portrait), screen 
and (min-device-width : 320px) and (max-device-width : 480px){
	
	/* ----------- Banner ------------------------------------------------------------------------------------------------------------------ */
	
	#banner {
		height:120px;
	}
	
}

@media (min-device-width:1024px) and (max-width:380px), (max-device-width:480px) and (orientation:portrait), screen 
and (min-device-width : 320px) and (max-device-width : 480px){
	
	/* ----------- Banner ------------------------------------------------------------------------------------------------------------------ */
	
	#banner {
		height:120px;
	}
	
}