What are media queries used for?

Media queries apply styles conditionally by viewport/device features.

Example:

@media (max-width: 768px) {
.sidebar {
display: none;
}
}

They are core for responsive design.