/*===================================== 
YOU CAN WRIGHT CUSTOME CSS 
======================================*/

/* Mobile Hero Section - Full Height */
@media only screen and (max-width: 768px) {
    .main-slider,
    .main-slider.style-two,
    .main-slider .tp-banner-container,
    .rev_slider_wrapper,
    .rev_slider_wrapper.fullscreen-container,
    .rev_slider_wrapper.fullscreen-container .rev_slider {
        height: 100vh !important;
        min-height: 100vh !important;
    }
    
    /* Ensure the slider displays properly on mobile */
    .main-slider {
        position: relative;
        overflow: hidden;
    }
    
    /* Adjust text layers for mobile visibility */
    .tp-caption {
        font-size: 20px !important;
    }
}