<style>
#og_frame {
  width: 100%;
  border: none;
  display: block;
  height: 1800px;
}
</style>

<iframe 
  id="og_frame"
  title="HELOC CALCULATOR"
  src="https://bankofhawaii.outgrow.us/691c1caa1591deca1701deec?custom=1"
  scrolling="no"
  allow="camera *;">
</iframe>
<style>@media screen and (max-width: 640px){#og_iframe{height: 100px;width:100%;}}@media screen and (min-width: 641px) and (max-width: 1024px){#og_iframe{height: 640px;width:100%;}}@media screen and (min-width: 1025px){#og_iframe{height: 1500px;width:1220px;}}</style><div id='og_iframe' style='-webkit-overflow-scrolling: touch; overflow: auto;'><iframe title="HELOC CALCULATOR" src='https://bankofhawaii.outgrow.us/691c1caa1591deca1701deec?custom=1' style='border: none; overflow: hidden; width:100%; height: calc(100% - 31px);' scrolling='yes' allow="camera *;"></iframe></div>