Как получить элемент списка брейкпоинтов Bootstrap в SCSS?

Question

[OGuman]

Я хочу применить стили элементу медиа запросом, когда экран меньше определенного брейкпоинта. Как получить этот брейпоинт и встроить в медиа запрос?
Вот мой код:

@media only screen and (max-width: $sm){
  .shadow{
    margin-left: 0;
    margin-right: 0;
  }
}

Получается ошибка, потому что я обращаюсь к списку а не его определенному элементу, что мне нужно.