
#carousel-home>.carousel-inner>.carousel-item>img{
    /* max-height: 500px; */
    height: 768px;
    object-fit: cover;
}
.info_film_carousel{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 0 0 5.5rem;
    width: 55%;
    max-width: 40rem;
    text-shadow: 2px 1px 1px #000000;
}
.title_carousel{
    font-size: 2.5rem;
}
.description_carousel{
    font-size: 1.5rem;
}

.carousel-control-prev, .carousel-control-next{
    z-index: 0!important;
}





/*----------------- CSS pour tablettes ----------------------------------*/
@media all and (max-device-width:1024px) and (orientation: portrait){
    
}
@media all and (max-device-width:1024px) and (orientation: landscape){

}


/*----------------- CSS pour Smartphones et tablette---------------------*/
@media all and (max-device-width:768px) and (orientation: portrait){

    #carousel-home>.carousel-inner>.carousel-item>img {
        height: 50vh;
        max-height: 250px;
        object-fit: cover;
    }

    .info_film_carousel{
        padding: 0 0 0 2.5rem;
        top: 60%;
        width: 70%;
    }
    .title_carousel{
        font-size: 1.3rem;
    }
    .description_carousel{
        font-size: 0.8rem;
    }

}


/*----------------- CSS pour Smartphones --------------------------------*/
@media all and (max-device-width:480px) and (orientation: portrait){

    .info_film_carousel{
        padding: 0 0 0 2.5rem;
    }
    .title_carousel{
        font-size: 1rem;
    }
    .description_carousel{
        font-size: 0.6rem;
    }

}
@media all and (max-device-width:750px) and (orientation: landscape){
    #carousel-home>.carousel-inner>.carousel-item>img {
        max-height: 200px !important;
    }
}

@media all and (max-device-width:920px) and (orientation: landscape){

    #carousel-home>.carousel-inner>.carousel-item>img {
        max-height: 250px;
    }
    .info_film_carousel{
        padding: 0 0 0 2.5rem;
    }
    .title_carousel{
        font-size: 1.3rem;
    }
    .description_carousel{
        font-size: 0.8rem;
    }

}