.perspective-mockups2 {
    pointer-events: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: 30px;
    margin: 0 auto;
    transform: none;
    z-index: 3;
}

    .perspective-mockups2 > div {
        margin: 0;
    }

    .perspective-mockups2 .ipad,
    .perspective-mockups2 .tablet,
    .perspective-mockups2 .screen,
    .perspective-mockups2 img {
        max-width: 100%;
        height: auto;
    }

        .perspective-mockups2 .tablet.landscape {
            width: 100%;
            max-width: 512px;
            margin: 0 auto;
        }

        .perspective-mockups2 .tablet.portrait,
        .perspective-mockups2 .phone-big,
        .perspective-mockups2 .phone-small {
            display: none;
        }

    .perspective-mockups2.hidden-preload {
        visibility: visible;
    }

@media (min-width: 768px) {
    .perspective-mockups2 {
        width: 512px;
        transform: rotate(12deg);
        transform-origin: center center;
    }

        .perspective-mockups2 .tablet.landscape {
            width: 512px;
        }
}

@media (min-width: 1200px) {
    .perspective-mockups2 {
        width: 600px;
    }
}