@media screen and (-webkit-min-device-pixel-ratio:0) {    
     img{
        max-width: 100%;
    }    
}
@media screen and (max-width: 1258px) {

	

#logocontainer
{
	width:100%;
	margin:0 auto;
	clear:both;
	text-align:center;
	padding-top:15px;
	padding-bottom:10px;
}

#logocontainer ul li
{
	display:inline-block;
	padding: 0px 6px 0px 6px;
}

.view2 {
   width: 218px;
   height: 274px;
   margin: 10px 15px 0 0;

}
.view2 .mask,.view2 .content {
    width: 218px;
   height: 274px;

}

}


@media screen and (min-width: 1170px) {	

.videoimage ul{
	padding:0 ;
	margin:0 ;
}
.bannerhoriimgs
{
	margin-right:10px;
	width:50%;
	float:left;
}

#bannershorizontal
{
	text-align:center;	
	width:100%;
	display:none;
}


#footerarea
{
	width:100%;
/*	margin:40px 0 0 0;*/
	margin:0 auto;
	clear:both;	
	position:relative
}

#footercontainer
{
	width:1170px;
	margin:0 auto;
	clear:both;
}

#connect
{
	float:left;
	clear:both;
	padding-top:10px;
}


#brdcumpatch {
	margin-top:70px;	
}
#insidewrapper {
	width:1170px;
	margin:11px auto;
}

#footerpatch {
	padding:10px;
	width:auto;
	position:relative;
}
.banner{ display:none}

/*.academicstab{ width:33%; margin-right:10px; float:left}
.academicstab2{ width:31%; float:right}*/

.academicstab{ width:33%; float:left; background:#f0f0f0; min-height:355px}
.academicstab2{ width:33%; float:left; background:#f0f0f0; min-height:470px}
.academicstab3{ width:33%; float:left; background:#f0f0f0; min-height:260px; margin-top:8px;}
.spacer5{ min-width:3px; float:left; border:1px solid red; opacity:0}

.clearfix2{ clear:both; margin:0; padding:0}
/*#leftmenu { width:215px; background-color:#017acf;position:absolute;left:0px;top:0px;z-index:999;}*/
.leftsidecontent{width:215px; height:420px; float:left; padding:0 }
.newtab{ width:180px; float:left; }
.newsarchives{ width:100%; height: auto; background:#027ad0}
.menu{width:100%; height:11px; background:#fcb131;}
/*.menu{width:100%; height:11px; background:#fcb131; position:fixed; top:0; z-index:999}*/
/*.menuhome{width:100%; height:11px; background:#fcb131; position:fixed; z-index:1000;top:0; }*/
.menuhome{width:100%; height:11px; background:#fcb131; position:absolute; z-index:1000 }
.photogallery{ width:33%; float:right; height:auto; margin:0 1px 4px 0; padding:0; text-align:right; }
#cf {
  position:relative;
  height:210px;
  width:300px;
  margin:0 auto;
}

#vcf {
  position:relative;
  height:250px;
  width:420px;
  margin:0 auto;
}

#fcf {
  position:relative;
  height:244px;
  width:410px;
  margin:0 auto;
}
#cfibfest {
  position:relative;
  height:280px;
  width:410px;
  margin:0 auto;
}
.careersdiv1{ float:left; width:49%; }
.careersdiv2{ float:right; width:48.50%; background:#0162bc; color:#fff; text-align:center; /*padding-top:20px*/}
/*.careerbullet{width:60%; padding-top:2px; padding-left:25px}
.careerimg{background:#017acf}
#careersleftwrap {
	width:20%;
	margin-top:70px; margin-left:10px;
	float:left; text-align:right
}*/


#careersmainwrapper {
	width:100%;
	float:left;
}
#careersleftwrap {
	width:30%;
	margin-top:0px;
	float:left; text-align:right;
}
#careersrightwrap {
	width:68%;
	text-align:left;
	float:right;
}
.careerbullet{width:80%; padding-top:2px; padding-left:25px}


.admissiondiv1{ float:left; width:45%; background:#fee7c1; padding:15px 22px }
.admissiondiv2{ float:right; width:45%; background:#fee7c1;padding:15px 22px 30px 22px; font-size:17px}

.leftcontentscroll{width:100%; height:100%; margin-top:-3px}
.leftcontentscroll2{width:100%;/* height:230px; */}
/*.chairperson{ float:left; width:30%;  margin-top:11px}
.chairpersonmsg{ float:left; width:54%; font-size:25px; color:#fff; font-weight:normal;font-family:fsalbertthin, Arial, Helvetica, sans-serif, "Arial Narrow"; line-height:22px; margin:15px 0 0 20px;}
.chairpersondiv{width:100%; height:112px; background:#006cb8; position:absolute; bottom:5px; border-top:1px solid #017acf}*/



.alumnitxt{ padding:26px 25px 28px 25px}


.scrollcontainer{ width:100%; height:200px; margin:0; padding:0;}



/*.view2 {
   width: 218px;
   height: 274px;
   margin: 10px 15px 0 0;

}
.view2 .mask,.view2 .content {
    width: 218px;
   height: 274px; border:1px solid red

}*/

}
@media screen and (max-width: 1024px) {


	
	.font_resize_wrapper {
		display:none;
	}
.blockquote2 {width: 90%;}	
.blockquote2:after {right: 40px;}	
.blockquote2 cite { margin-right:145px; text-align:right}	

.blockquote3 {width: 90%; font-size:22px}	
.blockquote3:after {right: 0px;}

.blockquote4 {width: 76%; font-size:18px}	
	
.blockquote5 {width: 85%;}	
.blockquote5 cite { margin-right:0; text-align:LEFT; float:left}	

.blockquote6 {width: 85%;}	
.blockquote6 cite { margin-right:0; text-align:LEFT; float:left}	

	#tedxcontentleft2 {
	width:45%;
	float:left;
}
#unversityresultpatch {
	width:350px;
}
#daisresultpatch {
	width:355px;
}

#leaderleftwrap {
	width:100%;
	float:left;
}	
	#leaderrighttwrap {
	width:100%;
	margin-top:0px;
	float:right; 
}

.videoimage2 ul{
	width:80%;
}

.tab ul.login
{
	margin-right:6px;
}
	
.academics:hover li {
	padding:0 0 0 22px;
	text-align:left;
}
.sportsnamelinks li {
	width:160px;
}
.uniform li {
	width: 222px;
	margin-right:10px;
}
.ibstudent li {
	margin-right: 8px;
}	
.highbulpoints3 li {
	width: 152px;
	height: 205px;
}
.highbulpoints4 li {
	width: 152px;
	height: 175px;
}	
.highbulpoints li {
	width: 158px;
}
.highbulpoints2 li {
	width: 170px;
}	
.resultspersent4 ul{
	width:73%;
	
}
.resultspersent3 ul{
	width:90%;
	
}
.resultspersent6 ul{
	width:100%;
	
}
.resultspersent6 li{
	width:44%;
	
}
.resultspersent5 ul{
	width:60%;
	
}
.resultspersent5 li{
	padding:0px 20px 30px 20px;
	border-right: none;
}
.blockquote7:after
{font-size: 110px;right: 30px;bottom: -51px;}
.persenblack .persenblack2
{font-size: 19px;line-height: 32px;}	
.persenbigblue{font-size: 25px;}
.persenorange .persenblue{font-size: 25px;}
.resultspersent2 li {
	padding: 0px 12px 0px 12px;
	width: 21%;
}	
.resultspersent ul {
	width:100%;
}
.resultspersent li {
	padding: 0px 4px 0px 4px;
}
#glancerankpaperwrap {
	width: 28%;
	margin-top: 50px;
	float: left;
}	
.sitemapcontainer2{width:22%; float:right; margin-right:0}
.sitemapcontainer1{width:24%; float:left; margin-right:18px;}
.sitemaplink{ font-size:19px}
#videocf {
  position:relative;
  height:93px;
  width:160px;
  margin:0 auto;
}
.videolink{ font-size:14px; color:#000; }
.videoimage li{
	margin-right:6px;
	float:left;
}

#vcf {
  position:relative;
  height:196px;
  width:330px;
  margin:0 auto;
}	

#fcf {
  position:relative;
  height:202px;
  width:340px;
  margin:0 auto;
}

#sgallary {
  position:relative;
  width:260px;
  height:154px;  
  margin:0 auto;
  border:4px solid #3d99db;
}
	
#facilitessliderwrap {
	width: 95%;
	padding: 15px 15px 15px 0px;
	float: left;
}	
.admissiondiv1 {
	padding: 26px 22px;
}	
#glancbullwrap {
	margin-left: 10px;
}
.ibstudent ul {
	width: 96%;
}
.highrate ul {
	width: 100%;
}
.highrate li {
	font-size:20px;
}	
.insigniamag li {
	width: 138px;
}	
#thimunleftwrap {
	width: 34%;
	padding: 56px 10px 30px 3px;
	float: left;
}
#thimunrightwrap {
	width: 58%;
	float: right;
}	
#sportstitlewrapper {
	margin-bottom:40px;
	height: 65px;
}
#sportachleftwrap {
	padding: 15px 15px 25px 10px;
	font-size:18px;
}
.sportsachiv li {
	font-size: 13px;
}
.sportsimage {
	margin-right: 62px;
}
#sportgrayeftwrap {
	padding: 15px 25px 15px 0px;
}	
#sportstitlewrap {
	width:38%;
}
#sportslogowrap {
	width:55%;
}	
.clubvarious li{
	width:222px;
	height:205px;
	margin:0 10px 10px 0;

}
#interexchangerightwrap {
	width:53%;
	padding:10px 19px 15px 17px;
}
#interexchangeleftwrap {
	width:42%;
	padding:34px 0 32px 1px;
}	
#intercircle1 {
	width:30%;
}
#intercircle2 {
	width:30%;
}
#intercircle3 {
	width:30%;
}
#seminarbluewrap {
	width:60%;
	background:#027ad0;
	padding:15px;
}
#seminarorangewrap {
	width:30%;
	padding:27px 15px 50px 16px;
	border-left:8px solid #e08108;
}
.seminarhighlinks li{
	line-height:44px;
}
.academics{ width:32%;}
.academics2{ width:31%;}
.academics ul{	padding:0;	margin:0 auto; width:81%}
.academics2 ul{	padding:0;	margin:0 auto; width:70%}

.leadershipdiv1{ float:left; width:48%; padding:0px }
.leadershipdiv2{ float:right; width:48%; padding:0px; text-align:left;}

.leadershipvideo
{
	width:95%; padding:10px; text-align:left; background-color:#eeeeee;	
}

.tedxdiv1{ float:left; width:48%; padding:0px }
.tedxdiv2{ float:right; width:48%; padding:0px; text-align:left;}

.tedxvideo
{
	width:95%; padding:10px; text-align:left; background-color:#eeeeee;	
}

	
#dhaquote1
{
	margin-left:15px;
}		
ul.resp-tabs-list {
	margin-left:40px;	
}	
#buslistyellow:hover {
	background-size:75px 36px;
	background-position:right 8px center;	
}
#buslistblue:hover {
	background-size:75px 36px;
	background-position:right 8px center;	
}
#bustransport {
	width:auto;
}	
#buslistyellow {
	width:43%;
}
#buslistblue {
	width:43%;
	margin-left:10px;	
}
.yellowtextlist {
	width:60px;
	padding:20px 15px 26px 0;	
	font-size:75px;	
}
.blueextlist {
	width:60px;
	font-size:75px;	
}
.busstoptxt {
	margin-left:15px;
	padding-top:15px;
}
#supportngoleftwrap {
	width:45%;
	float:left;
}
#supportngorightwrap {
	width:45%;
	float:right;
}	
#roundhishwrapper {
	width:auto;
	float:left;
}
#roundaredwrap {
	width:51%;
}
#roundquotewrap {
	width:41%;
	padding:42px 9px 53px 10px;
	min-height: 221px;
}
.chairpersonmsg {
	font-size:20px;
	width:45%;
}
.chairperson {
	width:30%;
	margin-top:30px;
	float:right;
}	
.tedximg {
	width:200px;
}
.tedxtxt {
	width:35%;
}
#tedxhighlight {
	font-size:15px;
	line-height:22px;
	padding-top:15px;
}
#tedxpinkwrap {
	width:97%;
	padding:25px;
	background:#fff6c2;
	float:left;
}
.tedxpinkimg li{
	width:24%;
	margin-right:8px;
}
.tedxbanner {
	width:380px;
}

.view {
   width: 225px;
   height: auto;
   margin: 10px 12px 0 0;
   float: left;
/*   border: 10px solid #fff;*/
   overflow: hidden;
   position: relative;
   text-align: center;
}
.view .mask, .view .content {
width: 225px;
height: auto;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
#vertical, #horizontal {
	margin:0px auto;
	width:100%;
}

#vertical div, #horizontal div {
	margin-right:3px;
	float:left; 
	width:305px;
	height:179px;
	position:relative;
	overflow:hidden;
	margin-right:12px;
	margin-bottom:12px;	
}
#vertical img, #horizontal img {
	position:absolute;
}

.services
{
	width:auto;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	width:376px;
	height:221px;
}

.services1
{
	width:auto;
	float:left;
	width:376px;
	height:221px;
	margin-bottom:20px;	
	margin-right:20px;	
}
	
#awardsyearpatch {
	width:auto;
	background:#fedda5;
	padding:20px;
	margin:40px 0 40px 0;
	float:left;
}
#blueyear {
	width:240px;
	padding-right:10px;
	margin:0;
	border-right:1px solid #ffffff;
	float:left;
}	
#yearlevel {
	width:660px;
	float:right;
}
.blueyeartxt {
	font-size:40px;

}
.noawards li{
	margin-right:0px;
	float:left;
}

.button {
/*  margin: .4em;
  padding: 1em;*/
  cursor: pointer;
  background:#transparent;
  text-decoration: none;
  color: #666666;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width:240px;
}

/* 2D TRANSITIONS */

/* Grow */

.grow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  width:240px;  
}

.grow:hover {
  width:240px;	
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}


#fl_menu {
	display:none;
}
#daisresultpatch {
	width:282px;
	height:auto;
}
#unversityresultpatch {
	width:272px;
	height:auto;
}
#bannershorizontal
{
	text-align:center;	
	width:100%;
	display:none;
}
.academicshead{ background:#017acf; font-size:22px; color:#FFF; padding:8px 0 8px 0px; margin:0; width:316px;}
.academicstab{ width:33%; float:left; background:#f0f0f0; min-height:420px}
.academicstab2{ width:33%; float:left; background:#f0f0f0; min-height:450px; margin-bottom:8px;}
.academicstab3{ width:33%; float:left; background:#f0f0f0; min-height:260px}
.spacer5{ min-width:2px; float:left; border:1px solid red; opacity:0}
.banner{ display:none}

/*#leftmenu { width:215px; background-color:#017acf;position:absolute;left:0px;top:0px;z-index:999; overflow:hidden}*/
.menu{width:100%; height:11px; background:#fcb131;}
.menuhome{width:100%; height:11px; background:#fcb131; position:absolute; z-index:1000 }
.banner{ display:none}
.leftsidecontent{width:215px; height:420px; float:left }
.newtab{ width:180px; float:left; }
.photogallery{ width:33%; float:left; height:auto; margin:0 0px -10px 0; padding:0; text-align:right;  }
#cf {
  position:relative;
  height:175px;
  width:232px;
  margin:0 auto;
}

.careersdiv1{ float:left; width:49%; }
.careersdiv2{ float:right; width:48%; background:#0162bc; color:#fff; text-align:center; padding:0 2px}.careerimg{background:#017acf}



#careersmainwrapper {
	width:100%;
	float:left;
}
#careersleftwrap {
	width:25%;
	margin-top:55px;
	float:left; text-align:right;
}
#careersrightwrap {
	width:72%;
	text-align:left;
	float:right;
}
.careerbullet{width:80%; padding-top:2px; padding-left:25px}

.alumnileftcontainer{ float:left; width:59%; background:#017acf; font-size:15px; color:#fff;}
.alumnitxt{ padding:18px 25px 13px 25px; }
.alumnirightcontainer{ float:right; width:41%;}


.scrollcontainer{ width:100%; height:200px; margin:0; padding:0;  }
.leftcontentscroll2{width:235px; height:230px; padding-right:5px; background:#005998 }

#SLwrapper {
	width:100%;
	margin-left:0;
	float:left;
}
.view2 {
   width: 180px;
   height: 226px;
   margin: 10px 11px 0 0; }
   
   	.view2 .mask,.view2 .content {
   width: 180px;
   height: 226px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}


#footercontainer
{
	width:95%;
	margin:0 auto;
	clear:both;
}
#footeradd
{
	width:27%;
	padding-right:0px;
	padding-left:5px;	
	border-right:1px solid #ffca6f;
	float:left;
	height:190px; line-height:19px
}

#footerlinks
{
	width:17%;
	padding-right:0px;
	padding-left:25px;		
	border-right:1px solid #ffca6f;
	float:left;	
	height:190px;	
}

#footercopy
{
	width:18%;
	padding-right:10px;
	padding-left:20px;		
	border-right:1px solid #ffca6f;
	float:left;	
	height:190px;	
}

#footersocial
{
	width:29%;
	padding-left:10px;		
	float:left;	
	height:190px;	
}

#universities
{
	float:left;
	border-bottom:1px solid #ffca6f;
}
#universities .imgpadding
{
	padding-left:5px;
	padding-bottom:20px;
}

.whitefootertitle
{
	font-family:fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:20px;
	color:#006cb8;
	text-decoration:none;
	text-align:left;
	margin-bottom:15px;
}
.whitefootertitle2
{
	font-family:fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:16px;
	color:#006cb8;
	text-decoration:none;
	text-align:left;
	margin-bottom:15px;
}

.greyfootertxt
{
	font-family:fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:15px;
	color:#543500;
	text-decoration:none;
	text-align:left;
	font-weight:normal; 
}
.footersmalltxt
{
	font-family:fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:13px;
	color:#383838;
	text-decoration:none;
	text-align:left;	
}
.footersmalltxtlink
{font-size:16px;
	color:#543500;
	text-decoration: underline;
}
.clear
{
	clear:both;
}

ul.links1 li {
	font-family:fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:13px;
	color:#383838;
	line-height:24px;	
    float:left; width:50%; 
}

ul.links1 li a{
	font-family:fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:13px;
	color:#313131;
	line-height:24px;	
    float:left; width:95%;
}
#connect
{
	float:left;
	padding-top:10px;
}
.footersocialleft{width:60%; float:left; font-size:14px; color:#313131; margin-top:45px}
.footersocialright{width:40%; float:left; margin-top:35px}
/*.footersocialleft{width:60%; float:left; font-size:14px; color:#313131; margin-top:45px}
.footersocialright{width:40%; float:right; margin-top:35px}*/
}

@media screen and (max-width: 800px)  {
	#leaderrighttwrap{width: 48%;}
	#leaderleftwrap{width: 100%;}

	.font_resize_wrapper {
		display:none;
	}
	#sliderFrame{ display:none} 
#photogallerycontainer {
	width:auto;
}
.blockquote2:after {right: 230px;}
.blockquote2 cite { margin-right:345px; text-align:right}

.blockquote3 {width: 81%;}

.blockquote4 {width: 82%; font-size:18px}	
.blockquote4:after {right: 230px;}
.blockquote4 cite { text-align:left; float:left}

.blockquote5:after {right: 410px;}
.blockquote6:after {right: 160px;}


		#tedxcontentleft2 {
	width:100%;
	float:left;
}
.videoimage2 ul{
	width:82%;
}	
#glancerankpaperwrap {
	width: 30%;
}
.highrate ul {
	width: 100%;
}
.highrate li {
	font-size:24px;
}	
.sitemapcontainer1{width:47%; float:left; margin-right:15px;}
.sitemapcontainer2{width:47%; float:left; margin-right:0}	
.sitemaplink{ font-size:22px}
#videocf {
  position:relative;
  height:108px;
  width:185px;
  margin:0 auto;
}
.khtablecont1 img
{
	width:100%;
}
.khtab1
{
	width:100;
}
#vcf {
  position:relative;
  height:250px;
  width:420px;
  margin:0 auto;
}

#fcf {
  position:relative;
  height:244px;
  width:410px;
  margin:0 auto;
}	
	
.ibstudent ul {
	width: 86%;
}
		
.insigniamag li {
	width: 156px;
}	
#thimunrightwrap {
	width:94%;
	float:left;
}	
#sportstitlewrapper {
	height: 72px;
}	
#sportachleftwrapper {
	width: 100%;
	margin: 12px 0 2px 0;
	float: left;
}
#sportachleftwrap {
	padding: 25px 0px 85px 20px;
	width: 48%;
	float: left;
}
#sportgrayeftwrap {
	padding: 15px 25px 15px 19px;
	width: 43%;
	float: right;
}
.clubvarious li{
	width:252px;
	height:234px;
}	
#interexchangeconleftwrap {
	width:auto;
}	
#interexchangeleftwrap {
	width:42%;
	padding:46px 0 46px 1px;
	background-position:right 8px center;
}	
#interexchangerightwrap {
	width:52%;
	padding:10px 18px 15px 17px;
}
	
#intercirclewrapper {
	width:85%;
}
#intercircle1 {
	width:20%;
	margin-right:30px;
}
#intercircle2 {
	width:20%;
	margin-right:30px;	
}
#intercircle3 {
	width:20%;	
}	
#visitorleftwrap {
	width:auto;
}
#visitorrightwrap
{
	width:100%;
}
#seminarbluewrap {
	width:62%;
	background:#027ad0;
	padding:15px;
}
#seminarorangewrap {
	width:30%;
	padding:19px 15px 32px 10px;
	border-left:8px solid #e08108;
}
.topbutslide {
	display:none;
}
	
.leadershipdiv1{ float:left; width:48%; padding:0px }
.leadershipdiv2{ float:right; width:47%; padding:0px; text-align:left;}

.leadershipvideo
{
	width:95%; padding:10px; text-align:left; background-color:#eeeeee;	
}

.tedxdiv1{ float:left; width:48%; padding:0px }
.tedxdiv2{ float:right; width:48%; padding:0px; text-align:left;}

.tedxvideo
{
	width:95%; padding:10px; text-align:left; background-color:#eeeeee;	
}



/* embedded videos */
.video embed,
.video object,
.video iframe {
	width: 100%;
	height: auto;
	min-height: 300px;
}

#accordion li{
	font-family: fsalbert, Arial, Helvetica, sans-serif;
	font-size:16px;
	display: block;
	background-color: #fba30e;
	font-weight: normal;
	margin: 0px;
	border-bottom:1px solid #fcb131;
	cursor: pointer;
	padding: 15px;
	padding-left:35px;
	color:#5f3300;	
	background-image:url(../images/whitebullet.jpg);
	background-repeat:no-repeat;	
/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;*/
}

#accordion li:hover{
	font-family: fsalbert, Arial, Helvetica, sans-serif;
	font-size:16px;
	display: block;
	background-color: #f29700;
	font-weight:normal;
	margin: 0px;
	border-bottom:1px solid #fcb131;
	cursor: pointer;
	padding:15px;
	padding-left:35px;
	color:#4a2800;	
	background-image:url(../images/whitebullet_hover.jpg);
	background-repeat:no-repeat;	
/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;*/
	text-decoration:none;
}

	
#supportngoleftwrap {
	width:46%;
	float:left;
}
#supportngorightwrap {
	width:45%;
	float:right;
}	
#roundhishwrapper {
	width:auto;
	float:left;
}
#roundaredwrap {
	width:auto;
}
#roundquotewrap {
	width:100%;
	padding:10px 0px 20px 0px;
	border:none;
}	
#roundleftwrap {
	width:auto;
	float:left;
}
#roundrightwrap {
	width:100%;
	margin-top:20px;
	float:left;
}
.mainblock
{
	float:left;
	width:775px;
	margin:0px;
	padding:0px;
		
}
	
.annualblock1
{
	float:left;
	width:48%;
	padding-right:0px;
	clear:both;	
}

.annualblock2
{
	float:right;
	width:48%;
	padding-left:0px;
}
	
.graduationblock
{
	float:left;
	width:775px;
	margin:0px;
	padding:0px;; 
		
}
.gradimg1
{
	float:left;
	width:48%;
	text-align:center;
}

.gradimg2
{
	float:right;
	width:48%;
	text-align:center;	
}
#happeningwrapper {
	width:100%;
	margin-left:55px;
	float:left;
}
#SLwrapper {
	width:100%;
	margin-left:55px;
	float:left;
}
	
	.blueinspirationtxt {
	margin-top:15px;
}
.col2container {
	width:100%;
}
#banners
{
	display:none;
}

#bannershorizontal
{
	margin-top:20px;
	margin-left:4px;		
	width:100%;
	display:block;
}

.bannerhoriimg1
{
	margin-right:10px;
	width:31%;
	text-align:center;
}

.bannerhoriimg2
{
	margin-right:10px;
	width:31%;
	text-align:center;
}
.bannerhoriimg3
{
	margin-right:10px;
	width:31%;
	text-align:center;
}	

	
	#faciliteswrapper {
	width:100%;
	float:left;
}
#facilitesleftwrap {
	width:100%;
	float:left;
}
#facilitesrightwrap {
	width:100%;
	float:left;
}	
#leaderrighttwrap {
	width:100%;
	margin-top:20px;
	float:left;
}
#facilitessliderwrap {
	margin-top:15px;
	width:100%;
	background:#fee7c1;
	padding:15px 10px 15px 10px;
	margin-bottom:25px;	
	float:left;
}
#leaderrighttwrap {
	width:100%;
	margin-top:20px;
	float:left; 
}
#leaderleftwrap {
	width:auto;
	float:left;
}	
.tedxtxt {
	display:none;
}
#tedxpinkwrap {
	width:auto;
	padding:15px;
	background:#fff6c2;
	float:left;
}
.view {
   width: 40%;
   height: auto;
   margin: 10px 12px 0 0;
   float: left;
/*   border: 10px solid #fff;*/
   overflow: hidden;
   position: relative;
   text-align: center;
}
#dhaquote1
{
	width:100%;
	margin-top:30px;
	text-align:center;
}	
	
.quoteimg
{
	width:90%;
	text-align:center;
}

.button {
/*  margin: .4em;
  padding: 1em;*/
  cursor: pointer;
  background:#transparent;
  text-decoration: none;
  color: #666666;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width:198px;
}

/* 2D TRANSITIONS */

/* Grow */

.grow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  width:198px; 
}

.grow:hover {
  width:198px;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}			

.services
{
	width:auto;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:350px;
	height:221px;
}

.services1
{
	width:auto;
	float:left;
	width:350px;
	height:221px;
	margin-bottom:10px;	
	margin-right:10px;	
}			

#fl_menu {
	display:none;
}
#yearlevel {
	width:95%;
	margin:0 auto;
}
#blueyear {
	width:100%;
	float:left;
}
#awardsnewsleft {
	width:45%;
}
#awardsnewsright {
	width:45%;
}
#daisresultpatch {
	width:48%;
	height:auto;
	margin-bottom:20px;	
}
#unversityresultpatch {
	width:48%;
	height:auto;
	margin-bottom:20px;
}
#daisresultstxt {
	width:90%;
	margin:0 auto;
}
.resultsorange {
	font-size:25px;
}
.resultsblue {
	font-family:fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:16px;
	color:#027ad0;
	margin-top:25px;
	line-height:30px;
	padding-bottom:20px;
}
.dhaimg
{
	width:100%;
	text-align:center;
	float:left;
}	

#logocontainer ul li
{
	display:inline-block;
	padding: 0px 14px;
}
#footeradd
{
	width:28%;
	padding-right:10px;
	padding-left:5px;	
	border-right:1px solid #ffca6f;
	float:left;
	height:190px;
	padding-bottom:20px;
}

#footerlinks
{
	width:21%;
	padding-right:10px;
	padding-left:15px;		
	float:left;	
	height:190px;	
	padding-bottom:20px;	
}

#footercopy
{
	width:41%;
	padding-right:0px;
	padding-left:12px; border-left:1px solid #ffca6f;border-right:0px solid #ffca6f;	
	float:left;	
	height:190px;	
}

#footersocial
{
	width:100%;
	padding-left:10px;			
	float:left;	
	height:120px;border-top:1px solid #ffca6f; margin-top:10px;
}
.footersocialleft{width:65%; float:left; font-size:14px; color:#313131; margin-top:45px}
.footersocialright{width:35%; float:right; margin-top:15px}
#universities
{
	float:left;
	border-bottom:0px solid #ffca6f; width:45%; margin-top:40px
}
.footersocialmain{width:100%; float:left;width:50%}

#insidewrapper {
	width:auto;
	margin-top:11px;
	float:none;
	margin:0 5px;
}
#toppatch {
	width:auto;
	float:none;
}
#insidelogo {
	width:auto;
	padding:0 0 0 10px;
	float:left;
}

#insidelogo1 {
	width:auto;
	padding:0 0 0 10px;
	float:left;
}

#brdcumpatch {
	width:auto;
	padding:24px 0 0 40px;
	float:left;	
}
/*#menusliderpatch {
	position:relative;
}*/
#menuleftwrap {
	width:100%;
	float:left;
}
/*#sliderwrap {
	width:100%;
	float:none;
}*/
#bodycontentmenu {
	width:100%;
	float:left;
}
#placement0513 {
	width:100%;
	float:left;
}
#bodycontent {
	margin-top:0px;
	width:auto;
	padding:0 5px 0 5px;
	float:left;
}
#sitemapcontent {
	margin-top:0px;
	width:auto;
	padding:0 5px 0 5px;
}
#sidebar {
		width:100%;
		float:left;
	}

.admissionimg
{
	margin-right:10px;
	width:100%;
	text-align:center;
	margin-bottom:10px;
}
.academicshead{ background:#017acf; font-size:22px; color:#FFF; padding:8px 0 8px 0px; margin:0; width:253px;}
.academicstab{ width:33%; float:left; background:#f0f0f0; }
.academicstab2{ width:32%; float:left; background:#f0f0f0; min-height:440px}
.academicstab3{ width:32%; float:left; background:#f0f0f0; min-height:200px}

.spacer5{ min-width:2px; float:left; border:1px solid red; opacity:0}
.academicsimg{ width:49%; float:center; background:#ffffff; min-height:320px}
.banner{ display:none}
.leftsidecontent{width:800px; height:420px; float:left; margin-left:5px;}
.newtab{ width:180px; float:left}


.photogallery{ width:33%; float:left; height:auto; margin:0 0px -10px 0; padding:0; text-align:right}
.careersdiv1{ float:left; width:49%; }
.careersdiv2{ float:right; width:48%; background:#0162bc; color:#fff; text-align:center; padding:0 5px; }
.careerbullet{width:60%; margin:0 auto}

.admissiondiv1{ float:left; width:94%; background:#fee7c1;   }
.admissiondiv2{ float:right; margin-top:20px; width:97.50%; background:#fee7c1; padding:0 10px; }
.leftcontentscroll{width:100%; height:400px; margin-top:-3px; }
.leftcontentscroll2{width:100%; height:230px;  }
.banner{ width:auto; height:auto; display:block}

.chairpersonmsg {
	font-size:20px;
	width:45%;
}
.chairperson {
	width:30%;
	margin-top:4px;
	float:right;
}
/*.chairperson{ float:left; width:20%;  margin-top:0px}
.chairpersonmsg{ float:left; width:50%; font-size:25px; color:#fff; font-weight:normal;font-family:fsalbertthin, Arial, Helvetica, sans-serif, "Arial Narrow"; line-height:22px; margin:0px 0 0 20px;}*/


.alumnileftcontainer{ float:left; width:57%; background:#017acf; font-size:15px; color:#fff; line-height:18px; }
.alumnitxt{ padding:10px 25px 15px 25px}
.alumnirightcontainer{ float:right; width:43%;}
.alumnicontnetleft{ float:left; width:48%}
.alumnicontnetright{ float:right; width:48%; margin-top:20px;}
#vertical, #horizontal {
	margin:0px auto;
	width:100%;
}

#vertical div, #horizontal div {
	margin-right:3px;
	float:left; 
	width:380px;
	height:223px;
	position:relative;
	overflow:hidden;
	margin-right:10px;
	margin-bottom:10px;	
}
#vertical img, #horizontal img {
	position:absolute;
}	
.scrollcontainer{ width:100%; height:200px; margin:0; padding:0; }

.view2 {
   width: 218px;
   height: 274px;
   margin: 10px 15px 0 0;

}
.view2 .mask,.view2 .content {
    width: 218px;
   height: 274px;

}
.leftimage
{
	width:100%;
}
.crertablebuletxt
{
	font-size:23px;
}
.academics{ width:31%;}
.academics2{ width:31%;}
.academics .header{ width:100%; text-align:center;font-size:23px;}
.academics2 .header{ width:100%; text-align:center;font-size:23px;}
.academics a{color:#017acf; font-size:18px; font-weight:normal}
.academics2 a{color:#017acf; font-size:18px; font-weight:normal}
.academics ul{	padding:0;	margin:0 auto; width:95%;}
.academics2 ul{	padding:0;	margin:0 auto; width:80%}
}


		
@media screen and (max-width: 780px) {
.videoimage2 ul{
	width:82%;
}	
/*.sitemapcontainer2{width:50%; float:right; margin-right:0}
.sitemapcontainer1{width:50%; float:left; margin-right:1px;}*/
.sitemaplink{ font-size:19px}


#visitorrightwrap
{
	width:100%;
	float:left;
}
	
	
#commoncontentleftwrap {
	width: 100%;
	float: left;
}	
#glancebulewrap {
	width: 100%;
	float: left;
}
#commoncontentrightwrap {
	width: 100%;
	float: left;
}
.width-adject-right, .width-adject
{
	width:100% !important;
}
.ibstudent ul {
	width: 92%;
}	
.highrate ul {
	width: 100%;
}
.highrate li {
	font-size:22px;
}
.insigniamag li {
	width: 148px;
}	
#thimunleftwrap {
	width:100%;
}	
.clubvarious ul{
	width:96%;
	margin:0 auto;
}
.clubvarious li{
	width:230px;
	height:215px;
}		
#interexchangeconleftwrap {
	width:auto;
}	
#interexchangerightwrap {
	width:52%;
	padding:10px 16px 15px 17px;
}	
#intercirclewrapper {
	width:85%;
}
#intercircle1 {
	width:20%;
	margin-right:30px;
}
#intercircle2 {
	width:20%;
	margin-right:30px;	
}
#intercircle3 {
	width:20%;	
}	
#seminarorangewrap {
	width:30%;
	padding:19px 15px 32px 7px;
	border-left:8px solid #e08108;
}	
#insideroutewrap {
	width:100%;	
	float:left;
}
#insidebustimewrap	{
	margin-top:20px;
}
.mainblock
{
	float:left;
	width:735px;
	margin:0px;
	padding:0px;
		
}
	
.annualblock1
{
	float:left;
	width:48%;
	padding-right:0px;
	clear:both;	
}

.annualblock2
{
	float:right;
	width:48%;
	padding-left:0px;
}	
	.graduationblock
{
	float:left;
	width:735px;
	margin:0px;
	padding:0px;; 
		
}
.gradimg1
{
	float:left;
	width:48%;
	text-align:center;
}

.gradimg2
{
	float:right;
	width:48%;
	text-align:center;	
}


#happeningwrapper {
	width:100%;
	margin-left:65px;
	float:left;
}
#SLwrapper {
	width:100%;
	margin-left:35px;
	float:left;
}
#bannershorizontal
{
	text-align:center;	
	width:100%;
	display:block;
	margin-left:22px;
}

.bannerhoriimg1
{
	margin-right:10px;
	width:31%;
	text-align:center;
}

.bannerhoriimg2
{
	margin-right:10px;
	width:31%;
	text-align:center;
}
.bannerhoriimg3
{
	margin-right:10px;
	width:31%;
	text-align:center;
}	
	
#faciliteswrapper {
	width:100%;
	float:left;
}
#facilitesleftwrap {
	width:100%;
	float:left;
}
#facilitesrightwrap {
	width:100%;
	float:left;
}	
#leaderrighttwrap {
	width:100%;
	margin-top:20px;
	float:left;
}
#facilitessliderwrap {
	margin-top:15px;
	width:100%;
	background:#fee7c1;
	padding:15px 10px 15px 10px;
	margin-bottom:25px;	
	float:left;
}
#leaderleftwrap {
	width:auto;
	float:left;
}
.tedxtxt {
	display:none;
}
.tedximg {
	width:200px;
	float:left;
}
#yellowpatch
{
	background-color:#ffd07f;
	padding:20px;
	width:94%;
}

#vertical, #horizontal {
	margin:0px auto;
	width:100%;
}

#vertical div, #horizontal div {
	margin-right:3px;
	float:left; 
	width:360px;
	height:212px;
	position:relative;
	overflow:hidden;
	margin-right:10px;
	margin-bottom:10px;	
}
#vertical img, #horizontal img {
	position:absolute;
}	
	
	
#dhaquote1
{
	width:100%;
	margin-left:30px;
	margin-top:30px;
	text-align:center;
}	

.quoteimg
{
	width:90%;
	text-align:center;
}

.button {
/*  margin: .4em;
  padding: 1em;*/
  cursor: pointer;
  background:#transparent;
  text-decoration: none;
  color: #666666;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width:190px;
}

/* 2D TRANSITIONS */

/* Grow */

.grow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  width:190px; 
}

.grow:hover {
  width:190px;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}		

.services
{
	width:auto;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:350px;
	height:221px;
}

.services1
{
	width:auto;
	float:left;
	width:350px;
	height:221px;
	margin-bottom:10px;	
	margin-right:10px;	
}		

	
#fl_menu {
	display:none;
}
#awardsnewsleft {
	width:45%;
}
#awardsnewsright {
	width:45%;
}
#blueyear {
	width:100%;
	padding-right:0px;
	border-right:none;
	margin:0 auto;
}	
#yearlevel {
	width:97%;
	margin:0 auto;
}
.blueyeartxt {
	font-size:50px;

}
.noawards li{
	margin-right:0px;
	float:left;
}

#logocontainer ul li
{
	display:inline-block;
	padding: 0px 20px 0px 20px;
}

#footeradd
{
	width:28%;
	padding-right:10px;
	padding-left:5px;	
	border-right:1px solid #ffca6f;
	float:left;
	height:190px;
	padding-bottom:20px;
}

#footerlinks
{
	width:21%;
	padding-right:10px;
	padding-left:15px;		
	float:left;	
	height:190px;	
	padding-bottom:20px;	
}

#footercopy
{
	width:41%;
	padding-right:0px;
	padding-left:12px; border-left:1px solid #ffca6f;border-right:0px solid #ffca6f;	
	float:left;	
	height:190px;	
}

#footersocial
{
	width:100%;
	padding-left:10px;	
	float:left;	
	height:120px;border-top:1px solid #ffca6f; margin-top:10px;
}
/*.footersocialleft{width:65%; float:left; font-size:14px; color:#313131; margin-top:45px}
.footersocialright{width:35%; float:right; margin-top:15px}
#universities
{
	float:left;
	border-bottom:0px solid #ffca6f; width:55%; margin-top:40px; border:1px solid
}
.footersocialmain{width:100%; float:left;width:47%}*/
#bodycontentmenu {
	margin-top:20px;
	width:99%;
	padding:0 5px 0 0px;
	float:left;
}
#placement0513{
	margin-top:20px;
	width:99%;
	padding:0 5px 0 5px;
	float:left;
}
#sidebar {
		width:100%;
		float:left;
	}
	
#brdcumpatch {
	width:auto;
	padding:24px 0 0 40px;
	float:left;
}	
.academicshead{ background:#017acf; font-size:22px; color:#FFF; padding:8px 0 8px 0px; margin:0; width:250px;}
.academicstab{ width:33%; float:left; background:#f0f0f0;min-height:350px}
.academicstab2{ width:33%; float:left; background:#f0f0f0; min-height:440px}
.academicstab3{ width:33%; float:left; background:#f0f0f0; min-height:200px}
.spacer5{ min-width:1px; float:left; border:1px solid red; opacity:0}
.academicsimg{ width:100%; float:center; background:#ffffff; min-height:320px}
.banner{ width:auto; height:auto; display:block}
.bgslide{ display:none;}
/*	#leftmenu {width:auto;background-color:#017acf; overflow:hidden }*/
	#header {width:auto;position:relative;}
		.logo{ width:auto; text-align:center; height:100%; }
			#panel .content {width: 100%;padding-top: 15px;text-align: left;}
			.leftsidecontent{width:780px; height:420px; float:left;margin-left:5px;  }
.newtab{ width:700px; float:left}
.photogallery{ width:32%; float:left; height:auto; margin:0 2px -5px 0; padding:0; text-align:right; }
#cf {
  position:relative;
  height:138px;
  width:180px;
  margin:0 auto;
}
.careersdiv1{ float:left; width:100%; }
.careersdiv2{ float:right; width:97.50%; background:#0162bc; color:#fff; text-align:center; padding:0 10px; margin-top:10px; }
.careerimg{background:none}		


#careersmainwrapper {
	width:100%;
	float:left;
}
#careersleftwrap {
	width:30%;
	margin-top:55px;
	float:left; text-align:right;
}
#careersrightwrap {
	width:67%;
	text-align:left;
	float:right; 
}
.careerbullet{width:80%; padding-top:2px; padding-left:25px}


.admissiondiv1{ float:left; width:94%; background:#fee7c1;   }
.admissiondiv2{ float:left; margin-top:20px; width:98%; background:#fee7c1; padding:15px 10px 0 14px; }

.leftcontentscroll{width:100%; height:220px; margin-top:-3px}
.leftcontentscroll2{width:761px; height:230px;  }


.chairperson{ float:left; width:20%;  margin-top:4px;}
/*.chairpersonmsg{ float:left; width:50%; font-size:25px; color:#fff; font-weight:normal;font-family:fsalbertthin, Arial, Helvetica, sans-serif, "Arial Narrow"; line-height:22px; margin:15px 0 0 20px; border:1px solid red}*/


.alumnileftcontainer{ float:left; width:60%; background:#017acf; font-size:14px; color:#fff; line-height:16px}
.alumnitxt{ padding:10px 20px 13px 20px}
.alumnirightcontainer{ float:right; width:40%;}

.alumnicontnetleft{ float:left; width:100%}
.alumnicontnetright{ float:right; width:100%}
.scrollheight{ height:10px}

.scrollcontainer{ width:100%; height:200px; margin:0; padding:0;}
.view2 {
   width: 218px;
   height: 274px;
   margin: 10px 15px 0 0;

}
.view2 .mask,.view2 .content {
    width: 218px;
   height: 274px;

}

.academics{ width:31%;}
.academics2{ width:31%;}
.academics .header{ width:100%; text-align:center;font-size:23px;}
.academics2 .header{ width:100%; text-align:center;font-size:23px;}
.academics a{color:#017acf; font-size:18px; font-weight:normal}
.academics2 a{color:#017acf; font-size:18px; font-weight:normal}

.academics ul{	padding:0;	margin:0 auto; width:100%;}
.academics2 ul{	padding:0;	margin:0 auto; width:100%}

}

@media screen and (min-width: 780px) {
/*.sitemapcontainer1{width:24%; float:left; margin-right:15px}	*/
#bannershorizontal
{
	text-align:center;	
	width:100%;
	display:none;
}	

#brdcumpatch {
	width:auto;
/*	padding:24px 0 0 40px;
*/	float:left;
}	
.leftsidecontent{width:100%; height:420px; float:left;margin-left:5px }
.newtab{ width:200px; float:left}

.photogallery{ width:32%; float:left; height:auto; margin:0 2px 0px 7px; padding:0; text-align:right; }
/*.chairperson{ float:left; width:40%;  margin-top:11px}
.chairpersonmsg{ float:left; width:50%; font-size:25px; color:#fff; font-weight:normal;font-family:fsalbertthin, Arial, Helvetica, sans-serif, "Arial Narrow"; line-height:22px; margin:15px 0 0 20px;}*/

.scrollcontainer{ width:100%; height:200px; margin:0; padding:0;}
}

@media screen and (max-width: 768px) {
	.font_resize_wrapper {
		display:none;
	}
	#photogallerycontainer {
		width:auto;
	}
	.photogallery {
		width:24%;
	}
.blockquote2 {width: 90%;}	
.blockquote2:after {right: 140px}
.blockquote2 cite { margin-right:225px; text-align:right}
.blockquote3 {width: 84%;}	

.blockquote4 {width: 80%; font-size:18px}	
.blockquote4:after {right: 0px;}

.blockquote5:after {right: 350px;}
.blockquote6:after {right: 50px;}

.sitemapcontainer1{width:47%; float:left; margin-right:15px;}
.sitemapcontainer2{width:47%; float:left; margin-right:0}	

#videocf {
  position:relative;
  height:102px;
  width:175px;
  margin:0 auto;
}
#vcf {
  position:relative;
  height:250px;
  width:420px;
  margin:0 auto;
}	
	
#fcf {
  position:relative;
  height:244px;
  width:410px;
  margin:0 auto;
}

#sgallary {
  position:relative;
  width:275px;
  height:163px;  
  margin:0 auto;
  border:4px solid #3d99db;
}
.khtablecont1 img
{
	width:100%;
}
.khtab1
{
	width:100;
}
#visitorrightwrap
{
	width:100%;
	float:left;
}	
	
.leftcontentscroll2{width:721px; height:230px;  }

.leadershipdiv1{ float:left; width:48%; padding:0px }
.leadershipdiv2{ float:right; width:48%; padding:0px; text-align:left;}

.leadershipvideo
{
	width:95%; padding:10px; text-align:left; background-color:#eeeeee;	
}

.tedxdiv1{ float:left; width:48%; padding:0px }
.tedxdiv2{ float:right; width:48%; padding:0px; text-align:left;}

.tedxvideo
{
	width:95%; padding:10px; text-align:left; background-color:#eeeeee;	
}

/* embedded videos */
.video embed,
.video object,
.video iframe {
	width: 100%;
	height: auto;
	min-height: 200px;
}
#footerlogos {
	height: auto;
}
.scifairwnr img
{
	width:100%;
}
}

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

.academic-chart{width:100%;}
.academic-chart-section1{width:90%;margin:10px auto; }
.academic-chart-section2{width:90%; float:none; margin:10px auto; }
.academic-chart-section3{width:90%; float:none; margin:10px auto }
.academic-arrow1{ display:none}
.academic-arrow2{display:none}
.academic-arrow3{display:none}
	
#glancerankpaperimg {width:100%;float:left; margin-top:10px; text-align:center}
#glancerankpapertxt {width:100%;margin-right:0;	float:right;}


.blockquote2:after {right: 230px;bottom: -225px;}
.blockquote2 cite { margin-right:225px; text-align:right; float:left}

.blockquote3 {width: 80%;}
.blockquote3 cite {text-align:left; float:left}

.blockquote4 {width: 79%; font-size:18px}	
.blockquote4:after {right: 200px;}

.blockquote5:after {right: 10px;}
.blockquote6:after {right: 10px;}

.quotepatch{ width:100%}
.blockquote7 {width: 90%; font-size:19px}

.persenblack2 {font-size: 18px;line-height: 32px;}
.blockquote7:after
{font-size: 110px;right: 30px;bottom: -51px;}
.persenblack
{font-size: 19px;line-height: 32px;}	
.persenbigblue{font-size: 25px;}
.persenblue{font-size: 25px;}
.persenorange{font-size: 25px;}
.resultspersent2 li {
	padding: 0px 12px 0px 12px;
	width: 21%;
}
#ib-score-canvas{width: 320px; height: 250px;position: relative; top: 0; left: 20px;}
#ib-score-canvas2{position: relative;height: auto;}
.vertical-text{width: 67%;height: 215px; top: 250px;}
#ib-score-canvas .vertical-text-dpl{width: 70%; height: auto; top: 80px; position:relative;}
canvas {padding-top: 4.5em;}
canvas 2 {padding-top: 4.5em;}
#glancerankpaperwrap {
	display:none;
}
.sitemapcontainer1{width:49%; float:left; margin-right:5px;}
.sitemapcontainer2{width:49%; float:left; margin-right:0}	
#videocf {
  position:relative;
  height:108px;
  width:185px;
  margin:0 auto;
}
.videoimage li{
	margin-right:22px; margin-left:50px;
	float:left;
}

.khtablecont1 img
{
	width:100%;
}
.khtab1
{
	width:100;
}

#sportsleftbuewraper {
	width:100%;
	float:left;
}	
	
#sportsrightbuewraper {
	width:100%;
	margin-top:10px;
	float:left;
}	

#visitorrightwrap
{
	width:100%;
	float:left;
}	
	
	#leaderrighttwrap {
	width:100%;
	margin-top:20px;
	float:left; 
	box-sizing:border-box;
}
.glancewhitetxt2 {
	width: 100%;
	float: left;
}
.highrate ul {
	width: 82%;
}	
.insigniamag li {
	width: 109px;
}	
#thimunleftwrap {
	width:100%;
}
#thimunrightwrap {
	float:left;
	width:96%;
}	
#sportstitlewrap {
	padding-top:8px;
	width: 48%;
}
#sportstitlewrapper {
	height: 45px;
}	
#sportslogowrap {
	width: 46%;
}
#sportsconleft {
	width: auto;
	float: left;
}
#sportsconright {
	width: auto;
	float: left;
}
#sportachleftwrap {
	padding: 15px 0px 25px 20px;	
	width: 100%;
	float: left;
}
#sportgrayeftwrap {
	width: 95%;
	float: left;
}	
.clubvarious ul{
	width:90%;
	margin:0 auto;

}
.clubvarious li{
	width:252px;
	height:235px;

}	
#interexchangeleftwrap {
	width:100%;
	padding:10px 0px 15px 0px;
	float:left;
	background-position:right 45px center;	
}
#interexchangerightwrap {
	width:auto;
	padding:10px 16px 15px 17px;
	float:left;
}	
#interleftwrap {
	width:100%;
	text-align:left;
	margin:0px;
	float:left;
}	
#intercontentleftwrap {
	width:auto;
}
#commoncontentleftwrap {
	width:auto;
}
#commoncontentrightwrap {
	width:auto;
}
#intercontentrightwrap {
	width:auto;
}
#intercirclewrapper {
	width:90%;
}
#intercircle1 {
	width:25%;
	margin-right:35px;
}
#intercircle2 {
	width:25%;
	margin-right:35px;	
}
#intercircle3 {
	width:25%;	
}	
#seminarbluewrap {
	width:auto;
	background:#027ad0;
	padding:15px;
}
#seminarorangewrap {
	width:95%;
	padding:19px 11px 32px 10px;
	border-left:8px solid #e08108;
	float:left;
}
#seminarleftwrap {
	width:auto;
}
#seminarrightwrap {
	width:auto;
	float:left;
}
.leadershipdiv1{ float:left; width:98%; padding:0px;}
.leadershipdiv2{ float:right; width:98%; padding:0px; text-align:left;}

.leadershipvideo
{
	width:95%; padding:10px; text-align:left; background-color:#eeeeee;	
}

.tedxdiv1{ float:left; width:98%; padding:0px;}
.tedxdiv2{ float:right; width:98%; padding:0px; text-align:left;}

.tedxvideo
{
	width:95%; padding:10px; text-align:left; background-color:#eeeeee;	
}
.scifairwnr img
{
	width:100%;
}
#insideroutewrap {
	background:url(../images/bus_icon.png)#eeeeee right no-repeat;
	background-position:right 50px center;	
	padding:15px 20px 15px 10px;	
}
.insidebusstoptxt {
	font-size:22px;
}
#buslistyellow:hover {
	background-size:auto auto;	
	background-position:right 80px center;
}
#buslistblue:hover {
	background-size:auto auto;		
	background-position:right 80px center;
}
#bustransport {
	width:auto;
}	
#buslistyellow {
	width:100%;
}
#buslistblue {
	width:100%;
	margin-left:0;	
}
.yellowtextlist {
	width:85px;	
	font-size:90px;	
}
.blueextlist {
	width:85px;
	font-size:90px;	
}	
#interrightwrap {
	margin-top:10px;
	width:100%;
	text-align:left;
	float:left;
}	

#dhaquote1
{
	width:100%;
	margin-top:30px;
	text-align:center;
}	
	
#accordion li{
	font-family: fsalbert, Arial, Helvetica, sans-serif;
	font-size:16px;
	display: block;
	background-color: #fba30e;
	font-weight: normal;
	margin: 0px;
	border-bottom:1px solid #fcb131;
	cursor: pointer;
	padding: 15px;
	padding-left:35px;
	color:#5f3300;	
	background-image:url(../images/whitebullet.jpg);
	background-repeat:no-repeat;	
/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;*/
}

#accordion li:hover{
	font-family: fsalbert, Arial, Helvetica, sans-serif;
	font-size:16px;
	display: block;
	background-color: #f29700;
	font-weight:normal;
	margin: 0px;
	border-bottom:1px solid #fcb131;
	cursor: pointer;
	padding:15px;
	padding-left:35px;
	color:#4a2800;	
	background-image:url(../images/whitebullet_hover.jpg);
	background-repeat:no-repeat;	
/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;*/
	text-decoration:none;
}
	
	
#supportngoleftwrap {
	width:44%;
	float:left;
}
#supportngorightwrap {
	width:44%;
	float:right;
}	
.mainblock
{
	float:left;
	width:570px;
	margin:0px;
	padding:0px;
		
}
	
.annualblock1
{
	float:left;
	width:48%;
	padding-right:0px;
	clear:both;	
}

.annualblock2
{
	float:right;
	width:48%;
	padding-left:0px;
}	
		.graduationblock
{
	float:left;
	width:570px;
	margin:0px;
	padding:0px;; 
		
}
.gradimg1
{
	float:left;
	width:48%;
	text-align:center;
}

.gradimg2
{
	float:right;
	width:48%;
	text-align:center;	
}	
#happeningwrapper {
	width:100%;
	margin-left:20px;
	float:left;
}	
	#SLwrapper {
	width:100%;
	margin-left:50px;
	float:left;
}
.blueinspirationtxt {
	margin-top:15px;
}
#tedxcontentleft {
	width:100%;
	float:left;
}
#tedxcontentleft2 {
	width:100%;
	float:left;
}
#tedxcontentright {
	width:100%;
	margin-top:25px;
	float:left;
}	
.tedximg {
	width:200px;
	float:left;
}
.view {
   width: 260px;
   height: auto;
   margin: 10px 12px 0 0;
   float: left;
/*   border: 10px solid #fff;*/
   overflow: hidden;
   position: relative;
   text-align: center;
}

#vertical, #horizontal {
	margin:0px auto;
	width:100%;
}

#vertical div, #horizontal div {
	margin-right:3px;
	float:left; 
	width:260px;
	height:152px;
	position:relative;
	overflow:hidden;
	margin-right:12px;
	margin-bottom:12px;	
}
#vertical img, #horizontal img {
	position:absolute;
}



#campusservices
{
	width:auto;
	margin:0 auto;
	text-align:center;
}

.services
{
	width:auto;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:100%;
	height:auto;
	text-align:center;
}

.services1
{
	width:auto;
	float:left;
	width:100%;
	height:auto;
	margin-bottom:10px;	
	margin-right:10px;	
	text-align:center;
}		
	
/*#fl_menu {
	display:none;
}*/
#blueyear {
	width:100%;
	padding-right:0px;
	border-right:none;
	margin:0 auto;
}
.noawards li{
	width:33%;
	margin-right:0px;
	float:left;
}
#yearlevel {
	width:100%;
	text-align:center;
}
#awardsnewsleft {
	width:100%;
	float:left;
}
#awardsnewsright {
	width:100%;
	margin-top:30px;
	float:left;	
}
.bannerhoriimg1
{
	margin-right:10px;
	width:31%;
	text-align:center;
}

.bannerhoriimg2
{
	margin-right:10px;
	width:31%;
	text-align:center;
}
.bannerhoriimg3
{
	margin-right:10px;
	width:31%;
	text-align:center;
}

#bannershorizontal
{
	margin-top:20px;
	margin-left:10px;		
	width:100%;
}		
	
#banners
{
	display:none;
}	

#dhaquote
{
	width:480px;
	float:right;
	margin-right:40px;
	margin-left:40px;
}	
	
.dhaimg
{
	width:98%;
	text-align:center;
}	

.footersmalltxt
{
	font-family:fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:11px;
	color:#383838;
	text-decoration:none;
	text-align:left;	
}	

#logocontainer ul li
{
	display:inline-block;
	padding: 0px 10px 0px 10px;
}

#footeradd
{
	width:99%;
	padding-right:10px;
	padding-left:5px;	
	border-bottom:1px solid #ffca6f;
	float:left;
	height:190px;
	padding-bottom:20px;
}

#footerlinks
{
	width:35%;
	padding-right:10px;
	padding-left:15px;		
	float:left;	
	height:190px;	
	padding-bottom:20px; margin-top:10px	
}

#footercopy
{
	width:55%;
	padding-right:0px;
	padding-left:12px; border-left:0px solid #ffca6f;border-right:0px solid #ffca6f;	
	float:left;	
	height:190px;	margin-top:10px	
}

#footersocial
{
	width:100%;
	padding-left:0px;				
	float:left;	
	height:120px;border-top:1px solid #ffca6f; margin-top:10px;
}
.footersocialmain{width:48%; float:left}
.footersocialleft{width:48%; float:left; font-size:14px; color:#313131; margin-top:28px; padding-left:12px;border-left:1px solid #ffca6f;	}
.footersocialright{width:43%; float:right; margin-top:15px; margin-right:5px}
#universities
{
	float:left;
	border-bottom:0px solid #ffca6f; width:51%; margin:16px 2px 0 0; padding:0
}


#connect
{
	float:left;
	clear:both;
	padding-top:10px;
}	
	
#bodycontent {
	margin-top:0px;
	width:auto;
	padding:0 5px 0 5px;
	float:left;
}
#brdcumpatch {
	width:90%;
	margin:0 auto;
}

.pageheadertitle {
	font-family:fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:22px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	bottom-padding:10px;
}
.brdtxt
{
	text-align:center;
	margin:0px;
}
#sidebar {
		width:100%;
		float:left;
	}
.bluebigtitle {
	font-size:20px;	
}

#insidelogo {
	text-align:center;
	width:auto;
	margin:0 25% 0 25%;
	}

#insidelogo1 {
	text-align:center;
	width:15%;
	margin-left:40%;
	}
	
#menuleftwrap {
	width:100%;
	float:left;
}

#bodycontentmenu {
	margin-top:10px;
	width:100%;
	padding:0 5px 0 0px;
	float:left;
}
#placement0513{
	margin-top:10px;
	width:100%;
	padding:0 5px 0 5px;
	float:left;
}
.persenblack.persenblack2{font-size: 18px;}
.academicshead{ background:#017acf; font-size:22px; color:#FFF; padding:8px 0 8px 0px; margin:0; width:289px;}
.academicstab{ width:49%; float:left; background:#f0f0f0; min-height:320px}
.academicstab2{ width:49%; float:left; background:#f0f0f0; min-height:440px}
.academicstab3{ width:49%; float:right; background:#f0f0f0; min-height:220px; margin-right:2px}
.spacer5{ min-width:1px; float:left; border:1px solid red; opacity:0}
.academicshead{font-size:16px;}
.academicsimg{ width:10%; float:center; background:#ffffff; min-height:320px}
.banner{ width:auto; height:auto; display:block}
.leftsidecontent{width:100%; height:420px; float:left }
#photogallerycontainer {width:100%;margin:0 0 20px 0;padding:15px 0 0 0;}
.photogallery{ width:50%; float:left; height:auto; margin:0; padding:0; text-align:left; }
#cf {
  position:relative;
  height:210px;
  width:300px;
  margin:0 auto;
}
.careerimg{background:#017acf}
.careersdiv2{ float:right; width:100%; background:#0162bc; color:#fff; text-align:center; padding:0 2px; margin-top:10px}
/*.careerbullet{width:80%;}	

#careersleftwrap {
	width:20%;
	margin-top:80px; 
	float:left; text-align:right; 
}*/

.admissiondiv1{ float:left; width:100%; background:#fee7c1; margin-left:-10px; padding-left:10px }
.admissiondiv2{ float:right; width:100%; background:#fee7c1; padding:0 10px; font-size:13px; margin-right:-8px }
/*.chairperson{ float:left; width:20%;  margin-top:2px}
.chairpersonmsg{ float:left; width:50%; font-size:25px; color:#fff; font-weight:normal;font-family:fsalbertthin, Arial, Helvetica, sans-serif, "Arial Narrow"; line-height:22px; margin:15px 0 0 20px;}*/


.leftcontentscroll{width:100%; height:200px; margin-top:-3px}
.leftcontentscroll2{width:100%; height:230px;}

.alumnileftcontainer{ float:left; width:100%; background:#017acf; font-size:15px; color:#fff;}
.alumnitxt{ padding:1px 25px 0 25px}
.alumnirightcontainer{ float:right; width:100%;; text-align:right; background:#e0891d; margin:0; padding:0; height:158px}
.alumnitxt{ padding:5px 20px; line-height:20px}

#yellowpatch
{
	background-color:#ffd07f;
	padding:20px;
	width:93%;
}

.scrollcontainer{ width:100%; height:200px; margin:0; padding:0;}

.view2 {
   width: 218px;
   height: 274px;
   margin: 10px 15px 0 0;

}
.view2 .mask,.view2 .content {
    width: 218px;
   height: 274px;

}
.academics{ width:32%;margin-right:10px;}
.academics2{ width:32%;}
.academics .header{ width:100%; text-align:center;font-size:18px;}
.academics2 .header{ width:100%; text-align:center;font-size:18px;}
.academics a{color:#017acf; font-size:15px; font-weight:normal}
.academics2 a{color:#017acf; font-size:16px; font-weight:normal}
.academics ul{	padding:0;	margin:0 auto; width:100%;}
.academics2 ul{	padding:0;	margin:0 auto; width:100%}

.schooltimingleft {
	width:39%;
	padding:5px 18px 10px 0; font-size:24px  
}
.schooltimingright {
	width:50%;
	padding-right:2px; float:right;text-align:right; padding-bottom:15px; padding-top:10px; font-size:24px  
}
#schooltiming:hover {
	background:#c1e7ff;
	background-position:right 330px center;
}

}


@media screen and (max-width: 480px) {
#yellowfooterpatch
{
	width:100%;
}
.pageimagewrap {
	width:auto;
}
.pageimagewrap1 {
	width:98%;
	float:left;
}
.pageimagewrap2 {
	width:90%;
	float:left;
}
.blockquote2:after {right: 120px;}
.blockquote2 cite { margin-right:5px; text-align:right; float:left}
.blockquote3 {width: 70%;}	
	.blockquote3:after {right: -10px;}
.blockquote4 {width: 90%; font-size:18px}	
.blockquote4:after {right: 40px;}
	
.newscontainer1_points{ width:100%; float:left;  margin:0; padding:0}
.sitemapcontainer2{width:100%; float:left; margin-right:0}
.sitemapcontainer1{width:100%; float:left; margin-right:15px}

#sportsleftbuewraper {
	width:100%;
	float:left;
}
#sportsrightbuewraper {
	width:100%;
	margin-top:10px;
	float:left;
}	
#insidebusroutewrap	{
	background:#eeeeee;
}
	#leaderrighttwrap {
	width:100%;
	margin-top:20px;
	float:left; 
}

.khtablecont1 img
{
	width:100%;
}
.khtab1
{
	width:100;
}

.ibstudent ul {
	width: 74%;
}	
.highrate ul {
	width: 45%;
}	
.insigniamag li {
	width: 92px;
}
.insigniamag li a{
	font-size:15px;
}	
#thimunleftwrap {
	width: 100%;
	padding: 18px 7px 5px 3px;
}	
#thimunrightwrap {
	padding: 10px 19px 15px 15px;
	width: 92%;
	float: left;
}
.clubvarious ul{
	width:92%;
	margin:0 auto;
}	
.clubvarious li{
	width:202px;
	height:188px;
}		
#intercirclewrapper {
	width:98%;
}
#intercircle1 {
	width:30%;
	margin-right:20px;
}
#intercircle2 {
	width:30%;
	margin-right:20px;	
}
#intercircle3 {
	width:30%;	
}	
#seminarorangewrap {
	width:94%;
	padding:19px 10px 32px 10px;
	border-left:8px solid #e08108;
	float:left;
}	
#insideroutewrap {
	background:#eeeeee;
}	
.insidebusstoptxt {
	margin-left:10px;	
	font-size:18px;
}	
#buslistyellow:hover {
	background:#eeeeee;
}
#buslistblue:hover {
	background:#eeeeee;
}	

#dhaquote1
{
	width:100%;
	margin-top:30px;
	text-align:center;
}
.scifairwnr img
{
	width:100%;
}

#accordion li{
	font-family: fsalbert, Arial, Helvetica, sans-serif;
	font-size:16px;
	display: block;
	background-color: #fba30e;
	font-weight: normal;
	margin: 0px;
	border-bottom:1px solid #fcb131;
	cursor: pointer;
	padding: 15px;
	padding-left:35px;
	color:#5f3300;	
	background-image:url(../images/whitebullet.jpg);
	background-repeat:no-repeat;	
/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;*/
}

#accordion li:hover{
	font-family: fsalbert, Arial, Helvetica, sans-serif;
	font-size:16px;
	display: block;
	background-color: #f29700;
	font-weight:normal;
	margin: 0px;
	border-bottom:1px solid #fcb131;
	cursor: pointer;
	padding:15px;
	padding-left:35px;
	color:#4a2800;	
	background-image:url(../images/whitebullet_hover.jpg);
	background-repeat:no-repeat;	
/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;*/
	text-decoration:none;
}


	
#supportngoleftwrap {
	width:100%;
	float:left;
}
#supportngorightwrap {
	width:100%;
	float:left;
}
#supportngoleftblock1 {
	width:auto;
	float:left;
}
#supportngoleftblock2 {
	width:auto;
	float:left;
}
#supportngoleftcontent {
	width:auto;
	text-align:left;
	float:left;
}	
.st-accordion ul li > a{
	font-size:15px;
}
.roundiconimage {
	margin: 0 10px 0 0px;
	float:left;
}
.chairpersonmsg {
	height:auto;
}
.chairperson {
	width:auto;
	margin-top:4px;
}
.mainblock
{
	float:left;
	width:450px;
	margin:0px;
	padding:0px;
		
}
	
.annualblock1
{
	float:left;
	width:47%;
	padding-right:0px;
	clear:both;	
}

.annualblock2
{
	float:left;
	width:47%;
	padding-left:0px;
}	
.graduationblock
{
	float:left;
	width:450px;
	margin:0px;
	padding:0px;; 
		
}
.gradimg1
{
	float:left;
	width:47%;
	text-align:center;
}

.gradimg2
{
	float:right;
	width:47%;
	text-align:center;	
}	
	#happeningwrapper {
	width:100%;
	margin-left:12px;
	float:left;
}
	#SLwrapper {
	width:100%;
	margin-left:7px;
	float:left;
}	
.tedximg {
	width:150px;
	float:left;
}
.tedxbanner {
	width:250px;
	float:right;
}	
.view {
   width: 220px;
   height: auto;
   margin: 10px 12px 0 0;
   float: left;
/*   border: 10px solid #fff;*/
   overflow: hidden;
   position: relative;
   text-align: center;
}	
.quoteimg
{
	width:85%;
	text-align:center;
}	

#campusservices
{
	width:auto;
	margin:0 auto;
	text-align:center;
}

.services
{
	width:auto;
	width:100%;
	height:auto;

}

.services1
{
	width:auto;
	width:100%;
	height:auto;
	text-align:center;
}	

.annualblock1
{
	float:left;
	width:100%;
}

.annualblock2
{
	float:right;
	width:100%;
}

.year
{
	color:#d87500;
	font-size:28px;
	text-decoration:none;
	margin:20px auto;
}

.yearseperate
{
	width:15%;
	background:#017acf;
	height:2px;
}

#daisresultpatch {
	width:100%;
	height:auto;
}
#unversityresultpatch {
	width:100%;
	height:auto;
	margin-bottom:30px;
}
.bannerhoriimg1
{
	margin-right:10px;
	width:98%;
	margin-bottom:10px;
	text-align:center;
}

.bannerhoriimg2
{
	margin-right:10px;
	width:98%;
	margin-bottom:10px;	
	text-align:center;
}
.bannerhoriimg3
{
	margin-right:10px;
	width:98%;
	margin-bottom:10px;	
	text-align:center;
}

#bannershorizontal
{
	text-align:center;	
	width:100%;
	display:block;	
}		
	
#banners
{
	display:none;
}	

#dhaquote
{
	width:auto;
}

.dhaimg
{
	text-align:center;
	padding-left:100px;
	width:55%;
	margin:0 auto;
}

.footersmalltxt
{
	font-family:fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:11px;
	color:#383838;
	text-decoration:none;
	text-align:left;	
}	
	
#logocontainer ul li
{
	width:13%;
	display:inline-block;
	padding: 0px;
}

#footeradd
{
	width:95%;
	padding-right:10px;
	padding-left:20px;	
	border-bottom:1px solid #ffca6f;
	float:left;
	padding-bottom:10px;
	padding-top:10px;
}

#footerlinks
{
	width:95%;
	padding-right:10px;
	padding-left:20px;		
	float:left;	
	border-bottom:1px solid #ffca6f;	
	padding-bottom:10px;
	padding-top:10px;	
}

#footercopy
{
	width:95%;
	padding-right:10px;
	padding-left:20px;		
	border-bottom:1px solid #ffca6f;
	float:left;	
	padding-bottom:0px;
	padding-top:10px;		
}

#footersocial
{
	width:95%;
	padding-right:10px;
	padding-left:20px;;			
	float:left;	
	padding-bottom:0;
	padding-top:10px; border:0	; height:auto
}
.footersocialmain{width:100%; float:left; margin:0 auto}
.footersocialleft{width:52%; float:left; font-size:14px; color:#313131; margin-top:20px; padding-left:35px;border-left:0px solid #ffca6f;	}
.footersocialright{width:37%; float:left; margin-top:5px; margin-right:0; padding-left:0}
#universities
{
	float:left;
	border-bottom:1px solid #ffca6f; width:96%; margin-top:10px; text-align:center
}
#connect
{
	float:left;
	clear:both;
	padding-top:10px;
}

#insidelogo {
	text-align:center;
	width:50%;
	margin:5% 24% 0% 24%;
	}

#insidelogo1 {
	text-align:center;
	width:22%;
	margin-left:38%;
	}
	
#brdcumpatch {
	background:#017acf;
	width:100%;
	padding:0 0 0 5px;
	margin-top:10px;
	float:left;
	text-align:center;
}
.pageheadertitle {
	font-family:fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	padding-bottom:10px;
}
/*#menusliderpatch {
	height:100px;
	position:relative;
	margin-top:0px;
}*/
#menuleftwrap {
	width:100%;
	float:left;
}
/*#sliderwrap {
	width:auto;
	float:left;
}*/
#bodycontent {
	margin-top:0px;
	width:auto;
	padding:0 5px 0 5px;
	float:left;
}
#bodycontentmenu {
	margin-top:10px;
	width:100%;
	padding:0 5px 0 0px;
	float:left;
}
#placement0513 {
	margin-top:10px;
	width:100%;
	padding:0 5px 0 5px;
	float:left;
}
	.bluebigtitle {
	font-size:20px;	
}
.resultspersent6 li{padding-bottom: 25px;}
.persenblack .persenblack2{font-size: 18px;}
.academicshead{ background:#017acf; font-size:22px; color:#FFF; padding:8px 0 8px 0px; margin:0; width:384px;}
.academicstab{ width:100%; float:left; background:#f0f0f0}
.academicstab2{ width:100%; float:left; background:#f0f0f0}
.academicstab3{ width:100%; float:left; background:#f0f0f0}
.spacer5{ display:none}
.academicsimg{ display:none}
.banner{ width:auto; height:auto; display:block}
.leftsidecontent{width:100%; height:420px; float:left }
#photogallerycontainer {
	width:100%;
	margin:0 0 20px 0;
	padding:15px 0 0 0;
	
}
.photogallery{ width:100%; float:left; height:auto; margin:0; padding:0; text-align: center; }
#cf {
  position:relative;
  height:210px;
  width:300px;
  margin:0 auto;
}

.careersdiv2{ float:right; width:100%; background:#0162bc; color:#fff; text-align:center; padding:0 2px; margin-top:10px}

#careersmainwrapper {
	width:100%;
	float:left;
}
#careersleftwrap {
	width:25%;
	margin-top:125px;
	float:left; text-align:right;
}
#careersrightwrap {
	width:75%;
	text-align:left;
	float:right; 
}
.careerbullet{width:95%; padding-top:2px; padding-left:5px}

.admissiondiv1{ float:left; width:100%; background:#fee7c1; margin-left:-10px; padding-left:10px }
.admissiondiv2{ float:right; width:98%; background:#fee7c1; padding:0 10px; font-size:13px; margin-right:-6px }


.leftcontentscroll{width:100%; height:200px; margin-top:-3px}
.leftcontentscroll2{width:100%; height:230px; }

.alumnirightcontainer{ float:right; width:100%;background:none; margin:0; padding:0; height:auto;}
.alumnitxt{ padding:5px 20px; line-height:20px}

#vertical, #horizontal {
	margin:0px auto;
	width:100%;
}

#vertical div, #horizontal div {
	margin-right:3px;
	float:left; 
	width:215px;
	height:126px;
	position:relative;
	overflow:hidden;
	margin-right:12px;
	margin-bottom:12px;	
}
#vertical img, #horizontal img {
	position:absolute;
}

#yellowpatch
{
	background-color:#ffd07f;
	padding:20px;
	width:90%;
}

.scrollcontainer{ width:100%; height:200px; margin:0; padding:0;}

.academics{ width:47%;margin-right:10px; margin-bottom:10px}
.academics2{ width:47%; margin-bottom:10px}
.academics .header{ width:100%; text-align:center;font-size:18px;}
.academics2 .header{ width:100%; text-align:center;font-size:18px;}
.academics a{color:#017acf; font-size:16px; font-weight:normal}
.academics2 a{color:#017acf; font-size:16px; font-weight:normal}
.schooltimingleft {
	width:100%;
	padding:5px 18px 0px 0; font-size:25px
}
.schooltimingright {
	width:100%;
	padding-right:2px;font-size:25px; text-align:left; float:left
}
.leftimage
{
	width:100%;
}
.crertablebuletxt
{
	font-size:15px;
}
#videocf img{width: 100%;}
}
@media screen and (max-width: 320px) {
.pageimagewrap1 {
	width:98%;
	float:left;
}
.pageimagewrap2 {
	width:100%;
	float:left;
}	
.blockquote2:after {right: 0px;}

.blockquote6 {width: 88%; font-size:23px}	


.videoimage2 ul {
	width: 68%;
}	

#vcf {
  position:relative;
  height:179px;
  width:300px;
  margin:0 auto;
}

#fcf {
  position:relative;
  height:181px;
  width:305px;
  margin:0 auto;
}
	
#visitorrightwrap
{
	width:100%;
	float:left;
}	
.highrate ul {
	width: 72%;
}
.glancehilight li {
	font-size:16px;
}
.ibstudent ul {
	width: 56%;
}	
.insigniamag li {
	width: 150px;
	border-right:none;
	border-bottom:1px solid #ffffff;
	margin-bottom:15px;
}	
#thimunleftwrap {
	width: 100%;
	padding:12px 5px 5px 0px;
}	
#thimunrightwrap {
	width: 88%;
	padding: 15px 15px 15px 18px;
	float: left;
}
.clubvarious ul{
	width:86%;
	margin:0 auto;
}
.clubvarious li{
	width:270px;
	height:255px;
}
#interexchangeconleftwrap {
	width:82%;
}
#interexchangeleftwrap {
	background-position:right 58px center;
}	
#interexchangerightwrap {
	width:75%;
	padding:10px 10px 15px 10px;
	float:left;
}	
#intercirclewrapper {
	width:70%;
}
#intercircle1 {
	width:60%;
	margin-bottom:30px;
}
#intercircle2 {
	width:60%;
	margin-bottom:30px;	
}
#intercircle3 {
	width:60%;	
}

#seminarorangewrap {
	width:90%;
	padding:19px 12px 32px 10px;
	border-left:8px solid #e08108;
	float:left;
}
.academics{ width:100%;margin-right:10px; margin-bottom:10px}
.academics2{ width:100%; margin-bottom:10px}
.academics .header{ width:100%; text-align:center;font-size:18px;}
.academics2 .header{ width:100%; text-align:center;font-size:18px;}
.academics a{color:#017acf; font-size:16px; font-weight:normal}
.academics2 a{color:#017acf; font-size:16px; font-weight:normal}
#insideroutewrap {
	background:#eeeeee;
}	
.insidebusstoptxt {
	margin-left:10px;	
	font-size:15px;
}
#buslistyellow {
	padding:15px 20px 10px 10px;
	margin-bottom:10px;	
}
#buslistblue {
	padding:15px 20px 10px 10px;
	margin-bottom:10px;	
}	
.yellowtextlist {
	width:40px;
	padding:15px 15px 26px 0;	
	font-size:55px;	
}
.blueextlist {
	width:40px;
	font-size:55px;	
}

.khtablecont1 img
{
	width:100%;
}
.khtab1
{
	width:100;
}
	
#interleftwrap {
	width:100%;
	text-align:left;
	float:left;
}
#interrightwrap {
	margin-top:10px;
	width:90%;
	text-align:left;
	float:left;
}
	

#accordion li{
	font-family: fsalbert, Arial, Helvetica, sans-serif;
	font-size:16px;
	display: block;
	background-color: #fba30e;
	font-weight: normal;
	margin: 0px;
	border-bottom:1px solid #fcb131;
	cursor: pointer;
	padding: 15px;
	padding-left:35px;
	color:#5f3300;	
	background-image:url(../images/whitebullet.jpg);
	background-repeat:no-repeat;	
/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;*/
}

#accordion li:hover{
	font-family: fsalbert, Arial, Helvetica, sans-serif;
	font-size:16px;
	display: block;
	background-color: #f29700;
	font-weight:normal;
	margin: 0px;
	border-bottom:1px solid #fcb131;
	cursor: pointer;
	padding:15px;
	padding-left:35px;
	color:#4a2800;	
	background-image:url(../images/whitebullet_hover.jpg);
	background-repeat:no-repeat;	
/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;*/
	text-decoration:none;
}
	
	

.resultsblue {
	font-family:fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:15px;
	color:#027ad0;
	margin-top:25px;
	line-height:30px;
	padding-bottom:20px;
}
	
	
#roundquotewrap {
	width:92%;
	background:#d2b962;
	border-left:6px solid #ebd486;
	padding:10px 18px 0 0;
	text-align:center;	
	float:right;
}
.roundimage {
	display:none;
}
.roundtabletxt {
    font-size: 12px;
	text-align:left;
	line-height:20px;
	color:#004d9b;
}	
.mainblock
{
	float:left;
	width:450px;
	margin:0px;
	padding:0px;
		
}
	
.annualblock1
{
	float:left;
	width:62%;
	padding-right:0px;
	clear:both;	
}

.annualblock2
{
	float:left;
	width:62%;
	padding-left:0px;
}	
		.graduationblock
{
	float:left;
	width:290px;
	margin:0px;
	padding:0px;; 
		
}
.gradimg1
{
	float:left;
	width:45%;
	text-align:center;
}

.gradimg2
{
	float:right;
	width:45%;
	text-align:center;	
}	
#happeningwrapper {
	width:100%;
	margin-left:2px;
	float:left;
}
	#SLwrapper {
	width:100%;
	margin-left:40px;
	float:left;
}		
.admiconimage {
	margin:-5px 15px 10px 0;
}	
	#tedxcontentwrap {
	width:auto;
}
#tedxwrapper {
	width:auto;
}
#tedxhighlight {
	width:auto;
}
.tedximg {
	width:200px;
	float:left;
}
#tedxcontentleft {
	width:100%;
	float:left;
}
.tedxbanner {
	width:300px;
	float:left;
}
.view {
   width: 100%;
   height: auto;
   margin: 10px 12px 0 0;
   float: left;
/*   border: 10px solid #fff;*/
   overflow: hidden;
   position: relative;
   text-align: center;
}	
#vertical, #horizontal {
	margin:0px auto;
	width:100%;
}


#vertical div, #horizontal div {
	width:300px;
	height:177px;	
}
#vertical img, #horizontal img {
	position:absolute;
}		

#vertical
{
	top:-177px;
}

.dhaimg
{
	width:40%;
	text-align:center;
	margin-left:0px;
}

#dhaquote1
{
	width:100%;
	text-align:center;
	font-size:13px;
	margin:0 auto;

}

.quotepatch
{
	padding:5px;
}

.quoteimg
{
	width:90%;
	margin:0px auto;
}	
	
#blueyear {
	width:100%;
	padding-right:0px;
	border-right:none;
	margin:0 auto;
}
.noawards li{
	width:100%;
	margin-right:0px;
	margin-top:20px;
	float:left;
}
#yearlevel {
	width:auto;
	text-align:center;
}	
.blueyeartxt {
	font-family:fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:45px;
	color:#017acf;
	font-weight:bold;
}
#awardsnewsleft {
	width:100%;
	float:left;
}
#awardsnewsright {
	width:100%;
	float:left;	
}
#dhaquote
{
	width:auto;
	margin:0 auto;
}

.inspirationbluequote
{
	font-family:fsalbert, Arial, Helvetica, sans-serif;
	color:#017ad2;
	font-size:20px;
	text-decoration:none;
	width:100%;
	border:1px solid #000000;
	margin:0 auto;
}

.bannerhoriimg1
{
	margin-right:10px;
	width:98%;
	margin-bottom:10px;
	text-align:center;
}

.bannerhoriimg2
{
	margin-right:10px;
	width:98%;
	margin-bottom:10px;	
	text-align:center;
}
.bannerhoriimg3
{
	margin-right:10px;
	width:98%;
	margin-bottom:10px;	
	text-align:center;
}

#bannershorizontal
{
	margin-top:20px;
	margin-left:4px;		
	width:100%;
}	
	
#banners
{
	display:none;
}	

.footersmalltxt
{
	font-family:fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:11px;
	color:#383838;
	text-decoration:none;
	text-align:left;	
}	
#brdcumpatch {
	margin-top:10px;	
}

#logocontainer
{
	width:auto;;
	margin:0 auto;
	clear:both;
	text-align:center;
	padding-top:15px;
	padding-bottom:10px;
}	
	
#logocontainer ul li
{
	display:inline-block;
	padding: 0px;
	width:13%;
	margin-right:4px;
}

#footeradd
{
	width:92%;
	padding-right:10px;
	padding-left:10px;	
	border-bottom:1px solid #ffca6f;
	border-right:none;
	float:left;
	padding-bottom:10px;
	padding-top:10px;
}

#footerlinks
{
	width:92%;
	padding-right:10px;
	padding-left:10px;		
	float:left;	
	border-bottom:1px solid #ffca6f;
	border-right:none;		
	padding-bottom:10px;
	padding-top:10px;	
}

#footercopy
{
	width:92%;
	padding-right:10px;
	padding-left:10px;		
	border-bottom:1px solid #ffca6f;
	border-right:none;	
	float:left;	
	padding-bottom:10px;
	padding-top:10px;		
}

#footersocial
{
	width:100%;
	padding-right:0px;
	padding-left:1px;		
	float:left;	
	height:190px;	
	padding-bottom:10px;
	padding-top:10px;	
}
.footersocialmain{width:100%; float:left}
.footersocialleft{width:100%; float:left; font-size:14px; color:#313131; margin-top:8px; padding-left:35px;border-left:0px solid #ffca6f;	}
.footersocialright{width:100%; float:left; margin-top:5px; margin-right:10px; padding-left:80px}
#universities
{
	float:left;
	border-bottom:1px solid #ffca6f; width:100%; margin-top:10px;
}
#connect
{
	float:left;
	clear:both;
	padding-top:10px;
}	
	
#bodycontent {
	margin-top:0px;
	width:auto;
	padding:0 5px 0 5px;
	float:left;
}
#menuleftwrap {
	margin:0;
	width:100%;
	float:left;
}
/*#menusliderpatch {
	margin-top:0px;
	height:100px;
	position:relative;
}*/
.pageheadertitle {
	font-family:fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	padding-bottom:10px;	
}
.brdtxt {
	font-family:fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size:12px;
	color:#37acfe;
	text-decoration:none;
}
#bodycontentmenu {
	margin-top:20px;
	width:auto;
	padding:0 5px 0 0px;
	float:right;
}
#placement0513 {
	margin-top:20px;
	width:98%;
	padding:0 5px 0 5px;
	float:left;
}

.admissionimg
{
	float:left; 
	width:100%;
	text-align:center;
	margin:0px;
	margin-bottom:10px;		
}
#sidebar {
		width:100%;
		float:left;
	}
.blueheadbg{

	font-size:15px;
	line-height:17px;

	}
.lightblueheadbg{
	
	font-size:14px;

	}

#div1 td {
	font-size: 14px;
	padding:6px;
}
#div1 table {
	font-size: 14px;
	float:right;	
}

#div1 th {
	font-family:fsalbert, Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size: 14px;
	height:50px;
	padding:6px;
	}
.bluebigtitle {
	font-size:20px;	
}
.academicshead{ background:#017acf; font-size:22px; color:#FFF; padding:8px 0 8px 0px; margin:0; width:320px;}
.academicstab{ width:100%; float:left; background:#f0f0f0}
.academicstab2{ width:100%; float:left; background:#f0f0f0}
.academicstab3{ width:100%; float:left; background:#f0f0f0; height:20px}
.spacer5{ display:none}
.academicsimg{display:none}
.banner{ width:auto; height:auto; display:block}
#yellowpatch
{
	background-color:#ffd07f;
	padding:20px;
	width:83%;
}
.academics ul{	padding:0;	margin:0 auto; width:67%;}
.academics2 ul{	padding:0;	margin:0 auto; width:60%}

.schooltimingleft {
	width:100%;
	padding:5px 18px 0px 0; font-size:25px
}
.schooltimingright {
	width:100%;
	padding-right:2px;font-size:25px; text-align:left; float:left
}
.quotepatch
{
	width:100%;
}
#panel .content
{
	width:100%;
}
#yellowfooterpatch
{
	width:100%;
}
#videocf img.top:hover{width: 100%;}
}