Как изменить клас через медиазапрос?

В бутстрапе есть встроенный класс для вертикального и горизонтального расположения группы кнопок, нужно сделать в мобильном виде кнопки в вертикальном расположении, а в десктопном виде - горизонтальные. Вышел из положения создав блоки которые скрываются в определенном расширении через классы hidden:

    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 hidden-md hidden-lg" style="text-align: right; float:right">
    <div class="btn-group-vertical navbar-fixed-right header-menu">
    ...
    </div></div>
    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8  hidden-sm hidden-xs" style="text-align: right; float:right">
    <div class="btn-group navbar-fixed-right header-menu">
    ...
    </div></div>

Можно ли сделать тоже самое через медиазапросы в css? Т.е изменить класс элемента в css при определенном разширении экрана что бы не плодить кучу лишнего кода?