Почему медиа запрос в разных браузерах работает по-разному?

Question

[Андрей Чирков]

Почему данный медиа-запрос в браузере Firefox работает идеально, брекпоинт срабатывает на 768px как и указано в css, а в Chrome он срабатывает на 613px? (на 613 логотип еще должен отображаться)
Кроме этого медиа-запроса других больше нет!

КОД LESS :

.content {
 display: flex;
 justify-content: center;
 width: 100%;
 height: 75px;
 background-color: @black_color;
}

.logo {
 height: 75px;
 width: 65px;
 margin-top: 10px;
 margin-bottom: 15px;
 margin-right: 10px;
}

@media (min-width:768px) {
 .logo {
  display: none;
 }
}

КОД HTML:

<div class="content"> 
 <a href="#"><img class="logo" src="img/logo/logo.png" alt="logo"></a>
 </div>

Answer 1

[Никита Михайлов]

Только что проверил в хроме — ошибок нет. Какая версия браузера и каким образом проверяешь?

Comments

[Андрей Чирков]

версия последняя, а проверяю через девтулс

Answer 2

[Lord_Dantes]

Попробуйте так
@media screen and (min-width: 768px)