@media (max-width: 768px) 
    { 
    .navbar-default .navbar-nav>li
        {
        float:none !important;
        }             
    .nav-seprator 
        {
        display:none !important;
        }
    }
@media (min-width: 769px)
    {
    .nav-seprator 
        {
        font-size:140%;
        }
    }
@media (min-width:769px) and (max-width:991px)
    {    
    .navbar-default .navbar-nav>li>a 
        {
        font-size: 90%;
        padding: 10px;
        }
    .nav-seprator 
        {
        font-size:200%;
        }
    }    
@media (min-width:992px) and (max-width:1200px)
    {    
    .navbar-default .navbar-nav>li>a 
        {
        font-size:110%;
        padding: 10px;
        }
    .nav-seprator 
        {
        font-size:200%;
        }
    } 
@media (min-width:1201px)
    { 
    .nav-seprator 
        {
        font-size:200%;
        } 
    .navbar-default .navbar-nav>li>a 
        {
        font-size:120%;
        padding: 10px 20px;
        }   
    }