html { scroll-behavior: smooth; }
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css?family=Muli:300,700|Nunito');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
  body {
	background: #ffffff;
	font-family: 'Nunito', sans-serif;
	overflow-x: hidden;
	color: #000;
	font-size: 15px;
	font-weight: normal;
	line-height: 24px;
  }


  /*---------------------------------------
     TYPOGRAPHY              
  -----------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family: 'Muli', sans-serif;
    font-weight: bold;
    line-height: inherit;
  }

  h1 {
    color: #252525;
    font-size: 3em;
    line-height: normal;
  }

  h2 {
    color: #353535;
    font-size: 2em;
    padding-bottom: 10px;
  }

  h3 {
    font-size: 1.5em;
    margin-bottom: 0;
  }

  h3,
  h3 a {
    background: #700f1a;
color: #fff;
padding: 5px;
  }

  /*---------------------------------------
     GENERAL               
  -----------------------------------------*/

  html{
    -webkit-font-smoothing: antialiased;
  }

  a {
    color: #252525;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none !important;
  }

  a,
  input, button,
  .form-control {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  a:hover, a:active, a:focus {
    outline: none;
  }

  ::-webkit-scrollbar{
    width: 8px;
    height: 8px;
  }

  ::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #000000;
  }
  .section-title h2 {
    margin: 0;
    text-transform: uppercase;
    line-height: 35px;
  }

  .section-title small {
	display: block;
	font-weight: bold;
	font-size: 25px;
	background: #700f1a;
	color: #fff;
	padding: 10px 0;
	overflow:hidden;
  }

  .overlay {
    background: rgba(20,20,20,0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .entry-form {
    background: url(../images/dr-wajid-rizvi.jpg) no-repeat;
    border-radius: 100%;
    text-align: center;
    padding: 6em;
    width: 450px;
    height: 450px;
  }

  .entry-form h2 {
    color: #ffffff;
    margin: 0;
  }

  .entry-form .form-control {
    background: transparent;
    border: 0;
    border-bottom: 1px solid;
    border-radius: 0;
    box-shadow: none;
    height: 45px;
    margin: 10px 0;
  }

  .entry-form .submit-btn {
    background: #ffffff;
    border-radius: 50px;
    border: 0;
    color: #252020;
    width: 50%;
    height: 50px;
    margin: 30px auto;
    margin-bottom: 10px;
  }

  .entry-form .submit-btn:hover {
    background: #3f51b5;
    color: #ffffff;
  }

  section {
    position: relative;
    padding: 30px 0;
    
  }
  #feature{
	  background: #f1f1f1;
}

  #team,
  #testimonial {
    background: #f9f9f9;
  }
  #testimonial {
    background: none;
  }
    #testimonial img{
	    width: 60% !important;
	    display: inline-block;
}
    #testimonial .item{
	    padding: 0 !important;
	    text-align: center;
	    display: inline-block;
	   }
  #team, 
  #testimonial {
    text-align: center;
  }
  
  #google-map iframe {
    border: 0;
    width: 100%;
    height: 390px;
  }



  /*---------------------------------------
     BUTTONS               
  -----------------------------------------*/

  .section-btn {
    background: transparent;
    border-radius: 50px;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: inherit;
    font-weight: normal;
    padding: 15px 30px;
    transition: 0.5s;
  }

  .section-btn:hover {
    background: #ffffff;
    border-color: transparent;
  }



  /*---------------------------------------
       PRE LOADER              
  -----------------------------------------*/

  .preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background: none repeat scroll 0 0 #ffffff;
  }
.dean-video-holder{
	max-width: 500px;
	float: right;
	margin: 0 0 10px 10px;
}
  .spinner {
    border: 1px solid transparent;
    border-radius: 3px;
    position: relative;
  }

  .spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 45px;
    height: 45px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 1px solid #575757;
    border-top-color: #ffffff;
    animation: spinner .9s linear infinite;
  }

  @-webkit-@keyframes spinner {
    to {transform: rotate(360deg);}
  }

  @keyframes spinner {
    to {transform: rotate(360deg);}
  }



  /*---------------------------------------
      MENU              
  -----------------------------------------*/

  .custom-navbar {
    background: #700f1a;
    border-bottom: 0;
    -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    padding: 0;
    margin-bottom: 0;
    border-radius: 0;
    z-index: 111;
    margin-top: 40px;
  }

	.custom-navbar .navbar-brand {
	position: absolute;
	left: 0;
	top: -26px;
	margin: 0 50px !important;
	border: 7px solid #700f1a;
	height: auto;
	padding: 0 !important;
  }
.custom-navbar .navbar-brand img{
	display: block;
	width: 100%;
	height: auto;
	border: 5px solid #fff;
}
  .custom-navbar .navbar-nav.navbar-nav-first {
    float: right;
    font-size: 20px;
  }

  .custom-navbar .navbar-nav.navbar-right li a {
    padding-right: 12px;
    padding-left: 12px;
  }

  .custom-navbar .navbar-nav.navbar-right li a .fa {
    background: #700f1a;
    border-radius: 100%;
    color: #ffffff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin-right: 5px;
  }

  .custom-navbar .nav li a {
    line-height: 24px;
    color: #fff;
    padding-right: 22px;
    padding-left: 22px;
  }
.dropdown-menu > li > a{ color: #000 !important; }
  .custom-navbar .navbar-nav > li > a:hover,
  .custom-navbar .navbar-nav > li > a:focus {
    background-color: transparent;
  }
  .navbar-nav > li > a{ padding: 20px !important; }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{ background: none !important; }
  .custom-navbar .nav li:hover > a {
	  background: #fff !important;
    color: #000 !important;
  }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{ background: none !important; }

  .custom-navbar .navbar-toggle {
    border: none;
    padding-top: 10px;
  }

  .custom-navbar .navbar-toggle {
    background-color: transparent;
  }

  .custom-navbar .navbar-toggle .icon-bar {
    background: #fff;
    border-color: transparent;
  }

#departments{
	background:url(../images/bg-iba-numbers.jpg) no-repeat;
	background-size: cover;
}
#departments .caption{
	max-width: 630px;
	text-align: center;
	color: #fff;
	margin: 0 auto 30px;
}
#departments .caption strong{
	font-size: 63px;
	line-height: 63px;
	margin-top: 15%;
}
#departments .block-departments .col-lg-6{
	color: #fff;
	padding: 0;
}
#departments .block-departments .col-lg-6 .overlay{
	background: rgba(112, 15, 26, 0.8) !important;
	position: static;
	padding: 20px;
	text-align: center;
	min-height: 195px;
}
#departments .block-departments .even .overlay{
	background: rgba(112, 15, 26, 0.8) !important;
	color: #fff;
}
#departments .block-departments{
	max-width: 844px;
	margin: 0 auto;
}
#departments .block-departments .col-lg-6 .overlay .btn{
	background: rgba(00, 00, 00, 0.8) !important;
	border: none;
}
#departments .block-departments .col-lg-6 .overlay .btn:hover{ background: rgba(112, 15, 26, 0.8) !important; }
body.thought-leadership #departments .container{ max-width: 1400px !important; }
body.thought-leadership #departments .block-departments{ max-width: 1140px; }
body.thought-leadership #departments .block-departments .even .overlay{ min-height: 276px; }
body.thought-leadership  #departments .block-departments .col-lg-6{
	background: rgba(112, 15, 26, 0.8) !important;
	text-align: center;
	min-height: 335px;
	padding: 20px;
	color: #fff;
}
body.thought-leadership  #departments .block-departments .even{
	background: rgba(255, 255, 255, 0.8) !important;
	color: #000;
}
body.thought-leadership #departments .caption strong{
	font-size: 50px;
	line-height: 55px;
}
body.more-news-page .col-lg-4{ margin-bottom: 30px; }
body.page-committees{ background:url(../images/bg-committees.jpg) repeat-y; }
body.undergraduate-programs{ background:url(../images/bg-undergrade.jpg) no-repeat; }
body.graduate-programs{ background:url(../images/bg-graduate.jpg) no-repeat; }
#departments .block-departments .col-lg-6 .overlay .btn a{ color: #fff; }
.card-carousel {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.card-carousel .my-card {
  height: 20rem;
  width: 12rem;
  position: relative;
  z-index: 1;
  -webkit-transform: scale(0.6) translateY(-2rem);
  transform: scale(0.6) translateY(-2rem);
  opacity: 0.4;
  cursor: pointer;
  pointer-events: none;
  background: #2e5266;
  background: #fff;
  transition: 1s;
  text-align: center;
  padding-top: 30px;
  box-shadow: 0 0 5px #ccc;
  border: 0px solid #eae6e6;
  margin: 0px;
	
   	
}
.card-carousel .my-card p{
	font-size: 21px;
	width: 200px;
}
.card-carousel .my-card strong{
	display: block;	
	width: 200px;
	margin: 0 auto;
}
.my-card.next strong, .my-card.prev strong {
	font-size: 12px!important;
	
}
.my-card.next p, 
.my-card.prev p {
	font-size: 11px!important;
	
}


.card-carousel .my-card:after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 100%;
  background-color: rgba(0,0,0,0.3);
  bottom: -5rem;
  -webkit-filter: blur(4px);
  filter: blur(4px);
	
}

.card-carousel .my-card:nth-child(0):before {
  content: '0';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}

.card-carousel .my-card:nth-child(1):before {
  content: '1';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}

.card-carousel .my-card:nth-child(2):before {
  content: '2';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}

.card-carousel .my-card:nth-child(3):before {
  content: '3';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}

.card-carousel .my-card:nth-child(4):before {
  content: '4';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}

.card-carousel .my-card:nth-child(5):before {
  content: '5';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}

.card-carousel .my-card:nth-child(6):before {
  content: '6';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}

.card-carousel .my-card:nth-child(7):before {
  content: '7';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}

.card-carousel .my-card:nth-child(8):before {
  content: '8';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}

.card-carousel .my-card:nth-child(9):before {
  content: '9';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 3rem;
  font-weight: 300;
  color: #fff;
}

.card-carousel .my-card.active {
  z-index: 3;
  -webkit-transform: scale(1) translateY(0) translateX(0);
  transform: scale(1) translateY(0) translateX(0);
  opacity: 1;
  pointer-events: auto;
  transition: 1s;
  width: 25rem;  
  padding: 20px;
	width: 100%;
    height: 350px;
    padding: 100px 63px;   
}
.card-carousel .my-card.active p{ color: #000;}
.card-carousel .my-card.active strong{
	font-size: 77px;
	line-height: 90px;
	color: #700f1a;
}
.card-carousel .my-card.prev, .card-carousel .my-card.next {
  z-index: 2;
  -webkit-transform: scale(0.8) translateY(-1rem) translateX(0);
  transform: scale(0.8) translateY(-1rem) translateX(0);
  opacity: 0.6;
  pointer-events: auto;
  transition: 1s;
	width: 25%;
    height: 100px;

}
.card-carousel .my-card:before{ display: none; }
#quick-facts{
	background: url(../images/bg-quick-facts1.jpg) no-repeat;
	background-size: cover;
	border-bottom: 3px solid #700f1a;
	border-top: 3px solid #ccc;	
}
#quick-facts .caption{
	font-size: 60px;
	line-height: 100px;
	margin-top: 0px;
	color: #700f1a;
}
h2.sbs-events {
	font-size: 60px;
	line-height: 100px;
	margin-top: 0px;
	color: #700f1a;text-align: center;
}
/************** SBS Event  **************/
.iba-events {
    overflow: hidden;
    text-align: center;
    width: 100%;
    margin: 0px;padding:0px;
}
.iba-events li {
	display: inline-block;
	vertical-align: top;
	width: 23%;
	margin: .6% 0.4%;
	box-shadow: 0 0 10px rgba(0,0,0,.10), 0 3px 3px rgba(0,0,0,.10);
	background-color: #15464a;
  position: relative;
}
.iba-events li strong{
	display: block;
	text-align: center;
}
.iba-events li .news-thumb {
    overflow: hidden;
}
.iba-events li .news-thumb img {
    width: 100%;
    height: auto;
    display: block;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 5px;
}
.iba-events li .news-thumb:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.iba-events li .news-details h3 {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    font-size: 16px;
    line-height: 25px;
    text-align: center;
}

.news-detail h3 {
	padding: 10px;
	margin: 0;
    font-size: 15px;
    color: #000;
    background: #fff;
    line-height: normal;
	text-align: left;
	font-weight: 600;
	min-height: 120px;	
}
.news-detail h5 {
	padding: 10px;
	margin: 0;
  margin-right: 5px;
    font-size: 15px;
    color: #fff;
    line-height: normal;
	text-align: center;
	font-weight: 600;	
  width: 100%;
  padding: 5px;
  width: 50px;
  background-color: #666;
  float: left;
}
.news-detail h5 span {
	
	margin: 0;
    font-size: 14px;
    color: #fff;
    line-height: normal;
	text-align: left;
}

section#sbs-events-sec {
    background: #e4e4e4!important;
}
.more-events {
    overflow: hidden;
    padding: 40px 0 20px;
}
.more-events a {
    background: #700f1a;
    color: #fff;
    padding: 10px 20px;
    font-size: 20px;
    line-height: 35px;
    display: inline-block;
    text-decoration: none;
    width: 200px;
    box-shadow: 0 0 5px #666;
    text-transform: uppercase;
}
.more-events a:hover {
    background: #fff;
    color: #700f1a;
}
.align-right {
    float: right;
    margin: 0 0 0 15px;
    width: auto;
}
.align-right img {
    display: block;
    height: auto;
    border: none;
    width: 100%;
}
h2.title-content-global {
    font-size: 30px;
    text-align: left;
    width: 100%;
    color: #700f1a;
    padding: 0;line-height: normal;
    margin-bottom: 30px
}
.banner-container {
    overflow: hidden;
    margin: 0 0 20px;
}
 .banner-container img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 1px;
}
/************* SBS Event  **************/


  /*---------------------------------------
      HOME  & SLIDER            
  -----------------------------------------*/

  #home {
    padding: 0;
    border-bottom: 1px solid #fff;
	margin-top: 72px;
  }
#home .btn-apply-now{
	position: absolute;
	right: 0;
	left: 0;
	top: 35%;
	width: 100%;
	padding: 7px;
	font-size: 30px;
	font-weight: bold;
}
.vedio-top{
	position: absolute;
	right: 0;
	left: 0;
	top: 30%;
	width: 100%;
	padding: 7px;
	font-size: 30px;
	font-weight: bold;text-align: center;
}
 .vedio-top h2 {
    color: #f9f9f9;
    font-size: 72px;
    font-weight: 700;
    margin: 30px auto 72px;
   
  }
.vedio-top h2 span {
    font-weight: normal;
}

.vedio-top a.button {
    color: #fff;
    text-decoration: none;
   	border: 1px solid #ccc;
    padding: 20px 34px 23px 40px;
	font-size: 18px;
	margin-left: 5px;
	background: #494848;
	
  }
.vedio-top a:hover {
    background: #700f1a;
  }

.dropbtn { 
	color: #fff;
    padding: 20px 0;
    font-size: 16px;
    border: none;
    cursor: pointer;
    width: 230px;
    text-transform: uppercase;
	background: transparent;
	border: 1px solid #ccc;background: #494848;
}
.dropbtn:hover{background: #881b26;}

.dropdown2 {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: #fff;
  min-width: 180px;
  z-index: 1;
  padding-top: 0px;
}

.dropdown-content a {
  color: black;
  padding: 6px 20px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size: 14px;    
  border: none;
  font-weight: 300;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);	
}
.arrow {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  margin-left: 7px;	
}

.dropdown-content a:hover {background-color: #e9ecef;}

.dropdown2:hover .dropdown-content {
  display: block;
}




  #home h3 {
    color: #f9f9f9;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 5px 0 40px 0;
  }


body.page-departments .section-title{ text-align: center; }
body.page-departments .feature-thumb{
	font-size: 20px;
	text-align: justify;
	height: auto !important;
	margin-bottom: 30px;
}
.title-global{
	border-bottom: 2px solid #ccc;
	margin-bottom: 30px !important;
}
.image-box-right-aligned{
	float: right;
	margin: 0 0 10px 10px;
}
#container-curriculum{ padding: 20px 0; }
#container-scholarships{
	padding: 20px 0 40px;
}
.container-bg{ background: #e4e4e4;}
#container-curriculum .col-lg-4 img{
	display: block;
	width:100%;
}
#container-scholarships .col-lg-4 img{
	display: block;
	width:100%;
}
.carousel-indicators li{
  background-color: #666;
  border-color: #666;
}
.carousel-indicators .active{ background-color:  #700f1a !important;}
#myCarousel .col-lg-4{ width: 32.333333%; }
#quick-facts ul{
  overflow: hidden;
  margin: 0;
  padding: 0;
  text-align: center;
}
#quick-facts ul li{
  display: inline-block;
  width: 31%;
  vertical-align: top;
  padding-bottom: 40px;
  margin: 10px;
  background: rgba(255, 255, 255, 0.1) !important;
}
#quick-facts ul li h3{
  background: none;
  color: #700f1a;
  font-size: 40px;
  margin-bottom: 15px;
}
#quick-facts ul li strong{
  font-size: 13px;
  line-height: 14px;
}
.block-message-dean{
	overflow: hidden;
	text-align: justify;
}
  @media (min-width: 768px) {
    .home-slider .col-md-6 {
      padding-left: 0;
    }
	
  }
    @media (max-width: 768px) {
.nav > li{
	    text-align: left;
	    width: 100%;
	}
	.custom-navbar .navbar-nav.navbar-nav-first{ width: 100% !important; }
    }
  .home-slider .caption {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    background-color: rgba(20,20,20,0.2);
    height: 100%;
    color: #fff;
  }

  .home-slider .item {
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: cover;
    height: 650px;
  }
  
  .caption h3 a { color: #FFF; }
  .caption h3 a:hover { color: #FF3; }

  .home-slider .item-first {
    background-image: url(../images/slider-image1.jpg);
	background-position: center;
  }

  .home-slider .item-second {
    background-image: url(../images/slider-image2.jpg);
  }

  .home-slider .item-third {
    background-image: url(../images/slider-image3a.jpg);
    background-position-y: -430px;
  }



  /*---------------------------------------
      FEATURE              
  -----------------------------------------*/

  .feature-thumb {
    padding: 2em;
background: rgba(0, 0, 0, 0.7);
text-align: left;
color: #fff;
  }
  .feature-thumb span {
    background: #3f51b5;
    border-radius: 50px;
    color: #ffffff;
    font-size: 25px;
    font-weight: bold;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin-bottom: 5px;
  }

  .feature-thumb h3 {
    margin: 10px 0;
  }
.feature-thumb ul{ padding: 0 0 0 15px; }


  /*---------------------------------------
      ABOUT              
  -----------------------------------------*/

  #about figure {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
  }

  #about figure span {
    float: left;
    margin-left: -15px;
    padding: 15px 20px;
    position: relative;
    top: 20px;
  }

  #about figure span i {
    background: #700f1a;
    border-radius: 50px;
    color: #ffffff;
    font-size: 25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
  }



  /*---------------------------------------
      TEAM              
  -----------------------------------------*/

  .team-thumb {
    background: #ffffff;
    position: relative;
    overflow: hidden;
    text-align: left;
  }

  .team-info {
    padding: 20px 30px;
  }

  .team-image img {
    width: 100%;
  }

  .team-thumb .social-icon {
    border-top: 1px solid #f0f0f0;
    padding: 4px 20px 0 20px;
  }

  .team-thumb .social-icon li a {
    background: #ffffff;
    color: #252020;
  }

  .team-info h3 {
    margin: 0;
  }


  /*---------------------------------------
      COURSES             
  -----------------------------------------*/

  #courses .section-title {
    text-align: center;
  }
#courses .section-title p{ text-align: left; }
  #courses .owl-theme .owl-nav {
    margin-top: 30px;
  }

  #courses .owl-theme .owl-nav [class*=owl-] {
    border-radius: 2px;
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
  }

  .courses-thumb {
    background: #f9f9f9;
    position: relative;
  }

  .courses-top {
    position: relative;
  }

  .courses-image {
    background: linear-gradient(to right, #202020, #101010);
  }

  .courses-date {
    background: linear-gradient(rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.6));
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 20px 25px;
  }

  .courses-date span,
  .courses-author span {
    font-size: 14px;
    font-weight: bold;
  }

  .courses-date span {
    color: #ffffff;
    display: inline-block;
    margin-right: 10px;
  }

  .courses-detail {
    padding: 25px 25px 15px 25px;
    text-align: center;
  }

  .courses-detail h3 {
    margin: 0 0 2px 0;
    font-size: 16px;
  }
.courses-detail h3 a{ color: #fff; }
  .courses-info {
    border-top: 1px solid #f0f0f0;
    position: relative;
    clear: both;
    padding: 15px 25px;
  }

  .courses-author,
  .courses-author span {
    display: inline-block;
    vertical-align: middle;
  }

  .courses-author img {
    display: inline-block !important;
    border-radius: 50px;
    width: 50px !important;
    height: 50px;
    margin-right: 10px;
  }

  .courses-price {
    float: right;
    margin-top: 10px;
  }

  .courses-price span {
    background: #700f1a;
    border-radius: 2px;
    color: #ffffff;
    display: block;
    padding: 5px 10px;
  }

  .courses-price.free span {
    background: #3f51b5;
  }



  /*---------------------------------------
     NEWS              
  -----------------------------------------*/

  .news-thumb {
    clear: both;
    position: relative;
    overflow: hidden;
  }

  .news-thumb .news-image {
    float: left;
    width: 40%;
    margin-right: 30px;
  }

  .news-info h3 {
    margin-top: 5px;
    margin-bottom: 10px;
  }

  .news-date span {
    color: #909090;
    font-weight: bold;
  }



  /*---------------------------------------
      TESTIMONIAL             
  -----------------------------------------*/

  #testimonial .item {
    background: #ffffff;
    margin: 20px 0;
    padding: 4em 3em;
    text-align: center;
  }

  #courses .col-md-4,
  #testimonial .col-md-4 {
    display: block;
    width: 100%;
  }

  #testimonial .item > p {
    font-size: 16px;
    line-height: 26px;
  }

  .tst-rating {
    margin-bottom: 15px;
  }

  .tst-rating .fa {
    color: #3f51b5;
  }

  .tst-image,
  .tst-author {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
    text-align: left;
  }

  .tst-image img {
    border-radius: 50px;
    width: 60px !important;
    height: 60px;
    margin-right: 15px;
  }

  .tst-author h4 {
    margin: 0;
  }

  .tst-author span {
    color: #808080;
    font-size: 14px;
  }



  /*---------------------------------------
      CONTACT             
  -----------------------------------------*/

  #contact-form {
    padding: 1em 0;
  }

  #contact-form .col-md-12,
  #contact-form .col-md-4 {
    padding-left: 0;
  }

  #contact-form .form-control {
    border: 0;
    border-radius: 5px;
    box-shadow: none;
    margin: 10px 0;
  }

  #contact-form input {
    height: 50px;
  }

  #contact-form input[type='submit'] {
    border-radius: 50px;
    border: 1px solid transparent;
  }

  #contact-form input[type='submit']:hover {
    background: transparent;
    border-color: #ffffff;
    color: #ffffff;
  }
  



  .newsletter-form .form-control {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #303030;
    height: 50px;
    margin: 5px 0;
  }

  .newsletter-form input[type="submit"] {
    background: transparent;
    border: 1px solid #f9f9f9;
    border-radius: 50px;
    color: #ffffff;
    display: block;
    margin-top: 20px;
    outline: none;
    width: 50%;
  }

  .newsletter-form input[type="submit"]:hover {
    background: #700f1a;
    border-color: transparent;
  }

  .newsletter-form .form-group span {
    color: #909090;
    display: block;
    font-size: 12px;
    margin-top: 20px;
  }



  /*---------------------------------------
     SOCIAL ICON              
  -----------------------------------------*/

  .social-icon {
    position: relative;
    padding: 0;
    margin: 0;
  }

  .social-icon li {
    display: inline-block;
    list-style: none;
    margin-bottom: 5px;
  }

  .social-icon li a {
    border-radius: 100px;
    color: #700f1a;
    font-size: 15px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    text-align: center;
    transition: all 0.4s ease-in-out;
    position: relative;
    margin: 5px 5px 5px 0;
  }

  .social-icon li a:hover {
    background: #700f1a;
    color: #ffffff;
  }
.owl-stage{ display: inline-block !important;}
#currentstudents{ padding: 20px 0 !important; }
.colored-bg{
	background: #cedbe7;
	padding: 20px 0;
}
.home-slider .caption{ text-align: center; }
.home-slider .caption .col-md-6{
	width: 60%;
	text-align: center;
	margin: 0 auto;
	display: inline-block;
	float: none !important;
}
#feature{
	padding: 20px 0 50px !important;
	background:url(../images/bg-vision.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	border-bottom: 2px solid #fff;
}
#feature h3{
	text-transform: uppercase;
	font-size: 25px;
	padding: 0;
	line-height: 35px;
}
.about-info p{ text-align: justify; }
#team .col-md-4:nth-of-type(2n+1) .team-info{ background: #700f1a; }
#team .col-md-4:nth-of-type(2n+1) .team-info h3 a{ color: #fff; }
#team .col-md-4:nth-of-type(2n+1) .team-info p{ color: #fff; }
#btn-back-to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #700f1a;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#mbtn-back-to-top:hover {
  background-color: #555;
}
.dropdown-curtain{
	width: 100%;
	height: 0;
	transition: 0.2s;
	overflow: hidden;
	background: #700f1a;
}
.dropdown-menu li:hover .dropdown-curtain{
	height: 80px;
	transition: 0.2s;
}
.dropdown-menu li:hover .dropdown-curtain2{
	height: 120px;
	transition: 0.2s;
}
.dropdown-menu li:hover a{
	background: #fff !important;
	color: #000;
}
.dropdown-menu li .dropdown-curtain a{
	display: block;
	color: #000;
	padding-left: 25px;	
}
body.page-labs h3, h3 a{
	background: none;
	color: #000;
	padding: 0;
}
body.home-page .owl-carousel.owl-loaded{ background: #f1f1f1; }
.block-dean-intro{
	overflow: hidden;
	background: #fff;
	text-align: justify;
}
.dean-image{
	float: right;
	margin: 0 0 10px 10px;
	text-align: center;
}
.dean-image strong{
	display: block;
	background: #700f1a;
	padding: 5px;
	color: #fff;
}
.dean-image strong a{ color: #fff; }
.box-marketing{
	background:url(../images/thumb11.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
.box-marketing p{
	color: #fff;
	position: relative;
	z-index: 1;
}
.box-overlay{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	top: 0;
	left: 0;
}
.box-management{
	background:url(../images/thumb12.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
.box-management p{
	color: #fff;
	position: relative;
	z-index: 1;
}
.box-finance{
	background:url(../images/thumb13.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
.box-finance p{
	color: #fff;
	position: relative;
	z-index: 1;
}
.box-accountinglaw{
	background:url(../images/thumb14.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
.box-accountinglaw p{
	color: #fff;
	position: relative;
	z-index: 1;
}
.btn-website{
	background: #700f1a;
	color: #fff;
	position: absolute;
	right: 0px;
	bottom: 10px;
	border-radius: 30px 0 0 30px;
	padding: 10px;
	font-size: 15px;
}
.btn-website:hover{
	background: #666;
	color: #fff;
	padding-left: 20px;
}
.dropdown-menu li:hover .dropdown-labs {
    height: 85px;
    transition: 0.2s;
}
.dropdown-menu li:hover  .dropdown-faculty{ height: 125px; }
.dropdown-curtain a{ padding: 0 10px !important; }
.navbar-nav > li > .dropdown-menu > a{
	padding: 0 10px !important;
	background-color: #700f1a !important;
	color: #fff !important;
}
.navbar-nav > li > .dropdown-menu{ margin-top: -1px; }
.navbar-nav > li > .dropdown-menu > li > a{ color: #fff !important; }
.navbar-nav > li > .dropdown-menu li:hover a{
	background-color: #fff !important;
	color: #000 !important;
}
.block-faculty-profiles {
	overflow: hidden;
	padding: 10px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
.block-faculty-profiles .faculty-profile-card {
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	width: 22%;
	border-radius: 0 0 5px 5px;
	display: inline-block;
	margin: 1%;
	overflow: hidden;
	vertical-align: top;
	padding-bottom: 15px;
}
.block-faculty-profiles .faculty-profile-card img { margin: 10px; }
.block-faculty-profiles .faculty-profile-card p{ margin: 0; }
.block-faculty-profiles .faculty-profile-card span a {
	display: block;
	background: #700f1a;
	color: #fff;
	padding: 2px 10px;
	margin: 20px -10px 0;
	transition: 0.3s;
}
.iba-news {
	overflow: hidden;
	text-align: center;
	padding: 0;
	margin: 0;
}
.iba-news li {
	display: inline-block;
	vertical-align: top;
	width: 31%;
	margin: 1%;
	box-shadow: 0 0 10px rgba(0,0,0,.15), 0 3px 3px rgba(0,0,0,.15);
}
.news-detail {
	overflow: hidden;
  background-color: #15464a;
  padding: 5px;
  color: #fff;
}
.news-detail p{ padding-left: 55px;}
.iba-news li .news-thumb { overflow: hidden; }
.iba-news li .news-details {
	overflow: hidden;
	background: #0e4747;
	color: #fff;
	text-align: center;
	padding: 5px;
}
.iba-news li .news-details strong {
	font-size: 15px;
	line-height: 19px;
	margin: 10px;
	color: #fff;
}
.iba-news li .news-thumb img {
	width: 100%;
	height: auto;
	display: block;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#events{
	overflow: hidden;
	padding: 20px 0;
}
#footer {
	background: #fff;
	padding: 10px 0;
	border-top: 2px solid #700f1a !important;
	border-bottom: 2px solid #700f1a;
	margin-bottom: 20px;
	transition: 0.5s;
	margin-top: 50px;
}
#footer .container {
	max-width: 1440px !important;
	padding: 0 20px;
	margin: 0 auto;
}
#footer .col-lg-6 { padding: 0; }
#footer .col-sm-12 h3 {
	font-weight: bold !important;
	color: #700f1a !important;
	margin-top: 20px !important;
	background: none;
	padding: 0 !important;
	margin-bottom: 10px;
}
#footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer ul li { list-style: none; }
#footer ul li a {
	text-decoration: none;
	color: #231f20;
	transition: 0.5s;
}
a.tiktok {
    background: #700f1a;
    padding: 0px;   
    border-radius: 3px;
}
#footer .col-lg-4 strong .fa {
	font-size: 20px;
	margin-right: 5px;
	color: #700f1a;
}
#footer .col-lg-4 h3 {
    border-bottom: 2px solid #700f1a;
    padding-bottom: 20px !important;
    margin-bottom: 20px;
}
#footer .col-lg-4 strong {
    display: block;
    font-weight: bold;
    color: #700f1a;
    margin-top: 20px;
}
#footer .col-lg-4 { border-left: 2px solid #700f1a; }
  /*---------------------------------------
     RESPONSIVE STYLES              
  -----------------------------------------*/
#aboutschool{ background: #f7f7f7; }
#aboutschool .col-lg-3{
	padding: 0;
}
#aboutschool .col-lg-3 .text-holder{ padding: 15px; }
#aboutschool .block-sbs-programs{ margin: 40px  auto; }
#aboutschool .block-sbs-programs .col-lg-3{
	margin: 0 5px;
	width: 24%;
	background:#700f1a;
	color: #fff;
}
.btn-primary{
	background: #700f1a !important;
	color: #fff !important;
	border: none;
}
/*body.page-about-school{ background:url(../images/bg-about-school.jpg) no-repeat; }*/

section#courses {background:url(../images/bg-about-school.jpg) no-repeat; }


.btn-primary a{ color: #fff; }
#aboutschool .block-sbs-programs .col-lg-3 img{
	width: 100%;
	height: auto;
	display: block;
}
#aboutschool .block-sbs-programs .col-lg-3 a{ color: #fff; }
#aboutschool .block-sbs-programs .col-lg-3 .caption{
	padding:10px;
	
}
.photogallery{ background: none !important;}
.photogallery .caption{
	max-width: 1000px !important;
	margin: 0 auto;
}
.photogallery .caption img{
	width: 100%;
	height: auto;
	display: block;
}
.photogallery .caption strong{
	position: absolute;
	max-width: 43%;
	text-align: center;
	left: 28%;
}
.photogallery .caption a{ color: #fff; }
.photogallery .caption button{
	margin-top: -470px;
	background: #fff !important;
	font-size: 20px;
	line-height: 30px;
	border: none;
	color: #700f1a;
}
.photogallery .caption button:hover{ background: #666 !important; }
.photogallery .caption button:hover a{ color: #fff; }
.photogallery .caption button a{ color: #700f1a; }
#sbs-conference{
	overflow: hidden;
	padding: 0 !important;
	position: relative;
}
#sbs-conference img{
	width: 100%;
	 height: auto;
	 display: block;
}
#sbs-conference .conference-caption {
	position: absolute;
	top: 100px;
	width: 100%;
	text-align: center;
	z-index: 1;
}
#sbs-conference .conference-caption .holder{
	max-width: 650px;
	margin: 0 auto;
}
#sbs-conference .conference-caption h1 {
	color: #fff;
	font-size: 55px;
	line-height: 60px;
	text-shadow: 0 0 4px #000;
}
#sbs-conference .conference-caption h1 span {
	background: rgba(112, 15, 26, 0.8);
	font-weight: bold;
	display: inline-block;
	padding: 5px 190px;
	border-radius: 10px;
	text-shadow: none;
}
#sbs-conference .conference-caption strong {
	font-size: 25px;
	line-height: 30px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 10px;
	padding: 10px 20px;
	display: inline-block;
}
#sbs-conference .conference-caption h2 {
	color: #fff;
	text-shadow: 0 0 4px #000;
	font-size: 40px;
}
#sbs-conference .conference-caption h3{
	display: inline-block;
	padding: 10px;
	background:rgba(00, 00, 00, 0.8);
	margin-top: 100px;
}
#sbs-conference .conference-caption h3 a{ color: #fff; }

#hero .undergraduate-program-banner1 {
    background: url(../images/sbs-onboarding-banner.jpg) no-repeat;
	background: url(../images/sbs-onboarding-banner2.jpg) no-repeat;
    background-position: top;
    background-size: cover;
}
#hero .undergraduate-program-banner {
    background: url(../images/bg-about.jpg) no-repeat;
    background-position: top;
    background-size: cover;
}
#hero .graduate-program-banner {
    background: url(../images/bggraduate.jpg) no-repeat;
	background: url(../images/iba-launchpad-banner.jpg) no-repeat;
	background: url(../images/iba-launchpad-banner2.jpg) no-repeat;
	background: url(../images/iba-launchpad-banner3.jpg) no-repeat;
	background: url(../images/iba-launchpad-banner4.jpg) no-repeat;
    background-position: top;
    background-size: cover;
}


#hero {
    color: #fff;
    position: relative;padding: 0;
}
#hero .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}
#hero .text-holder {
    position: relative;
    z-index: 0;
    padding: 170px 0 210px;
    width: 90%;
    margin: 0 auto;
    z-index: 0;
}
.display-6 span {
    font-weight: normal;
}

h1.display-6.fw-bold {
    color: #fff;
}


#programs-holder{
	overflow: hidden;
	padding: 40px 0;
}
#programs-holder .col-lg-4 a{ text-decoration: none; }
#programs-holder .col-lg-4 .holder{
	width: 100%;
	background: #700f1a;
	border-radius: 14px;
	position: relative;
	text-align: center;
	color: #fff;
	padding: 20px 20px 50px;
}
#programs-holder .col-lg-4 .holder strong{
	font-size: 25px;
	line-height: 30px;
	margin-top: 46px;
	display: block;
}
#programs-holder .col-lg-4 .holder span{ font-weight: normal; }
#programs-holder .col-lg-4 .holder .fa{
	position: absolute;
	top: -55px;
	left: 37%;
	background: #700f1a;
	color: #fff;
	border-radius: 100%;
	font-size: 49px;
	padding: 25px;
	border: 3px solid #fff;
	width: 100px;
	height: 100px;
}
#programs-holder .all-undergraduate-programs:first-child{  margin: 30px 0;  }
#programs-holder .all-undergraduate-programs{ margin: 100px 0; }
#programs-holder .all-undergraduate-programs .image-frame{
	width: 88%;
    height: 120%;
    border: 2px solid #700f1a;
    position: absolute;
    top: -27px;
    left: 36px;
    z-index: -1;
}
#programs-holder .all-undergraduate-programs .image-holder{
	width: 100%;
	position: relative;
}
#programs-holder .all-undergraduate-programs .image-holder img{
	display: block;
	width: 100%;
	height: auto;
}
#programs-holder .all-undergraduate-programs .program-details{
	width: 400px;
	margin-left: 5%;
	margin-top: 5%;
}
#programs-holder .all-undergraduate-programs .program-details h3{
	font-weight: bold;
	color: #700f1a;background: transparent;
}
#programs-holder .all-undergraduate-programs .program-details .btn {
	color: #fff;
	margin-right: 10px;
	padding: 10px 15px;
	text-transform: uppercase;
	border: none;
	transition: 0.5s;
	border-radius: 0;
	background: rgba(112, 15, 26, 1);
	font-weight: bold;
}
#programs-holder .all-undergraduate-programs .program-details .btn a{
	text-decoration: none;
	color: #fff;
}
#programs-holder .all-undergraduate-programs .right-align-text{
	text-align: right;
	float: right;
}
.flipster{ margin-top: 20px; }
.flipster__item{
	text-align: center;
	padding: 20px 30px;
	background: #fff;
	box-shadow: 0 0 5px #ccc;
	margin: 10px 40px 0;
	height: 350px;
}
.flipster__item h2{
	font-weight: bold;
	font-size: 80px;
	line-height: 100px;
	color: #ccc;
}
.flipster__item--current h2{ color: #700f1a !important; }
.flipster{
	height: 400px;
	background: #fff;
}
.flipster--flat .flipster__item--past, .flipster--flat .flipster__item--future{ opacity: 1; }
.flipster__item p{
	text-align: center !important;
	color: #ccc;
}
.flipster__item--current p{ color: #000 !important; }
.flipster__container{ margin-left: -80px; }
.flipster__item--current{ height: 370px !important; }
.flipster__item--past-2{ height: 330px !important; }
.flipster__item--future-2{ height: 330px !important; }
.block-accreditations .col-lg-4 { text-align: center; }
.block-accreditations .col-lg-4 p{ text-align: justify; }
.block-accreditations .col-lg-4 img{
	display: inline-block;
	margin-bottom: 30px;
}
.block-trainings-workshops{
	background-color: #f1f1f1;
	padding: 40px 0;
}
.heading-block {
	background: #2a4385;
	color: #fff;
	margin-bottom: 10px;
}
.course-details h1 {
	font-weight: bold;
	margin: 20px 0;
	border-bottom: 2px solid #2a4385;
	padding-bottom: 10px;
	color: #fff;
}
.course-details h1 span {
	color: #ccc;
	font-size: 30px;
	font-weight: normal;
}
.workshop-details h3{ margin: 0; }

#features .nav-tabs > li > a{
	font-size: 25px !important;
	border: none;
}
#features .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
	background: #700f1a;
	color: #fff;
	border: none;
}
.block-workshop-details .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{
	background: #700f1a;
	color: #fff;
	font-weight: bold;
}
.block-workshop-details .nav-pills > li{
	width: 100%;
	margin-bottom: 1px;
}
.block-workshop-details .nav-pills > li a{
	border-radius: 0;
	background: #2a4385;
	color: #fff;
}
.block-workshop-details  .nav-pills > li + li{ margin-left: 0; }
.table th{
	background: #700f1a;
	color: #fff;
	font-size: 22px;
}

.faculty-profile {
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 10px;
	margin-left: 0;   
}
.faculty-profile li {
    min-height: 310px;
    border-bottom: 5px solid #700f1a;
	list-style: none;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 27%;
    padding: 20px;
    background: #f2f2f2;
    margin: 10px;
    box-shadow: 0px 2px 5px #ccc;
    min-height: 372px;
    position: relative;
    overflow: hidden;
}
.faculty-profile li:hover {
    background: #fff2f2;
}
.faculty-profile li img {
    margin: 0 0 10px;
}

.faculty-profile h3 {    
	background: transparent;
    color: #700f1a;
    padding: 5px;
	font-size: 19px;
	margin: 3px;
}
.faculty-profile li p {
    text-align: center;
}
/************************************/
.labs-items{
  padding: 5px;
  font-size: 12px;
}
@media screen and (max-width: 1920px) {
	.vedio-top {top: 29%;}
	.iba-events li {width: 23%;}
	.faculty-profile li {width: 29.1%;margin-bottom: 15px;}
	ul.faculty-profile {margin-left: -5.5%;text-align: center;}	
}

@media screen and (max-width: 1500px) {
	.navbar-nav > li > a{ padding: 12px !important; }
}
@media screen and (max-width: 1400px) {
	.custom-navbar .navbar-nav.navbar-nav-first{ font-size: 15px; }
}
@media screen and (max-width: 1366px) {
	.home-slider .item-third{ background-position-y: 0; }
	.video-holder{height: 73vh !important;}
	.vedio-top{top: 21%;font-size: 20px;}
	.vedio-top h2 {font-size: 63px;margin: 33px auto;}
	.faculty-profile li {width: 29%;}
	.navbar-nav > li > a { padding: 12px 5px !important; }
  }
  @media screen and (max-width: 1170px) {
    .custom-navbar .navbar-nav.navbar-nav-first {
      margin-left: inherit;
    }
    .custom-navbar .navbar-brand {
    width: 150px;
    height: auto;
    left: -30px;
	top: -14px !important;}
	 #home {margin-top: 0px;}
	.navbar-nav > li > a { padding: 12px 5px !important; }
	.custom-navbar .navbar-nav.navbar-nav-first { font-size: 13px !important; }
  }

  @media only screen and (max-width: 992px) {
    section,
    footer {
      padding: 60px 0;
    }

    .home-slider .item {
      background-position: center center;
    }

    .feature-thumb,
    .about-info,
    .team-thumb,
    .footer-info {
      margin-bottom: 50px;
    }

    .contact-image {
      margin-top: 50px;
    }
    .dropdown-menu > li > a {
    color: #fff !important;}
	.iba-events li {width: 30%;}  
	  
  }


  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom-navbar .nav li a {
      padding-right: 10px;
      padding-left: 10px;
    }
    
    
  }

  @media only screen and (max-width: 991px) {
    h1 {
      font-size: 2.5em;
    }

    h1,h2,h3 {
      line-height: normal;
    }

    .custom-navbar {
      -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
      padding: 10px 0;
      text-align: center;
    }

    .custom-navbar .navbar-brand,
    .custom-navbar .nav li a {
      line-height: normal;
    }

    .custom-navbar .nav li a {
      padding: 10px;
    }

    .custom-navbar .navbar-brand,
    .top-nav-collapse .navbar-brand {
      color: #252525;
      font-weight: 600;
    }

    .custom-navbar .nav li a,
    .top-nav-collapse .nav li a {
      color: #fff;
    }

    .custom-navbar .navbar-nav.navbar-right li {
      display: inline-block;
    }

    .footer-info {
      margin-right: 0;
    }

    .footer-info.newsletter-form {
      margin-bottom: 0;
    }

    .entry-form {
      display: block;
      margin: 0 auto;
    }
    .custom-navbar{
		height: auto;
	}
	.navbar {
		padding: 10px 10px 10px 10px !important;
	}
	.navbar-collapse{
		border: none !important;
		box-shadow: none !important;
	}
  .vedio-top {font-size: 20px;}
  .vedio-top h2 {font-size: 35px;margin: 5px auto;}
	  .iba-events li {width: 30%;} 
	  
	  .faculty-profile li {width: 43%;}
	  
  }


  @media only screen and (max-width: 580px) {
    h2 {
      font-size: 1.8em;
    }
    #testimonial .item {
      padding: 2em;
    }
    .contact-image {
      margin-top: 0;
    }
	 .vedio-top a {padding: 11px 10px!important;font-size: 12px!important;margin-left: 0!important;}
	  .dropbtn {width: 130px!important;font-size: 12px!important;padding: 6px 0!important;}
	  .vedio-top h2 {font-size: 30px!important;}
	  .vedio-top {top: 7%!important;}
	  .photogallery .caption button {margin-top: -200px!important;font-size: 15px;line-height: normal!important;}
	  #departments .caption strong {font-size: 21px!important;line-height: normal!important;}
	  .card-carousel .my-card.active {height: 200px;padding: 63px 20px;}

	  #quick-facts .caption {font-size: 45px;margin-bottom: 17px;}	  
	  #quick-facts .container {margin-left: -63px;}	  
	  
    #programs-holder .all-undergraduate-programs .image-frame {
    top: -30px;
    left: 30px;}
	#programs-holder .all-undergraduate-programs .program-details {   
    margin-top: 0%;width: 100%;}
    #programs-holder .all-undergraduate-programs {margin: 30px 0!important;}
	.iba-events li {width: 92%;margin: 2% 0;}
	  .faculty-profile li {width: 72%;}
	  .faculty-profile li {width: 91%;}
  ul.faculty-profile {margin-left: -11%!important;}

}

  @media only screen and (max-width: 480px) {
    h1 {
      font-size: 2em;
    }

    #home h3 {
      font-size: 14px;
    }

    .entry-form {
      border-radius: 0;
      padding: 2em;
      max-width: 100%;
      max-height: 100%;
	 background-size: 100%;
    }
    .dean-image{
	    margin: 0 auto;
	    width: 100%;
	}
	.dean-image img{
		width: 100%;
		height: auto;
	}
  }
  
  
  #container .quick-links {
    background: #0e4747;
    padding: 0 20px;
}
#container .quick-links .three-column {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    color: #ccc;
    font-size: 13px;
    line-height: 18px;
	text-align:  center;
}
#container .three-column .column {
    width: 16%;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
	text-align: left;
}
#container .three-column .column h2 {
    font-size: 16px;
    line-height: 28px;
    margin: 0 0 10px;
    border-bottom: 1px solid #ccc;
    color: #fff;
    text-align: left;
    font-weight: bold;
    padding: 15px 0 0;
}
#container .three-column .column ul {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
	padding: 0;
	margin: 0;
}
#container .three-column .column ul li{ list-style: none; }
#container .three-column .column ul li a{ color:  #fff; }
#container .three-column .column .footer-buttons {
    overflow: hidden;
    font-size: 17px;
    line-height: 25px;
    width: 100%;
}
.block-mobile-app {
    background: #700f1a;
	border-radius: 5px;
	border: 2px solid #fff;
	width: 86% !important;
	margin: 0 10px 30px 10px!important;
}
#container .three-column .column .footer-buttons > li {
    margin: 20px 10px;
    border: 1px solid #fff;
    text-align: center;
    transition: all 0.3s ease;
    width: 86%;
	list-style:  none;
}
#container .three-column .column .footer-buttons li.btn-mobile-app {
    border: none;
	margin:  20px auto;
}
#container .three-column .column .footer-buttons > li a {
    color: #fff;
    display: block;
    padding: 5px;
}
#container .three-column .column .footer-buttons li.btn-mobile-app img {
    display: block;
    width: 100%;
    height: auto;
}
.faculty-holder{
	text-align: center;
	overflow:  hidden;
}
#global-container{ overflow: hidden; }
#global-container .col-md-6{ text-align: justify; }
#global-container .col-md-6 h3{
	margin: 0 !important;
	font-size: 17px;
	padding: 2px 5px;
}
#global-container .col-md-6 h3 a{ color: #700f1a; }
#global-container .col-md-6 h3 a:hover{ color: #666 !important; }
#news-events{
	overflow: hidden;
	padding: 55px 0;
	background: url(../images/bg-news-events.jpg) no-repeat #fff;
	background-size: cover;
	background-position: center;
}
#news-events .col-lg-4 .holder{ position: relative; }
#news-events .col-lg-4 img{
	width: 100%;
	height: auto;
}
.image-holder{ overflow: hidden; }
#news-events .col-lg-4 .holder .caption{
	text-align: center;
	padding: 5px 10px;
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	width: 100%;
}
#news-events .col-lg-4 .holder .caption p{ margin: 0; }
#news-events .col-lg-4 .holder .date{
	position: absolute;
	top: -20px;
	right: -20px;
	width: 50px;
	height: 50px;
	background: rgba(112, 15, 26, 1);
	text-align: center;
	font-weight: bold;
	font-style: normal;
	color: #fff;
}
#news-events .col-lg-4 .holder .date span{ display: block; }
.heading-caption{
	text-align: center;
	background: #700f1a;
	color: #fff;
	margin: 0 auto;
	border-radius: 30px;
	margin-bottom: 40px;
	text-transform: uppercase;
	padding: 0;
}
.heading-caption span{
	background: #fff;
	display: inline-block;
	color: #700f1a;
	padding: 10px;
}
.heading-global{
	background: #343148;
color: #fff;
text-align: center !important;
padding: 10px 10px 8px 10px;
width: 100%;
margin: 0;
}
.faculty-card{
	width: 29%;
	display: inline-block;
	margin-bottom: 30px !important;
	vertical-align:  top;
}
.academic-programs {
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	width: 100%;
}
.academic-programs li {
	vertical-align: top;
	transition: all 0.5s ease;
	display: inline-block;
	list-style: none;
	width: 30%;
	box-shadow: 0 2px 10px #ccc;
	margin: 15px;
	border-radius: 8px;
}
.academic-programs li:hover {
	transition: all 0.5s ease;
	background: #ccc;
}
.academic-programs li img {
	border-radius: 8px 8px 0 0;
	width: 100%;
	height: auto;
	display: block;
}
.academic-programs li span {
	transition: all 0.5s ease;
	background: rgba( 112, 15, 26, 0.7);
	display: block;
	color: #fff;
	margin: -30px 0 0;
	position: relative;
}
.academic-programs .program-details {
	font-size: 14px;
	line-height: 20px;
	padding: 20px;
	color: #000;
	text-align: justify;
	background: #fff;
}
body.undergraduate-programs .academic-programs li{ width: 45%; }
body.page-cliet{ background:url(../images/bg-cliet.jpg) no-repeat; }
body.page-finance-lab{ background:url(../images/bg-finance-lab.jpg) no-repeat; }
body.page-neuroscience-lab{ background:url(../images/bg-neuro-lab.jpg) repeat-y; }

.dropdown-menu{
	padding-bottom: 0 !important;
	background-color: #700f1a !important;
}
.video-holder{
	height: 90vh;
	width: 100%;
	position: relative;
	top: -120px;
	z-index:-1;
}
.video-holder video{ width: 100%; }
.video-holder .caption-holder{
	position: absolute;
	top: 45%;
	left: 0;
	padding: 40px 40px 40px 80px;
	background: rgba(255, 255, 255, 0.8);
	color: #000;
	width: 500px;
	border-radius: 0 50px 50px 0;
}
.video-holder .caption-holder h1{ font-family: 'Lobster', cursive; }
.sbs-programs{
	padding: 0;
	margin: 0;
	text-align: center;
}
.sbs-programs li{
	list-style: none;
	display: inline-block;
	vertical-align: top;
	width: 16%;
	text-align: center;
	background: #700f1a;
	color: #fff;
	min-height: 260px;
	transition: all 0.3s;
	overflow: hidden;border-radius: 15px;
}
.sbs-programs li .caption{
	padding: 5px;
	min-height: 90px;padding: 15px 5px 0;
    min-height: 105px;
}
.sbs-programs li a{ color: #fff;}
.sbs-programs li img{
	width: 100%;
	height: auto;
	display: block;
	transition: all 0.3s;
}
.sbs-programs li:hover img{
	transform: scale(1.1);
	transition: all 0.3s;
}
#study-at-ibasbs{
	background:url(../images/bg-programs.jpg) no-repeat;
	background-position:center;
	background-size: cover;
}
#people-at-ibasbs{
	overflow: hidden;
	background:url(../images/banner-studay-iba-sbs.jpg) no-repeat;
	background-position:center;
	background-size: cover;
}
#people-at-ibasbs .col-lg-6 h3{
	position: relative;
	font-size: 46px;
	line-height: 55px;
	margin-top: 125px;
	display: inline-block;
}
#people-at-ibasbs .col-lg-6 h3 .fa{
	position: absolute;
	right: -65px;
	top: 0;
	background: #fff;
	color:#700f1a;
	padding: 10px 10px;
}
#people-at-ibasbs .col-lg-6 ul{
	font-family: inherit;
	overflow: hidden;
	padding: 0;
	margin: 0;
	font-size: 40px;
	line-height: 45px;
	text-align: center;
}
#people-at-ibasbs .col-lg-6 ul li{
	width: 401px;
	text-align: center;
	list-style: none;
	background: rgba(00, 00, 00, 0.8);
	margin-bottom: 5px;
	display: table;
	min-height: 150px;
	transition: all 0.3s;
}
#people-at-ibasbs .col-lg-6 ul li:hover{
	background: rgba(00, 00, 00, 1);
	transition: all 0.3s;
}
#people-at-ibasbs .col-lg-6 ul li a{
	color: #fff;
	display: table-cell;
	padding: 35px 20px;
	vertical-align: middle;
}
.panel-group { margin-bottom: 0 !important; }
.panel-default > .panel-heading{
	background-color: #700f1a !important;
}
.panel-default > .panel-heading a{
	display: block !important;
	
}
.navbar-nav > li > .dropdown-menu li:hover .panel-default > .panel-heading{ background-color: #fff !important; }
.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child{ border-radius: 0 !important; }
.navbar-nav > li > .dropdown-menu li a{ padding: 5px 10px; }
.list-group-item{ padding: 0 !important; }
.list-group li > a{
	color: #000 !important;
	display: block;
}
.list-group-item:hover > a{
	background-color: #ccc !important;
}
.dropdown-submenu{ position: relative; }
.mfj-dropdown{
	display: none;
	position: absolute;
	right: -159px;
	top: 0;
	width: 200px;
	right: -359px;
	width: 400px;
}
.panel-group:hover .mfj-dropdown{
	display: block;
}
.mfj-dropdown .list-group-item { padding: 1px !important; }
.block-testimonials{ padding: 40px 0; }
#testimonials{
	background: #f1f1f1;
	margin-top: 30px;}
  


}
@media (min-width: 1366px) {
.dropdown-submenu:hover .dropdown-menu{ display: block; }
}
@media (max-width: 1366px) {
	.about{padding: 60px 0;}
	.hero{margin-top:  119px;}
	#container .quick-links .three-column {
	    width: 100%;
	}
	#container .three-column .column {
	    width: 21%;
	}
}
@media (max-width: 1230px) {
	.custom-navbar .nav li a{
		padding-right: 10px;
		padding-left: 10px;
	}
	.video-holder{ height: 63vh !important; }
}
@media (max-width: 1199px) {
	.image-div{ display: none; }
	.colored-div{ border: 2px solid #fff; }
	#news-events .col-lg-4{ margin-bottom: 30px; }
	#aboutschool .block-sbs-programs .col-lg-3{
		width: 48%;
		margin-bottom: 30px;
	}
	#departments .block-departments .col-lg-6{ margin-bottom: 30px; }
	#departments .block-departments .even .overlay{ background: rgba(255, 255, 255, 0.8) !important; color: #000; }
	#departments .caption strong {
		font-size: 27px;
		line-height: 30px;
	}
	#people-at-ibasbs .col-lg-6 h3 .fa{
		transform: rotate(90deg);
		right: 2px;
		top: -2px;
		padding: 11px 12px;
	}
	#people-at-ibasbs .col-lg-6 ul li { width: 100%; }
	#people-at-ibasbs .col-lg-6 h3{
		display: block;
		margin-top: 0;
	}
@media (max-width: 1024px) {
	.hero{padding: 0px 0 30px;}
	.hero .hero-text h1{ font-size: 30px; }
	.about{
		margin-top: 0;
		padding: 15px 0;
	}
	.faculty-card{ width: 44%; }
	#home .btn-apply-now{ bottom: 150px; }
	.video-holder{ top: 0; }
}
@media (max-width: 991.98px) {
	.hero{
		margin-top:  0;
	}
	.navbar{ background: #700f1a !important; }
	#container .three-column .column {
    width: 45%;
		}
	.search-msdev{
		position: absolute;
		right: 20px;
		top: 7px;
	}
	.video-holder {
		height: auto;
		top: 0;
	}
	.sbs-programs li{
		width: 95%;
		margin: 0 0 30px;
	}
	#people-at-ibasbs .col-lg-6 h3{
		font-size: 25px;
		margin-top: 0;
		margin-bottom: 20px;
	}
}
@media (max-width: 991px) {
	.about{ background: none; }
	.image-div{ display: block; }
	.colored-div{ border: none; }
	#news-events .col-lg-4 .holder .date{
		top: 0;
		right: 0;
	}
	#aboutschool .block-sbs-programs .col-lg-3{
		width: 95%;
		margin: 0 auto 30px;
	}
	.video-holder{ height: 60vh !important; }
	#home .btn-apply-now { bottom: 20px; }
	#people-at-ibasbs .col-lg-6 h3 .fa {
		transform: rotate(90deg);
		right: 1px;
		top: -2px;
		padding: 22px;
	}
	.custom-navbar{ margin-top: 15px; }
	.custom-navbar .navbar-nav.navbar-nav-first{ margin-top: 60px; }
	.card-carousel .my-card.active strong{ font-size: 45px; }
}
@media (max-width: 768px) {
	.custom-navbar .navbar-nav.navbar-nav-first{ margin-top: 20px;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a{ padding: 5px 15px 5px 10px !important; }
	.navbar-nav .open .dropdown-menu{ margin-left: 20px; }
	.nav > li.open{ background-color: #ccc !important; }
}
@media (max-width: 820px) {
	.video-holder{ height: 50vh !important; }
}
@media (max-width: 680px) {
	.video-holder{ height: 40vh !important; }
}
@media (max-width: 600px) {
	.hero{ background: #d9cdbd; }
	#container .three-column .column-buttons {   
    top: 0;
    left: 0;
	}
	.testimonial{ padding: 45px 20px; }
	.faculty-card{ width: 90%;}
	.card-carousel .my-card.active strong {
	font-size: 20px;
	line-height: 30px;
}
.card-carousel .my-card.active{
	transform: scale(1) translateY(0) translateX(33px);
}
.card-carousel .my-card.prev, .card-carousel .my-card.next{
	transform: scale(0.8) translateY(-1rem) translateX(40px);
}
.card-carousel .my-card.active p{ line-height: 18px; }
}
@media (max-width: 550px) {
	.video-holder{ height: 30vh !important; }
}
@media (max-width: 480px) {
	.column.footer-about-iba {
    width: 92%!important;}	
	
	#container .three-column .column-buttons {
    width: 100%;}
	#container .three-column .column .footer-buttons li.btn-mobile-app {
    width: 41%;float: left;}
	
	#container .three-column .column .footer-buttons li.btn-mobile-app img {
    margin-left: 30px;}
	
	.navbar .navbar-brand{ width: 200px; }
	.navbar-dark .navbar-toggler{margin-top: 25px; }
	
	.custom-navbar .navbar-nav.navbar-nav-first{
		width: 100%;
		float: none;
		margin-left: 0;
		text-align: left;
	}
	.navbar-brand > img{
		width: 173px;
		height: auto;
	}
	.nav > li{ border-top: 1px solid #ccc; }
	.nav > li:first-child{ border-top: none; }
	#home .btn-apply-now {
		bottom: 6px;
		border-radius: 0px;
	}
	#people-at-ibasbs .col-lg-6 ul{ font-size: 30px; }
	#people-at-ibasbs .col-lg-6 ul li{ min-height: auto !important; }
	#people-at-ibasbs .col-lg-6 ul li a{ padding: 20px; }
	.sbs-programs li .caption{
		font-size: 20px;
		padding: 15px;
		min-height: auto;
	}
	.mfj-dropdown{
		display: none;
		position: absolute;
		right: 0;
		top: 28px;
		width: 270px;
		z-index: 1;
	}
}