.navbar-collapse .navbar-nav {
    width: 40%;
}


@media (max-width:768px){
.navbar-collapse .navbar-nav {
    width: 40%;
}
}

@media (max-width:700px){
.navbar-collapse .navbar-nav {
    width: 40%;
}
}

@media (max-width:550px){
.navbar-collapse .navbar-nav {
    width: 60%;
}
}

@media (max-width:450px){
.navbar-collapse .navbar-nav {
    width: 80%;
}
}

@media (max-width:380px){
.navbar-collapse .navbar-nav {
    width: 90%;
}
}

@media (max-width:300px){
.navbar-collapse .navbar-nav {
    width:100%;
}

}