Lightbox_Mobile_Responsive

<!DOCTYPE html>
<html>

<head>
	<meta name=viewport content="width=device-width, initial-scale=1">
</head>
<body>


<div style="width: 300;">
    <script src="https://form.jotform.com/static/feedback2.js?3.3.REV" type="text/javascript">

    // get current width of the window
    var parentWidth = window.innerWidth;
    var parentHeight;

    // check if the window size is less than 499, assuming that it means it is viewed on a mobile device
    if(window.innerWidth <= 499) {
    	parentWidth = window.innerWidth; // if it's in mobile view assign the current width to this variable
        parentHeight = window.innerHeight - (window.innerHeight * 0.1);
    } else {
    	parentWidth =  700; // if it's viewed on a window larger thatn 499px then set the width to 500px
        parentHeight = 500;
    }


      var JFL_60244871950962 = new JotformFeedback({
        formId: '60244871950962',
        base: 'https://form.jotform.com/',
        windowTitle: 'Lightbox Embed Code - Mobile Responsive',
        background: '#FFA500',
        fontColor: '#FFFFFF',
        type: 'false',
        height: parentHeight,
        width: parentWidth,
        openOnLoad: false
      });
    </script>
      <a class="btn lightbox-60244871950962" style="margin-top: 16px">
        Lightbox Embed Code - Mobile Responsive
      </a>

</div>
</body>
</html>