header nav,
header .bs-nav,
header nav .collapse,
header nav .collapse ul.nav {
    background: transparent;
}

header .navbar {
    margin: 0;
    padding: 10px 0;
    max-width: 100%;
    background: #fff;
}

button.navbar-toggler {
    float:right;
}

.navbar-collapse {
    display: none;
    padding: 0;
    margin: 0;
}

.navbar-collapse.show {
    display:block;
    position:absolute;
    z-index: 1;
    top:50px;
    left:0;
    width: 100%;
    margin: 0;
    background:#fff;
}

header .navbar .navbar-brand {
    position: relative;
    z-index: 2;
    top: -15px;
    left: -30px;
    max-width: 280px;
    cursor: pointer;
}

header .navbar ul.navbar-nav {
    padding: 15px 0;
}

header .navbar ul.navbar-nav > li {
    display: block;
    margin: 5px 40px;
    list-style: none;
    /* border: 1px solid blue; */
}

header .navbar ul.navbar-nav > li > a {
    float: right;
    font-size:1.8rem;
}

    header .navbar ul.navbar-nav > li > a:hover {
        color: #6EA0D6;
    }

    header .navbar ul.navbar-nav > li.open > a {
        /* background: #fff; */
    }

    header .navbar ul.dropdown-menu {
        margin-top: -10px;
        margin-left: 0;
        padding: 0;
        border: none;
        border-radius: 0;
        background: #f1f1ef;
    }

    header .navbar ul.dropdown-menu > li {
        margin-bottom: 0;
    }

    header .navbar ul.dropdown-menu > li > a {
        font-size: 12px;
        padding: 10px;
        text-transform: uppercase;
        color: #666;
    }

    header .navbar ul.dropdown-menu > li > a:hover {
        background: #d9d9d9;
    }




/* Small screens (≥576px) */
@media (min-width: 576px) {
    
    header .navbar {
        margin-bottom: 0;
        padding: 0 60px;
        border: none;
        background: transparent url(/core/structure/alpha_tiles/FFFFFF_90.png);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
                border-radius: 0;
    }

    /* blue border issue */
    .nav-item,
    .nav-item > a.show {
        border: none;
        outline: none;
        box-shadow: none;
    }

    button.navbar-toggler {
        border: none;
    }

    header .navbar a {
        text-decoration: none;
    }

    header .navbar .navbar-header {
        border-bottom: none;
    }

    header .navbar .navbar-header button.navbar-toggle {
        border: none;
        background: transparent;
    }

    header .navbar .navbar-brand {
        position: relative;
        top: -21px;
        max-width: 520px;
        cursor: pointer;
    }

    /* Force navbar-nav to align right */
        .navbar .navbar-collapse {
        display: flex !important;
        justify-content: flex-end !important;
        width: 100%;
    }

    /* Ensure the container allows full-width flex behavior */
    .navbar .container-fluid {
        display: flex !important;
        justify-content: space-between;
    }

    header .navbar ul.navbar-nav > li {
        display: inline-block;
        margin: 0 0 0 45px;
    }

    header .navbar ul.navbar-nav > li:hover {
        /* background: transparent url(/core/structure/alpha_tiles/FFFFFF_50.png); */
    }

    header .navbar ul.navbar-nav > li > a {
        padding: 21px;
        font-size: 1.4rem;
        font-weight: 500;
        color: #0e0e0e;
        text-transform: uppercase;
        -webkit-transition: .3s ease-in;
        -moz-transition: .3s ease-in;
            -o-transition: .3s ease-in;
                transition: .3s ease-in;
    }


}