.item, .active, .carousel-inner { height: 100%; }
.fill { width: 100%; height: 100%; background-position: center; background-size: cover; }
.carousel-indicators li { width:42px; height:42px; border-radius: 50px; background-color:#59e4c3; margin:4px; border:0px;}
.carousel-indicators .active { width:42px; height:42px; background-color:#3d3d3d; margin:4px; border:0px; }
.posiziona-separatore { position:absolute; z-index:2; }
.posiziona-separatore-2 { position:absolute; z-index:99999992; }

@media (max-width:767px) {
.carousel { height:200px; }
.carousel-indicators li { width:30px; height:30px; }
.carousel-indicators .active { width:30px; height:30px; }
.carousel-indicators { bottom: 10px; }
.posiziona-separatore { background-image: url("../img/separatore.png"); background-position:center; height:20px; width:100%; }
.posiziona-separatore-2 { background-image: url("../img/separatore-2.png"); background-position:center; height:20px; width:100%; top:240px; }
}

@media(min-width:768px) and (max-width:991px) {
.carousel { height:486px; }
.carousel-indicators li { width:30px; height:30px; }
.carousel-indicators .active { width:30px; height:30px; }
.carousel-indicators { bottom: 20px;right: 0; width: 20%; margin-left:30%; }
.posiziona-separatore { background-image: url("../img/separatore.png"); background-position:center; height:30px; width:100%; }
.posiziona-separatore-2 { background-image: url("../img/separatore-2.png"); background-position:center; height:30px; width:100%; top:270px; }
 }

@media(min-width:992px) {
.carousel { height:626px; }
.carousel-indicators { bottom:25px;right: 0; width: 20%; margin-left:30%; }
.carousel-indicators li { width:36px; height:36px; }
.carousel-indicators .active { width:36px; height:36px; }
.posiziona-separatore { background-image: url("../img/separatore.png"); background-position:center; height:40px; width:100%; }
.posiziona-separatore-2 {  background-image: url("../img/separatore-2.png"); background-position:center; height:40px; width:100%; top:480px; }
 }

@media(min-width:1200px) {
.carousel { height:758px; }
.carousel2 { height:300px; }
.carousel-indicators { bottom:45px;right: 0; width: 30%; margin-left:20%;}
.carousel-indicators li {  width:42px; height:42px; }
.carousel-indicators .active { width:42px; height:42px; }
.posiziona-separatore { background-image: url("../img/separatore.png"); background-position:center; height:50px; width:100%; }
.posiziona-separatore-2 { background-image: url("../img/separatore-2.png"); background-position:center; height:50px; width:100%; top:644px; }
}