Ukrywanie div na widoku mobilnym

Cześć,
Siedzę już kolejną godzinę nad rozwiązaniem problemu i niestety nie potrafię, w szukajce też same ogólniki.

Potrzebuję ukryć parę div'ów/tabel na widoku mobilnym.

http://nq.cba.pl/index.php - chodzi o panele boczne "serwer status" i "Discord status".

Obecnie w .css mam:

//small screen sizes
 .MobileContent {
     display: none;
text-align:center;
 }

@media screen and (max-width: 768px) {
 .MobileContent {
     display:block;
 }
}

W podglądzie źródła widać, że dla "Discord status" div ma przydzieloną klasę MobileContent:

<div class="MobileContent">

Jednak jest on ciągle wyświetlany na urządzeniach mobilnych :/ Czy ktoś może mi pomóc?

Komentarze w css wyglądają tak: /* treść */. Komentarzy typu // możesz używać, ale w np. sass. Dlatego nie czyta ci tego. Poza tym zamień twoje media na to:

@media screen and (min-width: 768px) {
.MobileContent {
     display:block;
}
}

Chcesz nadać display block na rozmiarze 768 i większym, a nie tak jak u ciebie na mniejszym.

Btw poczytaj o nazewnictwie klas w css. Dużo lepiej sprawdzi się już coś typu mobile-content.