Как скрыть элемент или блок на сайте на мобильных устройствах

Скрытие элемента или блока на странице — частая задача при мобильной адаптации сайтов.

Пример кода

@media only screen and (max-width: 767px ) {
.block {
       display: none;
  }
}

При разрешении менее 767 px блок будет скрыт, естественно 767px  -можно поменять на любое нужное значение.