@media(min-width:768px) { /* begin with tablet size */
    .navbar {
        padding: 20px 0;
        background-color: transparent;
        border-bottom-style: none;
        border-bottom-width: 1px;
        border-bottom-color: black;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out,border .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out,border .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out,border .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
        background-color: #fff !important;
        border-bottom: 1px !important;
        border-bottom-style: solid !important;
        border-bottom-color: #dcdcdc !important;
    }
}