вообще делается правильно так: сначала пишешь css для мобильников, чтобы на маленьком экране все было красиво, затем создаешь css для, скажем, планшетов, туда пишешь только необходимые исправления. Ну и для десктопов тоже создаешь css и добавляешь остальные необходимые параметры.
Все это дело определяется размерами экрана
Это, как пример, для десктопов:
@media only screen and (min-width: 70em) {
тут весь css
}
Для планшетов можно в районе 32em