как спрятать сайдбар в мобильной версии ?

Делаю сайт портфолио Портфолио - Портфолио дизайнера Игоря Мальцева. использую шаблон Brushed. На странице слева есть блок sidebar, хочу, чтобы в мобильной и печатной версии сайта он не показывался. Вроде как за отображение в мобильной версии отвечает responsive.css, т.е. я там прописываю (условно, стр. 210) для @media (min-width: 480px) следующее условие - #sidebar .hide-on-mobile {display: none ;}
А блоку прописываю <div class="sidebar" id="sidebar">
Но чуда не происходит… что делаю не так ? Помогите разобраться… :)