@media (max-width: 1599.98px) {
    h3.mex-card-title {
        font-size: 22px;
    }
}

@media (max-width: 1399.98px) {
    section.mex-textStrip h4 {
        font-size: 22px;
    }

    .mex-titleWrap h2 {
        font-size: 30px;
    }

    .mex-titleWrap:not(.mex-showToppersCarouselWrap .mex-titleWrap) {
        margin-bottom: 15px;
    }

    h3.mex-card-title {
        font-size: 18px;
    }

    .mexHoverCard p {
        font-size: 13px;
    }
}

@media (max-width: 991.98px) {
    section.mex-showToppersCarouselWrap .mex-titleWrap {
        flex-direction: row;
        padding: 0 15px;
        margin: 0 0 10px;
        align-items: center;
    }

    .mex-resgistrationFormWrap .row {
        flex-direction: column;
    }

    .mex-resgistrationFormWrap .mex-content {
        justify-content: start;
    }

    .mex-formwrap {
        max-width: 100%;
    }

    .mex-resgistrationFormWrap .row .col-md-6 {
        padding: 40px 30px;
    }

    .mexHoverCard p {
        font-size: 12px;
    }

    a.mex-cardCTA {
        font-size: 14px;
    }

    a.mex-cardCTA svg {
        width: 20px;
        height: 20px;
    }

}

@media (max-width: 575.98px) {
    section.mex-textStrip h4 {
        font-size: 18px;
    }

    .mex-titleWrap {
        align-items: start;
        justify-content: space-between;
        padding: 0 30px;
        flex-direction: column;
    }

    section.mex-showToppersCarouselWrap .mex-titleWrap {
        flex-direction: column;
        align-items: start;
        gap: 0;
    }

    .mex-padding-x {
        padding: 0 15px;
    }

    .mex-eventHighlightVideoWrap  .mex-titleWrap {
        padding: 0 0;
    }

    .mexHoverCard {
        padding: 5px;
    }
}