Einbindungsweise eigener media queries in Responsive_Bartik

Hallo Leute,

für einige Feinheiten speziell für Responsive (Beispiel: Block < 720px nicht anzeigen) habe ich eigene CSS Files angelegt, beide nachstehenden Varianten funktionieren.

Mich würde interessieren ob es Vor- oder Nachteile bei der Art der Einbindung gibt die ich jetzt noch nicht sehe / kenne.

Im Bartik sind die Media Queries in folgender Form aufgebaut, z.B. in der style.css:

@media all and (min-width: 560px) and (max-width: 850px) {
/* CSS */
}

Viele Threads zu Responsive schlagen vor die eigenen CSS Files wie folgt in mytheme.info einzutragen:

stylesheets[(min-width: 720px)][] = css/mein-css-720.css
und weitere....

Würdet ihr eher eine CSS mit den media queries innerhalb der CSS anlegen oder die Werte über die .info festlegen?

Wäre toll wenn mir jemand den Unterschied kurz erklären könnte oder vielleicht einen Link zu dem Thema kennt.

Viele Grüße
Jenna