CSS media queries not working for specific range as expected in chrome and Mozilla and didn't tested in other browsers
Check Now
@media (max-width: 1199px) { div.example { border: 8px solid black; background: yellow; }}@media (max-width: 991px) { div.example { border: 8px solid black; background: red; }}@media (max-width: 767px) { div.example { border: 8px solid black; background: green; }}