@media (max-width: 400px) {
    .hero-slide,
    .carousel-item,
    .carousel-inner {
        height: 180px !important;
        min-height: 180px !important;
    }

}

@media(max-width: 480px) {
        .row > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}