javascript media queries

//==============================
//JAVASCRIPT @MEDIA QUERIES	
//================================

	var widthMax832px = window.matchMedia('(max-width: 832px)');
	console.log('widthMax832px: ', widthMax832px);
	
	//always check if window.matchMedia exist (older IE can crash on this. If still needed, use Paul Irish polyfill)
	
	if(window.matchMedia && window.matchMedia("(max-width: 1201px)").matches) {
	    console.log('js:@media: width of browser: less then 1201px');
	} else {
	    console.log('js:@media: width of browser: more then 1201px');
	};

	widthMax832px.addListener(function(changed) {
	    if(changed.matches) {
	        console.log('js:@media: width of browser: CHANGED TO less then 832px');
	    } else {
	        console.log('js:@media: width of browser: CHANGED TO more then 832px');
	    }
	});