/* Evexa header — desktop full menu, tablet/mobile hamburger */

/* Kill Bootstrap navbar flex (breaks Griden float layout) */
.site-header.header-one .navbar.header-navigation {
    display: block !important;
    flex-wrap: unset !important;
    align-items: unset !important;
    justify-content: unset !important;
    padding: 0 !important;
    width: 100%;
    margin-bottom: 0 !important;
    background: #fff;
}

.site-header.header-one .header-navigation .container {
    display: block !important;
    width: 100%;
    max-width: 1200px;
    position: relative;
    clear: both;
}

.site-header.header-one .navbar-brand {
    display: inline-block;
    padding: 0 !important;
    margin: 0;
    line-height: 1;
}

.site-header.header-one .navbar-brand img {
    display: block;
    height: 40px;
    width: auto;
    max-height: 40px;
    max-width: 200px;
}

.site-footer.footer-two .about-widget > a img {
    max-height: 48px;
    width: auto;
    height: auto;
}

.site-header.header-one .right-side-box.contact-block {
    display: table !important;
}

.site-header.header-one .right-side-box .icon-block,
.site-header.header-one .right-side-box .text-block {
    display: table-cell !important;
    vertical-align: middle;
}

.site-header.header-one .right-side-box .icon-block i {
    font-size: 35px;
    color: #91C942;
    line-height: 1;
}

.site-header.header-one .right-side-box .text-block {
    padding-left: 15px;
}

.site-header.header-one .right-side-box .text-block p,
.site-header.header-one .right-side-box .text-block p a {
    color: #83888D !important;
    font-size: 16px;
    line-height: 1;
    margin: 0;
    white-space: nowrap;
    text-decoration: none;
    font-weight: 400;
}

/*
 * DESKTOP ≥ 1200px — normal web view
 * [LOGO]  [HOME ABOUT SOLUTIONS …]  [headset] [phone]
 * No hamburger button
 */
@media (min-width: 1200px) {
    .site-header.header-one .header-navigation .container {
        padding-right: 265px !important;
        min-height: 78px;
    }

    .site-header.header-one .header-navigation .container .menu-toggler {
        display: none !important;
    }

    .site-header.header-one .header-navigation .container .logo-box {
        width: auto !important;
        float: left;
        position: absolute !important;
        top: 50% !important;
        left: 15px !important;
        transform: translateY(-50%) !important;
        padding: 0 !important;
        margin: 0 !important;
        min-height: 0;
        display: block !important;
    }

    .site-header.header-one .header-navigation .main-navigation {
        display: block !important;
        float: right !important;
        width: auto !important;
        text-align: right;
        padding-left: 40px;
        padding-right: 40px;
        background: transparent !important;
        max-height: none !important;
        overflow: visible !important;
        position: static !important;
    }

    .site-header.header-one .header-navigation ul.navigation-box {
        display: block !important;
        width: auto;
        text-align: right;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .site-header.header-one .header-navigation ul.navigation-box > li {
        padding: 26.5px 0 !important;
        display: inline-block !important;
        float: none !important;
        vertical-align: middle;
        width: auto !important;
        border: none !important;
        margin: 0 !important;
        position: relative;
    }

    .site-header.header-one .header-navigation ul.navigation-box > li + li {
        margin-left: 31px !important;
    }

    .site-header.header-one .header-navigation ul.navigation-box > li > a {
        font-weight: 400;
        font-size: 14px;
        color: #2e2e2e !important;
        text-transform: uppercase !important;
        padding: 0 !important;
        display: inline !important;
        text-decoration: none;
    }

    .site-header.header-one .header-navigation ul.navigation-box > li.current > a,
    .site-header.header-one .header-navigation ul.navigation-box > li:hover > a {
        color: #6abc00 !important;
    }

    /* Hide mobile sub-nav toggler on desktop */
    .site-header.header-one .header-navigation ul.navigation-box > li > a .sub-nav-toggler {
        display: none !important;
    }

    /* Desktop dropdown */
    .site-header.header-one .header-navigation ul.navigation-box > li > .sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        min-width: 250px;
        display: none;
        text-align: left;
        list-style: none;
        margin: 0;
        padding: 0;
        background: #fff;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    }

    .site-header.header-one .header-navigation ul.navigation-box > li:hover > .sub-menu {
        display: block;
    }

    .site-header.header-one .header-navigation ul.navigation-box > li > .sub-menu > li > a {
        display: block;
        padding: 12px 20px;
        color: #2e2e2e !important;
        text-transform: capitalize;
        font-size: 14px;
        text-decoration: none;
    }

    .site-header.header-one .header-navigation ul.navigation-box > li > .sub-menu > li > a:hover {
        color: #6abc00 !important;
    }

    .site-header.header-one .header-navigation .container .right-side-box {
        display: table !important;
        position: absolute !important;
        top: 50% !important;
        right: 15px !important;
        transform: translateY(-50%) !important;
        z-index: 2;
    }

    .site-header.header-one .right-side-box .icon-block i {
        font-size: 35px;
        color: #91C942;
    }
}

/*
 * TABLET / MOBILE < 1200px — hamburger like Griden
 * [LOGO] ................ [☰] [headset] [phone]
 */
@media (max-width: 1199.98px) {
    .site-header.header-one .header-navigation {
        margin-bottom: 0 !important;
        background: #fff;
    }

    .site-header.header-one .header-navigation .container {
        padding: 0 15px !important;
        min-height: 70px;
    }

    .site-header.header-one .header-navigation .main-navigation {
        float: none !important;
        width: 100% !important;
        display: none !important;
        text-align: left !important;
        background: #0e263e !important;
        max-height: 70vh;
        overflow-y: auto;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        position: static !important;
        z-index: 1;
    }

    .site-header.header-one .header-navigation .main-navigation.showen {
        display: block !important;
    }

    .site-header.header-one .header-navigation .container .logo-box {
        width: 100% !important;
        float: none !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        padding: 0 230px 0 0 !important;
        margin: 0 !important;
        min-height: 70px;
        display: flex !important;
        align-items: center;
        z-index: 7;
    }

    .site-header.header-one .header-navigation .container .logo-box .navbar-brand {
        float: none;
        padding: 15px 0 !important;
        margin: 0;
    }

    /* Hamburger pinned to white bar */
    .site-header.header-one .header-navigation .container .menu-toggler {
        display: block !important;
        position: absolute !important;
        right: 195px !important;
        top: 18px !important;
        transform: none !important;
        float: none !important;
        margin: 0 !important;
        padding: 6px 8px !important;
        border: none !important;
        background: transparent !important;
        color: #093c67 !important;
        font-size: 26px !important;
        line-height: 1 !important;
        cursor: pointer;
        z-index: 7;
    }

    /* Phone pinned to white bar (not over open menu) */
    .site-header.header-one .header-navigation .container .right-side-box.contact-block {
        display: table !important;
        position: absolute !important;
        top: 20px !important;
        right: 15px !important;
        left: auto !important;
        transform: none !important;
        z-index: 7;
        margin: 0 !important;
    }

    .site-header.header-one .right-side-box .icon-block i {
        font-size: 28px;
        color: #6bbc00;
    }

    .site-header.header-one .right-side-box .text-block {
        padding-left: 12px;
    }

    .site-header.header-one .right-side-box .text-block p,
    .site-header.header-one .right-side-box .text-block p a {
        font-size: 15px;
    }

    .site-header.header-one .header-navigation ul.navigation-box {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none;
        text-align: left !important;
    }

    .site-header.header-one .header-navigation ul.navigation-box > li {
        display: block !important;
        float: none !important;
        position: relative;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .site-header.header-one .header-navigation ul.navigation-box > li:first-child {
        border-top: none;
    }

    .site-header.header-one .header-navigation ul.navigation-box > li > a {
        display: block !important;
        color: #fff !important;
        padding: 16px 50px 16px 20px !important;
        text-transform: capitalize !important;
        font-size: 14px !important;
        font-weight: 400;
        text-decoration: none;
    }

    .site-header.header-one .header-navigation ul.navigation-box > li.current > a,
    .site-header.header-one .header-navigation ul.navigation-box > li:hover > a {
        color: #6abc00 !important;
    }

    .site-header.header-one .header-navigation ul.navigation-box > li > a .sub-nav-toggler {
        display: block !important;
        position: absolute;
        top: 10px;
        right: 15px;
        width: 34px;
        height: 34px;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, 0.55);
        border-radius: 3px;
        background: transparent;
        cursor: pointer;
        z-index: 2;
    }

    .site-header.header-one .header-navigation ul.navigation-box > li > a .sub-nav-toggler .icon-bar {
        display: block;
        width: 16px;
        height: 2px;
        margin: 3px auto;
        background: #fff;
        border-radius: 1px;
    }

    .site-header.header-one .header-navigation ul.navigation-box > li > a .sub-nav-toggler .icon-bar:first-of-type {
        margin-top: 8px;
    }

    .site-header.header-one .header-navigation ul.navigation-box > li > .sub-menu {
        position: relative !important;
        display: none;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        left: auto !important;
        top: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        box-shadow: none !important;
        background: rgba(0, 0, 0, 0.2);
        list-style: none;
    }

    .site-header.header-one .header-navigation ul.navigation-box > li > .sub-menu > li {
        display: block;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .site-header.header-one .header-navigation ul.navigation-box > li > .sub-menu > li > a {
        display: block;
        color: #fff !important;
        padding: 12px 20px 12px 32px !important;
        font-size: 13px;
        text-transform: capitalize;
        text-decoration: none;
    }
}

/* Small phones: hide phone, keep hamburger */
@media (max-width: 575.98px) {
    .site-header.header-one .header-navigation .container .right-side-box {
        display: none !important;
    }

    .site-header.header-one .header-navigation .container .logo-box {
        padding-right: 50px !important;
    }

    .site-header.header-one .header-navigation .container .menu-toggler {
        right: 10px !important;
        top: 18px !important;
    }
}