.devices-wrapper{margin-top:20px;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;text-align:center;position:relative;margin:0}.phone-wrapper{display:inline-block;position:relative;z-index:1;-webkit-perspective:200px;perspective:200px}.phone{display:block;width:260px;height:480px;border-radius:20px;padding:40px 10px 40px 5px;position:relative;z-index:2;transition:.2s ease;margin-right:5px}.phone-effect{position:absolute;width:264px;height:482px;background:#f1f1f1;z-index:1;transition:.2s ease;border-radius:24px}.display{display:block;height:100%;background-color:#fff;overflow:hidden;position:relative;border:1px solid #737373;border-radius:2px}.overlay{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8;z-index:1}.phone-text{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;width:100%;height:auto;z-index:2;margin:0;padding:10px;font-weight:bold}.phone:before{content:'';position:absolute;top:16px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#737373;width:8px;height:8px;z-index:3;border-radius:100%}.phone:after{content:'';position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border:1px solid #737373;width:20px;height:20px;z-index:3;border-radius:100%}.left-o .phone-wrapper{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-o-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg)}.left-o .phone-effect,.left-o .phone{-webkit-transform:rotateY(-10deg) rotateX(0) scaleX(.9) rotate(0);-moz-transform:rotateY(-10deg) rotateX(0) scaleX(.9) rotate(0);-o-transform:rotateY(-10deg) rotateX(0) scaleX(.9) rotate(0);-ms-transform:rotateY(-10deg) rotateX(0) scaleX(.9) rotate(0);transform:rotateY(-10deg) rotateX(0) scaleX(.9) rotate(0)}.left-o .phone{background:#fbfbfb;background:-webkit-linear-gradient(115deg,#fbfbfb,#f5f5f5);background:-o-linear-gradient(115deg,#fbfbfb,#f5f5f5);background:-moz-linear-gradient(115deg,#fbfbfb,#f5f5f5);background:linear-gradient(90deg,#fbfbfb,#f1f1f1);margin:0 5px 0 0}.left-o .phone-effect{top:1px;right:2px;box-shadow:inset -7px -4px 0px #e4e4e4,50px 50px 90px 20px rgba(0,0,0,.07)}.right-o .phone-wrapper{-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-o-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}.right-o .phone-effect,.right-o .phone{-webkit-transform:rotateY(10deg) rotateX(0) scaleX(.9) rotate(0);-moz-transform:rotateY(10deg) rotateX(0) scaleX(.9) rotate(0);-o-transform:rotateY(10deg) rotateX(0) scaleX(.9) rotate(0);-ms-transform:rotateY(10deg) rotateX(0) scaleX(.9) rotate(0);transform:rotateY(10deg) rotateX(0) scaleX(.9) rotate(0)}.right-o .phone{background:#fbfbfb;background:-webkit-linear-gradient(115deg,#f5f5f5,#fbfbfb);background:-o-linear-gradient(115deg,#f5f5f5,#fbfbfb);background:-moz-linear-gradient(115deg,#f5f5f5,#fbfbfb);background:linear-gradient(115deg,#f5f5f5,#fbfbfb);margin:0 0 0 5px}.right-o .phone-effect{top:1px;right:-1px;box-shadow:inset 7px -4px 0px #e4e4e4,-50px 50px 90px 20px rgba(0,0,0,.07)}@media only screen and (max-width:767px){.devices-wrapper{margin:50px 0 0 0}}@media only screen and (max-width:470px){.left-o .phone-wrapper{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}.right-o .phone-wrapper{-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-o-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}.phone{width:220px;height:460px}.phone-effect{width:224px;height:462px}}