@media screen and (max-width: 1280px) {
    .survey-banner {
        padding: 100px 0 120px;
    }

    .survey-banner .banner-contents .title-text h1 {
        font-size: 56px;
        line-height: 56px;
    }

    .survey-form .form-set .field-group {
        padding: 40px;
        column-gap: 60px;
    }

    .survey-banner .banner-contents .rich-text p {
        font-size: 15px;
    }

    label {
        font-size: 18px;
        line-height: 28px;
    }

    .survey-form .form-set .field .radio-check label {
        font-size: 15px;
    }

    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="url"],
    input[type="search"],
    input[type="date"],
    input[type="time"],
    input[type="file"],
    textarea,
    select,
    .select .selected {
        padding: 18px 14px;
        font-size: 15px;
        line-height: 23px;
    }

    button,
    input[type="submit"],
    input[type="button"] {
        font-size: 15px;
        line-height: 23px;
    }

    .survey-form .form-submit button {
        width: 145px;
    }

    ::placeholder {
        font-size: 15px;
        line-height: 23px;
    }

    input[type="checkbox"],
    input[type="radio"] {
        width: 18px;
        height: 18px;
    }

    input[type="checkbox"]:checked::after,
    input[type="radio"]:checked::after {
        width: 12px;
        height: 12px;
    }

    .survey-form .form-submit {
        margin-top: 70px;
    }

    .survey-form .form-set .form-set-head .title-text h3 {
        font-size: 22px;
        line-height: 34px;
        margin-bottom: 22px;
    }

    .error-404 .error-block .title-text h1 {
        font-size: 56px;
        line-height: 56px;
    }

    .error-404 .error-block .rich-text p {
        font-size: 15px;
    }

}

@media screen and (max-width: 1080px) {
    .survey-banner {
        padding: 80px 0 120px;
    }

    .survey-banner .banner-contents .title-text h1 {
        font-size: 48px;
        line-height: 48px;
    }

    .survey-banner .banner-contents .rich-text p {
        font-size: 14px;
    }

    .survey-form .form-set .field-group {
        padding: 30px;
        column-gap: 40px;
    }

    label {
        font-size: 16px;
        line-height: 26px;
    }

    .survey-form .form-set .field .radio-check label {
        font-size: 14px;
    }

    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="url"],
    input[type="search"],
    input[type="date"],
    input[type="time"],
    input[type="file"],
    textarea,
    select,
    .select .selected {
        padding: 16px 12px;
        font-size: 14px;
        line-height: 22px;
    }

    button,
    input[type="submit"],
    input[type="button"] {
        font-size: 14px;
        line-height: 22px;
    }

    .survey-form .form-submit button {
        width: 135px;
    }

    ::placeholder {
        font-size: 14px;
        line-height: 22px;
    }

    input[type="checkbox"],
    input[type="radio"] {
        width: 16px;
        height: 16px;
    }

    input[type="checkbox"]:checked::after,
    input[type="radio"]:checked::after {
        width: 10px;
        height: 10px;
    }

    .survey-form .form-submit {
        margin-top: 60px;
    }

    .error-404 .error-block .title-text h1 {
        font-size: 48px;
        line-height: 48px;
    }

    .error-404 .error-block .rich-text p {
        font-size: 14px;
    }
}

@media screen and (max-width: 991px) {
    .survey-banner .banner-contents .title-text h1 {
        font-size: 48px;
        line-height: 48px;
    }

    .survey-banner .banner-contents .rich-text p {
        font-size: 13px;
    }

    .survey-form .form-set .field-group {
        gap: 30px;
    }

    label {
        font-size: 14px;
        line-height: 24px;
    }

    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="url"],
    input[type="search"],
    input[type="date"],
    input[type="time"],
    input[type="file"],
    textarea,
    select,
    .select .selected {
        padding: 14px 12px;
    }

    .survey-form .form-submit button {
        width: 125px;
    }

    .survey-form .form-set .field .radio-check label {
        font-size: 13px;
    }

    .survey-form {
        padding: 60px 0;
        margin: -30px 0 30px;
    }

    .survey-banner .pratham-icon {
        margin-bottom: -90px;
        max-width: 36px;
    }

    .error-404 {
        padding: 60px 0;
        margin: -30px 0 30px;
    }

    .error-404 .error-block .title-text h1 {
        font-size: 48px;
        line-height: 48px;
    }

    .error-404 .error-block .rich-text p {
        font-size: 13px;
    }
}

@media screen and (max-width: 767px) {
    .survey-banner .banner-contents .title-text h1 {
        font-size: 36px;
        line-height: 36px;
    }

    .survey-form .form-set .field-group {
        padding: 20px;
    }

    .footer-bottom-block .copyright {
        font-size: 14px;
        line-height: 22px;
    }

    .error-404 .error-block .title-text h1 {
        font-size: 36px;
        line-height: 36px;
    }
    .footer-top-block {
        flex-direction: column;
        align-items: center;
    }


}

@media screen and (max-width: 575px) {
    .survey-banner .banner-contents .title-text h1 {
        font-size: 26px;
        line-height: 26px;
    }

    .survey-form .form-set .field-group {
        grid-template-columns: 1fr;
    }

    .survey-form .form-set .field.full-width {
        grid-column: span 1;
    }

    button,
    input[type="submit"],
    input[type="button"] {
        font-size: 13px;
        line-height: 21px;
    }

    .footer-top-block .footer-brand {
        margin: 0 auto;
    }

    .footer-bottom-block {
        flex-direction: column;
    }

    .error-404 .error-block .title-text h1 {
        font-size: 26px;
        line-height: 26px;
    }
}

@media screen and (max-width: 420px) {

    button,
    input[type="submit"],
    input[type="button"] {
        font-size: 13px;
        line-height: 21px;
    }
}

@media screen and (max-width: 1280px) {
    .survey-form .consent-letter p {
        font-size: 18px;
    }
}
@media screen and (max-width: 1080px) {
    .survey-form .consent-letter p {
        font-size: 16px;
    }
}