@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: 'montserratbold'; font-weight:normal; letter-spacing:1px; }
img{ border:none;}
div{ display:flow-root;}
.clear{ clear:both;}
.container{position:relative; margin:0 auto; width:1200px; }
/*------Header Section-------*/
#topbox{ background:#f8fb7a; position:relative;}
#intro{ background: url(../images/intro.png) no-repeat left center; color:#8d8080; font-size:13px; padding:0 0 0 30px; float:left; line-height:37px; margin:0 130px 0 262px}
#logo{ width:164px; height:143px; float:left; margin:-25px 0; position:relative; z-index:50;}
#pen{ float:left; margin:43px 0 0 90px}
#logo img, #newsmain-img img, .facility-img img{ width:100%; height:100%;}
#mobile_menu, #mobile_drop{display:none;}
.mtoggle{cursor:pointer;float:right;}
#social-icontop{ float:right; position:relative; margin:7px 12px 0 0;}
#social-icontop a{ float:left;display:block; margin:0 13px 0 0;}
.topicon-box{ float:left; font-size:13px; color:#c4c1cf; padding:10px 0 9px 0;position:relative;line-height:17px; margin:0 23px 0 0;}
.topicon-box a{ color:#8d8080;}
.topicon-box img{ float:left; margin:0 7px 0 0;}
.topicon-box span{ color:#e73435; font-size:14px; float:left; margin:0 8px 0 0;}
.topicon-box h2{ font-size:16px;  display:inline-block;}
.topicon-box h2 a{color:#8d8080;}
#top-mail{ display:block;}
#language{ float:right; background:#a68013; color:#FFF; padding:6px 18px;}
/*****LEVEL ONE*****/
ul.dropdown{ position: relative;z-index:1000; float:right;} 
ul.dropdown li{float: left; zoom: 1;list-style:none; position:relative;}
ul.dropdown li a{ display:block; color:#000000;padding:51px 14px; font-size:13px;}
ul.dropdown li a:hover{ color: #d0a425;}

/*****LEVEL TWO*****/
ul.dropdown ul{ width: 170px; visibility: hidden; position: absolute; top: 100%; left: 0; text-align:left;}
ul.dropdown ul li{background:#d91324; color: #FFF; border-bottom: 1px solid #f14251; 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:12px; color:#fff!important;padding:8px 20px;height:auto;text-shadow:none!important;background:none; font-weight:normal;}
ul.dropdown ul li:hover{ background:#242235;}
/*****LEVEL THREE******/
ul.dropdown ul ul{ left: 100%; top:0; }
ul.dropdown li:hover > ul{ visibility: visible;}
/*------Header Section End-----*/

/*banner section*/
.rslides {position:relative;list-style:none;overflow:hidden;width:100%;}
.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;height:100%;float:left;width:100%;border:0;}
.bannercaption{ width:630px;font-size:34px; text-align:center; line-height:80px; color:#FFFFFF; position:absolute;  left:0; 
top:120px; z-index:500 !important; box-sizing:border-box; font-size:54px;}
.bannercaption h2{ font-size:62px;  line-height:48px; text-transform:uppercase; color:#FFF;  display:block; }
.bannercaption span{ display:block; text-transform:uppercase; font-size:16px;}
.bannercaption h2 strong{ color:#ffbd47;}
/*banner section end*/

/*content part*/
#welcome-section{ position:relative; margin:0 0 45px 0; background:url(../images/about.jpg) no-repeat left top;}
#welcome-img{ float:left; margin:65px 0 0 40px;}
#welcome-box h2{ font-size:34px;  text-transform:uppercase;}
#welcome-box{ float:left; width:347px; font-size:23px; color:#263c46; margin:165px 0 0 139px; line-height:38px;  box-sizing:border-box; text-align:right;}
#welcome-box span{ font-size:22px; display:block; margin:0 0 13px 0;}
#welcome-cnt{ float:right; width:280px; color:#3c3c3c; line-height:25px; margin:105px 0 0 0; font-size:14px;}
#welcome-cnt p{ font-size:18px; margin:0 0 20px 0;}
.more-btn{display:block;  box-sizing:border-box; font-family: 'montserratbold';  display:block; clear:both; width:105px;  margin:18px 0 0 0; border:#d7ab2a solid 3px; background:url(../images/arrow.png) no-repeat right center; border-radius:60px; padding:2px 17px; text-transform:uppercase; font-size:11px; color:#d7ab2a; overflow:hidden;}
.hvr-shutter-out-horizontal {
  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;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #d7ab2a;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -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;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.vision{ float:left; width:590px; border:#95a5cb solid thin; padding:23px 17px; box-sizing:border-box; background:#FFF; margin:40px 0 0 0;}
.vision:last-child{ float:right;}
.vision img{ float:left;}
.vision div{ width:315px; border-radius:20px; background:url(../images/visoinbg.jpg) repeat; float:right; color:#FFF; padding:31px 30px; box-sizing:border-box; line-height:22px;}
.vision div h2{ font-size:24px; text-transform:uppercase; margin:13px 0;}
.vision div a{ background:url(../images/more.png) no-repeat; width:21px; height:9px; display:block; margin:20px 0 0 0;}
#princi-bg{ background:#e3f6ff;margin:70px 0 0 0; padding:45px 0; position:relative;}
.princi-box{ position:relative; float:left; margin:37px 0 0 0; padding:0 0 0 72px;}
#princi-book{ position:absolute; right:0; bottom:0;}
#princi-bg:after{ position:absolute; left:0; bottom:0; width:500px; background:url(../images/princibg.jpg) no-repeat; content:""; height:100%; background-size:cover; z-index:-1;}
#princi-img{ float:left; width:211px; height:211px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; border:#FFF solid 5px; position:relative; z-index:50; margin:0 40px 0 15px;}
#princi-img img{ width:100%; height:100%; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
.princi-cnt{width:734px; color:#3b3838; margin:0 0 0 88px;font-size:15px; line-height:27px; float:left;}
.princi-head{ font-size:40px; color:#FFF; margin:85px 10px; font-family:Poppins-Regular; float:left; line-height:40px;}
.princi-cnt h2{ display:block; font-size:21px; color:#008c9a; margin:0 0 14px 0;}
.princi-cnt .more-btn{ margin-left:270px; margin-top:5px; border-color:#008c9a; padding:1px 17px; color:#008c9a; background-image:url(../images/arrow2.png);}
.princi-cnt .more-btn:hover{ background:#008c9a; color:#FFF;}
#career-box{ background:url(../images/careerbg.jpg) no-repeat; height:364px; background-size:cover; margin:0 0 90px 0;}
#career-cnt{ float:right; width:640px; color:#453434; font-size:17px; margin:50px 0; padding-right:170px; box-sizing:border-box;}
#career-cnt h2{ font-size:39px; background:url(../images/career.png) no-repeat left top; padding:43px 0 0 86px; margin:0 0 15px 0;}
#career-cnt .more-btn{ background:#858585 url(../images/more.png) no-repeat 67px; border:none; padding:10px 21px; color:#FFF;} 
#career-cnt .more-btn:hover{ background-color:#5a5a5a;}
#innerlinks-box{ width:100%; box-sizing:border-box;}
#innerlinks-box a{ width:228px; display:block; padding:23px; box-sizing:border-box; position:relative; overflow:hidden; color:#707070; font-size:13px; float:left; margin:0 20px 0 0; moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; background:#ecfceb; border:#b7ddb5 solid thin; text-align:center;}
#innerlinks-box a:after{ position:absolute; left:0; top:0; background:#c9e3c8; width:100%; height:0; content:""; z-index:-1; moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
#innerlinks-box a:hover:after{ height:100%;}
#innerlinks-box a:hover .bounce {animation: bounce_8980 2.6s ease infinite;transform-origin: 50% 50%;}
@keyframes bounce_8980 {
  0% { transform:translateY(0) }
  7.69231% { transform:translateY(0) }
  15.38462% { transform:translateY(0) }
  30.76923% { transform:translateY(-15px) }
  38.46154% { transform:translateY(0) }
  46.15385% { transform:translateY(-15px) }
  61.53846% { transform:translateY(0) }
  100% { transform:translateY(0) }
}
#innerlinks-box a:first-child{ margin-left:200px;}
#innerlinks-box a img{  margin:0 auto; display:table;}
#innerlinks-box a h2{ display:block; color:#000000;  font-size:14px; color:#38425f; text-transform:uppercase; margin:11px 0 5px 0;}
#innerlinks-box a span{ display:inline-block; font-size:12px; background:url(../images/arowmore.png) no-repeat right center; padding:0 15px 0 0; color:#363a48;}
#innerlinks-box a:hover strong{ color:#903426;}
#innerlinks-box a:hover{ color:#a3645a;}
#otherlink-cover{ position:relative; padding-bottom:65px;}
#pens{ position:absolute; left:0; bottom:0;}
.hvr-radial-in {
  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;
  position: relative;
  overflow: hidden;
  background-color: #c21d04;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -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;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

#facility-cover{ background:#efefef; padding:60px 0;}
#facility-cover h2{ font-size:25px; text-align:center; text-transform:uppercase;}
.facility-box{ width:380px; color:#5b5b5b; font-size:13px; float:left; margin:29px 20px 0 0;}
.facility-img{ width:380px; height:302px; position:relative;}
.facility-icon{ position:absolute; left:12px; top:12px;}
.facility-box a:hover{ color:#cb3526;}
.facility-box:hover .facility-desc{ background:#037403; color:#FFF;}
.facility-box:hover .facility-desc h3{color:#FFF; }
.facility-desc{ background:#FFF; position:absolute; left:10px; bottom:12px; width:272px; padding:10px 20px; box-sizing:border-box; color:#000; line-height:24px; moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.facility-desc h3{ font-size:19px; color:#037403; font-family:Poppins-Regular;}
#cariculam{ width:510px; margin:65px auto; text-align:center;}
#cariculam h2{ font-size:29px; color:#000; text-transform:uppercase; margin-bottom:15px;}
#cariculam .more-btn{ margin:22px auto; text-align:left; border:#008c9a solid 3px; padding:6px 15px;  background:url(../images/arrow2.png) no-repeat right center; color:#008c9a;}
#cariculam .more-btn:hover{ color:#FFF;}
#cariculam-left{ position:absolute; left:-60px; top:30px;}
#cariculam-right{ position:absolute; right:-69px; top:30px;}
/*content part end*/

/*innerpage content*/
#page-title{ position:relative; margin:0 0 0 0; background:url(../images/pagetittlebg.jpg) no-repeat; background-size:cover; height:294px;}
#page-title h1{ color:#FFFFFF; margin:101px 0 0 0; font-family: 'Poppins-Regular'; font-size:38px;text-transform:capitalize; width:100%; z-index:50;}
#content-cover{ margin:82px 0 60px 0; font-size:15px; line-height:28px;}
#about-img{ float:left; margin:0 68px 0 0;}
#about-head{ color:#fe4b7b; font-size:34px; line-height:35px; margin-bottom:25px; margin-top:65px;}
#content-cover .vision{ margin:0;}
#content-cover .vision img, #content-cover .vision div{ float:none; margin:0 auto; display:table;}
#content-cover .vision div{ width:100%; border-radius:0; background:#37398f; text-align:center; font-size:14px; min-height:238px;}
#cariculam-img{float:left; margin:0 40px 8px 0;}
.tution-head{ font-size:20px; margin:35px 0 13px 0; color:#3d3b58;}
.list{ list-style:none;}
.list li{ position:relative; padding:0 0 0 20px; margin-top: 11px; line-height:27px;}
.list li:before{ position:absolute; left:0; top:10px; background:#008900; width:6px; height:6px; border-radius:100%; content:"";}
.list li ul{ margin:7px 0 0 10px;}
.list li ul li:before{ background:#9f6b6b;}
.list li ul li{ margin-bottom:4px; margin-top:0;}
.list li ul li span{ color:#F00;}
.note{ border:#b9b9b9 solid thin; padding:8px 25px; margin:22px 0 0 0;}
.note span{ color:#F00; display:block;}
.table1 {border-collapse: collapse; width:100%; margin:10px 0 0 0;}
.table1 td,.table1 tr {padding:10px 22px; font-size:14px; border:1px solid #d5d5d5; line-height:24px;}
.head2{color:#3d3b58;text-transform:uppercase; border:none;  font-family: 'montserratbold'; font-size:15px; letter-spacing:1px;}
#fee-table{ width:940px; margin-bottom:50px;}
fieldset{ width:527px;border:0; background:#fff5d7; padding:30px 25px; box-sizing:border-box;}
fieldset h2{ font-size:18px; color:#564a26; letter-spacing:0; margin-bottom:15px;}
legend{ color:#6e6e6e;font-size:43px;}
fieldset label{ color:#000000; font-size:13px; font-weight:normal; display:block;}
fieldset input {margin-left:0px;font-size:12px;line-height:12px;font-weight:normal;color:#454545;width:100%;border:solid 1px #ddcfa6;padding:12px 15px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; outline:none; font-family: 'Poppins-Regular'; box-sizing:border-box; background:#FFF;}
fieldset input:focus, fieldset textarea:focus{ border:#418ab9 solid thin;}
fieldset select {margin-left:0px;font-size:13px;line-height:12px;font-weight:normal;color:#454545;width:100%;border:solid 1px #d9d9d9;padding:14px 5px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; outline:none; background:#FFF;}
fieldset ul { display:block !important;} 
fieldset li {text-align:left; color:#564c2c;font-size:14px !important;list-style:none;  padding-left:0 !important; background:none !important; margin-bottom:19px !important;} 
fieldset li span {color:#F00;font-size:12px; display:block;} 
fieldset li:after{ display:none;}
.txt{margin-left:0px;margin-right:15px;font-size:11px;line-height:12px;font-weight:normal;color:#000000;width:125px;}
.label1{margin-left:0px;margin-right:35px;font-size:11px;line-height:12px;font-weight:normal;color:#0033FF;width:125px;}
.spantxt { color:#990;font-size:12px;} 
.err {font-weight:normal;color:#F00;font-size:12px;} 
.sub_mit{margin:0px 0px 0px 0;background:#242235;color:#fff;cursor:pointer;border:0!important; padding:16px 35px; text-transform:capitalize; clear:both; font-size:14px;} 
.sub_mit:hover{background:#3f3d50;}  
fieldset textarea{border:solid 1px #d9d9d9;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width:100%;padding:12px;color:#6e6e6e; outline:none; resize:none; overflow:auto; height:66px; box-sizing:border-box; font-family: 'Poppins-Regular'; font-size:12px; display:block;}
.quote_filed{ height:10px; width:150px; margin-left:12px;}
.captha-box{ height:39px; width:150px; margin-left:12px;}
fieldset submit{width:100%!important;}
#career{ position:absolute; right:0; top:90px;}
#registerform fieldset{ width:100%; background:none; padding:0; font-size:14px;}
#registerform fieldset label{ float:left; width:283px; font-size:14px;}
#registerform fieldset li span{ display:inline-block;}
#registerform fieldset input, #registerform fieldset textarea{ width:370px; border:#c7c7c7 solid thin;}
#register-right{ position:absolute; right:0; top:0;}
#princi-cover{ display:table; margin:28px auto; position:relative; padding:24px 0;}
#circle{ position:absolute; left:-180px; top:-120px; z-index:-1;}
#princi-cover #princi-img img{ border-radius:0;}
#princi-cover #princi-img{ margin:0; border:none;}
#princi-name{ float:left; width:300px; background:#d0a425 url(../images/pen.png) no-repeat center top; height:211px; color:#FFF; display:table; padding:30px 0; box-sizing:border-box; text-align:center;}
#princi-name span{ display:table-cell; vertical-align:middle; font-size:19px;}
#princi-desc{ width:900px; margin:0 auto; text-align:center;}
.facilitys{ float:left; width:236px; margin:0 4px 4px 0; background: #ffedbf; padding:15px 21px; text-align:center; box-sizing:border-box;}
.facilitys div{ display:table; height:41px; text-align:center; width:100%;}
.facilitys div span{ display:table-cell; vertical-align:middle; font-size:14px; line-height:20px;}
.facilitys:nth-child(even){ background:#e7e7e7;}

#cntleft{ width:50%; float:left; padding:0 50px 40px 66px; box-sizing:border-box;}

#contact-usbg{  padding:50px 0 0 0; color:#000; font-size:14px; text-align:center;}
#contact-usbg h2{ color:#000; font-size:28px; margin-bottom:15px;}
.contact-frm{ display:block; margin:21px 0 0 0; clear:both; text-align:center;}
.contact-frm input{ width:100%; border:#cccccc  solid thin;padding:13px 15px; box-sizing:border-box; outline:none; color:#000000; font-size:12px;font-family: 'Poppins-Regular'; background:#f1f1f1;}
.contact-frm textarea{ width:98%; border:#cccccc  solid thin; padding:11px 10px; box-sizing:border-box; outline:none; color:#000000;  height:61px; overflow:hidden; resize:none; font-size:12px; font-family: 'Poppins-Regular'; display:block; margin:0 0 16px 0; float:left; background:#f1f1f1;}
.contactfrm-cover{ width:47%; float:left; height:69px; line-height:22px; margin:0 15px 0 0;}
.contactfrm-cover span{ color:#F00; font-size:12px;}
.contact-frm .captha{ width:109px; float:right; margin-top:0;}
.contact-frm #frmsubmit{ margin-top:0; background:#252237; color:#FFF; padding:12px 0; cursor:pointer; border:none;  font-size:14px;}
.contact-frm h3{ font-size:24px; margin-bottom:11px;}
#contactdetail-cover{ margin:52px 0 0 0;}
.contact-detailbox{line-height:20px;  padding:0 10px; margin:22px 0; color:#464646; float:left; width:33%; box-sizing:border-box; text-align:center; font-size:14px;}
.contact-detailbox img{  display:block; margin:15px auto;}
#call-contact{ background:url(../images/call.png) no-repeat left top;}
#email-contact{ background:url(../images/email.png) no-repeat left 4px;}
#location-contact{ background:url(../images/location.png) no-repeat left 4px;}
#fixed-box .contact-detailbox h3{ margin:9px 0; text-transform:uppercase; color:#5a5a5a; font-size:20px; display:block; margin:0;}
#map{ float:right; width:50%; height:710px;}
#map iframe{ width:100%; height:100%; filter: grayscale(40%) invert(100%) contrast(100%);}
/*innerpage content end*/

/*footer section*/
footer{ background: url(../images/footerbg.jpg) no-repeat  bottom; background-size:cover; padding:0 0 34px 0; clear:both;}
#footr-top{ background:#2d4355; text-align:center; position:relative;}
#footr-top:before{ content:""; left:0; top:0; width:30%; height:100%; background:#263949; position:absolute;}
.contact-detail{color:#FFFFFF; line-height:21px; font-size:13px; text-align:center;float:left; width:300px; padding:17px 0;}
.contact-detail:nth-child(odd){ background:#263949;}
.contact-detail img{ display:block; margin:8px auto;}
.contact-detail a{ color:#FFF;}
ul.botom-link{ list-style:none; box-sizing:border-box; margin:45px 0 0 0;  width:660px; float:left;}
ul.botom-link h2{font-family:Poppins-Regular; font-size:21px; color:#FFF; margin-bottom:8px;}
ul.botom-link li{ float:left; width:210px; margin-bottom:10px;}
ul.botom-link li a{ color:#FFFFFF; font-size:13px; position:relative; float:left;}
ul.botom-link li a:hover{ color:#e7ecfc;}
.contact-detail .botom-social{  float:none;  display:inline-block; margin:13px 0;}
.botom-social a{ float:left; margin:0 7px 0 0; width:30px; height:30px; border:#476278 solid thin;}
.botom-social a img{ vertical-align:middle;}
#facebook:hover{ border:#6b95ec dashed thin;}
#twitter:hover{ border:#1c9cea dashed thin;}
#linkedin:hover{ border:#1c9cea dashed thin;}
#youtube:hover{ border:#F00 dashed thin;}
#copyright{ color:#FFFFFF; font-size:13px; line-height:22px; float:right;  margin:91px 210px 0 0; width:290px;}
/*footer section end*/

@media (max-width:1200px){
.container{ width:992px;}
ul.dropdown, #intro, #pen, #welcome-img, #pens, #career, #register-right{ display:none;}
.topicon-box{ margin-left:220px;}
#top-mail{ margin-left:25px;}
#mobile_menu{display:block;text-align:right;padding:48px 0px; float:right;}
#mobile_drop{display:block;position:relative;background:#c99fe7;}
#mobile_drop_fix{display:block;padding:20px 0px 10px 0;margin:0 auto 0 auto;}
#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 #403e50;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{-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;color:#e66665;}
.bannercaption{ font-size:37px;}
.bannercaption h2{ font-size:45px;}
#welcome-box{ margin:165px 0 0 239px;}
.vision{ width:100%;}
.vision div{ width:695px;}
.princi-cnt{ width:694px; margin:0 0 0 40px;}
#career-cnt{ width:460px; padding-right:0;}
#innerlinks-box a:first-child{ margin-left:0;}
.facility-box{ width:308px;}
.facility-img{ width:308px; height:241px;}
#cariculam{ width:380px;}
.contact-detail{ width:247px;}
#copyright{ margin:91px 10px 0 0;}
.contactfrm-cover{ width:46%;}
}

@media (max-width:992px){
.container{ width:768px;}
.bannercaption, #princi-bg::after, #princi-book, #cariculam-left, #cariculam-right{ display:none;}
#welcome-cnt{ margin:31px 0 0 0; width:490px;}
#welcome-box{ float:right;}
.vision div{ width:476px;}
.princi-head{ color:#000; margin:28px 10px;}
#career-box{ height:auto;}
#career-cnt{ width:310px;}
#innerlinks-box a{ width:358px; margin:0 10px 10px 0;}
.facility-box{ width:358px;}
.facility-img{ width:358px; height:281px;}
#cariculam, #copyright, ul.botom-link, #fee-table, #princi-desc, #map{ width:100%;}
.contact-detail{ height:80px; width:380px;}
#copyright{ margin:42px 0 0 0;}
ul.botom-link li{ width:191px;}
#cntleft{ width:768px; margin:0 auto; padding:0 0 50px 0; float:none;}
#map{ height:400px;}
}

@media (max-width:768px){
.container, #cntleft{ width:448px;}
#top-mail{ display:none;}
#logo{ height:123px; width:142px;}
#mobile_menu{ padding:39px 0px;}
.vision div, .contact-detail{ width:100%; text-align:center;}
.vision img, .vision div a{ float:none; margin:15px auto 0 auto; display:table;}
.princi-cnt, #innerlinks-box a{ width:100%; margin-left:0;}
.princi-cnt .more-btn{ margin-left:0;}
#career-box{ background-size:contain; background-color:#b7b0a6; padding-bottom:40px;}
#career-cnt{ margin:220px 0 0 0; float:left; width:100%;}
.facility-box, #cariculam-img img, fieldset{ width:100%;}
.facility-img{ width:448px; height:352px;}
#about-img{ width:100%; margin-bottom:25px;}
#cariculam-img{ margin-right:0;}
.table1 td, .table1 tr{ padding:10px 9px;}
#registerform fieldset input, fieldset textarea, #registerform fieldset label, #princi-name, .contact-detailbox, .contactfrm-cover, .contact-frm textarea{ width:100%;}
#princi-cover #princi-img{ float:none; margin:0 auto;}
#princi-cover{ width:448px;}
#princi-name{ height:auto; padding:68px 0 20px 0;}
.facilitys{ width:220px;}
}

@media (max-width:448px){
.container, #princi-cover, .facilitys,  #cntleft{ width:300px;}
.topicon-box{ display:none;}
#welcome-section{ background:none;}
#welcome-box, #welcome-cnt{ margin:35px 0 0 0; width:100%; text-align:left;}
#welcome-box h2{ font-size:30px;}
#princi-img{ float:none; margin-bottom:10px;}
#career-cnt{ margin:140px 0 0 0; font-size:15px;}
#career-cnt h2{ font-size:28px;}
.facility-img{ width:300px; height:235px;}
#page-title{ height:250px;}
#page-title h1{ font-size:35px;}
.head2{ letter-spacing:0;}
#content-cover{ font-size:14px;}
.table1 td, .table1 tr{ font-size:12px; padding:10px 3px;}
fieldset{ padding:30px 15px;}
#princi-name span{ font-size:17px;}
.contact-detailbox{ margin:10px 0;}
}