@media screen and (min-width: 10px) {
    .navbar-nav li {margin: 0 0 8px;}
    .navbar-nav li a {white-space: normal;}
}
@media screen and (min-width: 992px) {
    .navbar-logo {top: 50%; width: 100px; height: unset;transform: translateY(-50%);}
    .navbar-logo img {display: inherit;width: 100%;height: auto;}

    .navbar-nav li {margin: 0 4px;}
    .navbar-nav li a {white-space: nowrap;}
}
@media screen and (min-width: 1200px) {
    .navbar-logo {top: 14px; width: unset; height: 53px;transform: unset;}
    .navbar-logo img {display: inherit;width: unset;height: unset;}
    .navbar-nav li {margin: 0 5px;}
}
@media screen and (min-width: 1366px) {
    .navbar-nav li {margin: 0 10px;}
}