The @media
rule in CSS associates a set of statements, in CSS a block delimited by curly braces, with a condition defined by a media query. The @media
rule can be used not only at the top level of CSS, but also inside any fragment of a conditional rule group.
@media media-types {
/* media-specific styles */
}