Медиа-запрос, который ошибочно принимается во внимание

Question

У меня проблема с медиа-запросом. Я безуспешно пытался воспроизвести его на скрипке. Извините, если у вас нет скрипки. Поскольку я искал довольно много времени, я только жду от вас, что вы дадите мне идеи, как решить эту проблему. У меня есть эти медиа-запросы

@media (min-width: 576px) {
  input, textarea, .invalid-feedback {
    width: 22vw;
  }
}  

@media (min-width: 768px) {
  input, textarea, .invalid-feedback {
    width: min(16.66vw, 200px);
  } 
} 

Когда я показываю свой экран с шириной 782 пикселей и ниже, учитывается медиа-запрос @media (min-width: 576px), что не нормально. У вас есть идея?

EDIT

Думаю, проблема с медиа-запросами. Я попробовал следующее

@media (min-width: 576px) {
  input, textarea, .invalid-feedback {
    width: 22vw;
  }
  body {
    background-color: red !important;
  }  
}  

@media (min-width: 768px) {
  input, textarea, .invalid-feedback {
    width: min(16.66vw, 200px);
  }
  body {
    background-color: green !important;
  }   
} 

, и я не вижу красный или зеленый цвет фона, когда у меня размер 779 пикселей