Как правильно писать media-запросы?
Проверь наличие в head такой штуки<meta name="viewport" content="width=device-width, initial-scale=1">.
Из-за того, что появились устройства с экраном большой плотности, единица px - пиксель перестала ровняться одному физическому пикселю, и стала условной, устройства масштабируют эти единицы измерения под свой экран.