How to organize BEM with adaptability?

Question

css

Good day everyone!
There is a menu in the footer of the site, which should be in a row on large screens and in a column on small ones.
What am I doing:

.menu{}
.menu-item{}
.menu-item-h{/*стили для горизонтальных элементов*/}
.menu-item-v{/*стили для вертикальных элементов*/}

How can I specify that on a screen less than 768px I want to see a vertical menu, otherwise - a horizontal one?
These same styles are used elsewhere.
My thoughts on this:

.menu-item-h_min_sm{/*стили с нужным медиазапросом*/}

This results in code duplication.
Thank you all in advance for your replies.

Answer 1

Some kind of wrong BEM