Mobile CSS-Parameter durch @media only screen

Hallo zusammen,

ich nutze das Plugin Shortcodes Ultimate. Dieses beinhaltet einige CSS, unter anderem die "box-shortcodes.css".

Für mobile Geräte möchte ich die Textgröße anpassen - diese ist in der o.g. CSS in der Klasse ".su-expand_content" definiert.

Nun habe ich folgende @media-Abfrage in den oberen Teil der CSS eingebunden (leider ohne Erfolg):

@media only screen and (min-device-width: 320px) and (max-device-width: 568px){
.su-expand-content{
font-size:14x;
}
}

Meine Gedanken:
- Ist mein Code falsch?
- Ist die Abfrage an der falschen Stelle und muss evtl. nach unten zur Klasse?
- Muss ich auch etwas in der PHP anpassen?

Vielleicht kann mir ja einer von Euch helfen.

Viele Grüße
Sebastian