/* Height Carousel*/
.carousel {
    height: 57vh;
    width: 100%;
    margin-top: 20px;
}

/* Responsive Carousel Customization */
@media (max-width: 1366px) {
    .carousel {
        height: 37vh;
        width: 100%;
        margin-top: 20px;
    }
}

@media (max-width: 1150px) {
    .carousel {
        height: 32.5vh;
        width: 100%;
        margin-top: 15px;
    }
}

@media (max-width: 960px) {
    .carousel {
        height: 30vh;
        width: 100%;
        margin-top: 15px;
    }
}

@media (max-width: 768px) {
    .carousel {
        height: 30vh;
        width: 100%;
        margin-top: 15px;
    }
}

@media (max-width: 468px) {
    .carousel {
        height: 27.5vh;
        width: 100%;
        margin-top: 15px;
    }
}

@media (max-width: 320px) {
    .carousel {
        height: 25vh;
        width: 100%;
        margin-top: 10px;
    }
}