@media all and (max-width: 980px) {
    #main-header,
    .et-l--header,
    #top-header { 
        position: fixed !important;
        display: flex;
        flex-direction: column;
        width: 100%;
        z-index: 9999999;
    }
    .et_menu_container {
        display: flex !important;
        flex-direction: column !important;
        height: 100%;
        justify-content: center;
    }
    #et-top-navigation {
        display: flex !important;
        flex-direction: row;
        justify-content: flex-end;
    }
    .dipi-fixed-header {
        top: 0px !important;
    }
    .et_mobile_menu {
        max-height: calc(100vh - 120px);
        overflow: auto;
    }

    .et_header_style_centered header#main-header.et-fixed-header .logo_container.logo_container {
        height: auto !important;
    }
    
    .et_header_fullscreen_left .dipi-fixed-header.et-fixed-header #et-top-navigation,
    .et_header_style_left .dipi-fixed-header.et-fixed-header #et-top-navigation {
        padding: 24px 0 0 123px !important;
    }

    .et_header_style_left .et_slide_in_menu_container {
        z-index: 10000000;
    }
}