I removed the header images from the website, but still appears in mobile?

Hi everyone,

I used the following CSS code to remove the header images from all my pages using the Supreme GD Theme.

.container {width: 100%;}

.geodir-page .featured-area {
align-items: center;
display: flex;
min-height: 350px;
flex-direction: column;
padding: 32px 0;
position: relative;
text-align: center;
}

.featured-area {display:none}

.sd .container div.entry-content {padding-top: 0;}

.sd .container div.entry-content {padding-bottom: 0;}

It seemed to work and it removed all the header images from my pages, but for some reason, when I go onto the mobile version of the website, the header image still appears for the “Home” page? Does anyone know how to fix this, or what CSS code I should use to fix the issue? The website is http://wedworld.com/wordpress1/

Thanks!