.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.iphone_x,
.device-mockup.iphone_x.portrait {
    padding-bottom: 201.76%
}

.device-mockup.iphone_x.landscape {
    padding-bottom: 49.56%
}

.device-mockup.iphone_x.black>.device,
.device-mockup.iphone_x.portrait.black>.device,
.device-mockup.iphone_x>.device {
    background-image: url(iphone_x/iphone_x_black_port.png)
}

.device-mockup.iphone_x.landscape.black>.device,
.device-mockup.iphone_x.landscape>.device {
    background-image: url(iphone_x/iphone_x_black_land.png)
}

.device-mockup.iphone_x.portrait.white>.device,
.device-mockup.iphone_x.white>.device {
    background-image: url(iphone_x/iphone_x_white_port.png)
}

.device-mockup.iphone_x.landscape.white>.device {
    background-image: url(iphone_x/iphone_x_white_land.png)
}

.device-mockup.iphone_x.portrait>.device>.screen,
.device-mockup.iphone_x>.device>.screen {
    top: 2.98%;
    bottom: 0%;
    left: 6%;
    right: 6%
}

.device-mockup.iphone_x.landscape>.device>.screen {
    top: 5.97%;
    bottom: 5.97%;
    left: 3%;
    right: 3%
}

/* iPhone 11 */

.device-mockup.iphone_11,
.device-mockup.iphone_11.portrait {
    padding-bottom: 201.76%;
}

.device-mockup.iphone_11>.device,
.device-mockup.iphone_11.black>.device,
.device-mockup.iphone_11.portrait.black>.device {
    background-image: url(iphone_x/portrait_11.png);
}

.device-mockup.iphone_11>.device>.screen,
.device-mockup.iphone_11.portrait>.device>.screen {
    top: 2.40%;
    bottom: 2.40%;
    left: 5.57%;
    right: 5.57%;
}