@media  screen and (max-width: 1024px) {
    .thank-you {
        width: 100%;
        min-height: 750px;
    }

    .tha-content {
        width: 92%;
    }

    .tha-content h1 {
        font-size: clamp(12px, 4vw, 26px);
    }

    .tha-content h2 {
        font-size: clamp(20px, 10.51vw, 55px);
        margin: 5% 0;
        width: 100%;
    }

    .tha-content h3 {
        font-size: clamp(12px, 4vw, 26px);
        margin-bottom: 5%;
    }

    .tha-cont {
        width: 85%;
        gap: 30px;
    }

    .tha-cont > a {
        width: 100%;
    }

    .tha-cont > a > div {
        font-size: clamp(12px, 3vw, 26px);
    }

}

@media  screen and (max-width: 768px) {
    .br-desk {
        display: none;
    }
    
    .br-mobile {
        display: block;
    }
}