Не перебивается border-right bootstrap4

в проект вставил bootstrap4-grid & _borders. Для экранов md и lg я установил border-right компьютерная версия

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

@media only screen and (max-width: 756px) {     .myClass { border-right: none; } } 

но не срабатывало. думал, что как-то при указании класса можно указать, что для sm использовать другие border, но ничего подобного не нашёл. mobile version