Joomla!3 Modul je nach Auflösung ein ggf. ausblenden

Hiho @allIch arbeite gerade local an einer Joomla 3 Homepage und habe dabei folgendes Problem:
Ich versuche je nach Bildschirmgröße ein anderes Modul ein ggf aus zu blenden.
Modul1 soll nur auf dem PC sichtbar sein, dazu habe ich das beim Googlen gefunden: 

@media (max-width:768px){
.visible-phone{display:inherit !important;}
.hidden-phone{display: none !important;
}
}
}

Was auch super funktioniert. 

Jedoch sollte jetzt (also wenn Modul1 verschwindet) Modul2 angezeigt werden. 

Ps. Beide Module sind auf verschiedenen Modulpossitionen. 

Modul1 hat den suffix hidden-phone 

Ich hoffe mir kann jemand helfen, ich stehe derzeit komplett auf dem Schlauch

Grüß Jaynes

Hallo,

versuch mal anstatt:
.visible-phone{display: inherit!important;}

das hier:

.visible-phone{display: block!important;}

Gruß
SImon