Have you tried adding the viewport in?
<meta name="viewport" content="width=device-width, initial-scale=1">
Viewport is used when rendering responsive pages and is therefore mostly used when dealing with mobile websites, but when dealing with media queries it helps tell the CSS what the actual device-width is.