@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {font-family: 'Poppins-Regular'; width:100%; height:100%;}
ol, ul {list-style: none;}
*{ margin:0; padding:0;}
a{ text-decoration:none; outline:none;}
h6,h5,h4,h3,h2,h1{ margin:0; padding:0; font-family:'Gotham-Bold'; font-weight:normal; }
img{ border:none;}
.clear{ clear:both;}
.container{position:relative; margin:0 auto; width:1200px;}
.container:after{ clear:both; content:""; display:table;}

/*------Header Section-------*/
#top-box{ background:#c41313;}
#logo{ width:384px; height:94px; float:left; margin:5px 0;}
#logo img, #banner img, #about-img img, .facility-img img, .incharger-img img, .faculties-img img, #princi-img img, .princi-img img, .prospect-img img{ width:100%; height:100%;}
#intro{ background:url(../images/intro.png) no-repeat left 3px; padding:0 0 0 20px; font-size:12px; float:left; line-height:21px; margin:7px 0; color:#FFF;}
#social-top{ margin:4px 0 ; float:left; text-align:center;}
#social-top a{ border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; width:24px; height:24px; border:#fe5454 solid thin; display:block; float:left; margin-right:3px; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
#facebook:hover{ background:#3383fb;}
#twitter:hover{ background:#1bc2c8;}
#linedin:hover{ background:#013ebc;}
#other-link{  position:absolute; right:0; top:7px; z-index:1000;}
#other-link a{ float:left; color:#FFF; margin-left:43px; font-size:13px;}
#other-link a:hover{ color:#ffc9c9;}
.topicon-box{ float:right;padding:10px 0 10px 41px; margin:23px 41px 0 0; position:relative; font-size:14px; background:url(../images/calltop.png) no-repeat left center; line-height:20px;}
.topicon-box img{ display:inline-block; margin:0 5px 0 0;}
.topicon-box span{ display:block; font-size:14px; color:#3e85a5}
.topicon-box h2{ font-size:19px; color:#000000;}
#mail-top{ background:none; padding-left:0; float:right;}
#ktlyst{ background:#c22126; border-radius:80px; -webkit-border-radius:80px; -moz-border-radius:80px; font-size:14px; color:#FFF; float:right; padding:3px 31px; margin:31px 0 0 0; font-size:13px;}
#ktlyst:hover{ background:#94080d;}
#mobile_menu, #mobile_drop{display:none;}

#menu-part{ background:#08067f; position:relative; clear:both; display:flow-root; height:50px;}
.mtoggle{cursor:pointer;float:right;}
/*****LEVEL ONE*****/
.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {margin: 0;padding: 0;border: none;outline: none;}
.nav a {text-decoration: none; }
.nav li {list-style: none; }
/* Menu Container */
.nav {position: relative;cursor: default;z-index: 500; display:table; margin:0 auto;}
/* Menu List */
.nav > li {display: block;float: left;  margin:0 0 0 0;}
/* Menu Links */
.nav > li > a {position: relative;display: block;z-index: 510;padding: 9px 15px;line-height: 32px;font-size: 14px;color: #FFFFFF;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;
-ms-transition: all .3s ease;transition: all .3s ease; text-transform:uppercase; }
.nav > li:last-child{border:none;}

.nav > li:hover > a { color:#ff514f;}
.nav > li > a img{ float:left; margin:9px 0 7px 0;}
/* Menu Dropdown */
.nav > li > div { width:100%; position: absolute;display: block;top: 50px;left: 0;opacity: 0;visibility: hidden;overflow: hidden;background: #ffffff;border-radius: 0 0 3px 3px;-webkit-transition: all .3s ease .15s;-moz-transition: all .3s ease .15s;-o-transition: all .3s ease .15s;
-ms-transition: all .3s ease .15s;transition: all .3s ease .15s; padding:10px 10px 0 0; box-sizing:border-box; -moz-box-shadow: 0 2px 9px 1px #c6c6c6;
-webkit-box-shadow: 0 2px 9px 1px #c6c6c6;
box-shadow: 0 2px 9px 1px #c6c6c6;  }
.nav > li:hover > div {opacity: 1;visibility: visible;overflow: visible;}
.nav .nav-column {float: left;width: 26%;padding:14px 9px; margin-left:10px;}
.nav .nav-column h3 {margin: 0 0 18px 0;line-height: 18px;font-size: 15px; text-transform:uppercase;}
.nav .nav-column h3 a{ color:#000000;}
.nav .nav-column h3 a:hover{ color:#666;}
.nav .nav-column h3.orange { color:#ff722b;}
.nav .nav-column li a {display: block;line-height: 16px;font-size: 13px;color: #666666; margin-bottom:9px;}
.nav .nav-column li a:hover { color: #eb6665;}

ul.dropdown{ position: relative;z-index:1000; float:left;} 
ul.dropdown li{ zoom: 1;list-style:none; position:relative;}
ul.dropdown li a{ display:block; line-height:32px; color:#FFFFFF;padding:9px 15px; font-size:14px; text-transform:uppercase;}
ul.dropdown li a:hover{ color: #eb6665;}
/*****LEVEL TWO*****/
ul.dropdown ul{ width: 208px; visibility: hidden; position: absolute; top: 100%; left: 0; background:#FFFFFF; padding:15px; box-sizing:border-box; -moz-box-shadow: 0 2px 9px 1px #c6c6c6;
-webkit-box-shadow: 0 2px 9px 1px #c6c6c6;
box-shadow: 0 2px 9px 1px #c6c6c6;}
ul.dropdown ul li{ float: none;list-style:none;}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a{ border-right: none; width: 100%; display: inline-block; font-size:13px; color:#666666;padding:0;height:auto;text-shadow:none!important;background:none; font-weight:normal; text-transform:none; line-height:29px;}
ul.dropdown ul li a:hover{color:#eb6665;}
/*****LEVEL THREE******/
ul.dropdown ul ul{ left: 100%; top:0; }
ul.dropdown li:hover > ul{ visibility: visible;}

#topmenu-cover{ float:right; width:664px;}
.menu-container {
    width: 100%;
     z-index:900; position:relative;
}



.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}

.menu > ul {
    width: 100%;
    list-style: none; 
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    padding: 0;
    margin: 0; 
}

.menu > ul > li a {
    text-decoration: none;
    padding: 7px 0; font-size:13px;
    display: block; color:#FFF; position:relative;
}

.menu > ul > li a:hover { color:#ffc9c9;}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #b20909;
    padding:16px 0 15px 18px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 33%;
    background: none;
    float: left; color:#FFFFFF; font-size:14px; line-height:20px;
}

.menu > ul > li > ul > li a {
    color: #ffd1d1;
    padding: 3px 0;
    width: 100%;
    display: block; 
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 3px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}
.menu > ul > li > ul > li > ul > li a:hover{ color:#FFF;}
.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}
/*------Header Section End-----*/

/*banner section*/
.rslides {position:relative;list-style:none;overflow:hidden;width:100%;padding:0; margin-bottom:38px;}
.rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child {position:relative;display:block;float:left;}
.rslides img {display:block; width:100%; height:auto;}
.bannercaption-cover{ position:absolute; top:90px; width:100%; left:0; }
.bannercaption{line-height:67px; background: rgba(255,255,255,0.8); color:#0d497d;padding:27px 21px; box-sizing:border-box;display:table;  text-align:center; font-size:101px; width:427px;} 
.bannercaption h1{font-family: 'cookieregular';}
/*banner section end*/

/*content part*/
#whoweare{ background:url(../images/about.jpg) no-repeat 0 top; line-height:25px; padding:0 0 0 295px; font-size:14px; color:#5c5c5c; margin:0 0 35px 0; width:350px; float:left;}
#whoweare a{ display:block; background:#C41312; width:100px; padding:4px 0; text-align:center; color:#FFF; font-size:12px; border-radius:5px; margin:16px 0 0 0; text-transform:uppercase;}
#whoweare a:hover{ background:#8a0a09;}
#whoweare span{ display:block; font-size:22px; color:#c52225;}
#whoweare h2 span{ font-size:23px; color:#000;}
#whoweare h2 b{ color:#c41313;}
#whoweare h2{  font-size:38px; text-transform:uppercase; margin:7px 0 17px 0; line-height:40px; color:#08067f; position:relative;}
#whoweare h2:after{ display:block; width:93px; height:4px; content:""; background:#c91d25; margin:7px 0;}
#other-linkbox{ float:left;  margin:54px 0 0 0;}
.gallery-cat{ display:table; width:100%; height:60px; background: #eaeaff url(../images/camera.png) no-repeat left center; padding:0 30px 0 62px; box-sizing:border-box; border-radius:6px; position:relative; background-size:50px;}
.gallery-cat span{ display:table-cell; vertical-align:middle; color:#000; line-height:19px; font-size:14px;}
.gallery-cat:after{ content:""; background:url(../images/more.png) no-repeat; width:15px; height:13px; position:absolute; right:8px; top:25px; background-size:12px;}
#other-linkbox a{ float:left; width:240px; height:181px; border:#e3e3e3 solid thin; text-align:center; display:block; background:#f7f7f7; margin:0 5px 5px 0; padding:20px 0 0 0; font-size:15px; box-sizing:border-box; font-weight:bold; letter-spacing:1px; color:#333333; position:relative; vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#other-linkbox a img{ display:block; margin:0 auto 11px auto;}

#other-linkbox a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #c41313;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#other-linkbox a:hover{
  color: white;
}
#other-linkbox a:hover:before{
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.vision{ float:right; background:url(../images/visionbg.jpg) repeat; padding:9px 22px; width:480px; border-left:#c72b32 solid 2px; color:#405561; font-size:14px; box-sizing:border-box; margin:0 0 11px 0;}
.vision h2{ font-size:26px; color:#233946; margin:24px 0 8px 0;}
.vision a{ display:block; color:#F00; margin:8px 0 0 0; cursor:pointer;}
.vision a:hover{ text-decoration:underline;}
.vision img{ float:left; margin:0 -9px 0 0;}
#mission{border-right:#c72b32 solid 2px; border-left: none;}
#mission img{ float:right;}
#program-box{ background:#d9ecf5; text-align:center; padding:17px 0; margin:39px 0 0 0;}
#program-box h2{ position:relative; color:#576b75; font-size:28px; text-transform:uppercase; margin:10px 0 23px 0;}
#program-box h2:after{ margin:10px auto; content:""; width:50px; height:4px; background:#576b75; display:block;}
#program-scroll{ width:100% !important; border-bottom:#a2c2d2  solid thin; padding-bottom:23px; display:flow-root;}
#program-scroll li{ float:left; width:270px; height:auto !important; color:#6c8a98; font-size:14px; border-right:#a2c2d2  solid thin; padding:0 15px; }
#program-scroll li img{ display:block; margin:0 auto 10px auto;}
.program-title{ position:relative; width:100%; height:40px; display:table; margin:0 0 11px 0;}
.program-title h3{ font-family:Poppins-Regular; font-size:15px; color:#0b3e55; display:table-cell; vertical-align:middle; line-height:18px;}
.program-title:after{ width:30px; height:2px; background:#ed1f24; content:""; position:absolute; left:45%; bottom:0;}
#program-box a{ display:block; margin:19px auto 0 auto; width:180px; border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px; padding:7px 0; border:#2f5b6f solid thin; color:#f5fcff; background:#6793a7; text-transform:uppercase; font-size:13px; overflow:hidden;}

.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover,#program-box a:hover{
  color: white;
}
.hvr-bounce-to-right:hover:before{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

#news-scroll{ width:100% !important;list-style:none; margin:51px 0 0 0;}
#news-scroll h2{ font-size:25px; text-transform:uppercase; float:left;}
#news-scroll a{ float:right; border:#999999 solid 2px; padding:2px 16px; text-transform:uppercase; font-size:13px; color:#000;}
#news-scroll li{ margin:20px 15px 0 0; height:auto !important; width:455px;padding:31px 25px 20px 114px; background:#eef1f3 url(../images/news.png) no-repeat left top; float:left; font-size:13px; color:#3a4e5a; line-height:22px;}
#news-scroll h3{font-size:17px; color:#31414c; text-transform:uppercase; margin:0 0 10px 0;}
#news-scroll a:hover{ background:#999999; color:#FFF;}
#books{ position:absolute; right:0; bottom:0; z-index:-1;}
#enquiry{ float:left; border:#a5a7ab dashed 2px; background:url(../images/mailphone.png) no-repeat left center; padding:20px 15px 17px 124px; line-height:34px; margin:36px 0; box-sizing:border-box;}
#enquiry div{ float:left; margin:0 60px 0 0;}
#enquiry div h2{ font-size:25px;}
#enquiry div a{ display:block; color:#fa8f03; text-decoration:underline;}
#enquiry div a:hover{ text-decoration:none;}
.programs{ float:left; border:#c6e3f5 solid thin; padding:11px 17px 14px 108px; background:#eff4f7 url(../images/course.png) no-repeat 20px 15px; width:566px; margin:0 15px 10px 0; box-sizing:border-box; }
.programs h2{ font-size:14px; margin:0 0 6px 0; color:#3c6782; text-transform:uppercase;}
.programs  span{ float:left; width:100px; color:#61a3cc;}
.programs div{ border-top: #e2eaef solid thin; line-height:28px;}
.prospect-img{ width:181px; height:166px; float:left; background:#000; margin:0 3px 3px 0; overflow:hidden; position:relative;}
.prospect-img:hover div{ left:0; top:0;}
.prospect-img div{ background:rgba(0,0,0,0.8) url(../images/downloads.png) no-repeat center; position:absolute; left:-100%; top:0; width:100%; height:100%; background-size:60px; -webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
#prospector-cover h2{ font-size:23px; margin:15px 0;}
/*content part end*/


/*innerpage content*/
#pagetitelcover{ background: url(../images/pagetitle.jpg) no-repeat center; background-size:cover; height:90px; padding:26px 0 0 0; box-sizing:border-box;}
#pagetitelcover h1{ color:#FFFFFF; font-size:21px;  text-transform:uppercase; background:#002130; padding:10px 38px; display:table;}
#content-cover{ background:#e3ecef;padding:0 0 24px 0; clear:both;}
#about-img{width:916px; height:280px; margin:0 0 18px 0;}
#left-box{ background:#FFF; padding:16px 18px; width:950px; float:left; color:#676767; font-size:13px; line-height:25px; box-sizing:border-box; position:relative; margin:25px 0 0 0;}
#left-box.alumni{ width:987px;}
#cnt-box{ background:#FFF; padding:16px 18px; width:797px; float:left; color:#676767; font-size:13px; line-height:25px; box-sizing:border-box; position:relative; margin:25px 0 0 0;}
#left-menu{ width:185px; float:left; color:#676767; font-size:12px;  box-sizing:border-box; position:relative; margin:25px 11px 0 0;}


#left-menu a{ display:block; background:#84a0ad; color:#FFF; border-radius:3px; margin:0 0 5px 0; padding:10px 19px; line-height:19px; position:relative;}
#left-menu a:after{ position:absolute; right:5px; top:14px; background:url(../images/more.png) no-repeat right center; width:15px; height:13px; content:""; background-size:12px;}
#left-menu a:hover{ background:#6b8490;}
#fixed-box{ background:#FFF; padding:16px 18px; width:100%;color:#5c5c5c; font-size:14px; line-height:23px; box-sizing:border-box; position:relative; margin:24px 0 0 0;}
#fixed-box ul{ list-style:none;}
#fixed-box ul li{ position:relative; padding:1px 0 0 29px; background: url(../images/tick.png) no-repeat left 5px; background-size:17px; margin-bottom:10px;}
#fixed-box:after{ display:table; clear:both; content:"";}
#left-box h2{ font-size:20px; margin-bottom:11px; text-transform:none;}
#right-box{ width:243px; float:right; background:#FFF url(../images/left-tech.png) no-repeat right top; padding:16px; box-sizing:border-box; position:relative; margin:25px 0 0 0;}
#incharge-box{ width:199px; float:right; background:#FFF; padding:14px; box-sizing:border-box; position:relative; margin:25px 0 0 0; height:800px; overflow:auto;}

#incharge-box2{ width:199px; float:right; background:#FFF; padding:14px; box-sizing:border-box; position:relative; margin:25px 0 0 0;}

#incharge-box2 a{ display:block; background:#39385f; color:#FFF; font-size:12px; border-radius:5px; margin-bottom:2px; padding:9px 15px;}
#incharge-box2 a:hover{ background:#1f1f38;}
#incharge-expand{ height:528px; overflow:auto;}
#right-box h2, #incharge-box h2, #incharge-box2 h2{font-size:20px;color:#525252;  text-transform:uppercase;position:relative; padding:0 0 8px 0;}
#right-box h2:before, #incharge-box h2:before, #incharge-box2 h2:before{ position:absolute; left:0; bottom:0; background:#c41313; width:43px; height:3px; content:"";}
ul#rightprgrm-list{ list-style:none;box-sizing:border-box; margin:17px 0 0 0;}
ul#rightprgrm-list li{ margin:0 0px 8px 0px;display:block; color:#000000; font-size:14px; padding:0 0 7px 41px; 
background: url(../images/prgrm.png) no-repeat left top; border-bottom:#ded2bb solid thin; line-height:19px; background-size:26px;}
.other-pdf{ float:left; padding:0 20px 0 0; width:388px; display:table; margin:18px 0 0 0; box-sizing:border-box;}
.icon{ width:50px; height:50px; border-radius: 100%; float:left; background:#08067f; text-align:center;}
.icon img{ position:relative; top:calc(50% - 15px);}
.other-pdf span{ display:table-cell; vertical-align:middle; font-family:Gotham-Bold; color:#333; font-size:17px; text-align:left; width:310px; line-height:19px;}
.other-pdf:hover .icon{ background:#c31315;}
ul#rightprgrm-list li span{ display:block; color:#999; font-size:12px; margin:5px 0 0 0;}
#founder{ padding:16px; background:#f9f9f9; display:flow-root; margin:22px 0 0 0;}
#founder-img{ float:left; width:160px; height:180px; margin:0 20px 0 0;}
#brief-img{ float:left; width:370px; height:240px; margin:0 28px 0 0;}
#founder-img img, #brief-img img{ width:100%; height:100%;}
#left-box .vision{ float:none; width:100%; border:none; display:flow-root; margin:9px 0 0 0;}
#left-box .vision ul{ line-height:none;}
#left-box .vision ul li{ display:table; margin:0 0 8px 0; position:relative; padding:0 0 0 20px;}
#left-box .vision ul li:after{ position:absolute; left:5px; top:9px; background:#ca2028; width:5px; height:5px; content:""; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.faculty{ float:left; width:388px; box-sizing:border-box; height:164px; border-right:#d8d8d8 solid thin; border-bottom:#d8d8d8 solid thin;border-left:#d8d8d8 solid thin; 
margin:0 -1px 2px 0;  padding:15px 15px 10px 14px; box-sizing:border-box; line-height:25px; color:#c41313; font-size:14px;}
.faculty h3{ font-size:17px; color:#333;}
.faculties-img{ float:left; width:125px; height:125px; margin:0 15px 0 0;}
.faculty span{ display:block;  font-size:13px; color:#666; margin-bottom:9px;}
.faculty img{  margin:0 8px 0 0;}
.faculty div{ line-height:22px; color:#848484; font-size:13px;}

.facility{  display:flow-root; float:left; width:373px; margin:19px 15px 10px 0; text-align:center; padding-bottom:10px;}
.facility h3{ margin:10px 0; color:#000; font-size:16px;}
.facility-img{width:300px; height:200px; margin:0 auto 0 auto;}
.facility-cnt{ height:89px;}
.facility-cnt a{ display:block; border-bottom:#c61316 solid thin; border-top:#c61316 solid thin; width:100px; margin:10px auto; padding:2px 0; font-size:13px; color:#c61316;}
.facility-cnt a:hover{ color:#08067f; border-bottom:#08067f solid thin; border-top:#08067f solid thin;}
.commitee{ margin-bottom:30px;}
.commitee h2{ font-size:17px; margin-bottom:8px; text-transform:uppercase;}
#gal_listed{margin:0px 0 0 0;padding:0;}
#fixed-box #gal_listed li, #cnt-box #gal_listed li, #left-box.alumni #gal_listed li, #left-box #gal_listed li{list-style:none;float:left;margin:0 -1px 65px 0;position:relative; padding-left:0; background:none;}
.inn_gal_img{width:292px;height:194px;}
.inn_gal_img img, .book img, .resource-img img{width:100%;height:100%;}
#cnt-box.minutes .inn_gal_img{ width:187px; height:124px;}
#pdf-catalog{ margin:20px 0 0 0; clear:both;}
#pdf-catalog h2, #newarrival h2{ color:#333; margin:12px 0; font-size:22px; text-transform:uppercase;}
#pdf-catalog a{ background: url(../images/pdf.png) no-repeat left center; background-size:27px; padding:0 30px 0 43px; line-height:28px; display:table; float:left; height:40px; width:376px; box-sizing:border-box; color:#333; margin:0 0 7px 0;}
#pdf-catalog a span{ display:table-cell; vertical-align:middle; line-height:17px;}
#pdf-catalog a:hover span{ color:#ff525d;}
#gallery-cover{  width:574px; float:left; margin:0 25px 0 0;}
#newarrival{ clear:both; float:left; width:100%; margin:0 0 20px 0;}
.newarrivals{ float:left; width:243px; margin:5px 10px 10px 0; text-align:center; border:#d0d0d0 solid thin; padding:8px; box-sizing:border-box;}
.resource-img{ float:left; width:250px; height:165px; margin:0 3px 3px 0;}
.book{ width:173px; height:263px; border:#afafaf solid thin; margin:0 auto;}
.book-title{ display:table; height:40px; width:100%; }
.book-title strong{ display:table-cell; color:#333; vertical-align:middle; line-height:16px; font-size:15px;}
.author{ display:table; height:30px; width:100%; margin:0 0 3px 0; line-height:20px;}
.author span{ display:block; vertical-align:middle; width:100%; font-weight:bold;}
/*Thumbnail Gallery Slider
----------------------------------------------------*/ 
.rg-image-wrapper{position:relative;min-height:20px;}
.rg-image{position:relative;text-align:center;line-height:0px;background:#eeeeee;padding:4px 0;}
.rg-image img{max-height:100%;max-width:100%;}
.rg-image-nav a{display:none}
.es-carousel-wrapper{background: #607183;padding:10px 36px;position:relative;}
.es-carousel{overflow:hidden;}
.es-carousel ul{display:none;}
#fixed-box .es-carousel ul li{height:100%;float:left;display:block; padding-left:0; background:none; margin-bottom:0;}
.es-carousel ul li a{display:block;border-style:solid;border-color:#222;opacity:0.8;-webkit-touch-callout:none;-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.es-carousel ul li.selected a{border-color:#fff;opacity:1.0;}
.es-carousel ul li a img{display:block;border:none;max-height:100%;max-width:100%;}
.es-nav span{position:absolute;top:50%;left:8px;background:transparent url(../images/nav_thumbs.png) no-repeat top left;width:14px;height:26px;
margin-top:-13px;text-indent:-9000px;cursor:pointer;opacity:0.8;}
.es-nav span.es-nav-next{right:8px;left:auto;background-position:top right;}
.es-nav span:hover{opacity:1.0;}

.inn_gal_txt{display:none;background:#000000;height: 100%;position: absolute;top: 0;width: 100%;z-index:999; font-size:14px;}
#gal_listed li:hover .inn_gal_txt{background:#000000 url(../images/zoom.png) no-repeat center ;display:block;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;color:#fff; text-align:center; padding:78px 10px 0 10px; box-sizing:border-box; line-height:24px; line-height:20px;}
.gallery-titel{ background:#FFF; position:absolute; text-align:center; left:0; width:100%; bottom:-44px; padding:0 5px; border-left:#c41313 solid 1px; border-right:#c41313 solid 1px;  color:#000; box-sizing:border-box; line-height:15px; font-size:12px; display:table; height:43px;}
.gallery-titel:after{ display:block; width:150px; height:1px; position:absolute; left:20%; bottom:0; content:""; background:#c41313;}
.gallery-titel span{ display:table-cell; vertical-align:middle; text-transform:uppercase;}
#pagination{width:auto;text-align:center;margin:0px auto; font-size:12px; clear:both;}
#pagination a{text-decoration:none;color:#666;background:#fff;padding:0px 8px;display:inline-table;border:solid 1px #ccc;margin:0 2px 0 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
#pagination span{background:#c41313;color:#fff;padding:3px 8px;margin:0 3px 0 0;-webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px;}
#pagination a:hover{background:#c41313;color:#fff;}
#left-box #news-scroll{ margin:0;}
#left-box #news-scroll li{ width:100%; box-sizing:border-box; padding:25px 25px 20px 114px;}
.downloads{ float:left; width:290px; background: url(../images/pdf.png) no-repeat center top; box-sizing:border-box; padding:56px 15px 0 15px; font-size:14px; margin-bottom:30px; text-align:center;}
.downloads a{ display:block;  background:#f33e49 url(../images/down.png) no-repeat right center; padding:1px 18px; box-sizing:border-box; width:109px; box-sizing:border-box; text-align:left; color:#FFF; border-radius:60px; font-size:12px; margin:8px auto;}
.downloads div{ display:table; width:100%; height:55px;}
.downloads div span{ display:table-cell; vertical-align:middle; line-height:17px;}
.downloads a:hover{ background-color:#c30a15;}
.contact-frm{ width:729px; margin:20px 0 0 0; float:left;}
.contact-frm h1{  font-size:26px;text-transform:uppercase;margin-bottom:2px; display:block;}
.contact-frm input{ width:100%; border:none;font-family:'Poppins-Regular'; padding:9px 14px; box-sizing:border-box; outline:none; color:#a2a2a2;font-size:13px; border:#ccc solid thin;}
.contact-frm textarea{ width:99%; border:none;padding:11px 14px; box-sizing:border-box; outline:none; color:#969aae; height:100px; margin:0px 0 12px 0; overflow:hidden; resize:none; font-size:13px; font-family: 'Poppins-Regular'; border:#ccc solid thin; }
.contactfrm-cover{ width:349px; float:left; margin:0 15px 0 0; height:68px; text-align:left;}
.contact-frm .captha{ width:171px; float:right; margin-top:0;}
.contact-frm #frmsubmit{margin-top:0; background:#c41313; color:#FFF; padding:7px 0; cursor:pointer; font-size:16px; border:none;}
.contact-frm #frmsubmit:hover{ background:#de2a2a;}
#contatc-box{ width:380px; height:380px;  border:#FFF solid 8px; background:#08067f;border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; float:right; padding:30px 0; box-sizing:border-box; -moz-box-shadow: -2px 3px 40px #CCCCCB;
-webkit-box-shadow: -2px 3px 40px #CCCCCB;
box-shadow: -2px 3px 40px #CCCCCB; overflow:hidden; margin:15px 0 0 0;}
.contact-diverder{ text-align:center; color:#FFF;padding:10px 42px; box-sizing:border-box; border-bottom:#FFF dashed 1px; margin:0 0 0 0; line-height:34px;}
.contact-diverder img{ display:block; margin:0 auto 1px auto;}
#map{ width:100%; height:250px; clear:both;}
#map iframe{ width:100%; height:100%;}
#complaint{ background:#b5363a; float:right; font-size:12px; width:165px; text-align:center; border-radius:80px; padding:4px 0; color:#FFF; margin:0 0 20px 0;}
#cmplntmail{ float:right; background:url(../images/mail.png) no-repeat left center; padding:0 0 0 25px; color:#000; margin:5px 20px 0 0; font-size:13px;}
#complaint:hover{ background:#bd2126;}
#report{ margin:25px 0 0 0; display:flow-root;}
#report h3{ font-size:18px;}
#Complaint{ width:385px; padding:20px; line-height:27px; font-size:16px; box-sizing:border-box; background:#FFF; color:#000;}
.Complaint-frm{ width:100%;background:#FFF; position:relative; font-size:13px; color:#646464;}
#ratereview-headingcover{ font-size:13px; color:#ffecb5;}
#ratereview-headingcover h5{ color:#353535; font-size:20px; display:block; margin:4px 0 6px 0; text-transform:uppercase;}
.Complaint-frm span{  font-size:12px; color:#FF0000;margin:-6px 0 0 0; display:block;}
.Complaint-frm label{ display:block; font-size:12px; color:#646464; margin:5px 0 0 0; line-height:27px;}
.Complaint-frm input{  border:#c3c3c3 solid thin; width:100%; padding:11px 10px; box-sizing:border-box; outline:none; margin-bottom:8px;}
.Complaint-frm textarea{ border:#c3c3c3 solid thin; width:100%; padding:11px 10px; box-sizing:border-box; outline:none; height:58px; overflow:auto; resize:none;}
.potup-frmubmit-btn{width:100%; box-sizing:border-box; padding:11px 0; text-align:center; color:#FFF; font-size:14px; text-transform:uppercase; margin:20px auto 0 auto; display:block; cursor:pointer; background:#13487d; font-weight:bold; margin-bottom:0 !important;}
.potup-frmubmit-btn:hover{ background:#FF0000;}
#report .downloads{ background-position:left 15px; background-size:34px; padding:13px 15px 0 50px; text-align:left; width:253px;}
.acc_content .downloads{ background-position:left 15px; background-size:34px; padding:13px 15px 0 50px; text-align:left; width:292px;}
#cnt-box.expand{ width:1003px;}
#report .downloads a,.acc_content .downloads a{ margin:5px 0; padding:0px 18px; background-color:#716868;}
#cnt-box .inn_gal_img{ width:190px; height:128px;}
.alumni .inn_gal_img{ width:238px; height:156px;}
#cnt-box .gallery-titel:after, .alumni .gallery-titel:after{ left:20%; width:118px;}
#left-box .inn_gal_img{ width:229px; height:152px;}
#cnt-box .gallery-titel, .alumni .gallery-titel, #left-box .gallery-titel{ border:none;}
.incharger{ text-align:center; border:#5755c3 dotted thin; padding:10px; margin:18px 0 0 0; font-size:13px; color:#c41313;}
.incharger span{ display:block; color:#2f2f2f;}
.incharger strong{ color:#000; display:block; font-size:12px; letter-spacing:1px; margin:5px 0 0 0;}
.incharger-img{ width:137px; height:130px; margin:5px auto;}
.video{ float:left; position:relative; margin:0 15px 59px 0; width:468px; height:269px; background:#000;}
.video iframe{ width:100%; height:100%;}
.video div{ position:absolute; left:0; bottom:-43px; width:100%; padding:10px 15px; background:#010101; text-align:center; color:#FFF; box-sizing:border-box; font-size:13px;}
#cnt-box.expand .downloads{ width:321px;}

#iqac-menus{ display:block; width:220px; float:left; color:#676767; font-size:12px;  box-sizing:border-box; position:relative; margin:25px 11px 0 0; background:#FFF; padding:19px; box-sizing:border-box;}

#cnt-box.vision-mission{ width:758px;}
#cnt-box.minutes{ width:968px;}
#cnt-box.minutes .downloads{ width:310px;}
#iqac-menus ul li{ display:block; margin-bottom:27px;}
#iqac-menus ul li h2{ font-size:15px; color:#1c1a6d; margin-bottom:9px; letter-spacing:1px;}
#iqac-menus ul li ul li{ border:none; padding:0; margin:0;}
#iqac-menus ul li ul li a{ display:block;  margin:0 0 0 10px; border-bottom:#ccc solid thin; color:#000000; padding:4px 0;}
#iqac-menus ul li ul li a:hover{color:#ab3232;}

.vision-box { margin-bottom:24px;}
.vision-box ul{ list-style:none;}
.vision-box h2{ font-size:18px; background:url(../images/vision2.png) no-repeat left center; margin:20px 0 6px 0; padding:0 0 0 63px; line-height:69px; background-size:47px; color:#000;}
#mission-icn{ background:url(../images/mission2.png) no-repeat left center}
#corevlue-icn{ background:url(../images/value.png) no-repeat left center}
.vision-box ul li{ padding:0 0 0 15px; position:relative; margin-bottom:1px;}
.vision-box ul li:after{ position:absolute; left:0; top:9px; background:#da4747; width:5px; height:5px; border-radius:100%; content:""}

.minutes h2{ font-size:19px; margin:15px 0; color:#333;}

/*====================ACCORDION=================*/
.smk_accordion {position: relative;margin: 0;padding: 0;list-style: none;margin-bottom: 20px;}
.smk_accordion .accordion_in {position: relative;z-index: 10;margin-top: -1px;overflow: hidden;}
.smk_accordion .accordion_in  {position: relative;display: block;}
.acc_head{ padding:11px 19px 9px 46px;box-sizing:border-box;font-size:15px;text-transform:uppercase;width:100%;background: url(../images/year2.png) no-repeat left center #a0bcd6;color:#254361;cursor:pointer;border:#d2d2d2 solid thin;margin:8px 0 0 0;}	
.smk_accordion .accordion_in .acc_head .acc_icon_expand {display: block;width: 18px;height: 18px;position: absolute;left: 10px;top: 50%;margin-top: -9px;}
.acc_active{background:#fff;}
.smk_accordion .accordion_in .acc_content {background: #FFF;color: #7B7E85;padding: 17px 18px;border:#cccccc solid thin;box-sizing:border-box; display:flow-root;}
.smk_accordion .accordion_in .acc_content h1:first-of-type,
.smk_accordion .accordion_in .acc_content h2:first-of-type,
.smk_accordion .accordion_in .acc_content h3:first-of-type,
.smk_accordion .accordion_in .acc_content h4:first-of-type,
.smk_accordion .accordion_in .acc_content h5:first-of-type,
.smk_accordion .accordion_in .acc_content h6:first-of-type
.smk_accordion .accordion_in:first-of-type,
.smk_accordion .accordion_in:first-of-type .acc_head {}
.smk_accordion .accordion_in:last-of-type,
.smk_accordion .accordion_in:last-of-type .acc_content {border-radius: 0 0 3px 3px;}
.smk_accordion .accordion_in.acc_active > .acc_content {display: block; display:flow-root;}
.smk_accordion .accordion_in.acc_active > .acc_head {background:#466b8e url(../images/year1.png) no-repeat left center;color:#FFF;}
.smk_accordion .accordion_in.acc_active > .acc_head span {color:#FFF;}
.smk_accordion .accordion_in> .acc_head span {color:#cacaca; font-size:20px; margin:0 9px 0 0;  font-family: 'Poppins';}
.smk_accordion.acc_with_icon 
.smk_accordion.acc_with_icon .accordion_in .acc_content { padding: 20px;}
.smk_accordion .accordion_in.acc_active > .acc_content #report{ margin:0;}
.acc_content #report .downloads{ width:291px;}
.alumni #report .downloads { width:314px;}
.team-box{ width:289px; margin:0 0 15px 0; text-align:center; float:left; border-right: #cecece solid thin; border-bottom: #cecece solid thin;  padding:0 0 17px 0; line-height:24px;}
.team-box span{ display:block; color:#2a28ad; font-size:14px;}
.team-img{ width:230px; height:230px; margin:0 auto; position:relative; border:#c41313 solid 2px; border-radius:100%; padding:8px; box-sizing:border-box;}
.team-img img{ border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; width:100%; height:100%;}
.team-box strong{ display:block; color:#000; font-size:17px; margin:10px 0 0 0; letter-spacing:1px;}
.team-box:nth-of-type(4n+4){ margin-right:0; border-right:none;}
#milestone-img{ float:right; margin:0 0 0 20px; width:340px; height:auto;}
#milestone-img img{ width:100%;}
#pdf-viever{ width:100%; height:600px;}
#pdf-viever object, .gallery-pic img{ width:100%; height:100%;}
#princi-img{ width:297px; height:194px;  border:#bebebe solid thin; float:left; margin:0 22px 14px 0;}
#princi-name{ background:#ab1313; float:left; padding:10px 30px; color:#FFF; margin:0 0 0 -23px; font-size:15px; text-transform:uppercase;}
.princi-box{ position:relative; float:left; background:url(../images/pen.jpg) no-repeat left top; width:619px; font-size:14px; color:#5d5d5d; line-height:25px;}
.princi-box a{ display:block; background:#64637d; width:89px; padding:4px 0; text-align:center; font-size:12px; margin:14px 0 0 0; border-radius:5px; color:#FFF; text-transform:uppercase;}
.princi-box a:hover{ background:#4b4a65;}
.princi-detail{ float:left; font-size:14px; color:#393939; width:281px;}
.princi-detail h2{ color:#444444; font-size:28px; text-transform:uppercase; margin:146px 0 30px 0;}
.princi-detail span{ display:block; font-size:18px; color:#cb3526;}
.princi-img{ width:300px; height:200px; border:#FFF solid 4px; float:right; -moz-box-shadow: 1px 4px 13px #9c9c9c;
-webkit-box-shadow: 1px 4px 13px #9c9c9c;
box-shadow: 1px 4px 13px #9c9c9c; margin:43px 0 24px 0;}
.gallery-piccover{ float:left; width:276px; margin:0 15px 10px 0;}
.gallery-piccover:hover .gallery-cat span{ color:#C00;}
.gallery-pic{ width:275px; height:180px;}
#home-video{ float:right; width:519px; height:350px; margin:34px 0 0 0;}
#home-video iframe{ width:100%; height:100%;}
#prospector-cover{ margin:11px 0 0 0; float:right;}
.expand .newarrivals{ width:231px;}
.expand .resource-img{ width:319px; height:211px;}
.expand #pdf-catalog a { width:472px;}
#sop{ background:url(../images/pdfbtn.jpg) no-repeat; width:145px; height:55px; color:#FFF; margin:20px auto; display:block; clear:both; padding:16px 65px; box-sizing:border-box; font-size:21px;}

@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/*innerpage content end*/

/*footer section*/
footer{ background: url(../images/footer.jpg) repeat; clear:both; padding:33px 0 13px 0; color:#FFF; font-size:14px;}
#contactdetail-cover{ float:left;width:498px;}
.contact-detail{margin:0 42px 13px 0; color:#FFFFFF; float:left; line-height:35px; font-size:14px;}
.contact-detail img{ float:left; margin:4px 16px 0 0;}
.contact-detail h2{ float:left; font-size:18px;}
.contact-detail span{ color:#a9a9a9; font-size:14px;  display:block; font-family: 'Poppins-Regular';}
ul.botom-link{float:left; padding:0 30px; list-style:none; box-sizing:border-box; width:474px; margin:7px 0 0 0; border-right:#324e64 solid thin;  border-left:#324e64 solid thin; box-sizing:border-box;}
ul.botom-link li a{ color:#FFFFFF; margin:0 0 5px 0;font-size:14px; position:relative; padding:0 0 0 16px; float:left; width:137px; box-sizing:border-box;}
ul.botom-link li a:after{ position:absolute; left:0; top:9px; background:#5a7489; width:5px; height:5px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; content:"";}
ul.botom-link li a:hover{ color:#ca2028;}
#footer-right{ float:right; width:202px;}
#footer-right h2{ font-size:16px; margin:0 0 13px 0;}
#footer-right a{ display:block; color:#FFF; font-size:13px; position:relative; padding:0 0 0 17px; margin:0 0 2px 0;}
#footer-right a:hover{color:#ca2028;}
#footer-right a:after{ position:absolute; left:0; top:9px; background:#5a7489; width:5px; height:5px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; content:"";}
#other-linkscover #social-top a{ border:#5e98b3 solid thin; text-align:center; line-height:26px;}
#other-linkscover #social-top{ margin-top:16px;}
#copyright{ font-size:13px; margin:20px 0 0 0; float:right;}
#copyright a{ color:#e52831;}
#copyright a:hover{ color:#FFF;}
#other-linkscover{ border-top: #324e64 solid thin; margin:20px 0 0 0;}
#other-linkscover h2{ font-size:18px;}
/*footer section end*/

@media (max-width:1200px){
.container{ width:992px;}
 ul.dropdown, #whatwedo-img, #books, #mail-top, .nav, .bannercaption-cover{ display:none;}
#logo{ margin-bottom:8px;}
#mobile_menu{display:block;text-align:right;padding:15px 17px 8px 0px; float:right;}
#mobile_drop{display:block;position:relative;background:#080748; padding:15px 0 0 0;}
#mobile_drop_fix{display:block;margin:0 auto 0 auto;}
#mobile_drop_fix h3{ color:#c41313; margin-top:20px;display:inline-block; font-family:Poppins-Regular; font-size:14px;}
#mobile_drop_fix ul li{list-style:none;display:block}
#mobile_drop_fix ul li ul li{margin:0 0 0 35px;}
#mobile_drop_fix ul li ul li a{border-bottom:0!important}
#mobile_drop_fix a{display:block;color:#fff;border-bottom:solid 1px #1c1b73;display:block;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;text-decoration:none;padding:5px 0; font-size:13px;}
#mobile_drop_fix a:hover{color:#f1d08b;}
#other-linkbox a{ width:191px;}
#whoweare{ background-image:none; padding:0; width:471px;}
#program-scroll li{ width:300px;}
.expand .newarrivals{ width:243px;}
.expand .resource-img{ width:250px; height:166px;}
#news-scroll li{ width:350px;}
#cnt-box.minutes{ width:761px;}
#cnt-box.minutes .inn_gal_img{ width:182px;}
#cnt-box.minutes .downloads{ width:241px;}
#contactdetail-cover{ width:411px;}
ul.botom-link{ width:337px;}
#cnt-box{ width:587px;}
.gallery-piccover{ width:303px;}
.gallery-pic{ width:303px; height:200px;}
.newarrivals{ width:265px;}
.book{ width:160px; height:243px;}
#left-box.alumni{ width:782px;}
.alumni #report .downloads{ width:248px;}
#cnt-box.vision-mission{ width:552px;}
#left-box{ width:741px;}
#cnt-box.expand .downloads{ width:252px;}
#cnt-box.expand .inn_gal_img{ width:254px; height:168px;}
#right-box{ width:234px;}
#cnt-box.expand{ width:796px;}
.video{ width:100%; height:416px;}
#about-img{ width:100%; height:auto;}
.programs{ width:463px;}
.faculty{ width:479px;}
.facility{ width:463px;}
.facility-cnt{ height:82px;}
.inn_gal_img{ width:319px; height:211px;}
.downloads{ width:315px;}
.contact-frm{ width:548px;}
.contactfrm-cover{ width:259px;}
.contact-frm .captha{ width:128px;}
#pdf-catalog a{ width:477px;}
.resource-img{ width:272px; height:180px;}
#cnt-box .inn_gal_img{ width:276px; height:183px;}
#report .downloads{ width:275px;}
.team-box{ width:238px;}
.team-img{ width:195px; height:195px;}
#home-video{ width:410px;}
.princi-img{ width:239px; height:157px;}
.princi-box{ width:545px;}
}

@media (max-width:992px){
.container{ width:768px;}
#mail-top{ display:none;}
#logo{ width:300px; height:73px;}
#whoweare{ background-position:left center; padding:0 0 0 296px; background:url(../images/about.jpg) no-repeat;}
#other-linkbox, .vision, #enquiry, #footer-right, #left-box, #right-box, .programs, #pdf-catalog a, .contact-frm, .other-pdf, #gallery-cover, #cnt-box, #left-menu, #incharge-box, #cnt-box.expand, #iqac-menus, #cnt-box.vision-mission, #left-box.alumni, .faculty, .princi-box, #home-video, #incharge-box2{ width:100%;}
#home-video{ height:414px;}
.acc_content .downloads{ width:332px;}
.expand .newarrivals{ width:234px;}
.expand .resource-img{ width:241px; height:160px;}
.alumni #report .downloads{ width:366px;}
#other-linkbox{ width:518px;}
#report .downloads{ width:244px;}
#other-linkbox a{ width:250px; margin-bottom:20px;}
#program-scroll li{ width:230px;}
#news-scroll li{ width:680px;}
.newarrivals{ width:234px;}
.facility{ width:351px;}
.team-box{ width:365px;}
.gallery-piccover{ width:229px;}
.gallery-pic{ width:230px; height:150px;}
.team-img{ width:230px; height:230px;}
.inn_gal_img{ width:244px; height:164px;}
#cnt-box .inn_gal_img{ width:245px; height:164px;}
.downloads{ width:365px;}
.contactfrm-cover{ width:351px;}
#contatc-box{ margin:0 auto; float:none;}
.other-pdf span{ width:637px;}
#gallery-cover{ margin-bottom:20px;}
.resource-img{ width:363px; height:240px;}

#cnt-box.expand .downloads{ width:244px;}
#cnt-box.expand .inn_gal_img{ width:245px; height:162px;}
}

@media (max-width:768px){
.container{ width:448px;}
#intro, #left-box .vision img, .topicon-box, .sf-menu, #other-link, .menu-container{ display:none;}
#social-top{ float:left !important; margin:5px auto; width:auto !important;}
.topicon-box{ background:none; margin-right:21px; padding-left:0; float:right;}
#whoweare{ background:none; padding:0;}
#other-linkbox a{ width:219px;}
#program-scroll li{ width:420px;}
.program-title:after{ left:47%;}
#news-scroll li{ width:310px;}
.team-box:nth-of-type(1n+1){ border-right:none;}
ul.botom-link, #social-top, #other-linkbox{ width:100%; padding:0; border:none; float:none; display:flow-root;}
ul.botom-link li a{ width:149px;}
#footer-right{ float:none; margin:20px 0 0 0; clear:both;}
.faculty, .facility{ width:100%; border-right: none; height:auto;}
.facility-cnt{ height:auto;}
#cnt-box.minutes .inn_gal_img{ width:207px; height:138px;}
.princi-box{ background-image:none;}
.princi-detail h2{ margin:40px 0 16px 0;}
#prospector-cover{ float:none; margin:0 auto; display:table; text-align:center;}
.inn_gal_img{ width:411px; height:272px;}
.gallery-titel::after{ left:33%;}
#left-box .gallery-titel::after{ left:15%;}
.expand .newarrivals{ width:196px;}
#other-linkscover #social-top{ float:right;}
.downloads, .contactfrm-cover, .newarrivals, .gallery-cat, #report .downloads, #cnt-box.minutes, #cnt-box.minutes .downloads, .acc_content #report .downloads, .alumni #report .downloads, .team-box, .gallery-piccover, #whoweare, .expand .newarrivals, .expand #pdf-catalog a, .acc_content .downloads{ width:100%;}
.other-pdf span{ width:330px;}
.resource-img, .expand .resource-img{ width:411px; height:272px;}
#ktlyst{ width:135px; text-align:center; padding:8px 0; line-height:17px;}
#cnt-box .inn_gal_img{ width:207px; height:140px;}
.video{ height:233px;}
.gallery-pic{ width:409px; height:272px;}
#brief-img{ float:none; margin-bottom:20px;}
#princi-img{ float:none;}
#princi-name{ margin:0;}
#milestone-img{ float:none; display:table; margin:0;}
#cnt-box.expand .inn_gal_img, .alumni .inn_gal_img, #left-box .inn_gal_img{ width:207px; height:140px;}
.princi-img{ float:left; margin:22px 0 24px 0; width:300px; height:200px;}
.prospect-img{ width:250px; height:230px;}
}

@media (max-width:448px){
.container{ width:300px;}
.topicon-box{ display:none;}
#founder-img{ float:none; margin-bottom:20px;}
#menu-part{ height:49px;}
#whoweare h2{ font-size:29px; line-height:30px;}
#whoweare h2 span{ font-size:17px;}
#other-linkbox a, #contactdetail-cover, #ktlyst, #Complaint, #milestone-img{ width:100%;}
#ktlyst{ margin:10px 0;}
.vision{ text-align:center; padding-bottom:20px;}
.vision img, #mission img{ margin:0 auto; display:block; float:none;}
#program-scroll li{ width:270px;}
.program-title:after{ left:46%;}
.princi-img{ width:269px; height:177px;}
#home-video{ height:183px;}
.gallery-pic{ width:263px; height:175px;}
#princi-img{ width:100%; height:auto; line-height:0;}
#news-scroll li{ width:270px; background-image:none; padding-left:20px;}
#news-scroll h2{ font-size:22px;}
#enquiry{ background-image:none; padding-left:20px; margin:14px 0;}
.contact-detail{ line-height:23px;}
ul.botom-link, #footer-right{ margin-top:20px; float:left;}
#founder img{ float:none;}
#left-box .vision{ text-align:left;}
.programs{ background-image:none; padding-left:20px;}
.facility-img{ width:265px; height:177px;}
.inn_gal_img{ width:263px; height:174px;}
.video{ height:148px;}
.gallery-titel::after { left:23%;}
#left-box #news-scroll li{ padding-left:20px;}
#contatc-box{ width:268px; height:auto; border-radius:0;}
.contact-diverder{ line-height:30px;}
.es-carousel-wrapper{ padding:10px 25px;}
.other-pdf span{ width:186px;}
.resource-img, .expand .resource-img{ width:263px; height:174px;}
.faculties-img{ width:200px; height:200px;}
#brief-img{ width:100%; height:auto;}
#cnt-box .inn_gal_img, #cnt-box.expand .inn_gal_img, .alumni .inn_gal_img, #cnt-box.minutes .inn_gal_img, #left-box .inn_gal_img{ width:262px; height:176px;}
}