@media (max-width: 768px) {
    html, body {
        width: 100% !important;
        overflow-x: hidden !important;
    }
    
    .hero-wrapper {
        margin-top: 70px !important;
        padding: 0 !important;
        height: auto !important;
    }
    .hero-container {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        grid-template-rows: none !important;
        height: auto !important;
        min-height: auto !important;
    }
    .hero-main {
        order: 1 !important;
        height: 70vh !important;
        min-height: 500px !important;
        width: 100% !important;
    }
    .hero-slideshow, .hero-slide {
        width: 100% !important;
        height: 100% !important;
    }
    .hero-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
    .hero-content {
        width: 95% !important;
        max-width: 95% !important;
        padding: 0 2.5% !important;
        top: 40% !important;
    }
    .hero-content__title {
        font-size: 2.5rem !important;
        word-break: keep-all !important;
        overflow-wrap: break-word !important;
    }
    .hero-stats {
        margin-top: -40px !important;
        position: relative !important;
        z-index: 100 !important;
    }
    .hero-panel {
        height: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
    }
    .hero-panel--left, .hero-panel--right {
        width: 100% !important;
        padding: 50px 5% !important;
        box-sizing: border-box !important;
    }
    .hero-panel--left {
        order: 2 !important;
    }
    .hero-panel--right {
        order: 3 !important;
    }
    .ticker {
        display: none !important;
    }
}