img{max-width:100%;height: auto;width: auto\9;}

@media only screen and (max-width: 1130px) {

  #logo{ width:30%; max-width:300px; margin:0px; overflow:hidden; float:left;}

 

 

 #htopleft{width:50%; float:left;margin:0px; padding:5px; overflow:hidden; min-width:300px}

#htopright{width:40%; float:left;margin:0px; padding:5px; overflow:hidden; min-width:300px}

 

 

 #midd1{ width:33%; float:left; min-width:250px; text-align:center}

 



#cont1 h1{ color:#413686; font-size:18px; font-weight:500; padding-top:0px; margin-top:0px}



#cont1 p{ color:#919191; font-size:15px; text-align:center; line-height:25px;padding-top:0px; margin-top:0px}



#cont1 a{ color:#ffffff; font-size:15px; background:#ca1f26; padding-bottom:10px; padding-top:10px;

 padding-left:20px; padding-right:20px; line-height:30px;}

}

/* iPads (landscape) ----------- */

@media only screen and (max-width: 1100px) {

  #logo{ width:30%; max-width:300px; margin:0px; overflow:hidden; float:left;}

 

#cont{ width:98%; margin:0px auto; padding-top:20px; } 

 #htopleft{width:50%; float:left;margin:0px; padding:5px; overflow:hidden; min-width:300px}

#htopright{width:40%; float:left;margin:0px; padding:5px; overflow:hidden; min-width:300px}

 #cli{width:100%; float:left; min-width:500px}

#col{ width:45%;   float:left; margin:0px; padding:0px 0px; padding-left:30px; min-width:250px}

#midd1{ width:30%; float:left; min-width:250px; text-align:center; padding-left:20px}



#zwleft{float:left; width:100%} 

#zwright{float:left; width:100%; padding-top:20px}

#zwleft1{float:left; width:100%}

#tagtxt{padding-top:180px; text-align:center; width:80%; margin:0 auto} 

}

@media only screen and (max-width: 850px) {

 



 #cont1{ width:100%; float:left; padding-bottom:30px; text-align:center;}

 #tagtxt{padding-top:150px; text-align:center; width:80%; margin:0 auto} 



#midd1{ width:100%; float:left; min-width:250px; text-align:center; padding-bottom:20px}

}

/* iPads (portrait) ----------- */

@media only screen and (max-width: 800px) {



 #htopleft{width:20%; float:left;margin:0px; padding:5px; overflow:hidden; min-width:250px}

#htopright{width:20%; float:left;margin:0px; padding:5px; overflow:hidden; min-width:200px}	 

	 

}

@media only screen and (max-width:  500px) {

	    #logo{ width:100%; max-width:150px; margin:0px; overflow:hidden; float:left;}

 

 #tagtxt{padding-top:75px; text-align:center; width:80%; margin:0 auto} 

  #tagtxt h1{ font-size:30px}

 

#midd1{ width:100%; float:left; min-width:250px; text-align:center}

}

/* small tablet ----------------*/

@media only screen and (max-width: 480px) {

	 

@media only screen and (max-width: 400px) {

 

 

   

}

}

/* iphone ----------------*/

@media only screen and (max-width: 340px) {

	 

}

/* small phone ----------------*/

@media only screen and (max-width: 240px) {

	

}