.item, .active, .carousel-inner { height: 100%; }
.fill { width: 100%; height: 100%; background-position: center; background-size: cover; }
.carousel-indicators { display:none; }
.carousel-caption { text-align:left; left:10%; right:0%; }

@media (max-width:767px) {
.carousel { height:300px; }

.carousel-caption { margin-bottom:14px; }
 }

@media(min-width:768px) and (max-width:991px) {
.carousel { height:259px; }

.carousel-caption { margin-bottom:30px; }
 }

@media(min-width:992px) {
.carousel { height:319px; }

.carousel-caption { margin-bottom:60px; }
 }

@media(min-width:1200px) {
.carousel { height:379px; }

.carousel-caption { margin-bottom:140px; }
}