/* Small devices (portrait tablets and large phones, 640px and up) */
@media (max-width: 640px) {
    .mobile-banner {
        display: block !important;
    }
    .tablet-banner, .desktop-banner {
        display: none !important;
    }
}

/* Medium devices (tablets, between 641px and 1023px) */
@media (min-width: 641px) and (max-width: 1023px) {
    .tablet-banner {
        display: block !important;
    }
    .mobile-banner, .desktop-banner {
        display: none !important;
    }
}

/* Large devices (laptops/desktops greater than 1024) */
@media (min-width: 1024px) {
    .desktop-banner {
        display: block !important;
    }
    .mobile-banner, .tablet-banner {
        display: none !important;
    }
}