@media screen and (min-width: 768px) {
    .hero-banner-three {
        margin: 10px 35px 0;
    }
    .bannerheight {
        height: 300px!important;
    }
    .listing-card-three {
        min-height: 450px!important;
    }
    .listing-card-two {
        min-height: 215px!important;
    }
}
@media screen and (min-width: 1024px) {

    .bannerheight {
        height: 400px!important;
    }
    .listing-card-three {
        min-height: 650px!important;
    }
    .listing-card-two {
        min-height: 315px!important;
    }
}