Медиа-запрос работает в IE, но не в Google Chrome

Question

Я пытаюсь применить некоторые стили CSS в зависимости от размера экрана, однако медиа-запрос не работает в Google Chrome, но работает в Internet Explorer, есть идеи, как решить эту проблему? - Я не смог найти разумного решения своей проблемы, я искал в Интернете предложения, но пока ничего хорошего.

@media only screen and (min-width: 1200px) {
.container {
    max-width: 100% !important;
}
}

@media only screen and (min-width: 992px) {
.container {
    max-width: 100%;
}
}

@media only screen and (min-width: 768px) {
.container {
    max-width: 100%;
}
}