@media(min-width:2201px)  {
    body {
        font-size: 29px;
        line-height: 28pt;
    }

    .section-1__title, .section-1__title a {
        font-size: 37px;
        line-height: 36.4pt;
    }

    .section-1__content-title {
        font-size: 33px;
        line-height: 33pt;
    }

    .section-2__title, .section-3__title, .section-4__title {
        font-size: 37px;
        line-height: 37pt;

    }

    .section-2__content-title {
        font-size: 34px;
        line-height: 34.4pt;
    }

    .section-2__content-description {
        font-size: 28px;
        line-height: 28pt;
    }

    .section-2__content-right-button {
        font-size: 30px;
        line-height: 32pt;
    }

    .section-2__content-image {
        height: auto;
    }

    .section-2__content-left-button {
        font-size: 30px;
        line-height: 32pt;
    }

    .section-3__content-left-title {
        font-size: 31px;
        line-height: 34pt;
    }

    .section-3__content-right-title {
        font-size: 28px;
    }

    .section-4__content-title {
        font-size: 30px;
        line-height: 30pt;
    }

    .section-4__form-field-wrap--account-type .section-4__form-heading {
        font-size: 30px;
    }

    .section-4__form-field-wrap--account-type .section-4__form-field label {
        font-size: 28px;
        line-height: 20pt !important;
    }

    .section-4__form-submission, .section-4__form-submission input {
        font-size: 32px;
        line-height: 30pt;
    }

    .section-4__form-field-wrap--account-type [type="radio"]:checked + label:before, .section-4__form-field-wrap--account-type [type="radio"]:not(:checked) + label:before {
        width: 26px;
        height: 26px;
    }

    .section-4__form-field-wrap--account-type [type="radio"]:checked + label:after {
        width: 13px;
        height: 13px;
        top: 7px;
        left: 7px;
    }

    .section-4__form-field-wrap--account-type [type="radio"]:checked + label, .section-4__form-field-wrap--account-type [type="radio"]:not(:checked) + label {
        padding-left: 40px;
    }

    .center-sales-bottom,
    .center-sales-top {
        padding-left: calc(50vw - 1050px);
        padding-right: calc(50vw - 1050px);
    }

}

@media  (min-width:1901px) and (max-width:2200px) {
    body {
        font-size: 21px;
        line-height: 21pt;
    }

    .section-1__title, .section-1__title a {
        font-size: 28px;
        line-height: 25.4pt;
    }

    .section-1__content-title {
        font-size: 25px;
        line-height: 25pt;
    }

    .section-2__title, .section-3__title, .section-4__title {
        font-size: 27px;
        line-height: 27pt;
    }

    .section-2__content-title {
        font-size: 26px;
        line-height: 26.4pt;
    }

    .section-2__content-description {
        font-size: 22px;
        line-height: 22pt;
    }

    .section-2__content-right-button {
        font-size: 22px;
        line-height: 23pt;
    }

    .section-3__content-left-title {
        font-size: 24px;
        line-height: 24pt;
    }

    .section-3__content-right-title {
        font-size: 21px;
    }

    .section-4__content-title {
        font-size: 22px;
    }

    .section-4__form-field-wrap--account-type .section-4__form-heading {
        font-size: 24px;
    }

    .section-4__form-field-wrap--account-type .section-4__form-field label {
        font-size: 23px;
        line-height: 20pt !important;
    }

    .section-4__form-submission, .section-4__form-submission input {
        font-size: 24px;
        line-height: 24pt;
    }

    .section-4__form-field-wrap--account-type [type="radio"]:checked + label:before, .section-4__form-field-wrap--account-type [type="radio"]:not(:checked) + label:before {
        width: 22px;
        height: 22px;
    }

    .section-4__form-field-wrap--account-type [type="radio"]:checked + label:after {
        width: 11px;
        height: 11px;
        top: 7px;
        left: 7px;
    }

    .section-4__form-field input {
        padding-block: 18px;
    }
}

@media  (min-width:1801px) and (max-width:1900px) {
    body {
        font-size: 20px;
        line-height: 1.3;
    }

    .section-1__title, .section-1__title a {
        font-size: 25px;
        line-height: 23.4pt;
    }

    .section-1__content-title {
        font-size: 22px;
    }

    .section-2__title, .section-3__title, .section-4__title {
        font-size: 24px;
        line-height: 18.4pt;
    }

    .section-2__content-title {
        font-size: 22px;
        line-height: 21.4pt;
    }

    .section-2__content-description {
        font-size: 19px;
        line-height: 19pt;
    }

    .section-2__content-right-button {
        font-size: 19px;
    }

    .section-3__content-left-title {
        font-size: 21px;
    }

    .section-3__content-right-title {
        font-size: 19px;
    }

    .section-4__content-title {
        font-size: 18px;
    }

    .section-4__form-field-wrap--account-type .section-4__form-heading {
        font-size: 24px;
        line-height: 24pt;
    }

    .section-4__form-field-wrap--account-type .section-4__form-field label {
        font-size: 24px;
    }

    .section-4__form-field-wrap--account-type [type="radio"]:checked + label:before, .section-4__form-field-wrap--account-type [type="radio"]:not(:checked) + label:before {
        width: 20px;
        height: 20px;
    }

    .section-4__form-field-wrap--account-type [type="radio"]:checked + label:after {
        width: 9px;
        height: 9px;
        top: 7px;
        left: 7px;
    }

    .section-4__form-submission, .section-4__form-submission input {
        font-size: 23px;
    }
}

@media(min-width:1601px) and (max-width:1800px) {
    body {
        font-size: 18px;
        line-height: 1.4;
    }

    .section-1__title, .section-1__title a {
        font-size: 24px;
        line-height: 22pt;
    }

    .section-1__content-title, .section-2__title, .section-3__title, .section-4__title {
        font-size: 21px;
        line-height: 18pt;
    }

    .section-2__content-title {
        font-size: 21px;
        line-height: 21pt;
    }

    .section-2__content-description {
        font-size: 18px;
        line-height: 18pt;
    }

    .section-2__content-image {
        height: auto;
    }
    .section-2__content-right-button {
        font-size: 18px;
    }

    .section-3__content-left-title {
        font-size: 20px;
    }

    .section-3__content-right-title {
        font-size: 19px;
    }

    .section-4__content-title {
        font-size: 18px;
    }

    .section-4__form-field label {
        font-size: 19px;
    }

    .section-4__form-field-wrap--account-type .section-4__form-heading {
        font-size: 20px;
    }

    .section-4__form-field-wrap--account-type .section-4__form-field label {
        font-size: 20px;
    }

    .section-4__form-submission, .section-4__form-submission input {
        font-size: 21px;
    }

    .section-4__form-field-wrap--account-type [type="radio"]:checked + label:before, .section-4__form-field-wrap--account-type [type="radio"]:not(:checked) + label:before {
        width: 19px;
        height: 19px;
    }

    .section-4__form-field-wrap--account-type [type="radio"]:checked + label:after, .section-4__form-field-wrap--account-type [type="radio"]:not(:checked) + label:after {
        top: 6px;
        left: 6px;
    }
}

@media(min-width:1401px) and (max-width:1600px) {
    body {
        font-size: 16px;
        line-height: 16pt;
    }

    .section-1__title, .section-1__title a {
        font-size: 21px;
        line-height: 18.4pt;
    }

    .section-1__content-title {
        font-size: 18px;
    }

    .section-2__title, .section-3__title, .section-4__title {
        font-size: 25px;
    }

    .section-2__content-title {
        font-size: 25px;
    }

    .section-2__content-description {
        font-size: 15px;
        line-height: 17.8pt;
    }
    .section-2__content-image {
        height: auto;
    }

    .section-2__content-left-button {
        font-size: 16px;
    }

    .section-2__content-right-button {
        font-size: 16px;
        line-height: 17pt;
    }

    .section-3__content-left-title {
        font-size: 18px;
    }

    .section-3__offer {
        font-size: 15px;
    }

    .section-3__content-right-title {
        font-size: 16px;
    }

    .section-3__center {
        font-size: 16px;
    }

    .section-4__content-title {
        font-size: 16px;
    }

    .section-4__form-field label {
        font-size: 16px;
    }

    .section-4__form-field-wrap--account-type .section-4__form-heading {
        font-size: 18px;
    }

    .section-4__form-field-wrap--account-type .section-4__form-field label {
        font-size: 18px;
    }

    .section-4__form-submission, .section-4__form-submission input {
        font-size: 20px;
    }

    .section-4__form-field-wrap--account-type [type="radio"]:checked + label:before, .section-4__form-field-wrap--account-type [type="radio"]:not(:checked) + label:before {
        width: 19px;
        height: 19px;
    }

    /*24jun22 Start*/
    .smart-system-heading {font-size: 20px;line-height: 26px;}
    /*24jun22 End*/

}

@media(min-width:1201px) and (max-width:1400px) {
    /*24jun22 Start*/
    .smart-system-heading {font-size: 18px;line-height: 26px;padding: 13px 5%;}
    .smart-system-inner li {
        font-size: 16px;
        background-position: 0 0;
    }
    .smart-system-inner h5 {font-size: 17px;}

    .contact-us-warp {padding: 45px 30px 30px;}

    .contact-footer li {font-size: 20px;}
    .section-2__content-image {
        height: auto;
    }
    /*24jun22 End*/
}

@media(min-width:992px) and (max-width:1200px) {
    /*24jun22 Start*/
    .section-2__content, .smart-system-outer {padding: 30px 20px 30px;}

    .smart-system-outer h4 {font-size: 24px;line-height: 30px;}

    .smart-system-heading {font-size: 16px;line-height: 24px;padding: 12px 15px;}
    .smart-system-content {padding: 18px 15px 22px;}
    .smart-system-inner h5 {font-size: 14px;}
    .smart-system-inner li {font-size: 14px;background-position: left -3px top -1px;}

    .contact-us-warp {padding: 45px 30px 30px;}

    .contact-us-left {width: 100%;}
    .contact-call-icon {padding: 40px 0;}
    .contact-us-right {width: 100%;margin: 20px 0 0;}
    .contact-footer li {font-size: 18px;padding: 0 20px;}
    .section-2__content-image {
        height: auto;
    }
    /*24jun22 End*/
}

@media(max-width: 991px) {
    .section-2__content, .center-sales-bottom .section-2__content--reverse, .center-sales-bottom .section-2__content {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .section-3__content {
        grid-template-columns: 60% 40%;
    }

    .section-4__form {
        grid-template-columns: 1fr;
    }

    .section-4__form-field-wrap--card-number {
        order: 1;
    }

    .section-4__form-field-wrap--date-code {
        order: 2;
    }

    .section-4__form-field-wrap--email {
        order: 3;
    }

    .section-4__form-field-wrap--zip-code {
        order: 4;
    }

    .section-4__form-field-wrap--bank-details {
        order: 5;
    }

    .section-4__form-field-wrap--account-details {
        order: 6;
    }

    .section-4__form-field-wrap--account-type {
        order: 7;
    }

    .section-4__form-submission {
        order: 8;
        margin-top: 11px;
    }

    .section-4__form-field-wrap--account-type .section-4__form-heading {
        padding-top: 15px;
    }

    /*24jun22 Start*/
    .section-2__content, .smart-system-outer {padding: 30px 20px 30px;}

    .center-sales-bottom .section-2__content--reverse .section-2__content-left, .section-2__content.unsurpassed-top .section-2__content-left {padding-right: 0;padding-left: 0;}
    .section-2__content-left {width: 100%;}
    .section-2__content-right {width: 100%;}

    .smart-system-half {padding: 0;width: 100%;}
    .smart-system-outer h4 {font-size: 22px;line-height: 30px;}

    .smart-system-heading {font-size: 16px;line-height: 24px;padding: 12px 15px;}
    .smart-system-content {padding: 18px 15px 22px;}
    .smart-system-inner h5 {font-size: 14px;}
    .smart-system-inner li {font-size: 14px;background-position: left -3px top -1px;}

    .section-2__content-left {padding-left: 0;}

    .contact-us-warp {padding: 45px 30px 30px;}

    .contact-us-left {width: 100%;}
    .contact-call-icon {padding: 40px 0;}
    .contact-us-right {width: 100%;margin: 20px 0 0;}
    .contact-footer li {font-size: 15px;padding: 0 10px;}
    .center-sales-bottom .section-2__content--reverse .section-2__content-left, .section-2__content.unsurpassed-top .section-2__content-left {
        order: 1;
    }
    .section-2__content-image {
        height: auto;
    }
    /*24jun22 End*/
}

@media(max-width: 767px) {
    .section-1__title, .section-2__title, .section-3__title, .section-4__title {
        font-size: 17px;
        line-height: 15.4pt;
    }

    .section-1__title br {
        display: none;
    }

    .section-2__content {
        padding: 25px 20px 5px;
    }

    .section-2__content, .center-sales-bottom .section-2__content--reverse, .center-sales-bottom .section-2__content {
        grid-template-columns: 100%;
        gap: 25px;
    }

    .section-2__content-left-button {
        margin-bottom: 0;
    }

    .section-2__content-title {
        font-size: 16px;
        line-height: 15.4pt;
    }

    .section-2__content--reverse .section-2__content-left, .center-sales-bottom .section-2__content .section-2__content-left {
        order: unset;
    }

    .section-3__content {
        grid-template-columns: 100%;
        gap: 15px;
    }

    .section-4__form {
        grid-template-columns: 100%;
    }

    .section-4__form-field-wrap--name, .section-4__form-field-wrap--bank-details, .section-4__form-field-wrap--account-details, .section-4__form-field-wrap--date-code {
        grid-template-columns: 100%;
    }

    .section-4__form-field-wrap--account-type .section-4__form-field {
        display: flex;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .section-4__form-submission, .section-4__form-submission input {
        font-size: 16px;
    }

    /*24jun22 Start*/
    .center-sales-top {padding: 20px 15px 50px;}
    .contact-us-left li span {font-size: 15px;}
    .contact-call-icon a {padding: 14px 0 14px 55px;font-size: 22px;background-size: 50px;}

    .contact-us-warp {padding: 35px 20px 30px;}
    .contact-us-right .input-field {padding: 10px 10px;font-size: 16px;}
    .center-sales-bottom {padding: 40px 15px 0;}
    .smart-system-content {
        height: auto;
    }

    .talk-btn {
        padding-bottom: 20px;
    }
    /*24jun22 End*/
}

@media(max-width: 575px) {

    /*24jun22 Start*/
    .smart-system-heading br
    {
        display: none;
    }
    .contact-us-right .input-field {
        font-size: 15px;
    }
    .contact-us-warp {
        padding: 35px 10px 30px;
    }
    .section-2__content-image {
        height: auto;
    }
    /*24jun22 End*/
}

@media(max-width: 479px) {

    /*24jun22 Start*/
    .logo-outer {
        width: 205px;
    }
    .smart-system-body-half {
        width: 100%;
    }
    .width50 {
        width: 100%;
    }
    .width35 {
        width: 75%;
    }
    .width15 {
        width: 25%;
    }
    .spacing-form {
        padding: 0 3px;
    }
    .fill-required {
        padding: 0 0 20px;
    }
    .contact-us-left li {
        width: 100%;
    }
    .contact-call-icon {
        padding: 20px 0 0;
    }
    /*24jun22 End*/
    .thankyou__content h2 {
        font-size: 40px;
        padding: 0 0 6px;
    }
    .thank-youlogo img {
        max-width: 165px;
    }
    .thank-youlogo img {
        padding: 9px 0;
    }
}

@media(max-width: 374px) {
    .center-sales-top, .center-sales-bottom{
        padding-inline: 15px;

    }

    .section-2__content-left-button {
        padding: 7px 10px;
        font-size: 13px;
    }

    .section-2__content-right-button {
        font-size: 12px;
        padding-inline: 10px;
    }

    .section-2__content {
        padding-inline: 15px;
    }

    .section-4__form-submission, .section-4__form-submission input {
        font-size: 13px;
    }

    .section-4__form-submission, .section-4__form-submission input {
        margin-top: 6px;
    }
}