@media only screen and (max-width: 991px) {
    .header .inner {display: block;}
    .header .logo {display: block;width: 100%;text-align: center;}
    .header .logo img {
        width: 20%;   /* 70% smaller logo */
        height: auto;
    }
    .header .search-area {display: block;}
    .header .right {display: block;}
    .header .navbar-left {text-align: center;margin-bottom: 20px;}
    .navbar-form .form-group {display: inline-block;}
    .navbar-form button {display: inline-block;}
    .header .right ul {float: none;text-align: center;margin-bottom: 20px;}
    .header .right ul li {float: none;display: inline-block;}
    .header form { margin-left: 0; margin-right: 0; }
}