$(function(){
$(document).ready(function(){
//	default function goes here 
	$(window).resize(function() {
		$('.note').remove();
		$('body').prepend('<div class="note" style="color:#FFF; position:fixed; background-color:teal; z-index:100;">&nbsp; width ' + $(window).width() + ' / height '+ $(window).height() +'&nbsp;</div>');
		$('.note').delay(1000).fadeOut('fast');

		var windowWidth = $(window).width();
		if ( windowWidth >= 1024) {
//			function for 1024 and above
		} else if ( windowWidth < 1024 && windowWidth >= 768) {
//			function for 768 - 1023 px Screen
		}  else if ( windowWidth < 768 && windowWidth >= 480) {
//			function for 480 - 767 px Screen
		}  else if ( windowWidth < 768) {
//			function for 480 - 767 px Screen
		}
	});
})
});