@media only screen and (min-width: 767px) {

}
@media only screen and (max-width: 990px) {
    #filterControls,.mapsTabs{
        display: -ms-flexbox;
        display: flex;
        max-width: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .header:before,
    .header:after {
        height: 100px;
        opacity: 0.2;
    }
}
@media only screen and (max-width: 768px) {
    .navbar-brand img {
        max-width: 200px!important;
    }
    footer .brand {
        max-width: 100px;
    }

  }
@media only screen and (max-width: 515px) {
    .booking-form {
        padding: 30px 20px;
    }
    /*.servImg:after{*/
    /*    display: none;*/
    /*}*/
}