/* Makes images fully responsive */

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
  
  
}
.slide{
	background: none !important;
}

/* ------------------- Carousel Styling ------------------- */
.img-responsive-banner{
display: block;
  width: 100%;
  height: auto;
  
}
.item.active.banner-home-mobile{
		display: none;
	}


.carousel-inner {
  /*border-radius: 15px;*/
  margin-left: auto;
  margin-right: auto;
}

.carousel-caption {
  background-color: rgba(0,0,0,.5);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 0 0 10px 25px;
  color: #fff;
  text-align: left;
}

.carousel-indicators {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  margin: 0;
  padding: 0 25px 25px 0;
  text-align: right;
}

.carousel-control.left,
.carousel-control.right {
  background-image: none;
}

.carousel-layer{
	position: absolute;left:0px;
	width:100%;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;	
    text-align:left;
    font-size:1.8em;
    font-weight:regular;
    background: rgba(0, 0, 0, 0.35);
}

.carousel-layer:before {
	z-index: -1;
    content: '';
    position:relative;
    width:100%;
    height:30px;

    background:transparent;
    opacity:0.5;
    background-color: rgba(0,0,0,0.4);
}	


/* ------------------- Section Styling - Not needed for carousel styling ------------------- */

.section-white {
   padding: 10px 0;
}

.section-white {
  background-color: #fff;
  color: #555;
}

@media screen and (min-width: 768px) {

  .section-white {
     padding: 1.5em 0;
  }

}


.banner-abstract{
	color: #989898;
	font-size:18px;
	font-weight: normal;
}

.banner-abstract h1{
	color:#666666;
}
	@media (min-width: 320px) and (max-width: 480px){
	.item.active.banner-home{
		display: none;
	}
	.item.active.banner-home-mobile{
		display: inline-block;
		position:relative;
	   
	     float:none;
	     padding:0px;
	     width:95%;
	     margin-top:-20px;
	     margin-bottom:-20px;
	 		overflow-x:hidden;
		margin-left: 2%;
	}
	.banner-abstract h1{
	color:#666666;
	font-size: 20px;
}

.h2{
	font-size: 20px;
}

	.banner-abstract p{
	
	color: #989898;
	font-size:14px;
	margin-left:6%;
	margin-right:6%;
	text-align: left;	
	font-weight: normal;
	
	
}
.carousel-layer{
	
	font-size:1.2em;
}
	
}
@media (min-width: 481px)and (max-width: 767px){
	
	.item.active.banner-home{
		display: none;
	}
	.item.active.banner-home-mobile{
		display: inline-block;
		position:relative;
	   
	     float:none;
	     padding:0px;
	     width:97%;
	     margin-top:-20px;
	     margin-bottom:-20px;
	 		overflow-x:hidden;
		margin-left: 1%;
		
	}
	
	.banner-abstract h1{
	color:#666666;
	font-size: 20px;
}

.h2{
	font-size: 20px;
}

	.banner-abstract p{
	
	color: #989898;
	font-size:14px;
	margin-left:6%;
	margin-right:6%;
	text-align: left;	
	font-weight: normal;
	
	
}
.carousel-layer{
	
	font-size:1.2em;
}

}
@media (max-width: 320px){
	
	.item.active.banner-home{
		display: none;
	}
	.item.active.banner-home-mobile{
		display: inline-block;
		position:relative;
	   
	     float:none;
	     padding:0px;
	     width:94%;
	
	     margin-bottom:-20px;
	 		overflow-x:hidden;
		margin-left: 2%;
	}
	.carousel-layer{
	
	font-size:1.1em;
}
.h2{
	font-size: 20px;
}
	.banner-abstract h1{
	color:#666666;
	font-size: 20px;
}

	.banner-abstract p{

	color: #989898;
	font-size:14px;
	margin-left:3%;
	margin-right:3%;
	text-align:left;
	font-weight: normal;
	
}
}
@media(min-width: 768px) and (max-width: 991px){
		.carousel-layer{
	
	font-size:1.2em;
}
}