:where(.vendi-event-template) {

    @media (max-width: 1280px) {
        .vendi-hero-content {
            margin-left: -60px;
            margin-right: -20px;
            padding: 40px 20px;
        }

        .event-main-content {
            grid-column: 1;
            grid-row: 2;
            padding: 20px;
        }

        .sidebar-form-area {
            grid-column: 1;
            grid-row: 3;
            padding: 0 20px 20px;
        }

        .event-block {
            margin-left: 60px;
        }
    }

    @media (max-width: 992px) {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        max-width: 100%;
        padding: 0;

        .vendi-hero-content {
            grid-column: 1;
            grid-row: 1;
            margin-left: calc(-50vw + 50%);
            margin-right: calc(-50vw + 50%);
            width: 100vw;
            padding: 40px 20px;
        }

        .event-main-content {
            grid-column: 1;
            grid-row: 2;
            padding: 20px;
        }

        .sidebar-form-area {
            grid-column: 1;
            grid-row: 3;
            padding: 0 20px 20px;
        }

        .event-block {
            padding-left: 100px;
            height: auto;
            min-height: 132px;
            max-width: 100%;
            margin-left: 0;
        }

        .event-date {
            width: 70px;
            height: 70px;
            padding: 8px;
        }

        .event-date .day {
            font-size: 32px;
        }

        .event-title {
            font-size: 40px;
        }

        .event-meta-row {
            flex-direction: column;
            gap: 15px;
            padding-block: 20px;
        }
    }
}