/* KAKINFOTECH HEADER FIX */

@media only screen and (min-width: 979px) {

    html body #header-container {
        position: relative !important;
    }

    html body #header-container > .container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        position: relative !important;
        width: auto !important;
        min-height: 80px !important;
    }

    html body #header-container > .container > #logo {
        display: block !important;
        position: relative !important;
        float: none !important;
        clear: none !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 auto !important;
        order: 1 !important;
    }

    html body #header-container > .container > nav#navigation {
        display: block !important;
        position: relative !important;
        float: none !important;
        clear: none !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 0 0 25px !important;
        padding: 0 !important;
        flex: 0 0 auto !important;
        order: 2 !important;
    }

    html body #header-container #header-navigation {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        position: relative !important;
        float: none !important;
        clear: none !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body #header-container #header-navigation > li {
        display: block !important;
        position: relative !important;
        float: none !important;
        clear: none !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body #header-container #header-navigation > li > a {
        display: block !important;
        position: relative !important;
        float: none !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 18px 12px !important;
        white-space: nowrap !important;
    }

}

/* MOBILE - LEAVE THEME BEHAVIOR ALONE */
@media only screen and (max-width: 978px) {

    html body #header-container > .container {
        display: block !important;
    }

    html body #header-container #logo {
        float: left !important;
    }

    html body #header-container nav#navigation {
        position: absolute !important;
    }

}