.item, .active, .carousel-inner { height: 100%; }
.fill { width: 100%; height: 100%; background-position: center; background-size: cover; }
.carousel-indicators li { width:36px; height:36px; background-color:transparent; border:4px solid #ffffff; border-radius:50px; }
.carousel-indicators .active { width:36px; height:36px; background-color:#af711c; border:4px solid #ffffff; border-radius:50px; }

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


@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; }
.carousel-indicators li { width:30px; height:20px; }
.carousel-indicators .active { width:30px; height:20px; }

.carousel-caption { padding-bottom: 100px; }
.carousel-indicators { bottom: 40px; }

 }

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

.carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-next { width: 30px; height: 32px; margin-top: 0px; margin-left: 130px; background-image: url(/img/avanti.png); overflow: visible; font-size:0px; }
.carousel-control .icon-prev { width: 30px; height: 32px; margin-top: 0px; margin-left: 0px; background-image: url(/img/indietro.png); overflow: visible; font-size:0px; }
.carousel-indicators li { width:20px; height:20px; }
.carousel-indicators .active { width:20px; height:20px; }

.carousel-caption { padding-bottom: 180px; }
.carousel-indicators { bottom: 60px; }
 }

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

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

.carousel-caption { padding-bottom: 210px; }
.carousel-indicators { bottom: 80px; }
 }

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

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

.carousel-caption { padding-bottom: 300px; }
.carousel-indicators { bottom: 100px; }
}