Как убрать hover при разных разрешениях?

Если требуется переопределить, то да, решение адекватное.

Но если тупо убрать, то не совсем правильно. Гораздо удобнее использовать обратный медиа запрос, как советует ниже Артём Ведищев

.element {
      // стили для блока
   }
@media all and (min-width: 991px) {
    .element:hover {
      // стили для ховера при экране больше 991
   }
}

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