.device-mockup{position:relative;width:100%;padding-bottom:61.775701%;}
.device-mockup > .device{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat;background-image:url("macbook/macbook.png");}
.device-mockup > .device > .screen{position:absolute;top:11.0438729%;bottom:14.6747352%;left:13.364486%;right:13.364486%;overflow:hidden;}
.device-mockup > .device > .button{position:absolute;top:0;left:0;display:none;overflow:hidden;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;cursor:pointer;}
.device-mockup.imac{padding-bottom:81.230769%;}
.device-mockup.imac > .device{background-image:url("imac/imac.png");}
.device-mockup.imac > .device > .screen{top:8.20707071%;bottom:31.6919192%;left:6.61538462%;right:6.61538462%;}
.device-mockup.macbook{padding-bottom:61.775701%;}
.device-mockup.macbook > .device{background-image:url("macbook/macbook.png");}
.device-mockup.macbook > .device > .screen{top:11.0438729%;bottom:14.6747352%;left:13.364486%;right:13.364486%;}
.device-mockup.iphone5,
.device-mockup.iphone5.portrait{padding-bottom:200.477897%;}
.device-mockup.iphone5.landscape{padding-bottom:49.9701136%;}
.device-mockup.iphone5 > .device,
.device-mockup.iphone5.black > .device,
.device-mockup.iphone5.portrait.black > .device{background-image:url("iphone5/iphone5_port_black.png");}
.device-mockup.iphone5.landscape > .device,
.device-mockup.iphone5.landscape.black > .device{background-image:url("iphone5/iphone5_land_black.png");}
.device-mockup.iphone5.white > .device,
.device-mockup.iphone5.portrait.white > .device{background-image:url("iphone5/iphone5_port_white.png");}
.device-mockup.iphone5.landscape.white > .device{background-image:url("iphone5/iphone5_land_white.png");}
.device-mockup.iphone5 > .device > .screen,
.device-mockup.iphone5.portrait > .device > .screen{top:16.28%;bottom:16.28%;left:11.77%;right:11.77%;}
.device-mockup.iphone5.landscape > .device > .screen{top:11.722488%;bottom:11.722488%;left:16.0191273%;right:16.0191273%;}
.device-mockup.iphone5 > .device > .button,
.device-mockup.iphone5.portrait > .device > .button{display:block;top:86.3%;bottom:5.5%;left:42%;right:42%;}
.device-mockup.iphone5.landscape > .device > .button{display:block;top:42%;bottom:42%;left:86.4%;right:5.1%;}
.device-mockup.ipad,
.device-mockup.ipad.portrait{padding-bottom:128.406276%;}
.device-mockup.ipad.landscape{padding-bottom:79.9086758%;}
.device-mockup.ipad > .device,
.device-mockup.ipad.black > .device,
.device-mockup.ipad.portrait.black > .device{background-image:url("ipad/ipad_port_black.png");}
.device-mockup.ipad.white > .device,
.device-mockup.ipad.portrait.white > .device{background-image:url("ipad/ipad_port_white.png");}
.device-mockup.ipad.landscape > .device,
.device-mockup.ipad.landscape.black > .device{background-image:url("ipad/ipad_land_black.png");}
.device-mockup.ipad.landscape.white > .device{background-image:url("ipad/ipad_land_white.png");}
.device-mockup.ipad > .device > .screen,
.device-mockup.ipad.portrait > .device > .screen{top:12.025723%;bottom:12.154341%;left:13.45995%;right:13.45995%;}
.device-mockup.ipad.landscape > .device > .screen{top:13.87755102%;bottom:13.87755102%;left:11.5459883%;right:11.5459883%;}
.device-mockup.ipad > .device > .button,
.device-mockup.ipad.portrait > .device > .button{display:block;top:90.2%;bottom:5.5%;left:47.3%;right:47.3%;}
.device-mockup.ipad.landscape > .device > .button{display:block;top:47.3%;bottom:47.3%;left:90.8%;right:4.9%;}