.wrap { height: 678px; max-width: 100%; padding: 26px 0 0; border-radius: 4px; position: relative; margin: 0 auto; overflow: hidden; width: 100% !important; height: 750px !important; padding: 0; overflow: hidden; } @media (max-width: 768px) {.wrap{height: 500px !important;}} .frame { width: 200%; min-width: 200%; max-width: 200%; height: 200%; zoom: .5; -moz-transform: scale(.5); -moz-transform-origin: 0 0; -o-transform: scale(.5); -o-transform-origin: 0 0; -webkit-transform: scale(.5); -webkit-transform-origin: 0 0; overflow-clip-margin: content-box !important; overflow: clip !important; } .device-preview{ height: 678px; max-width: 100%; padding: 26px 0 0; background: #000; border-width: 6px; border-color: #000; border-style: solid; border-radius: 4px 4px 6px 6px; position: relative; margin: 0 auto; overflow: hidden; } iframe{ width: 200%; min-width: 200%; max-width: 200%; height: 200%; zoom: .5; -moz-transform: scale(.5); -moz-transform-origin: 0 0; -o-transform: scale(.5); -o-transform-origin: 0 0; -webkit-transform: scale(.5); -webkit-transform-origin: 0 0; overflow-clip-margin: content-box !important; overflow: clip !important; }