#page .navbar-brand
{
    height: inherit;
}

@media( max-width: 991px)
{
    #page .navbar-brand
    {
        width: 200px;
    }
}

@media( max-width: 991px) and (min-width: 768px )
{
    #page .navbar-right
    {
        float: left !important;
        margin-right: 0px !important;
    }
}

@media( min-width: 768px )
{
    #page .navbar-right 
    {
        
        margin-right: -40px;
    }
    #page .navbar-header
    {
        margin-top: -25px;
    }
    
    
}

#page .nav>li>a
{
    text-transform: uppercase;
    padding: 15px 25px;
}

@media( max-width: 1200px )
{
    #page .nav>li>a
    {
        padding: 15px 15px;
    }
}

#page .nav>li>a:focus, 
#page .nav>li>a:hover 
{
    text-decoration: none;
    background-color: #ffb400;
    border-radius: 50px;
    color: #FFF;
}

@media( max-width: 767px)
{
    #page .navbar-toggle
    {
        border-color: #000;
        z-index: 1;
    }
    
    #page .navbar-toggle .icon-bar
    {
        background-color: #000;
    }
    
    #page .nav>li>a
    {
        text-align: center;
    }
}