.navbar-title {
    max-width:300px
}

@media (min-width: 576px) {
    .navbar-title {
        max-width:400px
    }
}

@media (min-width: 768px) {
    .navbar-title {
        max-width:600px
    }
}

@media (min-width: 992px) {
    .navbar-title {
        max-width:800px
    }
}

@media (min-width: 1200px) {
    .navbar-title {
        max-width:1000px
    }
}

@media (min-width: 1400px) {
    .navbar-title {
        max-width:1200px
    }
}