.item, .active, .carousel-inner { height: 100%; }
.fill { width: 100%; height: 100%; background-position: center; background-size: cover; }

.carousel-indicators li { width:15px; height:15px; border-radius: 50px; background-color:#ffffff; margin:4px; }
.carousel-indicators .active { width:15px; height:15px; background-color:#b4bb6b; margin:4px; }



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

.carousel-vice { padding-top:30px; }
.carousel-bottone { margin-top:28px; }

.carousel-indicators { bottom: 0px; left:50%; }
.carousel-indicators ol{ text-align:right;  }

.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-next { width: 66px; height: 66px; margin-top: -250px; margin-right: -80px; background-image: url(/img/avanti.png); overflow: visible; font-size:0px; }
.carousel-control .icon-prev { width: 66px; height: 66px; margin-top: -250px; margin-left: -80px; background-image: url(/img/indietro.png); overflow: visible; font-size:0px; }
 }

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

.carousel-vice { padding-top:60px; }
.carousel-bottone { margin-top:38px; }

.carousel-indicators { bottom: 20px; left:50%; }
.carousel-indicators ol{ text-align:right;  }

.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-next { width: 66px; height: 66px; margin-top: -250px; margin-right: -80px; background-image: url(/img/avanti.png); overflow: visible; font-size:0px; }
.carousel-control .icon-prev { width: 66px; height: 66px; margin-top: -250px; margin-left: -80px; background-image: url(/img/indietro.png); overflow: visible; font-size:0px; }
 }

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

.carousel-vice { padding-top:120px; }
.carousel-bottone { margin-top:40px; }

.carousel-indicators { bottom: 30px; left:50%; }
.carousel-indicators ol{ text-align:right;  }

.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-next { width: 66px; height: 66px; margin-top: -250px; margin-right: -80px; background-image: url(/img/avanti.png); overflow: visible; font-size:0px; }
.carousel-control .icon-prev { width: 66px; height: 66px; margin-top: -250px; margin-left: -80px; background-image: url(/img/indietro.png); overflow: visible; font-size:0px; }
 }

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

.carousel-vice { padding-top:170px; }
.carousel-bottone { margin-top:50px; }

.carousel-indicators { bottom: 30px; left:50%; }
.carousel-indicators ol{ text-align:right;  }

.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-next { width: 66px; height: 66px; margin-top: -250px; margin-right: -80px; background-image: url(/img/avanti.png); overflow: visible; font-size:0px; }
.carousel-control .icon-prev { width: 66px; height: 66px; margin-top: -250px; margin-left: -80px; background-image: url(/img/indietro.png); overflow: visible; font-size:0px; }
}