@media (min-width: 768px) {
    .navbar-nav {
        float: right;
        margin: 0;
    }

    .navbar.light .navbar-nav > li > a {
        margin-top: 15px;
    }
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav > li > a {
        color: rgba(255, 255, 255, 0.6);
        margin: 0;
        padding: 15px;
        color: #000;
    }

    .navbar-brand > img.logo-scrolled {
        margin-top: -3.5px;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        filter: alpha(opacity=1);
    }

    .navbar-brand > img.logo-default.visible {
        margin-top: -120px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
        position: absolute;
        width: 100%;
        background: #FFF;
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);
        margin-top: 50px;
        top: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .navbar-default .navbar-collapse.in {
        height: 330px;
    }

    .navbar-nav {
        margin-top: 22px;
    }

    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li > a:hover {
        color: #1F4D98;
    }

    .logo-img-center > img {
        width: 52px;
        height: auto;
        margin-top: -22.5px;
    }
}