/* Fix for header overlap issue in About Us page */

/* Override the absolute positioning that's causing overlap */
.et_header_style_left .logo_container {
    position: relative !important;
    width: auto !important;
    height: auto !important;
    float: left !important;
    max-width: 250px;
    margin-right: 30px;
    margin-left: -155px;
    flex-shrink: 0;
}

/* Ensure navigation is positioned next to logo */
#et-top-navigation {
    float: none !important;
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: center;
    margin-left: -145px;
}

/* Ensure proper flex layout for the header container */
.container.et_menu_container {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding: 10px 30px;
    margin-left: -155px;
}

/* Specific fixes for slide-tabs positioning */
.slide-tabs-container {
    position: relative !important;
    margin: 0 !important;
    margin-left: -145px !important;
    flex: 1;
    display: flex;
    justify-content: center;
}

/* Ensure logo doesn't get too large */
#logo {
    max-height: 50px !important;
    width: auto !important;
    display: block;
}

/* Mobile responsive adjustments */
@media (max-width: 980px) {
    .container.et_menu_container {
        flex-direction: column;
        padding: 15px 20px;
    }
    
    .et_header_style_left .logo_container {
        margin-bottom: 15px;
        margin-right: 0;
        max-width: 200px;
        text-align: center;
        width: 100%;
        float: none !important;
    }
    
    #et-top-navigation {
        justify-content: center;
        width: 100%;
    }
    
    .slide-tabs-container {
        justify-content: center;
        width: 100%;
    }
}

/* Large screen adjustments */
@media (min-width: 981px) {
    .container.et_menu_container {
        max-width: 1200px;
        margin: 0 auto;
    }
    
    .slide-tabs-container {
        max-width: none;
    }
}