@import 'sliderMulti.css';

.carousel-control.left, .carousel-control.right{
    top: 0;
    background-image: none;
    color: rgba(31, 31, 31, .3);
    text-shadow: 0 1px 2px rgba(255, 255, 255, .3);
}
.carousel-control.left{
    left:0;
}
.carousel-control.right{
    right:0;
}
@media screen and (max-width: 768px){
    .carousel{
        padding-left: 31px; /* con 15px di padding = 46px */
        padding-right: 31px;
    }
    .carousel-control.left, .carousel-control.right{
        width: 46px;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px){
    .carousel-control.left, .carousel-control.right{
        width: calc((100vw - 750px + 30px) / 2);
    }
}
@media screen and (min-width: 992px) and (max-width: 1200px){
    .carousel-control.left, .carousel-control.right{
        width: calc((100vw - 970px + 46px) / 2);
    }
}
@media screen and (min-width: 1200px){
    .carousel-control.left, .carousel-control.right{
        width: calc((100vw - 1170px + 46px) / 2);
    }
}