@media only screen and (max-width: 768px) {
    .nav>li {
        display: inline;
    }

    .navbar-center li a {
        display: block !important;
    }

    .navbar-right li a {
        display: inline-block !important;
    }
    .navbar{
        padding: 3px 0;
    }
    .navbar-brand {
        padding: 7px 15px !important;
    }
    .navbar-toggle{
        padding: 8px 10px;
    }
    #main{
        padding: 30px 0;
    }
    #contact{
        padding: 50px 0;
    }

}