.smartphone-mockup-wrapper{margin:20px 0}.smartphone-mockup-wrapper.align-center{display:flex;justify-content:center}.smartphone-mockup-wrapper.align-left{display:flex;justify-content:flex-start}.smartphone-mockup-wrapper.align-right{display:flex;justify-content:flex-end}.smartphone{position:relative;width:360px;height:640px;border:16px #000 solid;border-top-width:60px;border-bottom-width:60px;border-radius:36px;box-sizing:content-box}.smartphone:before{content:'';display:block;width:60px;height:5px;position:absolute;top:-30px;left:50%;transform:translate(-50%,-50%);background:#333;border-radius:10px}.smartphone:after{content:'';display:block;width:35px;height:35px;position:absolute;left:50%;bottom:-65px;transform:translate(-50%,-50%);background:#333;border-radius:50%}.smartphone .smartphone-content{width:360px;height:640px;background:#fff;overflow:hidden;position:relative}.smartphone .smartphone-content iframe{width:100%;height:100%;border:none;display:block}.smartphone-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#999;text-align:center;padding:20px;font-size:14px;background:#f5f5f5}.smartphone-placeholder p{margin:0}@media (max-width:768px){.smartphone{transform:scale(.8);transform-origin:top center}.smartphone-mockup-wrapper.align-left .smartphone{transform-origin:top left}.smartphone-mockup-wrapper.align-right .smartphone{transform-origin:top right}}@media (max-width:480px){.smartphone{transform:scale(.6)}}