/*=====================================================
    GLOBAL MOBILE SECTION SPACING
======================================================*/

/* Apply consistent mobile spacing to all sections */
@media (max-width: 767px) {
    /* All sections get reduced padding on mobile */
    section,
    .section {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    
    /* Container padding for mobile */
    section .container,
    .section .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 575px) {
    /* Extra small mobile - even more compact */
    section,
    .section {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    
    /* Tighter container padding */
    section .container,
    .section .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Specific sections that need different spacing */
@media (max-width: 767px) {
    /* Video slider section - keep full width */
    .scroll-video-section {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .scroll-video-section .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Hero/Banner sections - minimal top padding */
    .banner-one,
    .banner-two,
    .slider-one {
        padding-top: 40px !important;
    }
    
    /* Footer - keep original spacing */
    footer,
    .site-footer,
    .footer {
        padding-top: 80px !important;
        padding-bottom: 40px !important;
    }
}