/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

	/* pagewrap */
	.picbot_text_style{font-size:175%; }
	.midleftcontarea{width:30%; font-size:80%;   }
	.whyiibmarea{width:40%; font-size:85%;   }
	.whyiibmleftarea{width:45%; line-height:20px;  }
	.whyiibmrightarea{width:45%; line-height:20px; }
	.whyiibmarea_heading{width:100%; height:30px; font-size:140%; }
	.ouralumni{width:80%;}
	.ouralumniscroller{width:90%;}
	#wrapper {width:90%; }
	.disclaimer_area{width:75%; font-size:80%; padding-left:10px;}


}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
.top_heading {	width: 90%; font-size:130%;	}
	.top_subheading{font-size:100%;}
	.picbot_text_style{font-size:100%; }
	.pic_bot_area{padding:20px 0px 0px 10px; width:658px; height:133px;}
	.picbot_text_style1{font-size:275%;}
	.headerpic_area{width:40%;}
	.midcontarea{height:375px;}
	.midleftcontarea{width:30%; font-size:80%;   }
	.midleseprator{display:none;}
	.whyiibmarea{width:65%; font-size:80%;   }
	.whyiibmleftarea{width:50%; line-height:15px;  }
	.whyiibmrightarea{width:50%; line-height:15px; }
	.whyiibmarea_heading{width:50%; height:20px; font-size:130%; }
	.ouralumni{width:70%;}
	.ouralumniscroller{width:80%;}
	#wrapper {width:80%; }
	.disclaimer_area{width:60%; font-size:80%; padding-left:10px;}
	.footersmall_heading{width:50%; font-size:80%;}


}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	/* main nav */
	.top_heading {
		width: 30%; font-size:100%;
	}
	.top_subheading{width:50%;font-size:90%;}
	.headerpic_area{display:none;}
	.midcontarea{height:675px;}
	.midleftcontarea{width:30%; font-size:80%; height:325px;  }
	.midleseprator{display:none;}
	.whyiibmarea{width:100%; font-size:80%;   }
	.whyiibmleftarea{width:50%;  }
	.whyiibmrightarea{width:50%;  }
	.whyiibmarea_heading{width:50%; font-size:120%; }
	.ouralumni{width:35%;}
	ouralumniscroller{width:40%;}
	#wrapper {width:45%; }
	.disclaimer_area{width:30%; font-size:80%; padding-left:10px;}
	.footersmall_heading{width:50%; font-size:80%;}

}