this bit of code watches the conditions of the viewport and runs the appropriate query.

window-watcher.js

var supportsOrientationChange = "onorientationchange" in window, //Check if device supports orientation change listening
	orientationEvent = supportsOrientationChange ? "orientationchange" : "resize"; //If so listen for orientation change, if not listen for resizing
window.addEventListener(orientationEvent, function() {
	console.log('Orientation did Change!!');
	for(i=0;i<queries.length;i++){ //Parse through queries
		var mq = window.matchMedia(queries[i].match_this);
		if(mq.matches){
			queries[i].action();
			break;
		}
	}
}, false);