@import "../css/styles.css";

@media screen and (-webkit-min-device-pixel-ratio:0) {
    img {
        max-width: 100%;
        /*max-width: 50% !important;*/
        /*padding-bottom: 10px;*/
    }
}

@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) {
    ul.learderTeam li{
    
    width: 33.3%; 
}
    .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: 50%;
    }
    .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;
		margin-bottom: 25px; /* Updated by Dushyant*/
    }
    .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: 31%; /* Updated by Dushyant*/
        margin-right: 8px;
    }
    .tedxbanner {
        width: 30%;
    	max-width: 380px; 
    }
    .view {
        width: 31%; /* Updated by Dushyant*/
		height: auto;
		margin: 1% 1.2% 0 1%;  /* Updated by Dushyant*/
		float: none; 
		/* 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: auto;
    }
    .grow:hover {
        width: auto;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
    #fl_menu {
        display: none;
    }
    #daisresultpatch {
        /* width: 282px; suresh remove*/
        height: auto;
    }
    #unversityresultpatch {
        /* width: 272px; suresh remove   */
        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
    }
    .story-main section.pages.active
    {
    	animation: none !important;
    }
    .story-main section.pages .page_container > img
    {
    	display: none;
    }
    /*.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%; suresh*/
        float: left;
        width: 100%;
    }
    #commoncontentleftwrap img {
        width: 100%;
    }
    #sportgrayeftwrap {
        padding: 15px 25px 15px 19px;
        width: 43%;
        float: right;
    }
    .clubvarious li {
        width: 252px;
        height: 234px;
    }
    #interexchangeconleftwrap {
        width: auto;
    }
    #interexchangeleftwrap {
        width: 42%;
        padding: 14px 0 46px 1px;
        background-position: right 8px center;
    }
    #interexchangeconleftwrap img {
        width: 100%;
    }
    #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;
        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) {	

	#commoncontentleftwrap img{
		margin: 10px auto;
		display: block;
	}

	#commoncontentrightwrap img{
		margin: 10px auto;
		display: block; 
	}
	
    .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;
    }
    #commoncontentrightwrap img {
        width: 100%;
    }    
    .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: 260px; suresh remove*/ 
        width: 100%;
        /* height: 152px; suresh remove*/
        position: relative;
        overflow: hidden;
        margin-right: 12px;
        margin-bottom: 12px;
    }
    #vertical img,
    #horizontal img {
        position: absolute;
    }
    #dhaquote1 {
        width: 100%;
        margin-left: 0px;
        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: none;
        float: left;
        height: 190px;
        padding-bottom: 20px;
    }
    #footerlinks {
        width: 21%;
        padding-right: 10px;
        padding-left: 15px;
        float: left;
        height: 190px;
        padding-bottom: 20px;
        border-right: none;
    }
    #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;
    }*/
    #brdcumpatch {
        display: none;
    }
    .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%
    }
    .story-main .pages .text-left p
    {
    	display: none;
    }
    .story-main .pages .text-left h2
    {
    	font-size: 24px;
    	line-height: 26px;
    }
    #insidelogo
    {
    	width: 100%;
        margin-top: 15px;
    }
    #insidelogo img
    {
        max-width: none;
        width: auto;
    }    

    @media only screen and (max-width: 600px) {
      #insidelogo img
 {
     width: 200px !important;
  }
}

    #toppatch
    {
    	height: 75px !important;
    }
    .story-main .pages.active .text-left h1{font-size: 2em !important;}
	
    .story-main .pages .text-left.text-right
    {
    	width: 377px !important;
    	padding-top: 15px;
		float: left !important; /* Updated by Dushyant*/
    margin-left: 60px; /* Updated by Dushyant*/
    }
    .videocontainer
    {
    	float: left;
    	width: 0 auto;
    }
}

@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) {
    .sliderbox {
        width: 45%;
    }
    .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%;
    }

    .story-main section .page_container {
    top: 24% !important;
    }
    ul.learderTeam li{
    width: 50%; 
    }

}


@media screen and (max-width: 600px) {
	ul.learderTeam li{
    width: 100%; 
    min-height: 250px;
}
	.tedxpinkimg li {
		width: 100%;
		margin-right: 8px;
		display:block;
		margin:7px auto;
		}
	
    #navlist {
        width: 90%;
    }
    .academic-chart {
        width: 100%;
    }
    .academic-chart-section1 {
        /*width: 90%;*/ /*Sunil*/
        width: 100%;/*Sunil*/
        margin: 10px auto;
    }
    .academic-chart-section2 {
        /*width: 90%;*/ /*Sunil*/
        width: 100%;/*Sunil*/
        float: none;
        margin: 10px auto;
    }
    .academic-chart-section3 {
        /*width: 90%;*/ /*Sunil*/
        width: 100%;/*Sunil*/
        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: 100%;
        border-right: none;
    }
    .resultspersent li {
        width:100%;
        border-right: none;
    }
    #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;
        display: none;
    }
    #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: 48%;
    }
    #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: 100%;
        margin: 0 auto;
    }
    .clubvarious li {
        width: 100%;
        height: auto;
        /* height: 235px; suresh*/
    } .clubvarious li img{
        width: 100%;
    }
    #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;
    }
    #intercontentleftwrap p img{
        width: 100%;
    }    
    #commoncontentleftwrap {
        width: auto;
    }
    #commoncontentrightwrap {
        width: auto;
    }
    #intercontentrightwrap {
        width: auto;
    }
    #intercontentrightwrap p img{
        width: 100%;
    }      
    #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: 80%; /* Updated by Dushyant*/
    height: auto;
    margin: 2% 9%; /* Updated by Dushyant*/
    float: none; /* Updated by Dushyant*/
    /* 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; suresh*/
        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: none;
        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;
    }
    /*5th march 2019 updates for annual day page*/
    #brdcumpatch {
        width: 90%;
        margin: 0 auto;
        display: none;
    }
    body.ContentBody #toppatch {
        height: 60px;
    }
    .story-main .pages.active .text-left h1 {
        margin-left: 130px !important;
        font-size: 2em !important;
    }
    .our-story .onepage-pagination {
        display: none;
    }
    .story-main section.pages.active {
        animation: none !important;
    }
    /*5th march 2019 updates for annual day page end*/
    .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: 9%;
        margin-left: 5%;
    }*/
    #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; suresh*/
        width: 100%;
        height: auto;
        /* height: 274px; */
        margin: 10px 15px 0 0;
    }
    .view2 img {
        width: 100%;
    }
    .view2 .mask img{ width: 100%;     margin: 10px 15px 0 0;}
    .view2 .mask,
    .view2 .content { 
        /* width: 218px; */
        width: 100%;
        height: 274px;
        margin: 10px 15px 0 0;
    }
    .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;
    }
    .story-main .pages.active .text-left div.yearbox {
    margin-left: -128px !important;
	}
	.story-main .pages .text-left {
    margin-left: 78px !important;
	}

	.story-main .pages.active .text-left h2
	{
		line-height: 28px !important;
	}
	.text-left h2
	{
		font-size: 25px !important;
	}
	 .story-main .pages .text-left.text-right {
      width: 220px !important;
      margin-right: 0;
		 margin-top: 45px; /* Updated by Dushyant*/
  }
	
  .story-main .pages .text-left {
    margin-left: 70px !important;
	  margin-top: 45px;  /* Updated by Dushyant*/
  }
  .highbulpoints7 li{
    min-width: 400px;
  }

}

@media screen and (max-width: 480px) {
	
	.gradtxtcontainer {
		margin: 0; /* Updated by Dushyant*/
		padding-top: 1px;
		clear: both;
		width: 75%; /* Updated by Dushyant*/
	}
	
    .sliderbox {
        width: 100%;
    }
    #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: 48%;
    }
    .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 { suresh
        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: 76%; /* Updated by Dushyant*/
        text-align: center;
    }
    .gradimg2 {
        float: left; /* Updated by Dushyant*/
    	width: 76%; /* Updated by Dushyant*/
    	text-align: center;
    	padding-left: 0; /* Updated by Dushyant*/
    	margin-top: 15px; /* Updated by Dushyant*/
    }
    #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: 0px;
        padding-left: 0px;
        border-bottom: none;
        float: left;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    #footerlinks {
        width: 95%;
        padding-right: 0px;
        padding-left: 0px;
        float: left;
        border-bottom: none;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    #footercopy {
        width: 95%;
        padding-right: 0px;
        padding-left: 0px;
        border-bottom: 1px solid #ffca6f;
        float: left;
        padding-bottom: 0px;
        padding-top: 10px;
    }
    #footersocial {
        width: 95%;
        padding-right: 0px;
        padding-left: 0px;
        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: 10%;
        margin-left: 6%;
    }*/
    #insidelogo1 {
        text-align: center;
        width: 22%;
        margin-left: 38%;
    }
    #brdcumpatch {
        background: #017acf;
        width: 100%;
        padding: 0 0 0 5px;
        margin: 0px;
        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; suresh*/
        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%;
    }
    .story-main .pages.active .text-left h2
	{
		line-height: 22px !important;
	}
	.text-left h2
	{
		font-size: 18px !important;
	}
	.story-main .pages.active .text-left p
	{
		display: none;
	}
	.story-main .pages .text-left {
    margin-left: 115px !important;
	}
	.story-main .pages.active .text-left div.yearbox
	{
		    margin-left: -130px !important;
	}
	.text-right
	{
		float: none !important;
	}
    .highbulpoints7 li{
    min-width: 350px;
  }
}

#cfibfest img {
    padding-bottom: 15px;
}

@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: 80%; /* Updated by Dushyant*/
    height: auto;
    margin: 1% 9%; /* Updated by Dushyant*/
    float: none; /* Updated by Dushyant*/
    /* border: 10px solid #fff; */
    overflow: hidden;
    position: relative;
    text-align: center;
    /* display: block; */
    }
    #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: 40px;
    }
    #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: 50%;
        margin-right: 4px;
        margin-bottom: 15px;
    }
    #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: calc(100% - 35px);
        float: left;
        font-size: 14px;
        color: #313131;
        margin-top: 8px;
        padding-left: 35px;
        border-left: 0px solid #ffca6f;
    }
    .footersocialright {
        width: calc(100% - 80px);
        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; */
        padding: 0 0px 0 0px; /*Sunil*/
        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%;
    }
    .story-main .pages .text-left div.yearbox {
    margin-left: -175px !important;
}
	.story-main .pages .text-left {
    margin-left: 120px !important;
	}
	.text-left h2
	{
		font-size: 18px !important;
		line-height: 22px;
	}
	.story-main .pages.active .text-left h2
	{
		line-height: 25px !important;
	}
	.text-left h2
	{
		font-size: 20px !important;
	}
}

#cfibfest img {
    padding-bottom: 15px;
}


@media screen and (max-width: 1080px) and (min-width: 900px){
.story-main section.pages .page_container {
    bottom: 30px;
	top: 15%; /* Updated by Dushyant*/}
}

@media screen and (max-width: 1080px) and (min-width: 900px){
.story-main .pages.right-img img {
    bottom: 20px;
    top: 15%; /* Updated by Dushyant*/
}
}