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

    .dow-content {
        width: 92%;
    }

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

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

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

    .dow-form {
        width: 85%;
        gap: 30px;
    }

    .dow-form > input {
        height: 50px;
        font-size: clamp(12px, 4vw, 26px);
    }

    .dow-form > input::placeholder {
        font-size: clamp(12px, 3vw, 26px);
    }

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

}

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

@media  screen and (max-width: 479px) {
    .download {
        width: 100%;
    }
}