.container .carousel {height:auto!important; margin-bottom: 50px}
.carousel-caption {z-index: 10}
.carousel .item {height: auto; margin-bottom:20px; background-color: #f7f7f7}
.carousel-inner > .item > img {position: absolute;  top: 0; left: 0; min-width: 100%; height: auto}
.carousel-indicators li {height: 15px;  margin: 1px 6px;  width: 15px}
.carousel-indicators .active {height: 15px;  margin: 1px 6px;  width: 15px}
.carousel .item p {font-style: italic}
body.homepage.section-bg  .carousel .item {min-height:325px!important}
/* 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}
  body.homepage.section-bg  .carousel .item {min-height:inherit}
}