Медиа-запросы CSS3 не работают

Недавно я разрабатывал мобильную версию для веб-сайта и просто хочу иметь возможность изменять файл CSS, если обнаруживается, что браузер находится на мобильном устройстве. Вы можете просмотреть мои предыдущие попытки здесь , но теперь я решил, что наиболее реальный способ сделать это - сосредоточиться на медиа-запросах.

У меня есть проблема в том, что медиа-запросы просто не работают. вообще не работает. Он всегда загружает таблицу стилей по умолчанию. Вот код, который у меня есть:

Я что-то пропустил с этим кодом? Я' Я пробовал использовать множество предлагаемых для этого руководств, но, похоже, ни один мне не помог. Я действительно зашел в тупик, так что любая помощь будет очень благодарна.