.navbar-nav > li > .navbar-nav {
    font-size:.9rem;
}
.navbar-nav > li > .navbar-nav > li > a {
    padding-left: 50px;
}
.navbar {
    margin-left: 0;
    border-radius: 0;
    background-color: #fcf8e3;
    border: 0;
}
.navbar-nav > li > a {
    padding: 8px 10px;
    color: #555 !important;
    font-size: 1em;
}
.navbar-nav,
.navbar-nav > li,
.navbar-left,
.navbar-right,
.navbar-header
{
    text-align: left;
}
.navbar-nav > .active > a {
    border-right: 5px solid;
    border-color: #555;
}

@media (min-width: 992px) {
    .navbar-collapse {
        height: auto;
        border-top: 0;
        box-shadow: none;
        max-height: none;
        padding-left:0;
        padding-right:0;
    }
    .navbar-collapse.collapse {
        display: block !important;
        width: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.in {
        overflow-x: visible;
    }

    .navbar
    {
        margin-right: 8px; /* to align with top-nav graphic */
    }

    .navbar-nav,
    .navbar-nav > li,
    .navbar-left,
    .navbar-right,
    .navbar-header
    {
        float:none !important;
    }
    .navbar-nav > li > a > .caret {
        position: relative;
        right: -50px;
    }

    .navbar-right .dropdown-menu {left:0;right:auto;}
    .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin-right: 0;
    }

    .navbar-nav > li > .navbar-nav > li > a {
        padding-left: 20px;
    }

}

@media (min-width: 992px) {
    .navbar {
        margin-right: 11px; /* to align with top-nav graphic */
    }
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover {
    background-color: #FCF8E3;
}
.navbar-default .navbar-nav > li > a:hover {
    background-color: #F3EBC6;
}

/* Change breakpoint */
/* http://stackoverflow.com/questions/21860263/bootstrap-3-show-collapsed-navigation-for-all-screen-sizes */
@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-collapse.collapse.in{
        display: block!important;
        width: 300px;
    }

}

@media (min-width: 768px) AND (max-width: 992px)  {
    .navbar {
        position: absolute;
        z-index: 1000;
        right: 15px;
        top: -104px;
        opacity: 1;
    }
    .navbar-toggle {
        margin-left: 15px;
    }
}