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

/* iPads (landscape) ----------- */
@media only screen and (max-width: 900px) {
#courseimg-col{ width:31.3%}
 #carcol-col2{ margin:0px; padding:0px; width:100%; float:left; padding-bottom:20px;}
#fcol-cont{ margin:0px; padding:0% 2.5%; width:45%; float:left;}	
}
/* iPads (portrait) ----------- */
@media only screen and (max-width: 840px) {
	#colm{ width:45%; float:left; overflow:hidden; margin:0px 2.5% 15px 2.5%;}
	
	#workdiv-protitle-imgcol2{ float:left; width:100%; margin:0px; padding:0px;}
	#workdiv-protitle-imgcol-img{ float:left; margin:0px; width:45%; margin:0px; padding:2.5%;}
	
	
}
@media only screen and (max-width: 750px) {
	#logo{ width:100%; float:left;}
	#inst{ width:100%; float:left;  padding:0px;}
	#col1,#col2,#col3{ width:100%; margin:0px auto; overflow:hidden;}
	#logo img{ padding:10px 5%; width:90%;}
	#inst h1{ padding:0px 0px 10px 0px}
	#colm1,#colm2{ width:100%; margin:0px auto; overflow:hidden;}
	#foot1{ width:100%; margin:0px; overflow:hidden; float:left; margin-bottom:10px; padding:0px;}
	#foot2,#foot3{ width:100%; margin:0px; overflow:hidden; float:left; margin-bottom:10px;padding:0px;}
	#foot4{ width:100%; margin:0px; overflow:hidden; float:left; margin-bottom:10px;padding:0px;}
	
	#mainpagecontent-col1{ width:100%; margin:0px; padding:0px; padding:0px; float:left; }
   #mainpagecontent-col2{ width:100%; margin:0px; padding:0px; padding:0px;  float:left; padding-top:25px;}
}
/* small tablet ----------------*/

@media only screen and (max-width: 600px) {
#csc1{ width:90%; padding:5px 5%; float:left;}
#csc{ width:90%; padding:5px 5%; float:left;}
}

@media only screen and (max-width: 570px) {
	#reach p{ float:none;}
	#social{ margin-top:-32px;}
	#colm{ width:100%; max-width:330px; margin:0px auto; float:none; overflow:hidden; margin-bottom: 15px;}
	#copy,#design{ float:none; text-align:center; }
	#gall{ width:95%; max-width:350px; margin:0 auto; float:none; margin-bottom:10px;}
	#gall img{ width:100%; max-height:248px;}
	#pimg{ width:95%; max-width:350px; margin:0 auto; float:none; margin-bottom:10px;}
	#pro img{ width:100%; max-height:250px;}
	
	#carcol-col2{ margin:0px; padding:0px; width:100%; float:left;}
	#fcol-cont{ margin:0px; padding:0% 2.5%; width:95%; float:left; padding-bottom:20px;}
	
	#courseimg-col{ width:48%}	
	#contact1, #contact2 {width:100%; padding:20px 0px;}	

}
@media only screen and (max-width: 500px) {
#workdiv-protitle-imgcol2{ float:left; width:100%; margin:0px; padding:0px;}
	#workdiv-protitle-imgcol-img{ float:left; width:95%; margin:0px;  margin:0px; padding:2.5%;}
}
/* iphone ----------------*/
@media only screen and (max-width: 400px) {
	#foot1,#foot2,#foot3{ width:100%; margin:0px; overflow:hidden; float:left; margin-bottom:10px;}
	#newreg1a1,#newreg1a2{width:90%; padding:0% 0%;}
	#courseimg-col{ width:98%}	
	#tit { display:none;}
	#ctit { padding-bottom:30px;}
}
/* small phone ----------------*/
@media only screen and (max-width: 240px) {
	#reach p{ float:none; padding-right:0px;}
	#social{ margin:0px auto; float:none;}
	#ach1,#ach2{ float:none; margin:0px auto; margin-top:5px;}
	#lenq1{ width:95%; margin:0px; float:left; overflow:hidden;}
	#renq1{ width:95%; margin:0px; float:right; overflow:hidden;}
}