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

.carousel-indicators li { width:20px; height:20px; border-radius: 50px; background-color:rgba(255, 255, 255, 0.1); margin:4px; }
.carousel-indicators .active { width:20px; height:20px; background-color:#ffffff; margin:4px; }

.carousel-control { width:1%; }
.carousel-control.right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%); }
.carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%); }
.carousel-caption { text-align:center; }

.swiper-container {width: 100%;}
.swiper-container2 {width: 100%; overflow: hidden;}
.swiper-wrapper {height:100px;}
.swiper-slide {background-size: cover;background-position: center;}
.gallery-top {height: 80%;width: 100%;}
.gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-slide {opacity: 0.4;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}

.gallery-top2 {height: 80%;width: 100%;}
.gallery-thumbs2 {height: 20%;box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs2 .swiper-slide {opacity: 0.4;}
.gallery-thumbs2 .swiper-slide-thumb-active {opacity: 1;}

.swiper-container3 {width: 100%; height:auto; overflow: hidden;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background-color:#ffffff;}


@media (max-width:767px) {
.carousel-indicators li { width:18px; height:18px; }
.carousel-indicators .active { width:18px; height:18px; }
.carousel { height:300px; }
.caption-testo { left:40px; top:50px; font-size:50px; line-height:50px; } 
.carousel-control .icon-prev { left:10px; }
.carousel-indicators { bottom: 2px; }
.carousel-caption { font-size: 18px; line-height:26px; padding-bottom:230px; width:100%; left:0%;  }

.swiper-container {height: 250px;}
.swiper-container2 {height: 114px;}
.gallery-thumbs .swiper-slide {height: 100%;}
.gallery-thumbs2 .swiper-slide {height: 100%;}


}

@media(min-width:768px) and (max-width:991px) {
.carousel { height:358px; }
.carousel-interna { height:300px; }
.carousel-control .icon-next { width: 76px; height: 80px; margin-top:0px; margin-right:30px; background-image:url(../img/carousel-avanti.jpg); font-size:0px; }
.carousel-control .icon-prev { width: 76px; height: 80px; margin-top:0px; margin-left:30px; background-image:url(../img/carousel-indietro.jpg); font-size:0px; }
.carousel-indicators li { width:20px; height:20px; margin:3px; }
.carousel-indicators .active { width:20px; height:20px; margin:3px; }
.carousel-caption { font-size: 36px;   padding-bottom:80px; left:16px; width:320px;  }
.carousel-indicators { bottom: 20px; left:23%; }

.swiper-container {height: 756px;}
.swiper-container2 {height: 208px;}
.gallery-thumbs .swiper-slide {height: 100%;}
.gallery-thumbs2 .swiper-slide {height: 100%;}


 }

@media(min-width:992px) {
.carousel-interna { height:400px; }
.carousel-control .icon-next { width: 76px; height: 80px; margin-top:0px; margin-right:30px; background-image:url(../img/carousel-avanti.jpg); font-size:0px; }
.carousel-control .icon-prev { width: 76px; height: 80px; margin-top:0px; margin-left:30px; background-image:url(../img/carousel-indietro.jpg); font-size:0px; }
.carousel-caption { font-size: 36px; line-height:42px;  padding-bottom:188px; left:45px; width:350px;  }
.carousel-indicators { bottom: 80px; left:21%; }

.swiper-container {height: 756px;}
.swiper-container2 {height: 208px;}
.gallery-thumbs .swiper-slide {height: 100%;}
.gallery-thumbs2 .swiper-slide {height: 100%;}



 }

@media(min-width:1200px) {
.carousel { height:785px; }
.carousel-interna { height:400px; }
.carousel-control .icon-next { width: 76px; height: 80px; margin-top:0px; margin-right:15px; background-image:url(../img/carousel-avanti.jpg); font-size:0px; }
.carousel-control .icon-prev { width: 76px; height: 80px; margin-top:0px; margin-left:15px; background-image:url(../img/carousel-indietro.jpg); font-size:0px; }
.carousel-caption {  padding-bottom:380px; width:380px; left:100px;}
.carousel-indicators { bottom: 200px; left:20%; }
.carousel-indicators ol{ text-align:right;  }

.swiper-container {height: 756px;}
.swiper-container2 {height: 208px;}
.gallery-thumbs .swiper-slide {height: 100%;}
.gallery-thumbs2 .swiper-slide {height: 100%;}


}