/* About Section Mobile Fix - Center and Full-Width Images */

@media (max-width: 768px) {
    /* Fix background video to cover full section */
    .about-section {
        min-height: auto !important;
        padding: 60px 0 !important;
    }
    
    .about-video-bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        z-index: 1 !important;
    }
    
    .about-overlay {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 2 !important;
    }
    
    .about-container {
        position: relative !important;
        z-index: 3 !important;
    }
    
    /* Make about images container full width and centered */
    .about-left {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }
    
    .about-images {
        height: 400px !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
    
    /* Make slideshow images full width */
    .image-slideshow {
        width: 100% !important;
        height: 100% !important;
    }
    
    /* Override fixed widths - make all images full width */
    .about-img-1,
    .about-img-2 {
        width: 100% !important;
        height: 100% !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        object-fit: cover !important;
    }
    
    /* Center slideshow indicators */
    .slideshow-indicators {
        left: 50% !important;
        transform: translateX(-50%) !important;
        display: flex !important;
        justify-content: center !important;
    }
    
    /* Make about content stack properly on mobile */
    .about-content {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    
    /* Center about right content */
    .about-right {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
}

/* Small mobile phones */
@media (max-width: 480px) {
    .about-section {
        padding: 50px 0 !important;
    }
    
    .about-images {
        height: 300px !important;
    }
    
    .about-container {
        padding: 40px 15px !important;
    }
    
    .about-video-bg {
        min-height: 100% !important;
    }
}