Никогда второй вариант не считал удобным при разработке. 4-5 условий для media и их дублирование для каждого класса (если нужно, при адаптации). Гораздо удобнее видеть одно условие media и что в нем твориться. (ИМХО)
Постоянное упоминание о "@media (max-width: 767px)" для каждого класса. А если будет еще media (max-width: 320px), media (max-width: 480px), media (max-width: 620px) и т.п. для этих же класов - то будет каша - это не удобное представление и структура кода (ИМХО).
Написано
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.