.mfp-tickets {
    display: grid;
    column-gap: 10px;
    row-gap: 20px;
}

@media screen and (min-width: 1380px)
{
    .mfp-shows .mfp-tickets {
        grid-template-columns: repeat(3, 1fr);
    }

    .mfp-shows .mfp-ticket-mod-zero,
    .mfp-shows .mfp-ticket-mod-two {
        transform: rotate(-0.5deg);
    }

    .mfp-shows .mfp-ticket-mod-one,
    .mfp-shows .mfp-ticket-mod-three {
        transform: rotate(0.5deg);
    }
}

@media screen and (min-width: 940px) and (max-width: 1380px) {
    .mfp-shows {
        max-width: 950px;
    }

    .mfp-shows .mfp-tickets {
        grid-template-columns: repeat(2, 1fr);
    }

    .mfp-shows .mfp-ticket-mod-zero,
    .mfp-shows .mfp-ticket-mod-three {
        transform: rotate(-0.5deg);
    }

    .mfp-shows .mfp-shows .mfp-ticket-mod-one,
    .mfp-shows .mfp-ticket-mod-two {
        transform: rotate(0.5deg);
    }
}

@media screen and (max-width: 940px) {
    .mfp-shows {
        max-width: 475px;
    }

    .mfp-shows .mfp-tickets {
        grid-template-columns: repeat(1, 1fr);
    }

    .mfp-shows .mfp-ticket-mod-zero,
    .mfp-shows .mfp-ticket-mod-two {
        transform: rotate(-0.5deg);
    }

    .mfp-shows .mfp-ticket-mod-one,
    .mfp-shows .mfp-ticket-mod-three {
        transform: rotate(0.5deg);
    }
}

@media screen and (min-width: 1410px) {
    .mfp-shortlist .mfp-tickets {
        grid-template-columns: repeat(3, 1fr);
    }

    .mfp-shortlist .mfp-ticket-mod-zero,
    .mfp-shortlist .mfp-ticket-mod-two {
        transform: rotate(-0.5deg);
    }

    .mfp-shortlist .mfp-ticket-mod-one,
    .mfp-shortlist .mfp-ticket-mod-three {
        transform: rotate(0.5deg);
    }
}

@media screen and (min-width: 980px) and (max-width: 1410px) {
    .mfp-shortlist {
        max-width: 980px;
    }

    .mfp-shortlist .mfp-tickets {
        grid-template-columns: repeat(2, 1fr);
    }

    .mfp-shortlist .mfp-ticket-mod-zero,
    .mfp-shortlist .mfp-ticket-mod-three {
        transform: rotate(-0.5deg);
    }

    .mfp-shortlist .mfp-ticket-mod-one,
    .mfp-shortlist .mfp-ticket-mod-two {
        transform: rotate(0.5deg);
    }
}

@media screen and (max-width: 980px)
{
    .mfp-shortlist {
        max-width: 532px;
    }

    .mfp-shortlist .mfp-tickets {
        grid-template-columns: repeat(1, 1fr);
    }

    .mfp-shortlist .mfp-ticket-mod-zero,
    .mfp-shortlist .mfp-ticket-mod-two {
        transform: rotate(-0.5deg);
    }

    .mfp-shortlist .mfp-ticket-mod-one,
    .mfp-shortlist .mfp-ticket-mod-three {
        transform: rotate(0.5deg);
    }
}

@media screen and (max-width: 900px)
{
    .mfp-show-ticket-stub {
        display: none;
    }
}