/* Fix narrow layout + white gap on mobile */
@media (max-width: 767.98px) {

    html, body {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
    }

    /* Any main wrapper that might have a fixed width */
    .page-wrapper,
    .auto-container,
    .main-header,
    .header-style-five,
    .header-upper,
    .sticky-header {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    /* Optional: keep some breathing space inside */
    .auto-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Make header background full width */
    .main-header,
    .sticky-header {
        background-color: #001b5c !important; /* adjust if needed */
    }

    /* Prevent logo from making header too tall */
    .main-header .logo img,
    .sticky-header .logo img {
        max-height: 70px !important;
        width: auto !important;
        height: auto !important;
    }
}