@charset "utf-8";
/* CSS Document */


body{font-family: 'Roboto Slab', serif;}


/*Sticky Navbar*/
.oi_sticky {
  position: fixed !important;
  border-radius: 0px !important;
  width: 100%;
  min-height: 95px !important;
  height:95px !important; 
  top: 0px;
  background:url(../images/navbg1.png) repeat-x;   
  z-index: 9999  !important;
  margin: 0px auto;
  display: none;
  padding: 0px;
  /*border-bottom: 1px solid #ededed;*/
  -webkit-transition: 0.5s; /* Safari */
  transition: 0.5s;
}
.oi_sticky .headerArea{  background:#fff;}

/*.oi_sticky .navbar-nav li {
  -webkit-transition: 0.5s;  
  transition: 0.5s;
}

.oi_sticky .navbar-nav .dropdown-menu ul li {
  padding: 0px 0px !important;
}

.oi_sticky .navbar-brand {
  padding: 0px 15px !important;
  -webkit-transition: 0.5s;  
  transition: 0.5s;
}*/

.oi_sticky .navbar-nav {
    margin-top:0;
}
.oi_sticky .logoText{ margin:10px 0px 0; }
.oi_sticky .logoArea{ padding:0;}
.oi_sticky .logoArea img{   margin:5px 0 0; width:50px;}
.oi_sticky .logoArea h1{ font-size:18px;     padding: 5px 0 5px;  }
.oi_sticky .logoArea h4{ font-size:12px;     margin: 5px 0 0; }
.oi_sticky .logoArea h4{ font-size:10px;}
.oi_sticky .topMenuArea{ margin-bottom:0;}
.oi_sticky .headerArea .navbar-collapse{ margin-top:20px; clear:right; }
.oi_sticky .headerArea .navbar-brand{ padding:0 15px 0 0;}
 
.oi_sticky #mainMenuArea .navbar-default .navbar-nav>li>a{ font-size: 16px; padding: 10px 18px;     background: url(../images/menu-divder-img.jpg) right 10px no-repeat;}


a:focus{ outline:none; text-decoration:none;}

.headerArea{     padding-right: 15px;  padding-left: 15px; }
.headerArea .navbar-default{ background:none; border:0; min-height: 0; margin-bottom: 0;}
.headerArea .navbar-default .navbar-nav>li{ padding:0 15px; background:url(../images/top-menu-devider.jpg) right 5px no-repeat;}
.headerArea .navbar-default .navbar-nav>li>a{ color:#a4770a; padding:0; font-size:12px; }
.headerArea .navbar-default .navbar-nav>li:nth-child(n+5){ background:none; border-right:1px solid #c1a43c; margin:-3px 0 0; }
.headerArea .navbar-default .navbar-nav>li:last-child{  border-right:none; padding:0 0 0 15px; }
.headerArea .navbar-default .navbar-nav>li:nth-child(n+5) > a{ background:#a4770a; color:#fff; padding:5px 12px;  }
.headerArea .navbar-default .navbar-nav>li:nth-child(n+5) > a:hover{ background:#1d253b; color:#fff;}
.topNavbarMobile{ display:none; }
.headerArea .navbar-default .navbar-nav>li>a:hover{ color:#000; border-bottom:1px solid #666;}
.headerArea .navbar-brand { padding:0 25px 0 0; height:auto; }
.logoArea{ padding:30px 0 20px; display: inline-block;}
.logoText{ float:left; margin:22px 0px 0;}
.logoText h5{ font-size:13px; color:#292b2c; margin:0;text-align:center; }
.logoText h1{ font-size:27px; color:#292b2c; margin:0; padding:5px 0 8px; border-bottom:1px solid #d7d7d7; }
.logoText h4{ font-size:14px; color:#5d5f61;}

.socialLinksArea{ float:right;}
.socialLinksArea ul{ list-style:none; margin:0; padding:0; font-size:0;}
.socialLinksArea ul li{ display:inline-block; }
.socialLinksArea ul li a{ color:#fff; border:1px solid #b7b7b7; padding:2px 10px; display:block; font-size:14px; border-left:none; border-top:none; margin:0;}
.socialLinksArea ul li:first-child a{  border-left:1px solid #b7b7b7;}
.socialLinksArea ul li:nth-child(1) a{ background:#d54b3d;}
.socialLinksArea ul li:nth-child(2) a{ background:#2eacf5;}
.socialLinksArea ul li:nth-child(3) a{ background:#3765a3;}
.socialLinksArea ul li:nth-child(4) a{ background:#e22e28;}
/*.socialLinksArea ul li:nth-child(5) a{ background:#97c03e;}*/
.socialLinksArea ul li a:hover{ background:#a4770a; color:#fff; text-decoration:none; }
.headerArea .navbar-collapse{ margin-top:92px; float:right;}
.selectLangLink{ font-size:12px!important; padding:3px 10px!important; color:#000!important;}
.selectLangLink .fa{ color:#000; padding:0 0 0 5px; border-left:1px solid #000; }
.selectLangLink:hover{ color:#fff!important; }
.selectLangLink .fa:hover{ color:#fff!important; }

#mainMenuArea{ background:#a4770a;}
#mainMenuArea .navbar-default{ background:none; border:0; min-height: 0; margin-bottom: 0;}
#mainMenuArea .navbar-default .navbar-nav>li>a{ color:#fff; font-size:16px; font-weight:700; background:url(../images/menu-divder-img.jpg) right 16px no-repeat; padding:15px 18px; border-bottom:4px solid #a4770a; text-transform:uppercase;}
#mainMenuArea .navbar-default .navbar-nav>li:last-child > a{ background:none;  }
#mainMenuArea .navbar-default .navbar-nav>li>a:hover{  color:#fff; border-bottom:4px solid #fff;}

#mainMenuArea .navbar-default .navbar-nav>li:hover > a { border-bottom:4px solid #fff;}

#mainMenuArea .nav-mega .dropdown {
  position: relative;
  
}
#mainMenuArea .nav-mega .dropdown-menu.mega-menu {  -moz-box-sizing: border-box;   -webkit-box-sizing: border-box;  box-sizing: border-box;  -moz-border-radius-topleft: 0;   -webkit-border-top-left-radius: 0;  border-top-left-radius: 0;  -moz-border-radius-topright: 0;  -webkit-border-top-right-radius: 0;  border-top-right-radius: 0;  min-width: auto;  width: 100%;  margin-top: 0;  padding: 0;  border-color: #ccc;  background:#fff;  width:652px; border-radius:0;
}
#mainMenuArea .navbar-nav>li>.dropdown-menu{ }
#mainMenuArea .nav-mega .dropdown-menu.mega-menu > li {  padding: 20px;}
#mainMenuArea .nav-mega .dropdown-menu.mega-menu .media-list .media { padding: 10px; font-size: 13px;}
#mainMenuArea .nav-mega .dropdown-menu.mega-menu .media-list .media-heading {font-size: 16px;}
.dropdownLinks{}
.dropdownLinks ul{ margin:0; padding:0; list-style:none;}
.dropdownLinks ul li{ padding:15px 0; border-bottom:1px solid #c2c2c2;}
.dropdownLinks ul li a{ color:#1d253b; padding:0 0 0 10px; position:relative; }
.dropdownLinks ul li a:before{ position:absolute;   left:0; top: 0;  content:'\f105'; font-family:'FontAwesome'; }
#mainMenuArea .navbar-nav>li:nth-child(n+5) .dropdown-menu{ right:0; left:inherit;}
#mainMenuArea .navbar-nav>li:nth-child(n+8) .dropdown-menu{ right:auto; left:0;}
.dropdownLinks ul li a:hover{ color:#1857a1; text-decoration:none; }
.dropdownLinks ul li a .fa{ margin:0 8px 0 0;}
#mainMenuArea .dropdown:hover .dropdown-menu{ border-bottom:5px solid #a4770a; }
/*.dropdownLinks ul li:last-child { border-bottom:none;}*/

/*#mainMenuArea .navbar-nav>li>.dropdown-menu{  }
#mainMenuArea .navbar-nav>li>.dropdown-menu li{  padding:10px 0;    }
#mainMenuArea .navbar-nav>li>.dropdown-menu li a{ color:#1d253b;}
#mainMenuArea .navbar-nav>li>.dropdown-menu li a:hover{ color:#1857a1; text-decoration:none; }*/

#bannerArea{ padding-left:0;   }
#bannerArea img{ height:423px;}
.bannerRightArea{ position:relative; background:#1d253b; min-height:423px; padding-right:0px!important;}
.bannerRightArea h2{ color:#a4770a; font-size:30px; padding:30px 0 15px; text-align:center; font-weight:700; margin:0; position:relative; }
.bannerRightArea h2:before{ position:absolute; bottom:0; border-bottom:1px solid #fff; content:''; left:0; right:0; margin:0 auto; width:90px;}
.bannerLeftPadding{ padding-right: 0;}
.bannerRightContent{ position:absolute; top:100px; right:0; left:0; margin:0 auto; width:80%;   background:#fff;  border:1px solid #bb9f3f; z-index:1;}
.bannerText{ background:rgba(25,32,49,0.7); padding:25px 20px 15px;}
.bannerText h2{ font-size:20px; font-weight:300; line-height:30px; text-align: left; margin:0;}
#bannerArea .carousel-caption{ padding-bottom:0; bottom:0;right:0;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{  }
#bannerArea .carousel-control{   font-size:20px;  width: 10px;  height: 10px;   right: 45px!important;
    bottom: 20px!important;opacity: 1;  top: inherit; z-index:11; background:none;}
#bannerArea .carousel-control.left{ right:40px; left:inherit; }
#bannerArea .carousel-control.right{     right:0; margin-right: -40px;}
#bannerArea .carousel-control .glyphicon{ font-size:16px;}

.latestnewsWrap{ text-align:center; padding:15px 0; border-bottom:1px solid #bb9f3f;}
.latestnewsWrap h3{ color:#a4770a; font-size:22px; margin:5px 0 10px 0; }
.latestnewsWrap img{     width: 48px;   height: auto!important;}
.latestnewsWrap ul{ margin:0; padding:0 20px; list-style:none;}
.latestnewsWrap ul li{ border-bottom:1px solid #ccc; padding:15px 0;  font-size:14px; color:#666; margin:0; font-weight:700;}
.latestnewsWrap ul li h6{ font-size:14px; color:#666; margin:5px 0;}
.latestnewsWrap a{ color:#092a63; border-bottom:1px solid #092a63;  margin:20px 0; display:inline-block; font-size:15px; }
.latestnewsWrap a:hover{ text-decoration:none;color:#a4770a; border-bottom:1px solid #fff;}
#latestNewsSlider li a{border-bottom:0px!important;font-size:14px!important; }
.reserchText{ color:#908f8f; padding:0 20px; }
.reserchText a{ display:inline-block; padding:0; margin:0;}
.reserchText a:hover{ color:#a4770a;}
.educationAtVIT{ background:#fff; padding:40px 0;}
.educationAtVIT h2{ color:#828487; font-size:60px; font-weight:100; margin:0; padding:0 0 10px 10px; }

.quickLinksArea .quickLink ul li{ width:260px;}
.quickLinksArea .quickLink ul li a{ width:210px;}
.quickLinksArea .quickLink ul li a{ font-size:18px;}

#aboutVitProgramsArea { background:url(../images/about-vit-bg.jpg) no-repeat center top; padding:80px 0 50px; background-size:100% 100%;}
.vitProDetailsWrap{ border:1px solid #6dcff6; min-height:125px; text-align:center; margin-bottom:30px;}
.vitProDetailsWrap .dropdown{ padding:10px 0 0;}
.vitProDetailsWrap .dropdown:before{ content:''; top:0; left:0; right:0; margin:0 auto; width:80px; position:absolute; height:1px; border-top:1px solid #8b96b2;}
.vitProDetailsWrap img{ margin:20px 0;  }
.vitProDetailsWrap h4:after{ position:absolute; left:0; right:0; margin:0 auto; width:75px; border-bottom:1px solid #868d9c; 
content:''; top:-15px; }
.vitProDetailsWrap a{ color:#fff; font-size:20px; display:block; position:relative; padding:0 0 20px;}
.vitProDetailsWrap a .fa{   margin:0 0 0 5px; color:#54b2f5; }
.vitProDetailsWrap a:hover{ color:#a4770a; text-decoration:none;}
.vitProDetailsWrap .dropdown-menu{ background:none;     box-shadow: none; border:0; border-radius:0;  }
.vitProDetailsWrap .dropdown-menu li a{ color:#1d253b; font-size:20px; font-weight:300; background:#fff; padding:14px 60px; display:block;   border-bottom:3px solid #245696;    }
.vitProDetailsWrap .dropdown-menu li a:hover{ background:#bb9f3f; color:#fff; }
.vitProDetailsWrap .dropdown-menu:before{ position:absolute; left:0; right:0; margin:0 auto; top:-6px; content:url('../images/vit-arrow.png'); width:22px; }

#informationOfVitArea{ padding:0; border-top:1px solid #fff}
#informationOfVitArea .row{ margin:0;}
#globalProgSlider img{ float:left; width:50%; height:324px;}
#globalProgSlider .carousel-caption{ position:relative; display:inline-block; padding:0; text-align:left; right:0; left:0; }
#globalProgSlider .carousel-control{ width:40px; height:42px; background:#bb9f3f; opacity:1;     bottom: 0; top: inherit; transition: all 1s; -weblit-transition: all 1s; -moz-transition: all 1s; }
#globalProgSlider .carousel-control:hover{ background:#202940; }
#globalProgSlider .carousel-control.left{ left:235px; }
#globalProgSlider .carousel-control.right{  left: 275px; border-left: 1px solid #000; }
 
#globalProgSlider .carousel-control .fa{ font-size:30px; margin:6px 0;}
.globalProgTextWrap{ padding:30px 30px; }
.globalProgTextWrap h3{ font-size:16px; line-height:22px; }
.globalProgArea{ background:#bb9f3f; padding:0;}
.alumniPortalArea{ background:#202940; height:324px; padding:60px 35px 8px; }
.alumniPortalArea h4{ color:#fff;   line-height:30px;}
.alumniPortalArea h4 span{ border-bottom:1px solid #fff;}
.alumniPortalArea a{ color:#fff; margin:25px 0 0; display:block; font-size:25px; transition: all 1s; -weblit-transition: all 1s; -moz-transition: all 1s;}
.alumniPortalArea a:hover{ color:#bb9f3f;}
.learningLabsArea{ background:url(../images/learning-labs-img.jpg) no-repeat right top; height:324px; color:#fff; padding:40px 20px 10px;}
.learningLabsArea h3{ margin:0; font-weight:700; }
.learningLabsArea h4 { line-height:30px; padding:0 0 10px 0;}
.visitSiteBtn{ border:1px solid #fff; display:table; margin:0;}
.visitSiteBtn a{ color:#fff; font-size:17px; border-right: 1px solid #fff; padding:5px 8px; display: table-cell; vertical-align: middle;	 transition: all 1s; -weblit-transition: all 1s; -moz-transition: all 1s;}
.visitSiteBtn a:hover{ background: #202940; text-decoration:none;}
.visitSiteBtn span{ background: #202940; padding:0 14px;  height:38px; vertical-align: middle; display: table-cell;}
.visitSiteBtn span .fa{ font-size:20px;}


.examinationArea{ background:url(../images/examination-bg.jpg) right top no-repeat; text-align:center; }
.examinationArea h4{ margin:20px 0; padding:0; line-height:normal; }
.examinationArea h4 a{ background:rgba(0,0,0,0.5); width:230px; display:inline-block; font-size:26px; text-align:center; padding:8px 8px; color:#fff; margin:0;    transition: all 1s; -weblit-transition: all 1s; -moz-transition: all 1s; border:1px solid #fff;}
.examinationArea h4 a:hover{ background:rgb(187, 159, 63); text-decoration:none; color:#fff; }
.examinationArea a{ color:#fff; margin:20px 0 0; display:block; font-size:25px; transition: all 1s; -weblit-transition: all 1s; -moz-transition: all 1s;}
.examinationArea a:hover{ color:#bb9f3f;}
.charimanMsgArea{ text-align:center;}
.charimanMsgArea h4{ font-style:italic; text-align:left;}
.charimanMsgArea h5{ color:#fffbfb; font-size:18px; border-top:1px solid #2b3756; padding:20px 0px 0; text-align:left;}
#campusLifeSLider .carousel-caption{ position:relative; display:inline-block; padding:0; text-align:left; right:0; left:0; }
#campusLifeSLider .carousel-control{ width:40px; height:42px; background:#bb9f3f; opacity:1;     bottom: 0; top: inherit; transition: all 1s; -weblit-transition: all 1s; -moz-transition: all 1s;}
#campusLifeSLider .carousel-control:hover{ background:#202940; }
#campusLifeSLider .carousel-control.left{ left:235px; }
#campusLifeSLider .carousel-control.right{  left: 275px; border-left: 1px solid #000; }
#campusLifeSLider .carousel-control .fa{ font-size:30px; margin:6px 0;}
#campusLifeSLider img{ float:left; width:50%; height:324px;}
.learningPracticalArea h2{ font-size:38px; text-align:center; line-height:46px; }
.campusArea{ position:absolute; bottom:0; left:0; background:rgba(0,0,0,.5); width:315px; text-align:left;}
.campusArea h3{ color:#fff; font-size:26px; padding:7px 10px 7px 30px; margin:0; display:none;}

#vitJourneyVideoArea{ /*background:url(../images/video-img.jpg) center top no-repeat; background-size:100% 100%; height:482px; */ width:100%;height:482px;background:#fff;padding:0px;}
#vitJourneyVideoArea h3{ font-size:20px; color:#fff; text-align:center; padding:50px 0; line-height: 35px;}

.quickLinksArea h2{ border-bottom:1px solid #202940;}
.quickLink{   width:100%; margin:52px 0 0;  }
.quickLink h4{     display: table;
    margin: 0; }
.quickLink ul{ margin:0; padding:0; list-style:none; font-size:0;} 
.quickLink ul li{ display:inline-block; width:230px; margin:0px 30px 15px 0;  }
.quickLink ul li:nth-child(3n){ margin:0px 0 15px 0; }
.quickLink ul li a{ background:#bb9f3f;  width:180px; color:#202940; display:table-cell; vertical-align:middle; font-size:20px; padding:0 10px;     transition:all 1s;  }
.quickLink ul li a:hover { text-decoration:none; color:#fff; background:#202940;} 
.quickLink span{     background:#202940; padding:0 18px;  height:70px;  vertical-align:middle; display:table-cell;}
.quickLink span i{ color:#fff; }
.quickLinksText { margin:52px 0 0; text-align:center;}
.quickLinksText h3{ font-size:46px; color:#202940; font-weight:300;}

#socialLinksArea{ background:#050f29; /* padding:20px 0;*/ padding:4px 0; position:fixed; bottom:0; width:100%; z-index:9999;   }
.connectWithUsWarp{ }
.connectWithUsWarp h4{ font-size:16px; color:#fff; margin-left:145px; float:left; margin-top:15px;}
.connectWithUsWarp ul{ margin:0 0 0 75px; padding:0; list-style:none; display:inline-block;}
.connectWithUsWarp ul li{ display:inline-block; padding:0 15px; position:relative; }
.connectWithUsWarp ul li:before{ position:absolute; right:0; top:12px; content:''; height:24px; border-right:1px solid #6f757a; }
.connectWithUsWarp ul li a{ font-size:25px; text-align:center;  transition:all 1s; width:44px; height:44px; border-radius:4px; display:block; color:#fff;    }
.connectWithUsWarp ul li:last-child:before{ border-right:none;}

.connectWithUsWarp ul li:nth-child(1) a{  }
.connectWithUsWarp ul li:nth-child(1) a:hover{ background:#1E2952;}
.connectWithUsWarp ul li:nth-child(2) a{  }
.connectWithUsWarp ul li:nth-child(2) a:hover{ background:#174D67;}
.connectWithUsWarp ul li:nth-child(3) a{  }
.connectWithUsWarp ul li:nth-child(3) a:hover{ background:#692A1F;}
.connectWithUsWarp ul li:nth-child(4) a{  }
.connectWithUsWarp ul li:nth-child(4) a:hover{ background:#69251A;}
.connectWithUsWarp ul li:nth-child(5) a{  }
.connectWithUsWarp ul li:nth-child(5) a:hover{ background:#103654;}
.connectWithUsWarp ul li a i{ color:#fff; margin-top:10px; }

.enquiryBtn{ text-align:left;     margin-left: 58px; margin-top: 4px; }
.enquiryBtn a{ background:#ff0000; display:inline-block; color:#fff;/* padding:5px 20px;*/ padding:2px 20px; font-size:24px; font-weight:300; transition: all 1s; -weblit-transition: all 1s; -moz-transition: all 1s;}
.enquiryBtn a:hover{ background:#bb9f3f; text-decoration:none;}



#contactInfoArea{  position:relative; padding: 0; border-top:1px solid #b2aa9f; }
.contactInfoWrap{ background:#fff; padding-bottom:20px; position:absolute; top:0; left:0; right:0; margin:0 auto; width:90%; z-index:1;}
.contactInfoWrap h2{ font-size:40px; padding:0 0 24px 0; color:#303941;  text-align:center; font-weight:300; margin-bottom:35px; position:relative;  }
.contactInfoWrap h2:before{ position:absolute; bottom:0; right:0; left:0; margin:0 auto; width:95%; border-bottom:1px solid #b77900; content:''; }
.contactAddressWrap{}
.contactAddressWrap .fa{ font-size:40px; color:#000000; margin:0 15px 0 20px; }
.contactAddressWrap .media-body, .contactAddressWrap .media-left, .contactAddressWrap .media-right{ vertical-align:middle; height:70px; }
.contactAddressWrap .media-left{ vertical-align:middle; width:66px; border-right:1px solid #b77900;}
.addressWrap{ margin:0 0 0 15px; font-size:14px; line-height:25px; }
.addressWrap h4{ font-size:14px; font-weight:700; margin:0; }
.addressWrap a{ color:#202940; }
.addressWrap a:hover{ color:#092a63; text-decoration:none; }

.holder{ width: 100%; height:100%; position:relative; }
.holder p{margin:0px!important;}
.frame{	width: 100%;	height:100%; background: blue; }
.bar{position:absolute;top:0; left:0; width:100%; height:463px; 	background: transparent;}

#footerLinksArea{ background:url(../images/footer-links-bg.jpg) no-repeat;  background-size:100% 100%;  padding: 0 0 50px;}
.footerLinksWrap{ position:relative;}
.footerLinksWrap:before{ position:absolute; top:88px; left:0; right:0; margin:0 auto; content:''; border-bottom:1px solid #485161; width:100%; }
.footerLinksWrap h4{ color:#fff; margin-bottom:30px; font-weight:300; text-transform:uppercase; padding:40px 0 20px;    }
.footerLinksWrap .col-md-5 .footerLinks{ border-right:none;}
ul.footerLinks{ margin:0; padding:0; list-style:none; border-right:1px solid #848c99; min-height:296px; }
ul.footerLinks li{ padding:5px 0;  color:#bfcee1;}
ul.footerLinks li a{ color:#bfcee1; font-size:12px; transition: all 1s; -weblit-transition: all 1s; -moz-transition: all 1s; display:inline-block;  position:relative; padding:0 0 0 10px;}
ul.footerLinks li a:hover{ color:#8195AF; text-decoration:none;}
ul.footerLinks li a:before{ position:absolute; left:0; top:0; content:'\f105'; font-family:'FontAwesome';  }
/*ul.footerLinks li .fa{ margin:2px 6px 0 0; width:5px; float:left; }*/

.footerArea{ background:#0f1012; padding:10px 0 10px;/*padding:10px 0 70px;*/}
.footerArea h5{ font-size:11px; color:#d8d5d5;}
.poweredby{ text-align:right;}
.poweredby a{color:#d8d5d5; }

.vertical .carousel-inner {
  height: 100%;
}

.carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 400px;
}

.carousel.vertical .prev {
  top: -400px;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -400px;
}

.carousel.vertical .active.right {
  top: 400px;
}

.carousel.vertical .item {
    left: 0;
}

.footerLinksWrapMob{ display:none;}


/*---- Institute Css----*/

.innerBannerArea img{ height:230px; width:100%; background-size:100% 100%;}
#breadcrumbArea {  border-bottom:2px solid #e2e2e2;}
#breadcrumbArea .breadcrumb{ background:none; margin-bottom:0; background-color: 0;  border-radius: 0; padding:20px 10px; display:inline-block; }
#breadcrumbArea .breadcrumb > li{ border-left:1px solid #727580; padding:0 8px; line-height:14px;}
#breadcrumbArea .breadcrumb > li > a{ font-size:14px; color:#202940;}
#breadcrumbArea .breadcrumb > li > a:hover{ color:#a4770a; text-decoration:none;}
#breadcrumbArea .breadcrumb > li.active { color:#a4770a; font-size:14px; border-right: 1px solid #727580; }
#breadcrumbArea .breadcrumb>li+li:before{  display:none;}

.instituteOtherLinksArea{ float:right;  padding:17px 10px; position:relative; }
.instituteOtherLinksArea .dropdown{ position:relative; padding:0 15px;}
.instituteOtherLinksArea .dropdown.open > a{ color:#a4770a; border-bottom:3px solid #a4770a; text-decoration:none;}
.instituteOtherLinksArea .dropdown:after{ position:absolute; left:0; top:5px; content:''; border-left:1px solid #727580; height:15px;}
.instituteOtherLinksArea .dropdown:before{ position:absolute; right:0; top:5px; content:''; border-left:1px solid #727580; height:15px;}
.instituteOtherLinksArea .dropdown > a{  font-size:14px; font-weight:700; border-bottom:3px solid #fff; padding:0 0 19px 0; color:#202940;  }
.instituteOtherLinksArea .dropdown > a:hover{  color:#a4770a; border-bottom:3px solid #a4770a; text-decoration:none; }
.instituteOtherLinksArea .dropdown-menu{ right:0; left:inherit; border-radius:0; border:1px solid #a4770a; padding:0 25px;     min-width: 360px; margin-top: 30px;}
.instituteOtherLinksArea .dropdown-menu > li{ border-bottom:1px solid #c2c2c2; padding:10px 0;  }
.instituteOtherLinksArea .dropdown-menu > li > a{ font-size:14px; color:#202940; padding:0 0 0 15px; position:relative;  }
.instituteOtherLinksArea .dropdown-menu > li > a:before{ position:absolute; left:0; top:0; content:'\f105'; font-family:'FontAwesome';  }
.instituteOtherLinksArea .dropdown-menu > li > a:hover{ color:#1857a1; text-decoration:none; background:none;}
.instituteOtherLinksArea .dropdown-menu > li > a span{ margin:0 8px 0 0;}


#innerPageContentArea{}
.pageTitleWrap{ padding:8px 0; }
.pageTitleWrap ul{ margin:0; padding:0; list-style:none;}
.pageTitleWrap ul li{ color:#888686; font-size:11px; display:inline-block; padding:0 10px 0 0;}
.pageTitleWrap ul li a{ color:#908e8e; }
.pageTitleWrap ul li a:hover{ color:#000; }
.visionMissionArea{ padding:10px 0;}
.visionMissionArea .nav-tabs{ text-align:center;     border-bottom: 0;}
.visionMissionArea .nav-tabs>li{ float:none; display:inline-block; margin:8px 8px;   }
.visionMissionArea .nav-tabs>li>a{ border:1px solid #222b41; color:#202940; border-radius:0; padding:12px 15px; font-size:20px;}
.visionMissionArea .nav-tabs>li>a:hover{  background:#a4770a; color:#fff; border:1px solid #fff;}
.visionMissionArea .nav-tabs>li.active>a, .visionMissionArea .nav-tabs>li.active>a:focus, .visionMissionArea .nav-tabs>li.active>a:hover{ background:#a4770a; color:#fff;  border:1px solid #fff; }
.visionMissionArea .nav-tabs>li.current>a, .visionMissionArea .nav-tabs>li.current>a:focus, .visionMissionArea .nav-tabs>li.current>a:hover{ background:#a4770a; color:#fff;  border:1px solid #fff; }
.tab-content>.tab-pane { padding:10px 0 40px 0;}
.ourVisionText{ padding:10px 0;}
.ourVisionText img{ display:block; margin:0 auto; }
.ourVisionText h5{ color:#666666; font-size:13px; line-height:20px;}

.vitVisionImg{ text-align:center; position:relative; margin-top:110px;}
.vitVisionTitle{ position:absolute; top:80px; left:0; right:0; margin:0 auto;}
.vitVisionTitle h5{ font-size:20px; color:#666666; font-weight:300;}
.vitVisionTitle span{ color:#1857a1; font-weight:400;}

#managementTeamArea{ background:#202940; position:relative;}
.chairmanMsgWrap{ padding:35px 32px 35px;  }
.chairmanMsgWrap h2{ color:#bb9f3f; font-size:25px; margin:0; padding:15px 0; border-bottom:1px solid #9094a0;  }
.chairmanMsgWrap h3{ color:#bb9f3f; font-size:20px; margin:0; padding:15px 0;}
.chairmanMsgWrap a{ color:#f10404; display:block; padding:10px 0; }
.chairmanMsgWrap a:hover{ text-decoration:none; color:#fff;}
.managementTeamImg{ margin:15px 0 0;}
.chairmanMsgText{ font-size:16px; color:#fff; font-weight:300; line-height:30px; padding:25px 0 0 0;}
.trusteeMessageWrap { background:#bb9f3f; padding:35px 30px;}
.trusteeMessageWrap .chairmanMsgText{ padding:25px 0 0 0; color:#060606;}
.trusteeMessageWrap h2{ color:#202940; font-size:25px; margin:0; padding:15px 0; border-bottom:1px solid #202940;  }
.trusteeMessageWrap h3{ color:#202940; font-size:20px; margin:0; padding:15px 0;}
.directorMsgWrap{ padding:35px 30px; }
.directorMsgWrap .chairmanMsgText{ padding:25px 0 0 0;}

.trustTextArea{ background:#ececec; padding:40px 0;  }
.trustTextWrap { font-size:16px; color:#4a4949; font-weight:300; line-height:25px;}
.trustTextWrap h2{ color:#4a4949; font-size:48px; font-weight:100; padding:0 0 25px 0; border-bottom:1px solid #898989; margin:0 0 25px;}
.trustTextWrap a{ color:#f10404; }
.trustTextWrap a:hover { color:#000; text-decoration:none;}
.quickLink1{ margin:20px 0 0;}
.quickLink1 ul li{ width:350px;}
.quickLink1 ul li a{ width:307px; }

.contactInfoInner{ background:#051936; }
.contactInfoInner .contactInfoWrap{ position:relative; width:100%;}


/*--- Common Page style ---*/
.commonContentStyle{ font-size:16px; color:#666666; font-weight:300;     line-height: 25px;}
.commonContentStyle a{ text-decoration:underline;}
.commonContentStyle a:hover{ text-decoration:none;}
.commonContentStyle table{  border:1px solid #c2c2c2;}
.commonContentStyle table tr th{ background:#202940; color:#fff; font-size:18px; font-weight:400; padding:10px 30px; vertical-align:middle;}
.commonContentStyle table tr td{     font-size: 13px;  color: #666; font-weight: 300;  padding:10px;}
.commonContentStyle table tr:nth-child(odd){ background:#e1e1e1; }
.commonContentStyle h2{ font-size:52px; color:#828487; font-weight:100; border-bottom:1px solid #8f949f; margin:0; padding:30px 0; }
.profileArea{ padding:30px 0;}
.commonContentStyle h3{ font-size:36px; color:#303941; font-weight:300;  }
.commonContentStyle h4{ font-size:20px; color:#202940; margin:0; padding:20px 0; }
.textAlignCenter{ text-align:center!important;}

.noListArea { 	counter-reset:my-badass-counter; padding:10px 0;}
.noListArea dt{ color:#a4770a; padding:20px 0 0; }
.noListArea > dt > h5{ padding:0 0 0 15px; font-size:20px; display:inline-block;} 
.noListArea dt:before {content: counter(my-badass-counter); counter-increment: my-badass-counter; background:#a4770a;  color:#fff; width:30px; height:30px; display: inline-block;  text-align: center;   border-radius: 50%; padding:3px; }
.noListArea dd{ font-size:16px; color:#666; padding:0 0 0 45px; line-height: 25px; }

.alphaListArea { 	counter-reset:my-badass-counter; padding:10px 0;}
.alphaListArea dt{ color:#a4770a; padding:20px 0 0; }
.alphaListArea > dt > h5{ padding:0 0 0 15px; font-size:20px; display:inline-block;} 
.alphaListArea dt:before {content: counter(my-badass-counter, upper-alpha); counter-increment: my-badass-counter; background:#a4770a;  color:#fff; width:30px; height:30px; display: inline-block;  text-align: center;   border-radius: 50%; padding:3px; }
.alphaListArea dd{ font-size:16px; color:#666; padding:0 0 0 45px; line-height: 25px; }
.modal{ z-index:99999;}
.popupStyelBtn{ background-color:#A4770A; border-color:#886208; color:#fff; border-radius:0;}
.popupStyelBtn:hover{ background:#986D03; color:#fff;}
ul.listArea{ margin:0; padding:0; list-style:none;}
ul.listArea li{ position:relative; padding:0 0 0 20px;}
ul.listArea li:before{ content:'\f105'; position:absolute; left:0; top:0;  font-family:'FontAwesome';   }
ol { 
  list-style: symbols("*" "\2020" "\2021" "\A7"); 
}

/*--- Contact Us Page ---*/
#contentArea{ background:#fff; padding:10px 0;}
.contactTextWrap{ text-align:center; color:#666; border-bottom:1px solid #b2b2b2; width:38%; margin:0 auto; padding:20px 0;}
.contactTextWrap:last-child{ border-bottom:none; padding:20px 0 0; }
.contactTextWrap h3{ color:#a4770a; font-size:20px; font-weight:700; margin:0; padding:10px 0;}
.contactTextWrap .fa{ color:#202940; font-size:20px; display:block; margin:10px 0 5px;}
#googleMap{ padding:0;}
.contactTextWrap a{ color:#666;}
.contactTextWrap a:hover { text-decoration:none; color:#000;}

/*--- Enquiry Form ---*/
.enquiryFormArea{ background:#e9e8e8!important; padding:20px 0px!important; width:75%!important; margin:0 auto!important;}
.enquiryFormArea .form-group{ margin-bottom:25px!important; }
.enquiryFormArea .form-horizontal .control-label{ text-align:left!important; font-weight:normal!important;}
.enquiryFormArea .form-horizontal .control-label span{ color:#fa0505!important; }
.enquiryFormArea .form-control{ border-radius: 0!important; box-shadow: none!important; border:1px solid #b1b0b0!important;}
.enquiryTextArea{ min-height:150px!important; resize:none!important;}
.submitBtn{ background:#a4770a!important; font-size:20px!important; padding:5px 20px!important; font-weight:700!important; border:none!important; border-radius:0!important; color:#fff!important; }
.submitBtn:hover{ color: #333!important; text-decoration: none!important;}

.btn.focus, .btn:focus, .btn:hover{ outline:none;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus{ outline:none;}
.addmissionContent h2 { border-bottom:none; text-align:center;}
.addmissionContent h4 { color:	#a4770a; text-align:center; padding:10px 0 20px 0;}
.admicontactArea{ background:#bb9f3f; padding:50px 50px; }
.admicontactArea{ color:#fff; font-size:16px; text-align:center;   }
.admicontactArea h4{ color:#202940; font-size:20px; font-weight:700; border-bottom:1px solid #000; padding:0 0 20px; margin:10px 0 20px;  }
.admicontactArea .col-md-4{ position:relative;}
.admicontactArea .col-md-4:before{ position:absolute;  right:0; top:20px; content:'';  border-right:1px solid #222b41; height:210px; width:1px;   }
.admicontactArea .col-md-4:last-child:before{ border-right:none;}
.admicontactWrap{ padding:0 25px;}
.admicontactWrap a{ color:#fff;}
.admicontactWrap a:hover { color:#202940; text-decoration:none;}


/*Achievements CSS*/

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
  width: 80%;
  margin: 0 auto;
  }
.page-header{ margin:0; border-bottom:none; }  
.page-header h2{ font-size:52px; text-align:center; font-weight:100; color:#828487;}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width:1px;
  background-color: #666;
  left: 50%;
  margin-left: -1px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
}

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

.timeline > li:after {
  clear: both;
}

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

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  padding:0;
  position: relative;
}

/*.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
*/
/*.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}*/

.timeline > li > .timeline-badge {
  color: #fff;
  width:75px;
  height:75px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -36px;
  background-color: #4ebcc0;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
border:double #fff 6px;  
}

.timeline > li > .timeline-badge .fa{ font-size:36px; margin-top:18px; }

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

/*.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}*/

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-badge.primary {
  background-color: #2e6da4 !important;
}

.timeline-badge.success {
  background-color: #3f903f !important;
}

.timeline-badge.warning {
  background-color: #e98535 !important;
}

.timeline-badge.danger {
  background-color: #67bc69 !important;
}

.timeline-badge.info {
  background-color: #b777db !important;
}
.timeline-badge.purple {
  background-color: #b777db !important;
}
.timeline-badge.yellow {
  background-color: #f3b700 !important;
}
.timeline-badge.gray {
  background-color: #847d83 !important;
}

.timeline-title {
  margin-top: 0;
  color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}
.timeline .quickLink1 ul li{ float:right;}
.timeline .quickLink1 ul li a{ width:235px; text-align:center; background:#202940; color:#fff; font-size:18px; }
.timeline .quickLink1 ul li a:hover{ background:#bb9f3f;}
.timeline .quickLink span{ background:#bb9f3f; color:#fff; width: 150px; text-align: center; position:relative;}
.timeline .quickLink span:before{ position:absolute; top:22px; right:-12px; content:url('../images/achievements-right-arrow.png');   }
.timeline-inverted .quickLink1 ul li a{    background:#202940; width:230px; position:relative; }
.timeline-inverted .quickLink1 ul li a:hover{background:#bb9f3f;}

.timeline-inverted .quickLink1 ul li span{ width:150px; background:#bb9f3f; position:relative;}
.timeline-inverted .quickLink1 ul li span:before{ position:absolute; top:22px; left:-12px; content:url('../images/achievements-left-arrow.png'); right:inherit;   }


#placementArea{ background:#f5f4f4; }
.placementAreaTitle h2{ border-bottom:none;}
.profProfileWrap{ color:#fff; background:#091832; padding:30px; }
.profProfileWrap img{ margin:0 0 10px;}
.profProfileWrap h5 { font-size:20px; color:#fff; padding:15px 0; margin:0; }
.profProfileWrap ul{ margin:0; padding:0; list-style:none;}
.profProfileWrap ul li{ color:#cbc9c9; font-size:18px; padding:5px 0; }
.profDetailsWrap{ padding:10px 0; }
ul.profDetailsList{ list-style:none; margin:0; padding:0; }
ul.profDetailsList > li{ position:relative; color:#202940; padding:15px 0 15px 40px; font-weight:400; }
ul.profDetailsList > li:before{     content: "\f0a4"; position:absolute; left:0; top:14px; font-family:'FontAwesome';  color:#a4770a; font-size:22px;}
ul.profDetailsList li h4{ font-size:20px; color:#a4770a; font-weight:700; margin:0; padding:0 0 15px; }
ul.profDetailsList li h5{ font-size:20px; color:#202940;}
ul.profDetailsList li a{ color:#202940;}
ul.profDetailsList li a:hover{ color:#000; text-decoration:none;}

.placeNoList { 	counter-reset:my-badass-counter; padding:10px 0;}
.placeNoList dd{ font-size:16px; color:#666; padding:0 0 20px 45px; line-height:25px; position:relative; }
.placeNoList dd:before {content: counter(my-badass-counter); counter-increment: my-badass-counter; background:#a4770a;  color:#fff; width:30px; height:30px; display: inline-block;  text-align: center;   border-radius: 50%; padding:3px; position:absolute; left:0; top:0; }

.academicLibertyArea{ background:#202940; padding:20px 0; }
.academicLibertyArea h4{ text-align:center; color:#fff; font-size:20px; padding:10px 0 30px;}
.academicLibertyArea h6{ text-align:center; color:#bb9f3f; font-size:20px; padding:20px 0 10px;}
.academicLibertyWrap { background:#fff; padding:20px; }
.academicLibertyWrap h5{ color:#091832; font-size:20px; text-align:center; margin:0; padding:0 0 30px;}
.academicLibertyText{ border-right:1px solid #bb9f3f; padding:10px 0;}
.academicLibertyText ul li{ font-size:16px; color:#6a6f79; padding-top:10px; padding-bottom:10px;}
.academicLibertyText ul.listArea li:before{ top:10px;}
.academicLibertyWrap .col-md-6:last-child .academicLibertyText{ border-right:none;}

.imgcontentRight{ float:left; padding:0 30px 15px 0;}

.aboutDepartmentBox{ border:1px solid #c5c5c5; padding:8px; margin:40px 0 0; min-height:250px; }
.aboutDepartmentBox h4{ font-size:14px; line-height:20px; border-bottom:1px solid #c2c2c2;  text-transform:uppercase; color:#373939; padding-top:12px; text-align:center; margin:14px 0 0; position:relative; font-weight:700;}
.aboutDepartmentBox h5{ text-align:center; font-size:13px;   padding:10px 0; margin:0;    /*text-transform:uppercase;*/ color:#373939;}

.chemicalBgColor h4:before{ position:absolute; top:-18px; left:0; content:''; border-top:10px solid #78d1e7; width:70%;} 
.chemicalBgColor h4:after{ position:absolute; top:-18px; right:0; content:''; border-top:10px solid #ea833e; width:30%;}

.mcaBgColor h4:before{ position:absolute; top:-18px; left:0; content:''; border-top:10px solid #ff7a5b; width:70%;} 
.mcaBgColor h4:after{ position:absolute; top:-18px; right:0; content:''; border-top:10px solid #14a2b6; width:30%;}

.computerBgColor h4:before{ position:absolute; top:-18px; left:0; content:''; border-top:10px solid #f3d05b; width:70%;} 
.computerBgColor h4:after{ position:absolute; top:-18px; right:0; content:''; border-top:10px solid #8458b0; width:30%;} 

.electronicsBgColor h4:before{ position:absolute; top:-18px; left:0; content:''; border-top:10px solid #ffac53; width:70%;} 
.electronicsBgColor h4:after{ position:absolute; top:-18px; right:0; content:''; border-top:10px solid #19a296; width:30%;} 

.scienceBgColor h4:before{ position:absolute; top:-18px; left:0; content:''; border-top:10px solid #f1595e; width:70%;} 
.scienceBgColor h4:after{ position:absolute; top:-18px; right:0; content:''; border-top:10px solid #3b97a5; width:30%;}

.industrialBgColor h4:before{ position:absolute; top:-18px; left:0; content:''; border-top:10px solid #d259a4; width:70%;} 
.industrialBgColor h4:after{ position:absolute; top:-18px; right:0; content:''; border-top:10px solid #bccc3d; width:30%;}

.instrumentationBgColor h4:before{ position:absolute; top:-18px; left:0; content:''; border-top:10px solid #ce9d5f; width:70%;} 
.instrumentationBgColor h4:after{ position:absolute; top:-18px; right:0; content:''; border-top:10px solid #213268; width:30%;} 

.mechanicalBgColor h4:before{ position:absolute; top:-18px; left:0; content:''; border-top:10px solid #679354; width:70%;} 
.mechanicalBgColor h4:after{ position:absolute; top:-18px; right:0; content:''; border-top:10px solid #e2425c; width:30%;} 
.admissionsOpenBtn{ text-align:center;}

@media (min-width:991px)
{
#mainMenuArea .dropdown:hover .dropdown-menu { display: block; margin-top: 0;}
}

@media(max-width:1199px)
{
#mainMenuArea .navbar-header { float: none;}
#mainMenuArea .navbar-toggle {   display: block;}
#mainMenuArea .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
#mainMenuArea .navbar-collapse.collapse { display: none!important; }
#mainMenuArea .navbar-nav {float: none!important; margin: 7.5px -15px; }
#mainMenuArea .navbar-nav>li { float: none;}
#mainMenuArea .navbar-nav>li:nth-child(n+6) .dropdown-menu{ right:0; left:inherit;}
#mainMenuArea .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
#mainMenuArea .navbar-text { float: none; margin: 15px 0;}
/* since 3.1.0 */
#mainMenuArea .navbar-collapse.collapse.in { display: block!important;}
#mainMenuArea .collapsing {overflow: hidden!important;}
.topNavbarDesktop{ display:none;}	
.topNavbarMobile{ display:block; }
#mainMenuArea .navbar-default .navbar-nav>li>a{ padding:6px 0;  font-size: 14px; font-weight: 400; background:none;   }
#mainMenuArea .navbar-toggle{ margin-right:0;}
#mainMenuArea .navbar-default .navbar-toggle{ border-color:#fff; border-radius:0; background:rgba(255, 255, 255, 0);}
#mainMenuArea .navbar-default .navbar-default .navbar-toggle:hover{ background:#fff; color:#a4770a;}
#mainMenuArea .navbar-default .navbar-toggle:focus{ background:none;}
#mainMenuArea .navbar-default .navbar-toggle .icon-bar { background-color:#fff; }
#mainMenuArea .navbar-default .navbar-toggle:hover .icon-bar{  background-color:#fff; } 
.socialLinksArea ul li a{ border-top:1px solid #b7b7b7; }
.learningLabsArea { background-size:100% 100%;}
.examinationArea{ background-size:100% 100%;}
.quickLinksText { text-align:left;}
.quickLink ul li{ margin:0px 5px 30px 0; }
.quickLink ul li:nth-child(3n){ margin:0px 5px 30px 0; }
#mainMenuArea .nav-mega .dropdown-menu.mega-menu{ width:100%;}
.headerArea .navbar-collapse{ margin-top:84px;}
.logoArea img { width:58px;}
.logoText h1{ font-size:20px;}
.logoText h4{ font-size:12px;}
/*.quickLink1 ul li{ padding:0px 35px 30px 0; }*/
.connectWithUsWarp h4{ margin-left:0; }
.managementTeamImg img{ width:100%; }
.chairmanMsgWrap h2{ min-height:88px;}
.trusteeMessageWrap{ min-height: 1180px;}
.admicontactArea .col-md-4:before{ height:240px;}
.profProfileWrap img{ width:100%;}
}


@media(max-width:991px)
{
.logoArea{ padding:10px;}
.logoArea img{ width:60px;}
.logoText{ margin:10px 0 0; }
.logoText h5{ font-size:10px; }
.logoText h1{ font-size:16px;}
.logoText h4{ font-size:9px;}
.contactInfoWrap{ position:relative; width:100%;}
ul.footerLinks{ margin:0 0 30px; min-height:auto; border-right: none;}
.connectWithUsWarp ul{ margin:5px 0 0 0px;}
.connectWithUsWarp h4{     margin-left: 0;}
.footerArea h5{ text-align:center;}
.contactAddressWrap .fa{     margin: 0 15px 10px 20px;  width: 50px;}
.connectWithUsWarp h4{ margin-left:0;}
#bannerArea .carousel-control{ right:50px!important; }
#bannerArea .carousel-control{     bottom: 10px!important;}
#bannerArea .carousel-control.right{     margin-right: -30px;}

.headerArea .navbar-collapse{ margin-top:0;}
.headerArea .navbar-toggle{ position:absolute; right:0; top:50px; margin-right:0; border-radius:0;}
.headerArea .navbar-header {float: left; }
.headerArea .navbar-toggle {display: block;}
.headerArea .navbar-collapse {  border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); width:100%;}
.headerArea .navbar-collapse.collapse {display: none!important;}
.headerArea .navbar-nav {  float: none!important; margin: 7.5px -15px;}
.headerArea .navbar-nav>li {  float: none;}
.headerArea .navbar-nav>li>a {   padding-top: 10px; padding-bottom: 10px;}
.headerArea .navbar-text { float: none; margin: 15px 0; }
    /* since 3.1.0 */
.headerArea .navbar-collapse.collapse.in {    display: block!important; width:100%; }
.headerArea .collapsing {    overflow: hidden!important; }
.headerArea .navbar-default .navbar-nav>li{ background:none; padding:6px 0; border-bottom:1px dotted #ccc;}
.headerArea .navbar-default .navbar-nav>li:nth-child(n+4) > a{ background:none; color:#a4770a; padding:6px 0;}
.headerArea .navbar-default .navbar-nav>li:last-child{ padding:0; }
.headerArea .navbar-default .navbar-nav>li:nth-child(n+4){ border-right:none; margin:0;  }
.headerArea .navbar-default .navbar-nav>li:nth-child(n+4) > a:hover{ background:none; color:#000;}
.footerLinksWrapMob .panel{ background:none; border-radius: 0;}
.footerLinksWrapMob .panel-group .panel{  border-radius: 0;}
.footerLinksWrapMob .panel-heading{ background:none;}
.footerLinksWrap{ display:none;}
.footerLinksWrapMob{ display:block; padding:20px 10px 0px;}
.footerLinksWrapMob .glyphicon { float:right; font-weight:400;}
#footerLinksArea{ padding:0;}
.footerLinksWrapMob .panel-default>.panel-heading { background:none; border-radius:0;}
.footerLinksWrapMob .panel-default>.panel-heading a { display:block; color:#fff;}
.footerLinksWrapMob .panel-default>.panel-heading a:hover{ color:#a4770a; text-decoration:none;}
.footerLinksWrapMob .panel-title{ font-size:14px; font-weight:400;}
.connectWithUsWarp ul li{ padding:0 5px;}
.dropdownLinks ul li:last-child { border-bottom:1px solid #c2c2c2;}
#mainMenuArea .nav-mega .dropdown-menu.mega-menu > li{ padding:0;}
.visionMissionArea .nav-tabs>li>a{ padding:12px 60px;}
.visionMissionArea .nav-tabs>li{ margin:0 8px 10px;}
.managementTeamImg img{ width:326px;}
.trusteeMessageWrap{ min-height:auto;}
.contactTextWrap{ width:80%;}
.enquiryFormArea{     width:100%; padding:50px 45px; }
.timeline{ width:100%;}
.admicontactArea{ padding:20px 0;}
.admicontactWrap{ padding:0;}
.aboutDepartmentBox{ min-height:240px; }
}
@media(max-width:767px)
{ 
.headerArea .navbar-header{ float:left;} 
.logoArea img{ width:40px;}
.logoText{ display:none;}
.bannerRightContent{ position:relative; top:0;}
.quickLink ul li{ width:46%; }
.quickLink ul li:nth-child(3n){ margin:0px 4px 30px 0; }
.quickLink ul li:nth-child(2n){ margin:0px 0 30px 0;}


.bannerRightArea{ padding:20px 0 30px;}
.educationAtVIT h2{ font-size:36px;}

.quickLinksText{ margin:0;}
.quickLinksText h3{ font-size:36px; }
.bannerRightArea h2{ margin:0 0 15px 0;}
.enquiryBtn{ margin-left:0;     margin-top:0; }
.bannerText{     padding:15px 15px 15px;}

.headerArea .navbar-toggle{ top:25px;}
.headerArea {  padding-right: 0; padding-left: 0;}
.chairmanMsgWrap{ padding: 35px 0px 35px;  }
.directorMsgWrap{ padding:35px 0px;}
.visionMissionArea .nav-tabs>li>a{ padding:12px 20px;}
#breadcrumbArea .breadcrumb{ padding:30px 10px 10px; display:block;}
.instituteOtherLinksArea{ padding:0 0 30px 10px;}
.trusteeMessageWrap{ padding:15px;}
.profileImg{ width:100%;}
.commonContentStyle h2{ font-size:36px;}
.commonContentStyle h4{ font-size:16px;}
.commonContentStyle h3{ font-size:26px;}
.vitVisionImg{ margin-bottom: 30px;}
.connectWithUsWarp ul li a{ width:28px; height:28px; font-size:16px;  }
.quickLink1 ul li{ margin:0px 30px 30px 0; width:44%;}
.quickLink1 ul li:nth-child(3n){ margin:0px 30px 30px 0;}
.vitVisionImg{ margin-top:20px;}
.instituteOtherLinksArea{ width:100%; padding:20px 0;}
.instituteOtherLinksArea .dropdown > a{ background: #a4770a; color:#fff; padding:10px; width:100%;}
.instituteOtherLinksArea .dropdown > a:hover{   color:#000;}
.instituteOtherLinksArea .dropdown:before{ display:none;}
.instituteOtherLinksArea .dropdown:after { display:none;	}
.instituteOtherLinksArea .dropdown-menu{ right: inherit;  left: 0;}
.instituteOtherLinksArea .dropdown{ padding:0;}
.instituteOtherLinksArea .dropdown-menu > li > a{  position:relative;     white-space: normal;}
.instituteOtherLinksArea .dropdown.open > a{ color:#000; border-bottom:3px solid #a4770a; text-decoration:none;}
#mainMenuArea .container{ padding:0; }
.enquiryFormArea .form-group{ margin-bottom:15px;}
.timeline .quickLink1 ul li{ float:left;} 
.timeline-inverted .quickLink1 ul li{ float:left; margin:0 0 0 50px;}
.admicontactArea h4{ border-bottom:none; margin:0;}
.admicontactWrap{ border-bottom:1px solid #000; padding:10px 0;}
.admicontactArea .col-md-4:before{ display:none;}
.admicontactArea .col-md-4:last-child .admicontactWrap{ border-bottom:none;}
.academicLibertyText{ border-right:none;}

}

@media(max-width:580px)
{
.socialLinksArea ul li a{ padding:2px 8px;}
.alumniPortalArea{ width:100%;}
.learningLabsArea{     background: url(../images/learning-labs-img.jpg) no-repeat left top; background-size:100% 100%; width:100%; }
.examinationArea{     background: url(../images/examination-bg.jpg) left top no-repeat; background-size:100% 100%;}
.quickLink ul li a{}
.vitProDetailsWrap .dropdown-menu{   width:100%; min-width:auto;     }
.vitProDetailsWrap .dropdown-menu li a{  white-space: normal;   }
#breadcrumbArea .breadcrumb{ padding:15px 10px 10px; }
.visionMissionArea .nav-tabs>li{ width:100%; margin:0 0 10px;}
#breadcrumbArea .breadcrumb > li{ margin:10px 0px;}
#socialLinksArea .col-xs-8{ width:100%;}
#socialLinksArea .col-xs-4{ width:100%;}
.enquiryBtn{ margin-top:5px;}
.connectWithUsWarp h4{ margin:15px 0;}

.enquiryBtn a{ width:100%; text-align:center; padding:4px 20px; font-size:20px; font-weight:400;}
.connectWithUsWarp ul li:before{ top:10px; height:18px;}
.footerArea{ padding:10px 0 100px;}
.timeline:before{ left:1%;}
.timeline > li > .timeline-badge{ left:3%; top:35px;     width: 50px;  height: 50px;}
.page-header h2{ font-size:36px;}
.timeline .quickLink1 ul li{ width:100%;}
.timeline .quickLink1 ul li a{ font-size:14px;}
.timeline .quickLink1 ul li span{ font-size:14px;}
.timeline > li > .timeline-panel{ width:100%;}
.timeline .quickLink1 ul li{ margin:0 0 0 65px;}
.timeline > li > .timeline-badge .fa{ margin-top:10px; font-size:20px; display:block;}
.timeline-inverted .quickLink1 ul li span:before{ display:none;}
.timeline .quickLink span:before{ display:none;}
.timeline .quickLink1 ul li a{width:50%;}
.timeline .quickLink span{ width:50%;}
.timeline-inverted .quickLink1 ul li span{ width:50%;}
.timeline-inverted .quickLink1 ul li a{ width:50%;}
.aboutDepartmentArea .col-xs-6{ width:100%;}
}
@media(max-width:480px)
{
#globalProgSlider img{ width:100%;}
#campusLifeSLider img{ width:100%;}
.quickLink ul li{ width:100%;}
.quickLink ul li a{ width:270px;}
#aboutVitProgramsArea .col-xs-6{ width:100%; }
.contactAddressWrap .fa{ margin: 1px 0px 10px 0px;  width: 40px;}
.connectWithUsWarp ul li{ padding:0;}
.vitProDetailsWrap .dropdown-menu li a{ padding:14px 20px;}
.visionMissionArea .nav-tabs>li{ width:100%;}
.instituteOtherLinksArea .dropdown-menu{ min-width:275px; width:100%;}

.instituteOtherLinksArea{ float:left;}
.quickLink1 ul li{ padding:0px 0 0px 0;}
.socialLinksArea{ position:absolute; top:0; left:0; right:0; margin:0 auto; background:#1857A1;}
.socialLinksArea ul li{ background:#1857A1; color:#fff;}
.socialLinksArea ul li a{ color:#fff;     font-size: 20px; border:none; padding:2px 10px;}
.headerArea .navbar-toggle{     margin-right: 15px; }
.socialLinksArea ul li a:hover{ background:#0D4180;}
.selectLangLink{ color:#fff!important; padding:11px 5px 4px!important;}
.selectLangLink .fa{ color:#fff; border-left: 1px solid #fff;}
.logoArea{ margin-top: 30px; }
.headerArea .navbar-toggle{ top:45px; }
.headerArea .container{ padding:0;}
.socialLinksArea ul li:first-child a {   border-left: none;}
.connectWithUsWarp h4{     font-size:12px;  }
.ourVisionText{ text-align:justify;}
.headerArea .navbar-default .navbar-nav>li { padding:6px 15px;}
.headerArea .navbar-default .navbar-nav>li:last-child{ padding:6px 15px;}
.commonContentStyle{ text-align:justify;}
.alphaListArea dd{ padding:0; }
.alphaListArea > dt > h5{ width:88%; margin:0; }
.noListArea > dt > h5{ width:88%; margin:0; }
.noListArea dd{ padding:0;}
.managementTeamImg img{ width:100%;}
.alphaListArea dt:before{ float:left;}
.noListArea dt:before{ float:left;}
.contactTextWrap{ width:100%;}
.enquiryFormArea{ padding:10px 20px;}
.timeline .quickLink1 ul li{ padding:0 0 0 25px; float:right;}
 
}
.catItemIntroText img{float:left!important; padding:10px!important; }
#google_translate_element img{display:none; }
.goog-te-gadget-simple {
    background-color: #fff;
    border-left: 0px solid #d5d5d5!important;
    border-top: 0px solid #9b9b9b!important;
    border-bottom: 0px solid #e8e8e8!important;
    border-right: 0px solid #d5d5d5!important;
    font-size: 10pt;
    display: inline-block;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    cursor: pointer;
    zoom: 1;
}
/*.container table{ 
    min-height: .01%;
    overflow-x: auto;
}*/
 .chrono_credits{
 display:none;
 }