/*#main-header{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
}

#main-header #header-inner-wrapper{
    width: 100%;
}

#main-header #header-inner-wrapper .main-navigation{
    width: 100%;
    margin-left: 100px;
}*/


@supports not (display: grid) {
    /* flexbox fallback is the browser does not support display:grid */
    #main-header #header-inner-wrapper{
        display: flex;
        height: 73px;
    }

    #main-navigation {
        display: flex;
        flex: auto;
    }

    @media (max-width: 1024px) {
        #main-header #header-inner-wrapper{
            display: flex;
            height: 65px;
        }

        #main-navigation {
            display: flex;
            flex: auto;
        }

        #main-navigation #navigation-wrapper > ul{
            justify-content: flex-start;
        }

        #main-navigation ul li ul{
            top: 65px;
        }

        #social-nav,
        #wpml-nav{
            display: flex;
            flex: auto;
        }
    }

    @media (max-width: 767px) {
        #main-header #header-inner-wrapper{
            display: flex;
            height: 74px;
        }

        #main-logo{
            display: flex;
            order: 1;
            flex: 1;
        }

        #main-navigation{
            display: flex;
            width: 100%;
            order: 3;
            flex: 1;
        }

        #social-nav{
            display: none;
        }

        #social-nav-mobile,
        #wpml-nav{
            display: flex;
            flex: 2;
            order: 2;
        }
    }
}