.item, .active, .carousel-inner { height: 100%; }
.fill { width: 100%; height: 100%; background-position: center; background-size: cover; }
.carousel-indicators li { width:14px; height:14px; border-radius: 50px; background-color:rgba(255, 255, 255, 0.1); margin:3px; }
.carousel-indicators .active { width:14px; height:14px; background-color:#ffffff; margin:3px;  }

.carousel-caption { text-align:left; }

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

.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-next { display:none; }
.carousel-control .icon-prev { display:none; }

 }

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

.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-next { display:none; }
.carousel-control .icon-prev { display:none; }

.carousel-indicators { bottom:455px; margin-left:-860px; }
 }

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

.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-next { display:none; }
.carousel-control .icon-prev { display:none; }

.carousel-indicators { bottom:35px; margin-left:-270px; }
 }

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

.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-next { display:none; }
.carousel-control .icon-prev { display:none; }

.carousel-indicators { bottom:35px; margin-left:-360px; }
}