Как отключить табы bootstrap при определенном разрешении?

Question

[drtvader]

Добрый всем! Каким образом можно сделать такое, на ПК версии сайта табы отображаются на всю ширину, а в мобильной версии включаются табы

<div class="b-where-to-buy">
      <div class="b-where-to-buy__tab-map">
              <div class="b-where-to-buy__active"><a data-toggle="tab" href="#map-tab">Map</a>                                              
              </div>
              <div><a data-toggle="tab" href="#list-tab">List</a></div>
              </div>
              <div class="b-where-to-buy__tab-content row">
              <div id="map-tab" class="active b-where-to-buy__tab-pane col-md-7 col-sm-12 fade in"> </div>
                                    <div id="list-tab" class="b-where-to-buy__tab-pane col-md-5 col-sm-12 fade"></div>

ПК версия

Мобильная


Прописывал для класса fade opacity: 1, но как его отключить потом, для мобильной версии не знаю.