/* Mobile Responsiveness Fixes */

/* Global mobile navbar fixes */
@media (max-width: 768px) {
    /* Navbar positioning and visibility adjustments */
    .navbar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 1000 !important;
        background: rgba(0, 0, 0, 0.95) !important;
        backdrop-filter: blur(10px) !important;
        height: 70px !important;
        transition: none !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
    }
    
    /* Ensure navbar stays fixed when scrolling - override main CSS */
    .nav-scroll {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
        transition: none !important;
        -webkit-transition: none !important;
        -webkit-transform: none !important;
        z-index: 1000 !important;
    }
    
    /* Force navbar to always be visible on mobile */
    .navbar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1000 !important;
        transform: none !important;
        -webkit-transform: none !important;
    }
    
    /* Override any transform animations on mobile */
    .navbar {
        transform: none !important;
        -webkit-transform: none !important;
    }
    
    .navbar.nav-scroll {
        transform: none !important;
        -webkit-transform: none !important;
    }
    
    /* Ensure logo is always visible and properly centered */
    .navbar .logo-wrapper {
        position: relative !important;
        z-index: 1001 !important;
        display: flex !important;
        align-items: center !important;
        height: 70px !important;
        justify-content: flex-start !important;
    }
    
    /* Fix logo container alignment */
    .navbar .logo {
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
        text-decoration: none !important;
    }
    
    .navbar .logo-img {
        transition: all 0.3s ease !important;
    }
    
    /* Keep logo visible when scrolling */
    .nav-scroll .logo-img {
        width: 180px !important;
        opacity: 1 !important;
    }
    
    .navbar .container {
        padding: 0 15px !important;
        max-width: 100% !important;
    }
    
    .navbar .logo-wrapper {
        display: flex !important;
        align-items: center !important;
        height: 70px !important;
    }
    
    /* Fix navbar container centering */
    .navbar .container {
        display: flex !important;
        align-items: center !important;
        height: 70px !important;
        padding: 0 15px !important;
    }
    
    /* Fix navbar toggler centering and ensure it's always visible */
    .navbar-toggler {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 40px !important;
        width: 40px !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Ensure hamburger menu is always visible on mobile */
    .navbar-toggler,
    .navbar-toggler:focus,
    .navbar-toggler:hover,
    .navbar-toggler:active {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .navbar .logo-img {
        width: 180px !important;
        height: auto !important;
        max-width: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }
    
    /* Ensure logo text is always visible */
    .navbar .logo {
        display: flex !important;
        align-items: center !important;
        text-decoration: none !important;
    }
    
    .navbar .logo .logo-text {
        display: flex !important;
        align-items: center !important;
        color: #fff !important;
        font-size: 24px !important;
        font-weight: 900 !important;
        margin: 0 !important;
        font-family: 'Poppins', sans-serif !important;
        line-height: 1 !important;
        height: auto !important;
        vertical-align: middle !important;
        text-transform: lowercase !important;
    }
    
    .navbar .logo .logo-text span {
        color: #dc2751 !important;
        margin-left: 2px !important;
        vertical-align: middle !important;
        line-height: 1 !important;
    }
    
    /* Hide logo image on mobile, show text only - more aggressive */
    .navbar .logo-img {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
    }
    
    /* Hide any logo image containers */
    .navbar .logo img {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
    }
@media (min-width: 769px) {
    .navbar .logo .logo-text {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
    }
    
    .navbar .logo-img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: auto !important;
        height: auto !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
    }
    
    .navbar-toggler {
        position: absolute !important;
        right: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 1001 !important;
        border: none !important;
        background: transparent !important;
        padding: 5px !important;
    }
    
    .navbar-toggler:focus {
        box-shadow: none !important;
        outline: none !important;
    }
    
    .navbar-toggler-icon {
        color: #fff !important;
        font-size: 20px !important;
        width: auto !important;
        height: auto !important;
    }
    
    .navbar-collapse {
        position: absolute !important;
        top: 70px !important;
        left: 0 !important;
        width: 100% !important;
        background: rgba(0, 0, 0, 0.98) !important;
        backdrop-filter: blur(10px) !important;
        z-index: 999 !important;
        padding: 10px 0 !important;
        border-radius: 0 !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
        max-height: calc(100vh - 70px) !important;
        overflow-y: auto !important;
    }
    
    .navbar-collapse.show {
        display: block !important;
    }
    
    .navbar-nav {
        flex-direction: column !important;
        padding: 0 20px !important;
        margin: 0 !important;
    }
    
    .navbar-nav .nav-item {
        margin: 5px 0 !important;
        width: 100% !important;
    }
    
    .navbar-nav .nav-link {
        color: #fff !important;
        font-size: 16px !important;
        padding: 12px 0 !important;
        text-align: left !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        transition: all 0.3s ease !important;
    }
    
    .navbar-nav .nav-link:hover {
        color: #dc2751 !important;
        background: rgba(255, 255, 255, 0.05) !important;
        padding-left: 10px !important;
    }
    
    /* Fix navigation menu closing on mobile */
    .navbar-nav .nav-link {
        cursor: pointer !important;
    }
    
    .navbar-nav .nav-link:active,
    .navbar-nav .nav-link:focus {
        color: #dc2751 !important;
    }
    
    /* Simplify Hem link on mobile - remove dropdown functionality */
    .navbar-nav .dropdown-toggle {
        cursor: pointer !important;
    }
    
    .navbar-nav .dropdown-toggle:hover {
        color: #dc2751 !important;
    }
    
    /* Hide dropdown arrow and make Hem work like a regular link on mobile */
    .navbar-nav .dropdown-toggle .fa-caret-down,
    .navbar-nav .nav-item.dropdown .dropdown-toggle .fa-caret-down,
    .navbar-nav .nav-item.dropdown .nav-link .fa-caret-down {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
    }
    
    /* Hide dropdown menu on mobile */
    .navbar-nav .dropdown-menu {
        display: none !important;
    }
    
    /* Make Hem link work like a regular link on mobile */
    .navbar-nav .dropdown-toggle[href="/"],
    .navbar-nav .dropdown-toggle[href="/en"] {
        cursor: pointer !important;
        text-decoration: none !important;
    }
    
    .navbar-nav .dropdown-toggle[href="/"]:hover,
    .navbar-nav .dropdown-toggle[href="/en"]:hover {
        color: #dc2751 !important;
        text-decoration: none !important;
    }
    
    /* Auto-close menu when clicking outside */
    .navbar-collapse.show {
        animation: slideDown 0.3s ease !important;
    }
    
    @keyframes slideDown {
        from { opacity: 0; transform: translateY(-10px); }
        to { opacity: 1; transform: translateY(0); }
    }
    
    /* Add JavaScript for menu closing */
    .navbar-nav .nav-link {
        position: relative !important;
    }
    
    .navbar-nav .nav-link::after {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 1 !important;
    }
    
    .navbar-nav .nav-item:last-child .nav-link {
        border-bottom: none !important;
    }
    
    .navbar-right {
        display: none !important;
    }
    
    /* Fix dropdown menus on mobile */
    .navbar .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        background: rgba(0, 0, 0, 0.8) !important;
        border: none !important;
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: none !important;
    }
    
    /* Keep dropdown hidden on mobile for Hem link */
    .navbar .dropdown-menu.show {
        display: none !important;
    }
    
    .navbar .dropdown-item {
        color: #fff !important;
        padding: 10px 20px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
    
    .navbar .dropdown-item:hover {
        background: rgba(255, 255, 255, 0.1) !important;
        color: #dc2751 !important;
    }
    
    /* Fix main content spacing */
    main {
        padding-top: 70px !important;
    }
    
    /* Ensure hero sections are visible and properly spaced */
    .hero-section {
        margin-top: 0 !important;
        padding-top: 0 !important;
        min-height: 120vh !important;
        display: block !important;
        position: relative !important;
        z-index: 1 !important;
        background: linear-gradient(135deg, rgba(26, 26, 26, 0.7) 0%, rgba(45, 45, 45, 0.7) 100%), 
                    url('/images/hero-mobile-bg-tall.jpg'),
                    #1a1a1a !important;
        background-size: cover !important;
        background-position: center !important;
        background-attachment: fixed !important;
    }
    
    /* Ensure hero content is visible */
    .hero-section .container {
        position: relative !important;
        z-index: 2 !important;
    }
    
    /* Fix hero text visibility */
    .hero-section h1,
    .hero-section h2,
    .hero-section p,
    .hero-section .hero-title-sv-inline,
    .hero-section .hero-title-en-inline,
    .hero-section .hero-title-medium,
    .hero-section .hero-subtitle {
        position: relative !important;
        z-index: 3 !important;
        color: #fff !important;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
        background: none !important;
        clear: both !important;
        margin-bottom: 15px !important;
    }
    
    /* Fix specific text overlap issues */
    .hero-section .hero-subtitle {
        margin-bottom: 30px !important;
        line-height: 1.5 !important;
    }
    
    .hero-section .hero-subtitle-line2 {
        margin-top: 20px !important;
        margin-bottom: 30px !important;
        line-height: 1.5 !important;
    }
    
    /* Fix any remaining text overlap */
    .hero-section p {
        margin-bottom: 20px !important;
        line-height: 1.5 !important;
    }
    
    .hero-section h1 {
        margin-bottom: 30px !important;
    }
    
    /* Fix section spacing - reasonable padding */
    .section-padding {
        padding: 40px 0 !important;
    }
    
    /* Reasonable margins and padding */
    .hero-section {
        margin-bottom: 60px !important;
        padding-bottom: 60px !important;
    }
    
    /* Fix overlapping content after hero */
    .hero-section + *,
    .hero-section + section,
    .hero-section + div {
        margin-top: 60px !important;
        padding-top: 60px !important;
        position: relative !important;
        z-index: 2 !important;
    }
    
    /* Ensure content below hero is not cut off */
    main {
        padding-top: 70px !important;
        padding-bottom: 40px !important;
    }
    
    /* Fix any sections that might be cut off */
    .section-padding {
        padding: 60px 0 !important;
    }
    
    /* Ensure hero section covers full viewport */
    .hero-section {
        min-height: 100vh !important;
        height: 100vh !important;
    }
    
    /* Ensure buttons stay within hero section */
    .hero-section .hero-buttons {
        position: relative !important;
        z-index: 10 !important;
        margin-bottom: 40px !important;
        margin-top: 20px !important;
        gap: 15px !important;
        flex-direction: column !important;
    }
    
    /* Force button spacing on mobile */
    .hero-section .hero-buttons .hero-btn:first-child {
        margin-bottom: 15px !important;
    }
    
    .hero-section .hero-buttons .hero-btn:last-child {
        margin-top: 0 !important;
    }
    
    /* Fix contact page button spacing */
    .contact-btn {
        margin-bottom: 5px !important;
    }
    
    .col-md-3.mb-30,
    .col-md-4.mb-30 {
        margin-bottom: 8px !important;
    }
    
    /* Fix the last button spacing - now using regular row */
    .row.mt-40 + .row {
        margin-top: 5px !important;
    }
    
    .row.mt-40 + .row .col-md-4 {
        margin-bottom: 0 !important;
    }
    
    /* Force consistent spacing for all contact buttons */
    .row.mt-40 .col-md-3:last-child .contact-btn {
        margin-bottom: 5px !important;
    }
    
    .row.mt-40 + .row .col-md-4 .contact-btn {
        margin-bottom: 0 !important;
    }
    
    /* Desktop: Restore original navbar scroll behavior */
    @media (min-width: 769px) {
        /* Restore original nav-scroll behavior for desktop */
        .nav-scroll {
            position: fixed !important;
            top: -100px !important;
            left: 0 !important;
            width: 100% !important;
            transform: translateY(100px) !important;
            -webkit-transform: translateY(100px) !important;
            transition: transform .5s !important;
            -webkit-transition: -webkit-transform .5s !important;
            background: #fff !important;
            box-shadow: 0px 5px 15px rgb(15 36 84 / 5%) !important;
        }
        
        /* Restore original navbar behavior for desktop */
        .navbar {
            position: relative !important;
            top: auto !important;
            left: auto !important;
            right: auto !important;
            transform: none !important;
            -webkit-transform: none !important;
            transition: all 0.3s ease !important;
        }
    }
    
    /* Desktop: Force last button to new row, center it, and make buttons wider */
    @media (min-width: 769px) {
        /* Desktop Layout: Show desktop buttons, hide mobile */
        .desktop-buttons {
            display: block !important;
        }
        
        .mobile-buttons {
            display: none !important;
        }
        
        .desktop-row-1 {
            display: flex !important;
            justify-content: center !important;
            gap: 15px !important;
            margin-bottom: 20px !important;
        }
        
        .desktop-row-2 {
            display: flex !important;
            justify-content: center !important;
        }
        
        .desktop-buttons .contact-btn {
            min-width: 250px !important;
            padding: 20px 30px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;
        }
        
        .desktop-row-2 .contact-btn {
            min-width: 250px !important;
        }
    }
    
    /* Mobile Layout: Hide desktop buttons, show mobile */
    .desktop-buttons {
        display: none !important;
    }
    
    .mobile-buttons {
        display: block !important;
    }
    
    .mobile-buttons .contact-btn {
        display: block !important;
        width: 100% !important;
        margin-bottom: 8px !important;
        padding: 20px !important;
    }
    
    /* Make sure hero content is properly contained */
    .hero-section .hero-v-middle {
        min-height: 100vh !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 20px 0 !important;
    }
    
    /* Ensure buttons are visible and readable */
    .hero-section .hero-btn {
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
    }
    
    .hero-section .hero-btn.btn-2 {
        background: rgba(0, 0, 0, 0.4) !important;
        border: 2px solid rgba(255, 255, 255, 0.9) !important;
        color: #fff !important;
        backdrop-filter: blur(10px) !important;
    }
    
    /* Ensure proper spacing between navbar and content */
    .navbar + * {
        margin-top: 70px !important;
    }
    
    /* Ensure logo visibility on scroll */
    .nav-scroll {
        background: rgba(0, 0, 0, 0.95) !important;
    }
    
    .nav-scroll .logo-img {
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    /* Fix logo positioning when scrolled */
    .nav-scroll .logo-wrapper {
        display: flex !important;
        align-items: center !important;
    }
    
    /* Fix section spacing */
    .section-padding {
        padding: 60px 0 !important;
    }
    
    /* Fix container padding */
    .container {
        padding: 0 15px !important;
    }
    
    /* Fix text sizing on mobile */
    h1 {
        font-size: 32px !important;
        line-height: 1.2 !important;
    }
    
    h2 {
        font-size: 28px !important;
        line-height: 1.3 !important;
    }
    
    h3 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
    
    h4 {
        font-size: 20px !important;
        line-height: 1.4 !important;
    }
    
    h5 {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }
    
    h6 {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }
    
    /* Fix paragraph spacing */
    p {
        font-size: 16px !important;
        line-height: 1.6 !important;
        margin-bottom: 20px !important;
    }
    
    /* Fix button sizing */
    .btn-1, .btn-2, .btn-3, .btn-4, .btn-5 {
        padding: 12px 24px !important;
        font-size: 16px !important;
        min-height: 48px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* Fix form elements */
    input, textarea, select {
        font-size: 16px !important;
        padding: 12px 16px !important;
        min-height: 48px !important;
    }
    
    /* Fix footer on mobile */
    .footer {
        padding: 40px 0 20px 0 !important;
    }
    
    .footer .col-md-3 {
        margin-bottom: 30px !important;
    }
    
    /* Warning banner size adjustments for mobile */
    div[style*="padding: 1rem 0rem"] {
        padding: 0.3rem 0.5rem !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        min-height: auto !important;
        max-height: 60px !important;
    }
    
    div[style*="padding: 1rem 0rem"] p {
        font-size: 10px !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-weight: 400 !important;
    }
    
    /* Target the specific warning banner with multiple selectors */
    div[style*="position:fixed"][style*="bottom:0"],
    div[style*="position:fixed"][style*="z-index:99"],
    div[style*="background: #ed1010"] {
        padding: 0.3rem 0.5rem !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        min-height: auto !important;
        max-height: 60px !important;
    }
    
    div[style*="position:fixed"][style*="bottom:0"] p,
    div[style*="position:fixed"][style*="z-index:99"] p,
    div[style*="background: #ed1010"] p {
        font-size: 10px !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-weight: 400 !important;
    }
    
    /* Fix line sections */
    .line-vr-section {
        margin: 40px 0 !important;
    }
    
    .line-hr-section {
        margin: 20px auto !important;
    }
    
    /* Overlapping text fixes for all sections */
    h1, h2, h3, h4, h5, h6 {
        position: relative !important;
        z-index: 100 !important;
        margin-bottom: 30px !important;
        clear: both !important;
    }
    
    h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
        position: relative !important;
        z-index: 100 !important;
        display: block !important;
        margin-top: 10px !important;
    }
    
    p {
        position: relative !important;
        z-index: 90 !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        clear: both !important;
        display: block !important;
    }
    
    /* Fix any absolute positioned elements that might overlap */
    *[style*="position: absolute"] {
        position: relative !important;
        z-index: 50 !important;
    }
    
    /* Ensure proper text flow for all content */
    .text-center > *,
    .container > *,
    .row > *,
    .col-md-12 > * {
        position: relative !important;
        z-index: 80 !important;
        clear: both !important;
    }
    
    /* Fix specific overlapping issues */
    .hero-section h1 + p,
    .hero-section h2 + p,
    .hero-section h3 + p {
        margin-top: 40px !important;
        clear: both !important;
    }
    
    /* Fix services page specific issues */
    .services h1 + p,
    .services h2 + p {
        margin-top: 40px !important;
        clear: both !important;
    }
    
    /* Fix any black bars or overlapping elements */
    .service-card::before,
    .service-card::after {
        display: none !important;
    }
    
    /* Ensure no elements overlap service cards */
    .service-card {
        position: relative !important;
        z-index: 10 !important;
        margin-top: 20px !important;
    }
    
    /* Fix any navbar elements that might overlap */
    .navbar * {
        position: relative !important;
        z-index: 1000 !important;
    }
    
    /* Ensure proper spacing for all sections */
    section {
        position: relative !important;
        z-index: 5 !important;
    }
    
    /* Fix any fixed positioned elements that might overlap */
    *[style*="position: fixed"] {
        z-index: 999 !important;
    }
    
    /* Text centering and layout fixes */
    .container {
        min-width: 320px !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 20px !important;
    }
    
    .row {
        min-width: 280px !important;
        width: 100% !important;
        margin: 0 !important;
    }
    
    .col-md-12,
    .col-md-6,
    .col-md-4,
    .col-md-3 {
        min-width: 280px !important;
        width: 100% !important;
        padding: 0 10px !important;
    }
    
    
    /* Fix specific text elements that might break */
    .hero-section h1,
    .hero-section h2,
    .hero-section p {
        white-space: normal !important;
        word-wrap: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
        word-break: normal !important;
        line-height: 1.3 !important;
    }
    
    /* Ensure proper text flow */
    .text-center {
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Fix any very narrow containers */
    *[style*="width: 1px"],
    *[style*="width: 2px"],
    *[style*="width: 3px"],
    *[style*="width: 4px"],
    *[style*="width: 5px"] {
        width: auto !important;
        min-width: 280px !important;
    }
    
    /* Hide only specific unwanted elements */
    .progress-wrap {
        display: none !important;
    }
    
    /* Hide preloader on mobile to prevent spinning issues */
    .preloader-bg,
    #preloader {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    /* Disable loader animations on mobile */
    .loader {
        display: none !important;
    }
    
    /* Disable morphing animations that might cause spinning */
    .morp-ani {
        animation: none !important;
        -webkit-animation: none !important;
    }
    
    .morp-ani:before {
        animation: none !important;
        -webkit-animation: none !important;
    }
}

/* Extra small mobile devices */
@media (max-width: 480px) {
    .navbar {
        height: 60px !important;
    }
    
    .navbar .logo-img {
        width: 150px !important;
    }
    
    .navbar-collapse {
        top: 60px !important;
    }
    
    main {
        padding-top: 60px !important;
    }
    
    .section-padding {
        padding: 40px 0 !important;
    }
    
    h1 {
        font-size: 28px !important;
    }
    
    h2 {
        font-size: 24px !important;
    }
    
    h3 {
        font-size: 20px !important;
    }
    
    h4 {
        font-size: 18px !important;
    }
    
    h5 {
        font-size: 16px !important;
    }
    
    h6 {
        font-size: 14px !important;
    }
    
    p {
        font-size: 15px !important;
    }
    
    .btn-1, .btn-2, .btn-3, .btn-4, .btn-5 {
        padding: 10px 20px !important;
        font-size: 15px !important;
        min-height: 44px !important;
    }
    
    /* Warning banner adjustments for extra small screens */
    div[style*="padding: 1rem 0rem"],
    div[style*="position:fixed"][style*="bottom:0"],
    div[style*="background: #ed1010"] {
        padding: 0.2rem 0.3rem !important;
        font-size: 9px !important;
        max-height: 50px !important;
    }
    
    div[style*="padding: 1rem 0rem"] p,
    div[style*="position:fixed"][style*="bottom:0"] p,
    div[style*="background: #ed1010"] p {
        font-size: 9px !important;
        line-height: 1.1 !important;
    }
    
    /* Fix logo on extra small screens */
    .navbar .logo .logo-text {
        font-size: 20px !important;
        margin-left: 8px !important;
    }
    
    .navbar .logo-img {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
    }
}

/* Fix for very small screens */
@media (max-width: 360px) {
    .navbar .logo-img {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
    }
    
    .navbar .logo .logo-text {
        font-size: 18px !important;
        margin-left: 5px !important;
    }
    
    .container {
        padding: 0 10px !important;
    }
    
    h1 {
        font-size: 24px !important;
    }
    
    h2 {
        font-size: 20px !important;
    }
    
    h3 {
        font-size: 18px !important;
    }
    
    p {
        font-size: 14px !important;
    }
}