@media (max-width: 499px) {
    div#logo img {
        height: 45px;
        position: absolute;
        right: 50px;
        top: 3px;
    }

    div#logo {
        margin-bottom: 10px;
        clear: both;
        position: static;
    }

}
@media (min-width: 500px) and (max-width: 767px) {
    div#logo {
        margin-bottom: 10px;
        clear: both;
        position: static;
    }

    div#logo img {
        height: 60px;
        position: absolute;
        right: 50px;
        top: 3px;
    }

}

@media (max-width: 767px) {
    div#navbar-menu {
        border:0;
    }
    .navbar-toggle {
        float: right;
        margin-right: -15px;
    }

    .navbar {
        padding-right: 0;
    }

    .grid-item {
        width: 300px;
    }

    .navbar-header {
        width: 100%;
    }

    #navbar-menu {
        width: 100%;
        margin-right: 0;
    }

    .navbar-brand {
        padding: 8px 15px;
    }

    #top-search-form {
        margin-bottom: 5px;
    }
}