media запросы в css

max-width это порог "разжатия" окна браузера, max-width тоже самое что и min-width - только наоборот.

max-width это макимальная ширина экрана, т.е. свойства применяются для всего что ниже этого разрешения и до следующего max-width которые его перечеркнут на меньшем диапазоне. С min-width наоборот, это минимальная ширина экрана и его перечеркивают свойства выше этого разрешения экранов