.item, .active, .carousel-inner { height: 100%; }
.fill { width: 100%; height: 100%; background-position: center; background-size: cover; }
.
.carousel-indicators li { width:24px; height:24px; border-radius: 50px; background-color:rgba(255, 255, 255, 0.1); margin:4px; }
.carousel-indicators .active { width:24px; height:24px; background-color:#ffffff; margin:4px; }
.carousel-control { width:1%; }
.carousel-control.right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%); }
.carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%); }

.carousel-caption { right: 10%; left: 10%;}

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

@media(min-width:768px) and (max-width:991px) {
.carousel { height:416px; }
.carousel-caption { padding-bottom: 160px; }
 }

@media(min-width:992px) {
.carousel { height:510px; }
.carousel-caption { padding-bottom: 200px; }
 }

@media(min-width:1200px) {
.carousel { height:616px; }
.carousel-caption { padding-bottom: 240px; }
}