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


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


 }

@media(min-width:768px) and (max-width:991px) {
.carousel { height:400px; }
.carousel-caption  { left:8%; margin-bottom:190px; }

 }

@media(min-width:992px) {
.carousel { height:500px; }
.carousel-caption  { left:10%; margin-bottom:25px; }

 }

@media(min-width:1200px) {
.carousel { height:588px; }
.carousel-caption  { left:20%; margin-bottom:260px; }

}