@media (max-width: 991px) {
    .cta{margin-top: -12px !important;}
    .wave {height: 120px !important;left: 0 !important;width: 100% !important;}
    .hero-slider{height: 500px;}
    .hero-slide {flex-direction: column; justify-content: center; text-align: center; padding: 40px 20px;}
    .hero-content {max-width: 100%;} 
    .hero-image img {max-width: 300px;margin-top: 20px;}
}
@media(max-width: 767px){
    .hero-buttons {flex-direction: column;} 
}