Twenty Eleven #branding ausblenden

Moin zusammen,
bin grade eine Seite am aktualisieren und für responsive am Optimieren. Im Header läuft eine Slideshow, die würde ich gerne gegen ein staatisches Bild tauschen, wenn der Screen schmaler als z.B. 400px ist.
Das Plugin für die Slideshow ist responsive und kann bequem im Backend konfiguriert bzw. bei Breiten unter 400px deaktiviert werden.
Theoretisch kein Problem mit dem Code:

@media (min-width: 400px) {
    #branding { display: none; } 
   }

Dabei wird allerdings die Navigation ebenfalls ausgeblendet.
Auch:

@media (min-width: 400px) {
    #branding { display: none; } 
    #access { display: block !important; }}

bringt keinen Erfolg.

Wer weiß hier Rat?

Gruß
Achimzwo