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




@media (max-width:767px) {
.carousel { height:300px; }
.carousel-caption { padding-bottom:0px;  right:0px; left:0px;  }
.carousel-separa { margin-top:13px; }
.carousel-bottone { margin-top:23px; }

 }

@media(min-width:768px) and (max-width:991px) {
.carousel { height:448px; }
.carousel-caption { right:auto; left:30px; padding-bottom:34px; text-align:left; }
.carousel-separa { margin-top:13px; }
.carousel-bottone { margin-top:23px; }

 }

@media(min-width:992px) {
.carousel { height:479px; }
.carousel-caption { right:auto; left:30px; padding-bottom:34px; text-align:left; }
.carousel-separa { margin-top:13px; }
.carousel-bottone { margin-top:23px; }

 }

@media(min-width:1200px) {
.carousel { height:566px; }
.carousel-caption { right:auto; left:30px; padding-bottom:61px; text-align:left; }
.carousel-separa { margin-top:15px; }
.carousel-bottone { margin-top:25px; }

}