/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  text-align:center;
  max-width: 1400px;
  margin:auto;
  height: 390px;
}
.carousel-item img { height: 390px!important; width:100%!important;}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  margin-bottom: 20px!important;
}

.carousel h3{
	color: #FFFFFF;
}

  /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {
.carousel {
  height: 300px;
  margin-bottom: 10px;
}
.carousel-item img { height: 300px!important; width:100%;}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

    }


    @media (max-width: 767px) {
.carousel {
  height: 250px;
  margin-bottom: 10px;
}
.carousel-item img { height: 250px!important; width:100%;}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  margin-bottom: 15px!important;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 250px;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 250px;
}
.carousel h3 {
	font-size: 16px;
}
.carousel p {
	font-size: 12px;
}
	}
    @media (max-width: 567px) {
.carousel {
  height: 150px!important;
  margin-bottom: 10px;
}
.carousel-item img { height: 150px!important; width:100%;}

}