media query doesn't work for chrome, safari. however works on firefox

hi I have two grid section with two classes at the bottom of this page:
https://lostspiritgroup.com/services/
(I mentioned the password on private content)

in fire fox media query works but in chrome and safari it doesn’t,

my media query:

@media only screen and (min-width: 990px)and (max-width: 2999px){
.big-monitor{
display:none;!important
}
.small-monitor{
display:block!important;
}
}

@media only screen and (min-width: 3000px)and (max-width: 10000px){
.small-monitor{
display:none!important;
}
.big-monitor{
display:block!important;
}
}