How to change responsive style using jQuery

[azera]

I have a responsive style, like this:\[code\]@media all and (max-width:799px){ .bigFont{ font-size: 28px; }}@media all and (min-width:800px){ .bigFont{ font-size: 48px; }}\[/code\]If using jQuery to change the style like this:\[code\]$(.bigFont).css("font-size", "30px");\[/code\]It will change the font size in both media.My question is how to change the bigFont's font-size for one of them using jQuery?