/* MOBILE PORTRAIT - fino a 767px */
.bgslide1 {
    background-image: url(../images/slide/slide1-mobile-portrait.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bgslide2 {
    background-image: url(../images/slide/slide2-mobile-portrait.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bgslide3 {
    background-image: url(../images/slide/slide3-mobile-portrait.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.carousel-item {
    height: 400px;
    width: 100%;
}

/* MOBILE LANDSCAPE - orientamento orizzontale */
@media (max-width: 767px) and (orientation: landscape) {
    .bgslide1 {
        background-image: url(../images/slide/slide1-mobile-landscape.jpg);
    }
    .bgslide2 {
        background-image: url(../images/slide/slide2-mobile-landscape.jpg);
    }
    .bgslide3 {
        background-image: url(../images/slide/slide3-mobile-landscape.jpg);
    }
    
    .carousel-item {
        height: 300px;
    }
}

/* TABLET - da 768px a 1199px */
@media (min-width: 768px) {
    .bgslide1 {
        background-image: url(../images/slide/slide1-tablet.jpg);
    }
    .bgslide2 {
        background-image: url(../images/slide/slide2-tablet.jpg);
    }
    .bgslide3 {
        background-image: url(../images/slide/slide3-tablet.jpg);
    }
    

}

/* DESKTOP - da 1200px in su */
@media (min-width: 1200px) {
    .bgslide1 {
        background-image: url(../images/slide/slide1.jpg);
    }
    .bgslide2 {
        background-image: url(../images/slide/slide2.jpg);
    }
    .bgslide3 {
        background-image: url(../images/slide/slide3.jpg);
    }
    
    .carousel-item {
        height: 930px;
    }
}