/* Target mobile devices (max-width: 767px is Elementor's default mobile breakpoint) */
@media (max-width: 767px) {
    /* Target the main header container */
    .elementor-element-76e7fe5e {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Target the navigation container — stack vertically, center, and add spacing from image */
    .elementor-element-632755df {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        margin-top: 40px !important;
    }

    /* Ensure the menus and buttons inside center their contents */
    .elementor-element-632755df .elementor-widget-nav-menu,
    .elementor-element-632755df .elementor-widget-button {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        text-align: center !important;
    }
}