.hero-banner.desktop-banner
{
    display: block;
}

.hero-banner.mobile-banner,video.mobile-banner
{
    display: none;
}

@media screen and (max-width: 767px) {
    .hero-banner.desktop-banner,video.desktop-banner
    {
        display: none;
    }
    .hero-banner.mobile-banner,video.mobile-banner
    {
        display: block;
    }

}