@media (max-width: 500px) {
    .hospital-hero-bg {
        background-image: url('../Images/BackgroundImages/Potrait/hospital.png') !important;
    }

    .hotel-hero-bg {
        background-image: url('../Images/BackgroundImages/Potrait/Hotel.png') !important;
    }

    .office-hero-bg {
        background-image: url('../Images/BackgroundImages/Potrait/Office.png') !important;
    }

    .residences-hero-bg {
        background-image: url('../Images/BackgroundImages/Potrait/Residences.png') !important;
    }

    .showroom-hero-bg {
        background-image: url('../Images/BackgroundImages/Potrait/Showroom.png') !important;
    }
}

@media (min-width: 501px) {
    .hospital-hero-bg {
        background-image: url('../Images/BackgroundImages/Landscape/Hospital.png');
    }

    .hotel-hero-bg {
        background-image: url('../Images/BackgroundImages/Landscape/Hotel.png');
    }

    .office-hero-bg {
        background-image: url('../Images/BackgroundImages/Landscape/Office.png');
    }

    .residences-hero-bg {
        background-image: url('../Images/BackgroundImages/Landscape/Residences.png');
    }

    .showroom-hero-bg {
        background-image: url('../Images/BackgroundImages/Landscape/Showroom.png');
    }
}