.header-default .mobile-menu {
    display: flex;
    padding-left: 10px !important;
}

@media (max-width: 767px) {
    footer {
        padding-left: 10px !important;
    }
}

@media (max-width: 991px) {
    .header-default.header-absolute.header-style-2 {
        margin-bottom: -95px !important;
        padding: 10px 32px 10px 32px;
    }
}

@media (max-width: 772px) {
    .header-default.header-absolute.header-style-2 {
        margin-bottom: -67px !important;
        padding: 15px 15px 10px 15px !important;
    }
    
    /* Modify the slideshow banner for mobile to match the screenshot */
    .tf-slideshow.style-3 {
        padding: 10px 15px 0 15px;
        background-color: #fff; /* to blend with sides and topbar */
    }
    
    .tf-slideshow.style-3 .wrap-slider .bnr-style {
        border-radius: 20px;
        overflow: hidden;
    }
    
    .tf-slideshow.style-3 .wrap-slider .bnr-style img {
        border-radius: 20px;
        min-height: 250px; /* Adjust height for mobile if needed */
        object-fit: cover;
    }
    
    /* Hide the pagination dots on mobile if they overlap or look bad, or reposition them */
    .tf-slideshow.style-3 .wrap-pagination {
        position: absolute !important;
        bottom: 20px !important;
        left: 0;
        width: 100%;
        z-index: 10;
    }

    /* Remove any desktop fixed height that causes the large white space below */
    .tf-slideshow.style-3 .tf-sw-slideshow,
    .tf-slideshow.style-3 .swiper-wrapper,
    .tf-slideshow.style-3 .swiper-slide,
    .tf-slideshow.style-3 .wrap-slider {
        height: auto !important;
        min-height: 0 !important;
        padding-bottom: 0 !important;
    }
}