Siz örnek olarak böyle bir tanımlama yaptığınızda:

element {
     width: 400px;
}

Global olarak bir tanımlama yapmış olursunuz. Her cihazda element 400px olarak kullanılır.

element {
     width: 400px;
}

@media screen and (max-width: 768px) {
     element {
          width: 200px;
     }

Şeklinde yapacağınız bir tanımlamada ise 768px'in üzerinde ki genişliklerde element 400px olsun, 768px'in altında ki değerlerde ise 200px olsun demiş olursunuz. Bunu sadece width attribute'ına değil, bütün attribute(background-color, color, box-shadow) değerlerine yapabilirsiniz.