Какая должна быть последовательность media запросов?

Привет.
Делаю адаптивную верстку.
Сначала написал стиль для desktop, затем ниже стал выстраивать media запросы такого плана:

@media screen and (max-width: 1200px){}
@media screen and (max-width: 800px){}
@media screen and (max-width: 360px){}
@media screen and (max-width: 320px){}

Но потом задумался, что по статистике самые популярные устройства это десктоп и смартфоны, т.е. наиболее высокое и практические самое низкое разрешение. => При таком подходе пользователю со смартфона придется ждать пока прогрузится весь стиль целиком.

Какую логику лучше использовать, чтобы и грузилось нормально и повторяющегося кода было минимально?