[Dilettante_Pro]

Вот такой тестовый пример вполне работает

<style>
.someClass { border:1px solid red;}
</style>
<div id="div">123</div>
<script>
function setup_for_width(mql) {
        div.textContent = mql.matches;
	if (mql.matches) {
		div.classList.add("someClass");
	} else {
		div.classList.remove("someClass");
	}
}

var mql = window.matchMedia("screen and (min-width: 768px)"); 

mql.addListener(setup_for_width);

setup_for_width(mql);</script>