@media css внешний файл

Доброго времени суток всем. Вообщем начал я изучать @media и возникло много вопросов, но не могу найти в интернете не чего ну или плохо ищю)
Возможно ли подключить @media во внешнем файле типо

<link rel="stylesheet" href="css/main.css"> - основной файл 
<link rel="stylesheet" href="css/device.css"> - для телефонов

и внутри device.css прописать

@media screen and (max-width: 768px) {}

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