@media screen and (max-width: 1399px) {
    .contactFrom {
        max-width: 1140px;
    }
}
@media screen and (max-width: 1199px) {
    .contactFrom {
        max-width: 960px;
    }
}

@media screen and (max-width: 991px) {
    .formouter {
        max-width: 90%;
    }

    .gender-group .radio-group-horizontal {
        display: flex;
        align-items: center;
        gap: 10px 48px;
        align-self: stretch;
        flex-wrap: wrap;
    }

    .error-message {
        width: 100%;
    }

    .col-outer .col ul.price-tabs li {
        font-size: 12px;
    }

    .col-outer .col .monthly {
        text-align: center;
    }

    .col-outer .col .monthly img {
        max-width: 250px;
    }
    .contactFrom {
        max-width: 720px;
        flex-wrap: wrap;
    }
    .contactFrom .imgDv {
        width: 100%;
        padding: 0 14px;
    }
    .contactFrom .formDv {
        padding: 20px 14px 0;
        width: 100%;
    }
    .thank-you-section img {
        max-width: 100%;
    }
    .thank-you-section {
        padding: 0;
    }
    .address-lookup-group:has(.idpc-select-container[style="display: none;"]) input[type="text"] {
        width: 64%;
    }
}

@media screen and (max-width: 767px) {
    .form-header {
        flex-direction: column;
        gap: 20px;
    }

    .input-group-row {
        flex-direction: column;
        gap: 15px;
    }

    .w50 {
        width: 100%;
    }

    .lookup-button {
        width: 100%;
        margin-top: 0;
        max-width: unset;
    }

    .radio-group label,
    .checkbox-manual label,
    .checkbox-terms label,
    .final-agreement label {
        flex-wrap: wrap;
    }

    .radio-group label::before,
    .checkbox-manual label::before,
    .checkbox-terms label::before,
    .final-agreement label::before {
        max-width: 18px;
    }

    .checkbox-terms a {
        display: block;
        width: 100%;
    }

    .director-row {
        flex-direction: column;
        margin-bottom: 15px;
        gap: 15px;
    }

    .remove-director-btn {
        float: none !important;
        cursor: pointer !important;
        margin: 0 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .col-outer {
        display: flex;
        align-items: flex-start;
        gap: 20px;
        align-self: stretch;
        flex-direction: column;
    }

    .col-outer .col {
        width: 100%;
    }

    .col-outer .col .monthly img {
        width: 100%;
    }

    .sign {
        display: flex;
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 9px;
        margin: 0;
    }

    .formouter {
        padding: 35px 0;
    }

    .thankyoucontainer img {
        max-width: 244px;
        margin-bottom: 16px;
    }

    .form-navigation {
        justify-content: center;
    }
    .qute_div .btnGrp {
        flex-wrap: wrap;
    }
    .qute_div h3 {
        font-size: 20px;
    }
    .qute_div h2 {
        font-size: 40px;
    }
    .qute_div .tickImg {
        width: 35px;
        height: 35px;
    }
    #multistepForm .checkbox-terms label,
    #multistepForm1 .checkbox-terms label {
        position: relative;
        padding-left: 25px;
    }
    #multistepForm .checkbox-terms label::before,
    #multistepForm1 .checkbox-terms label::before {
        position: absolute;
        left: 0;
        top: 0;
    }
    .address-lookup-group .idpc-select-container {
        width: 100%;
    }
    .address-lookup-group input[type="text"],
    .address-lookup-group:has(.idpc-select-container[style="display: none;"]) input[type="text"] {
        width: 100%;
    }
    .page-id-705 #multistepForm .input-group-row.payroll-conditional .input-field {
        width: 100%;
    }
    .quote-result {
        padding: 0 13px;
    }
    .quote-result .success-icon {
        margin-bottom: 10px;
    }
    div#quoteResult h2 {
        margin: 0 0 12px;
        font-size: 17px;
    }
    div#quoteResult .price {
        font-size: 32px;
    }
    div#quoteResult .form-buttons {
        flex-direction: column;
    }
    div#quoteResult .form-buttons {
        margin: 20px auto;
    }
}