//to calculate the var wc = wi / ## number, determine the iframe transform value in developer tools. Divide the window width by that value to get the ## number.
$(document).ready(function(){
    var wi = $(window).width();
    if (wi <= 450){
      var wc = wi / 1023;
      $('.resize-frame').css({
             '-webkit-transform' : 'scale(' + wc + ')',
             'transform'         : 'scale(' + wc + ')'
        });
    }
    else if (wi <= 576){
      var wc = wi / 976;
      $('.resize-frame').css({
             '-webkit-transform' : 'scale(' + wc + ')',
             'transform'         : 'scale(' + wc + ')'
        });
    }
    else if (wi <= 768){
      var wc = wi / 966;
      $('.resize-frame').css({
             '-webkit-transform' : 'scale(' + wc + ')',
             'transform'         : 'scale(' + wc + ')'
        });
    }
    else if (wi <= 903){
      var wc = wi / 930;
      $('.resize-frame').css({
             '-webkit-transform' : 'scale(' + wc + ')',
             'transform'         : 'scale(' + wc + ')'
        });
    }
    else if (wi <= 1018){
      var wc = wi / 943;
      $('.resize-frame').css({
             '-webkit-transform' : 'scale(' + wc + ')',
             'transform'         : 'scale(' + wc + ')'
        });
    }
    else if (wi <= 1200){
      var wc = wi / 923;
      $('.resize-frame').css({
             '-webkit-transform' : 'scale(' + wc + ')',
             'transform'         : 'scale(' + wc + ')'
        });
    }
    else if (wi <= 1400){
      var wc = wi / 972;
      $('.resize-frame').css({
             '-webkit-transform' : 'scale(' + wc + ')',
             'transform'         : 'scale(' + wc + ')'
        });
    }
    else {
      $('.resize-frame').css({
             '-webkit-transform' : 'scale(1.44)',
             'transform'         : 'scale(1.44)'
        });
    }
	jQuery(window).resize(function( $ ) {
        var wi = jQuery(window).width();
 
        if (wi <= 450){
			var wc = wi / 1023;
			jQuery('.resize-frame').css({
              '-webkit-transform' : 'scale(' + wc + ')',
              'transform'         : 'scale(' + wc + ')'
            });
        }
        else if (wi <= 576){
			var wc = wi / 976;
			jQuery('.resize-frame').css({
              '-webkit-transform' : 'scale(' + wc + ')',
              'transform'         : 'scale(' + wc + ')'
            });
        }
        else if (wi <= 768){
			var wc = wi / 966;
			jQuery('.resize-frame').css({
              '-webkit-transform' : 'scale(' + wc + ')',
              'transform'         : 'scale(' + wc + ')'
            });
        }
        else if (wi <= 903){
			var wc = wi / 930;
			jQuery('.resize-frame').css({
              '-webkit-transform' : 'scale(' + wc + ')',
              'transform'         : 'scale(' + wc + ')'
            });
        }
        else if (wi <= 1018){
			var wc = wi / 943;
			jQuery('.resize-frame').css({
              '-webkit-transform' : 'scale(' + wc + ')',
              'transform'         : 'scale(' + wc + ')'
            });
        }
        else if (wi <= 1200){
			var wc = wi / 923;
			jQuery('.resize-frame').css({
              '-webkit-transform' : 'scale(' + wc + ')',
              'transform'         : 'scale(' + wc + ')'
            });
        }
        else if (wi <= 1400){
			var wc = wi / 972;
			jQuery('.resize-frame').css({
              '-webkit-transform' : 'scale(' + wc + ')',
              'transform'         : 'scale(' + wc + ')'
            });
        }
        else {
            jQuery('.resize-frame').css({
              '-webkit-transform' : 'scale(1.44)',
              'transform'         : 'scale(1.44)'
            });
        }
	}); 
});