.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.navbar .navbar-collapse {
    text-align: center;
}

.nav .middle-menu {
    padding-top: 50px;
}

@media (max-width: 768px) {
    .small-logo {
        position: relative;
        /*left: 0%;*/
        margin-left: -250px auto;
        display: block !important;
    }

    .large-logo {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    .small-logo {
        display: none !important;
    }

    .large-logo {
        display: block !important;
    }
}