/* Mobile Header Fixes - Only for screens 767px and below */
@media only screen and (max-width: 767px) {
    /* Fix header upper section container */
    .main-header.style-two .header-upper {
        padding: 10px 0 !important;
    }
    
    .main-header.style-two .header-upper .auto-container {
        padding: 0 15px !important;
    }
    
    .main-header.style-two .header-upper .clearfix {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    /* Ensure logo displays properly on mobile */
    .main-header.style-two .header-upper .logo-outer {
        width: 100% !important;
        text-align: center !important;
        padding: 10px 0 !important;
        margin: 0 !important;
        float: none !important;
        position: relative !important;
        z-index: 1 !important;
    }
    
    .main-header.style-two .header-upper .logo {
        display: block !important;
        text-align: center !important;
        justify-content: center !important;
        padding: 0 !important;
    }
    
    .main-header.style-two .header-upper .logo img {
        max-width: 160px !important;
        width: auto !important;
        height: auto !important;
        margin: 0 auto !important;
        display: block !important;
    }
    
    /* Fix header upper right section */
    .main-header.style-two .header-upper .upper-right {
        width: 100% !important;
        text-align: center !important;
        padding: 10px 0 !important;
        float: none !important;
        display: block !important;
    }
    
    /* Stack info boxes properly */
    .main-header.style-two .header-upper .upper-column.info-box {
        display: block !important;
        width: 100% !important;
        margin: 8px 0 !important;
        padding: 8px 0 !important;
        text-align: center !important;
        float: none !important;
    }
    
    .main-header.style-two .header-upper .info-box .icon-box {
        display: inline-block !important;
        margin: 0 auto 8px !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
    }
    
    .main-header.style-two .header-upper .info-box ul {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .main-header.style-two .header-upper .info-box ul li {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
    
    /* Social icons on mobile */
    .main-header.style-two .header-upper .social-icons {
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
        gap: 15px !important;
    }
    
    /* Fix header lower section */
    .main-header.style-two .header-lower {
        padding: 10px 0 !important;
        position: relative !important;
    }
    
    .main-header.style-two .header-lower .auto-container {
        padding: 0 15px !important;
    }
    
    .main-header.style-two .header-lower .nav-outer {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    /* Navigation menu */
    .main-header.style-two .main-menu {
        width: 100% !important;
        padding: 0 !important;
    }
    
    .main-header.style-two .navbar-header {
        width: 100% !important;
        text-align: center !important;
    }
    
    .main-header.style-two .navbar-toggle {
        margin: 5px 0 !important;
        border-color: #fff !important;
        float: none !important;
        display: inline-block !important;
    }
    
    .main-header.style-two .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }
    
    .main-header.style-two .navbar-collapse {
        width: 100% !important;
        max-height: none !important;
        padding: 0 !important;
    }
    
    .main-header.style-two .main-menu .navigation {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }
    
    .main-header.style-two .main-menu .navigation > li {
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        float: none !important;
    }
    
    .main-header.style-two .main-menu .navigation > li > a {
        padding: 15px 20px !important;
        display: block !important;
        text-align: left !important;
        width: 100% !important;
    }
    
    /* Show Get A Quote button in mobile menu */
    .main-header.style-two .outer-box {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 15px 0 !important;
        margin-top: 0 !important;
    }
    
    .main-header.style-two .outer-box .link-box {
        display: inline-block !important;
    }
    
    .main-header.style-two .outer-box .theme-btn {
        padding: 12px 25px !important;
        font-size: 14px !important;
        white-space: nowrap !important;
        width: auto !important;
    }
}