/* Carousel base class */
.carousel {
  height: 200px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 200px;
  background-color: #777;
  background-position:50% 50%;
  background-size: auto 100%;
  background-repeat:no-repeat;
}

#indexCarousel .carousel-caption {
	bottom:-24px;
}

#indexCarousel .carousel-indicators {
	bottom:-45px;
}




.small-carousel {
  height: auto;
}

.small-carousel .item {
  height: auto;
  background-color: #FFF;
  background-position:50% 50%;
  background-size: auto 100%;
  background-repeat:no-repeat;
}

.small-carousel .carousel-indicators li {
	border-color:#569bbe;	
}

.small-carousel .carousel-indicators {
	top:-38px;
	left:93%;
	
}

.small-carousel .carousel-indicators  .active{
	background-color:#569bbe;
	
}
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
  
  .carousel .item {
  
	height:400px;
	}
	
	.carousel {
		height:400px;
	}
	
	.small-carousel .item {
	  height: auto;
	}

	.small-carousel {
	  height: auto;
	}  

	#indexCarousel .carousel-caption {
		bottom:20px;
	}

	#indexCarousel .carousel-indicators {
		bottom:20px;
	}
	
	
}