Как скрыть модуль в адаптивной верстке? - Вопросы по CSS

Всем привет!
Есть шаблон для Joomla 3.5 - hot_hostel (адаптивный по умолчанию), хочу сделать так, чтобы при "сворачивании" меню в "пирог" (порог 980 пикселей), некоторые модули скрывались от отображения. Как это сделать? Пример как это работает по ссылке (http://spb.likehostels.ru/), там телефоны и кнопка "Перезвони мне" при сворачивании меню попросту скрываются.

@media (max-width: 980px)
.то_что_надо_скрыть{
display: none;
}

так вроде

@media (max-width: 980px)
.то_что_надо_скрыть{
display: none;
}

так вроде

Спасибо помогло!