@media(max-width: 330px),  {
    .navbar-logo-wrapper {
        margin-left: 5px;
    }
    a.navbar-title {
        margin-left: 0px;
        font-size: 16px;
    }
    .navbar-title {
        width: 72%;
    }
}
@media(min-width: 331px) and (max-width: 400px) {
    .navbar-logo-wrapper {
        margin-left: 0px;
    }
    a.navbar-title {
        margin-left: 0px;
        font-size: 15px;
    }
    .navbar-title {
        width: 73%;
    }
}
@media(min-width: 401px) and (max-width: 450px) {
    .navbar-logo-wrapper {
        margin-left: 0px;
    }
    a.navbar-title {
        margin-left: 0px;
        font-size: 16px;
    }
    .navbar-title {
        width: 75%;
    }
}
@media(max-width: 640px) {
    .navbar-logo {
        width: 30px !important;
    }
}
@media(max-width: 768px) {
    .dropdown-content {
        width: 100%;
    }
    .navbar-logo {
        width: 40px ;
    }
}

@media(min-width: 769px) and (max-width: 1024px) {
    .navbar-logo-wrapper {
        margin-left: 15px;
    }
    .navbar-title {
        margin-left: 0px !important;
        width: 45%;
    }
}