Why doesn't @media queries work in Safari?

Question

css

The bottom line is, Safari for some reason does not accept media requests, for example:

.box {
width: 50%;
}
@media screen and (min-width: 640px), {
.box {
width: 25%;
}
}

Everything works well in Chrome and other browsers. Tested on two Macs in Safari and Chrome.
What can be done?

Answer 1

media screen and (min-width: 640px), - why is there a comma at the end?

Answer 2

Thanks Sergey , this solved the problem. I don't even know how the comma appeared there...