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

/* iPads (landscape) ----------- */
@media only screen and (max-width: 1100px) {
#logo{ width:30%; max-width:200px; margin:0px; overflow:hidden; float:left;}
 
#headright{width:65%; max-width:650px; margin:0px; overflow:hidden; float:left;padding-top:10px; padding-bottom:10px;}

#contleft{ width:60%; float:left; min-width:300px;}
#contright{ width:31%; float:left; min-width:200px; padding-left:40px; padding-top:70px;} 
 #midd1{ width:33%; float:left; min-width:250px; text-align:center}
 
 #prolft{width:30%; float:left; min-width: 250px}
#prorht{width:60%; float:left; padding-left:10px;  }
}
@media only screen and (max-width: 850px) {
 
 #logo{ width:20%; max-width:150px; margin:0px; overflow:hidden; float:left;}
 
#headright{width:75%; max-width:650px; margin:0px; overflow:hidden; float:left;padding-top:10px; padding-bottom:10px;}

#midd1{ width:50%; float:left; min-width:250px; text-align:center}
}
/* iPads (portrait) ----------- */
@media only screen and (max-width: 800px) {
	 
	 
}
@media only screen and (max-width:  500px) {
	    #logo{ width:100%; max-width:150px; margin:0px; overflow:hidden; float:left;}
 
#headright{width:100%; max-width:650px; margin:0px; overflow:hidden; float:left;padding-top:10px; padding-bottom:10px;}
#headright1{width:80%; float:left; padding-top:8px; min-width:220px }

#contleft{ width:95%; float:left; min-width:300px;}
#contright{ width:80%; float:left; min-width:200px; padding-left:40px; padding-top:10px;} 
#midd1{ width:100%; float:left; min-width:250px; text-align:center}

#prorht{width:90%; float:left; padding-left:10px;  }
}
/* 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) {
	
}