Media queries apply styles based on device characteristics (e.g., width). They are essential for responsive design.
Example:
@media (max-width: 600px) { body { background-color: lightblue; } }