@media(max-width: 1600px) {




    .banner-about {
        background-position: -180px top;
    }


    .banner-account {
        background-position: -180px top;
    }

    .banner-card {
        background-position: -180px top;
    }

    .banner-elite {
        background-position: -180px top;
    }


    .banner-organization {
        background-position: -180px top;
    }

    .banner-contact {
        background-position: -180px top;
    }



}

@media(max-width: 1400px) {



    .banner {
        height: 450px;
        background-size: cover;
    }

    .container-md {
        padding: 0 40px;
    }

    .banner .banner-info p {
        max-width: 400px;
    }

    /*........font sizes start..............*/

    h2 {
        font-size: 68px;
        line-height: 70px;

    }

    .banner .banner-info h1 {
        font-size: 80px;
        line-height: 70px;

    }


    .worldclassbenefits h2 {
        line-height: 50px;
        font-size: 48px;
    }



    .multipmedium h2 {
        font-size: 80px;
        margin-bottom: 40px;
    }

    .account-type h2.font-md.golden {
        font-size: 72px;
    }

    premium-experience h2.large {
        font-size: 72px;
    }


    /*........font sizes end..............*/


    .mutiple-list {
        flex-wrap: wrap;
        justify-content: center;
    }

    .mutiple-list .list-items {
        width: 30%;
    }

    .mutiple-list p {
        max-width: inherit;
        padding: 0 20px 0 0;
    }

    .footer .logo-section {
        padding-left: 0;
    }





    .banner-about {
        background-position: -100px top;
    }


    .banner-account {
        background-position: -280px top;
    }

    .banner-card {
        background-position: -280px top;
    }

    .banner-elite {
        background-position: -280px top;
    }


    .banner-organization {
        background-position: -280px top;
    }

    .banner-contact {
        background-position: -480px top;
    }

    .header .nav li a {
        font-size: 12px;
    }


}


@media(max-width: 1300px) {

    .header .nav li a {
        padding: 8px 10px;
    }

    .header .phone-text {
        margin-left: 40px;
    }

    .easy-living-section h3 {
        font-size: 46px;
    }



    .banner-home {
        background-size: cover;
    }



}







@media(max-width: 1200px) {

    .account-type h2.font-md.golden {
        margin-bottom: 10px;
    }

    .process-checkbox-list {
        grid-gap: 10px;
    }


    .btn-md {
        font-size: 20px;
    }

    .menu-icon {
        display: block;
        z-index: 999;
        position: absolute;
        right: 10px;
    }

    .dropdown-nav {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        height: 100vh;
        background: #fff;
        width: 100%;
        z-index: 99;
    }


    .header ul.nav {
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        text-align: left;
        max-width: 100%;
        margin: 0 auto;

    }

    body.fixedscroll {
        overflow: hidden;
    }

    .header ul.nav li {
        width: 100%;
        border-bottom: 1px solid #eaeaea;
    }

    .header ul.nav li a {
        color: #1C5A7D;
        font-size: 18px;
        display: block;
        padding: 15px 20px;
    }


    .center-nav {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .header .nav li.fill-button a {

        border: 1px solid #ccc;
        display: inline-block;
        margin-left: 20px;
    }

    .header .nav li.fill-button {
        border: 0;
        display: inline-block;
        width: inherit;
        margin-top: 20px;
    }

    .center-nav .inner {
        width: 100%;
    }

    .mutiple-list .list-items {
        width: 33%;
    }

    .dropdown-nav.hideonMobile {
        display: block;
    }

    .header .phone-text {
        margin-left: 0;
    }

    .header .nav li.fill-button a {
        font-size: 16px;
    }

    .header ul.nav li.phone-text {
        border: 0;
        margin-top: 40px;
        text-decoration: center;
        display: block;
        text-align: center;
        margin-bottom: 40px;
    }

    .header .nav li.fill-button {
        display: flex;
        justify-content: center;
    }



    .heading-section p.sub-head {
        max-width: 600px;
        margin: 0 auto;
    }

    .signup-steps-section.greyBgPage .heading-section p.sub-head {
        max-width: 100%;
        margin: 0;
    }


    .container-md {
        padding: 0 30px;
    }

    .banner-about {
        background: #eff7fe url(../images/about-banner.jpg) no-repeat -300px top;
        background-size: cover;
    }




    /*........font sizes start..............*/

    h2 {
        font-size: 64px;
        line-height: 68px;

    }

    .banner .banner-info h1,
    .banner.page_404 .banner-info h1 {
        font-size: 72px;
        line-height: 68px;

    }

    .banner.page_404 .banner-info h1 {
        margin-right: 20px;
    }



    .multipmedium h2 {
        font-size: 72px;
        margin-bottom: 40px;
        line-height: 62px;
    }

    .account-type h2.font-md.golden {
        font-size: 68px;
    }

    .premium-experience h2.large {
        font-size: 68px;
        text-align: center;
    }


    /*........font sizes end..............*/


    .premium-experience .flex-col-two {
        flex-wrap: wrap;
        justify-content: center;
        padding: 100px 0 60px;
        padding-top: 0;
    }

    .premium-experience .flex-col .content {
        text-align: center;
        margin: 0 0 90px 0;
    }


    .footer {
        padding: 100px 0;
    }

    .footer .quick-links {
        margin-left: 50px;
    }

    .footer li.fill-button a {
        margin: 0;
    }

    .footer .copyright-section {
        text-align: center;
        margin: 40px 0 0 0;
    }

    .footer .copyright-section p {
        text-align: center;
    }

    .worldclassbenefits h2 {
        font-size: 48px;
        line-height: 52px;
    }

    .footer li.fill-button a {
        white-space: nowrap;
    }

    .benefits-section {
        padding: 60px 40px;

    }

    .banner p.golden-large {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .banner.page_404 .content-banner-left {
        min-width: 500px;
    }

    .fill-button {
        margin: 0 45px 0 0;
    }

    .player {
        height: auto;
    }

    .video-section {
        margin-bottom: 80px;
    }

    #customVideo #light {
        position: fixed;
        max-width: 800px;
        max-height: 100%;
        border: 0;
        z-index: 1002;
        overflow: visible;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 88%;
    }

    #customVideo #boxclose {
        right: 0;
    }

    #customVideo #boxclose {
        right: -20px;
        top: -40px;
    }





    .fullHeightPopup .popup-section-form {
        padding: 0 20px !important;
    }

    .greyBgSection {
        padding: 20px 40px 100px;
    }

    .charge-card-form {
        padding: 20px 40px 100px;
    }

    .greyBgPage .contact-section {
        padding-bottom: 0;
        margin: 0;
    }

    .signup-steps-section.greyBgPage {
        margin-bottom: 0;
        background: #F8F8F8;
    }

    .signup-steps-section.charge-card-section {
        margin-bottom: 0;
        background: #F3FAFF;
    }



}


@media(max-width: 1100px) {



    /*........font sizes start..............*/

    h2,
    .pledgeway h2 {
        font-size: 60px;
        line-height: 64px;

    }

    .banner .banner-info h1,
    .banner.page_404 .banner-info h1 {
        font-size: 68px;
        line-height: 70px;

    }

    .multipmedium h2 {
        font-size: 68px;
        margin-bottom: 40px;
        line-height: 58px;
    }

    .account-type h2.font-md.golden {
        font-size: 58px;
        line-height: 60px;
    }

    .premium-experience h2.large {
        font-size: 58px;
        text-align: center;
        line-height: 60px;
    }

    .account-type-section p {
        font-size: 16px;
    }

    .account-type p.sub-head,
    .process-section-form p.main-head-form,
    .account-type .verification p.sub-head {
        font-size: 22px;
        line-height: 28px;
    }

    .worldclassbenefits .cols:nth-child(2) {
        width: 54%;
        margin: 0 auto;
        min-width: 623px;
    }



    /*........font sizes end..............*/

    .pledge-account-info {
        flex-wrap: wrap;
        text-align: left;
        justify-content: flex-start;
    }


    .pledge-account-info {
        padding: 100px 40px;
    }


    .pledge-account-info h3 br {
        display: none;
    }

    .pledge-account-info .cols {
        margin-bottom: 60px;
        width: 100%;
        text-align: center;
    }

    .pledge-account-info .cols.icon-center {
        display: flex;
        justify-content: center;
    }

    .pledge-account-info .cols {
        margin-bottom: 30px;
    }

    .pledge-qualities h2 br {
        display: none;
    }

    .pledge-qualities {
        padding: 100px 0;
        margin: 0 30px;
    }

    .pledge-qualities h2 {
        font-size: 40px;
        line-height: 54px;

    }


    .pledge-easy-section .icon-section {
        transform: rotate(90deg);
    }


    .banner {
        height: 400px;
        background-size: cover;
    }




    .multipmedium {
        padding: 100px 0 100px 0;
    }

    ul.pledger-promise-tabs li b {
        font-size: 32px;
    }

    ul.pledger-promise-tabs li span {
        font-size: 16px;
        line-height: 22px;
    }

    .pledger-promise {
        padding: 100px 0;
    }

    .text-btn {
        font-size: 22px;
        line-height: 26px;
    }


    .pledgeway {
        padding: 100px 0 100px 0;

    }

    .pledgeway h2 {
        margin-bottom: 40px;
    }

    .account-features-section {
        margin: 100px 0 0 0;
    }

    .process-partnering,
    .Pledger-fees,
    .account-type {
        padding: 100px 0;
    }

    .signup-account-types .account-type {
        padding: 0;
    }


    .account-type,
    .account-type,
    .Pledger-fees {
        max-width: 90%;
        margin: 0 auto;
    }

    .worldclassbenefits .flex-col-two {
        flex-wrap: wrap;
    }

    .worldclassbenefits .cols {
        width: 100%;
    }


    .worldclassbenefits h2 {
        text-align: center;
        padding-right: 0;
    }

    .worldclassbenefits h2 br {
        display: none;
    }

    .worldclassbenefits {
        margin-top: 0;
        padding: 100px 0;
    }


    .contact-section {
        padding: 60px 0 100px;
        margin-top: 0;
    }

    .contact-section .right-panel-section {
        padding: 40px 30px;
        background: #F9F9F9;
    }

    .content-center-internal {
        width: 100%;

    }


    .contact-section input,
    .contact-section textarea,
    .contact-section select,
    .contact-center label {
        font-size: 16px;
    }

    .flying-record .heading-section h2 br {
        display: none;
    }

    .flying-record {
        padding: 100px 0;
    }

    .flying-record .button-panel {
        margin-top: 100px;
    }

    .tidypoatal-list p {
        max-width: 85%;
    }

    .faqs {
        padding: 100px 0;
    }

    .question-answered-section {
        padding: 0 0 40px 0;
    }




    .banner-about {
        background-position: -300px top;
        background-size: cover;
    }


    .banner-account {
        background-position: -300px top;
        background-size: cover;
    }

    .banner-card {
        background-position: -200px top;
        background-size: cover;
    }

    .banner-elite {
        background-position: -200px top;
        background-size: cover;
    }


    .banner-organization {
        background-position: -200px top;
        background-size: cover;
    }

    .banner-contact {
        background-position: -200px top;
        background-size: cover;
    }


    .two-col-section-button-panel .saving-account p {
        line-height: 20px;
        margin-right: 10px;
    }




}



@media(max-width: 991px) {

    .blueBgForm .contact-section {
        padding: 80px 0 80px;
    }

    .familyFundPopup .btnClose {
        top: 30px;
    }


    .footer .contact-info ul {
        flex-wrap: wrap;
    }

    .take-swipe-panel .card-list li {
        width: 200px;

    }

    .take-swipe-panel {
        max-width: 821px;
    }

    .take-swipe-panel .card-list li {
        width: 192px;
    }

    .EasyPledging .pledgeway-list {
        flex-wrap: wrap;
        justify-content: center;
    }

    .EasyPledging .pledgeway-list .list-items {
        width: 33.333%;
    }

    .pledgeway-list .list-items {
        margin-bottom: 20px;
    }

    .pledgeway-list {
        text-align: center;
    }

    .pledgeway-list p {
        max-width: 90%;
        margin: 0 auto;
    }

    .pledgeway-list .image-panel {
        justify-content: center;
    }



}





@media(max-width: 900px) {



    ul.pledger-process-tabs li span {
        font-size: 18px;
    }

    .tidypoatal-list .list-items {
        width: 48%;
    }


    .banner-home {
        background-position: -400px top;
    }


    .signupformstep h1 {
        margin: 0 50px 0 0;
        font-size: 42px;
        line-height: 44px;
    }


    .signupformstep .step-number {
        margin: 0 0 0 35px;
        font-size: 18px;
    }

    .account-type h2.font-md.golden {
        font-size: 52px;
        line-height: 56px;
    }


    .take-swipe-panel .card-list li {
        margin-right: -40px;
    }

    .take-swipe-panel .card-list.reverse li {
        margin-right: 0;
        margin-left: -40px;
    }

    .take-swipe-panel .card-list li {
        font-size: 18px;
    }

    .take-swipe-panel .card-list li span {
        min-width: 80px;
    }

    .take-swipe-panel {
        max-width: 730px;
    }

    .pledge-easy-section.takeSwipe .container-md {
        padding: 0;
    }

    .premium-experience .image-panel img {
        max-width: 100%;
        border-radius: 20px;
    }



    .blueBgForm .contact-section {
        padding: 80px 40px 0 40px
    }

    .account-type .blueBgForm h2.font-md.golden {
        padding-left: 0;
        padding-right: 0;
    }

    .signup-steps-section .container-md {
        padding: 0;
    }

    .createPinCode {
        flex-wrap: wrap;
    }

    .createPinCode label {
        width: 100%;
        margin-bottom: 20px;
    }

    .pinNumberList {
        justify-content: flex-start;
    }

    .pinNumberList li input {
        margin: 0 10px 0 0;
    }

    .createPinCode .tooltip-section-form {
        margin-top: 10px;
    }

    #familyFundPopup {
        background: #1e446d;
    }

    .blueBgForm .text-btn {
        margin: 0 0 0 50px;
    }

    .pledgeway-list .list-items {
        width: 32%;
    }

    .footer .logo-section img {
        width: 160px;
        min-width: 160px;
    }

    .banner .banner-info h1,
    .banner.page_404 .banner-info h1 {
        font-size: 60px;
        line-height: 66px;
    }

    .banner-home {
        background-position: -566px top;
    }

    .banner-about {
        background-position: -395px top;
        background-size: cover;
    }

    .banner-account {
        background-position: -400px top;
        background-size: cover;
    }


}


@media(max-width: 767px) {

    #signup_welcome_popup h3 {
        padding-bottom: 10px;
    }

    #signup_welcome_popup .top img {
        width: 60px;
        height: 60px;
    }

    #signup_welcome_popup h4 {
        margin-bottom: 10px;
    }


    .fullHeightFrom.formPopup .popup-section-form {
        padding: 0 30px 40px;
    }

    .fullHeightFrom.formPopup .popup-dialog-centered {
        min-height: 100%;
    }



    .accordian-tab-mobile .icons {
        width: 67px;
    }

    .verifications-list-content {
        justify-content: flex-start;
    }

    .deposit-method-sections {
        padding: 0;
    }

    .process-section-form {
        margin-bottom: 20px;

    }

    .process-checkbox-list label {
        padding: 15px;
    }

    .saveBtn {
        justify-content: flex-start;
        margin: 0;
    }






    .account-type h2.font-md.golden {
        margin-bottom: 30px;
    }

    .tooltip-section-form.rightSide {
        margin: 0;
    }

    .signup-steps-section .container-md {
        padding: 0 20px;
    }

    .createPinCode.re-enter-pin {
        margin-top: 80px !important;
    }

    .createPinCode {
        flex-wrap: wrap;
    }

    .createPinCode .tooltip-info-section {
        margin-top: 10px;
    }

    .two-col-form .form-section .full {
        width: 100%;
    }

    .contact-section .flex-col-two {
        display: block;
    }

    .contact-section {
        overflow: inherit;
    }

    .process-section-form .tooltip-section-form {
        margin: 0 0 20px 0;
    }



    ul.deposit-method-tab li a {
        padding: 15px 0;
        display: block;
    }

    ul.deposit-method-tab li {
        min-width: 150px;
        display: inline-block;
    }

    ul.deposit-method-tab {
        white-space: nowrap
    }





    .footer li.fill-button a {
        margin: 0 0 0 30px;
    }

    .pledge-qualities {
        margin: 0 20px;
    }

    .banner p.golden-large br {
        display: none;
    }


    .worldclassbenefits .cols:nth-child(2) {
        width: 90%;
        margin: 0 auto;
        min-width: inherit;
    }




    .banner.page_404 .banner-info {
        flex-wrap: wrap;
    }

    .banner.page_404 {
        padding-bottom: 150px;
        height: auto;
        padding-top: 60px;
        min-height: inherit;
    }

    .page_404 .image-panels {
        order: 1;
        margin-top: 20px;
    }

    .banner.page_404 .content-banner-left {
        min-width: inherit;
        order: 2;
        margin-top: 60px;
    }

    .banner.page_404 .banner-info h1 {
        margin-right: 0;
    }


    .charge-card-section {
        background: #F3FAFF;
        margin-bottom: 0 !important;
    }

    .banner .button-panel {
        max-width: 90%;
        margin: 30px auto 30px;
    }

    .process-partnering .dark-sub-head {
        font-size: 15px;
    }

    .process-partnering .dark-sub-head br {
        display: none;
    }


    .pledge-account-info h3 br {
        display: block;
    }


    .easy-living-section h3 {
        margin-bottom: 20px;
    }


    .pledge-qualities-list .cols {
        width: 50%;
        text-align: center;
    }

    .pledgeway-list {
        justify-content: space-around;
    }

    .pledgeway-list p {
        margin-bottom: 30px;
    }

    .pledge-qualities-list p {
        text-align: center;
        max-width: 100%;
    }

    .benefits-col .left-col {
        padding: 40px 30px;
    }

    .benefits-col .right-col {
        padding: 40px 30px;
    }

    .benefits-col h4 {
        margin: 0 0 30px;
        font-size: 26px;
    }

    .question-answered-section h3 {
        font-size: 40px;
        line-height: 44px;

    }



    ul.pledger-promise-tabs {
        flex-wrap: wrap;
    }

    ul.pledger-promise-tabs li {
        width: 100%;
    }

    ul.pledger-promise-tabs li a {
        padding-bottom: 40px;
        margin-bottom: 0;
        padding-left: 40px;
    }

    ul.pledger-promise-tabs li span {
        margin: inherit;
    }

    ul.pledger-promise-tabs li a:after {
        bottom: 0;
    }

    ul.pledger-promise-tabs li a:before {
        border: 2px solid #5E94BC;
    }

    ul.pledger-promise-tabs {
        display: flex;
        justify-content: center;
        margin: 50px 0 0 0;
        max-width: 300px;
        margin: 0 auto;
    }

    .overseenby {
        padding: 60px 0;
    }

    .overseenby p {
        width: 90%;
        margin: 0 auto;
    }





    ul.pledger-promise-tabs li:nth-child(3) a {
        padding-bottom: 20px;
    }


    ul.pledger-promise-tabs li b,
    ul.pledger-promise-tabs li span {
        text-align: left;
    }

    ul.pledger-promise-tabs li a:before {
        left: 0;
        top: 0;
    }

    ul.pledger-promise-tabs li:nth-child(1) a:after {
        left: 0;
        width: 2px;
        height: 100%;
    }

    ul.pledger-promise-tabs li:nth-child(2) a:after {
        left: 0;
        width: 2px;
        height: 100%;
    }

    ul.pledger-promise-tabs li:nth-child(3) a:after {
        left: 0;
        width: 2px;
        height: 100%;
    }






    ul.pledger-process-tabs {
        flex-wrap: wrap;
    }

    ul.pledger-process-tabs li {
        width: 100%;
    }

    ul.pledger-process-tabs li a {
        padding-bottom: 40px;
        margin-bottom: 0;
        padding-left: 40px;
    }

    ul.pledger-process-tabs li span {
        margin: inherit;
    }

    ul.pledger-process-tabs li a:after {
        bottom: 0;
    }

    ul.pledger-process-tabs li a:before {
        border-width: 2px;
    }

    ul.pledger-process-tabs {
        display: flex;
        justify-content: center;
        margin: 50px 0 0 0;
        max-width: 300px;
        margin: 0 auto;
    }

    ul.pledger-process-tabs li a {
        align-items: flex-start;
    }




    ul.pledger-process-tabs li:nth-child(3) a {
        padding-bottom: 20px;
    }


    ul.pledger-process-tabs li b,
    ul.pledger-promise-tabs li span {
        text-align: left;
    }

    ul.pledger-process-tabs li a:before {
        left: 0;
        top: 0;
    }

    ul.pledger-process-tabs li:nth-child(1) a:after {
        left: 0;
        width: 2px;
        height: 100%;
    }

    ul.pledger-process-tabs li:nth-child(2) a:after {
        left: 0;
        width: 2px;
        height: 100%;
    }

    ul.pledger-process-tabs li:nth-child(3) a:after {
        left: 0;
        width: 2px;
        height: 100%;
    }

    ul.pledger-process-tabs li:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 2px;

    }



    .Pledger-fees .account-features-section {
        margin-top: 60px;
    }



    .banner .content-banner-left .image-panel {
        text-align: center;
    }

    .banner .content-banner-left .image-panel img {
        display: inline;
    }

    .banner .content-banner-left {
        min-width: inherit;
        padding-bottom: 40px;
    }

    .banner .banner-info {
        text-align: center;
        padding-left: 0;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .banner h1 br {
        display: none;
    }

    .banner .banner-info p {
        max-width: 400px;
        margin: 0 auto;
    }


    .banner {
        padding-bottom: 330px;
        height: auto;
        padding-top: 60px;
    }

    .banner-home {
        background: #f1f8ff url(../images/home-background-img-1-mob.jpg) no-repeat right bottom;
        background-size: 100% auto;
    }

    .banner-about {
        background: #f1f8ff url(../images/about-banner-mob.jpg) no-repeat right bottom;
        background-size: 100% auto;
    }



    .banner-account {
        background: #eff7fe url("../images/account-banner-mob.jpg") no-repeat right bottom;
        background-size: 100% auto;
    }

    .banner-card {
        background: #eff7fe url("../images/card-banner-mob.jpg") no-repeat right bottom;
        background-size: 100% auto;
    }

    .banner-elite {
        background: #eff7fe url("../images/elite-banner-mob.jpg") no-repeat right bottom;
        background-size: 100% auto;
    }


    .banner-organization {
        background: #eff7fe url("../images/organization-banner-mob.jpg") no-repeat right bottom;
        background-size: 100% auto;
    }

    .banner-contact {
        background: #eff7fe url("../images/contact-banner-mob.jpg") no-repeat right bottom;
        background-size: 100% auto;
    }





    .account-type h2.font-md.golden br {
        display: none;
    }

    /*........font sizes start..............*/

    h2,
    .pledgeway h2 {
        font-size: 60px;
        line-height: 64px;

    }

    .banner .banner-info h1 {
        font-size: 52px;
        line-height: 55px;

    }

    .multipmedium h2 {
        font-size: 48px;
        margin-bottom: 40px;
        line-height: 44px;
    }

    .account-type h2.font-md.golden {
        font-size: 42px;
        line-height: 46px;
    }

    .premium-experience h2.large {
        font-size: 42px;
        text-align: center;
        line-height: 46px;
    }

    .account-type-section p {
        font-size: 15px;
        line-height: 21px;
    }

    /*........font sizes end..............*/

    .btn {
        padding: 12px 30px;
    }

    .plan-buttons .button-panel .text-btn {
        font-size: 14px;
    }

    .account-features-section {
        margin: 80px 0 80px 0;
    }


    .account-plans .account-type-section .text-content {
        padding: 30px 10px;
    }


    ul.plan-lis-info {
        margin-left: 10px;
    }


    .banner .banner-info p {
        max-width: 80%;
        margin: 0 auto;
    }

    .banner .banner-info h1 {
        margin-bottom: 20px;
    }


    .easy-living-section,
    .premium-experience .flex-col-two {
        padding: 60px 0;
    }

    .easy-living-section .image-panel {
        margin: 0 0 80px 0;
    }

    .mutiple-list .list-items {
        width: 45%;
    }

    .mutiple-list {
        text-align: center;
        justify-content: space-around;
    }

    .mutiple-list .image-panel {
        justify-content: center;
    }

    .mutiple-list p {
        max-width: inherit;
        padding: 0;
    }


    .account-type-section h3 {
        font-size: 32px;
        line-height: 28px;
    }

    .account-type-section .text-content {
        padding: 40px 30px;
    }



    .footer .flex-col,
    .footer .flex-col-two {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .footer .logo-section {
        width: 100%;
        margin-bottom: 60px;
    }

    .footer {
        padding: 60px 0;
    }

    .footer .logo-section {
        text-align: center;
    }

    .footer .quick-links {
        margin-left: 0;
    }

    .contact-info {
        margin-top: 80px;
    }

    .footer ul li a {
        font-size: 16px;
    }

    .footer .contact-info ul li {
        margin-left: 0;
    }

    .effortless-col .left-col,
    .effortless-col .right-col {
        padding: 30px;
    }

    .effortless-col {
        max-width: 90%;
    }

    .text-btn {
        font-size: 20px;
        line-height: 22px;
    }

    .pledge-account-info h3 {
        font-size: 42px;
        line-height: 29px;
        margin-bottom: 20px;
    }



    .account-type {
        padding: 100px 0 0 0;
    }

    .pledge-account-info {
        padding: 100px 40px;
    }



    .question-answered-section {
        padding: 0 0 100px 0;
    }

    .pledge-easy-section {
        padding: 100px 0 0;
    }

    .benefits-col .left-col {
        padding: 40px 20px;
    }

    .benefits-col .right-col {
        padding: 40px 20px;
    }

    .acc__panel {
        padding: 20px;
    }

    .acc__title {
        padding: 20px 60px 20px 20px;
    }

    .worldclassbenefits h2 {
        font-size: 38px;
        line-height: 42px;
    }


    .contact-center label {
        font-size: 16px;
    }

    .contact-section .right-panel-section {
        padding: 50px 30px;
        background: #F9F9F9;
        margin-bottom: 100px;
        margin-top: 60px;
    }

    .createPinCode label {
        font-size: 16px;
    }


    .contact-section .flex-col-two {
        flex-wrap: wrap;
    }

    .contact-section .flex-col-two .left-cols {
        width: 100%;
        order: 2;
    }

    .contact-section .flex-col-two .right-cols {
        margin: 0;
        width: 100%;
        order: 1;
    }

    ul.contact-right-section-list li {
        position: relative;
        padding-left: 70px;
    }

    ul.contact-right-section-list li .icon-panel {
        position: absolute;
        left: 0;
    }

    ul.contact-right-section-list li:last-child {
        margin: 0;
    }


    .contact-section {
        padding: 60px 0;
        margin-top: 0;
    }

    .pledgeway {
        padding: 80px 0 80px 0;
    }

    .faqs {
        padding: 80px 0;
    }

    .question-answered-section {
        padding: 0 0 40px 0;
    }

    .signuporgnization {
        flex-wrap: wrap;
    }

    .signuporgnization .cols {
        width: 100%;
    }

    .signuporgnization h3 br {
        display: none;
    }

    .signuporgnization {
        padding: 40px;
    }

    .signuporgnization h3 {
        margin-bottom: 30px;
    }

    .flying-record {
        padding: 80px 0;
    }

    .flying-record .button-panel {
        margin-top: 80px;
    }

    .signuporgnization h3 {
        font-size: 28px;
        line-height: 32px;

    }


    .signupformstep h1 {
        margin: 0 30px 0 0;
        font-size: 32px;
        line-height: 34px;
    }

    .heading-section {
        margin: 0 0 40px 0;
    }

    .signupformstep {
        margin: 0 0 40px;
    }


    .dropdown-header {
        padding: 25px 30px 25px 30px;

    }

    .successor-view {
        padding: 40px 0 10px 0;

    }

    .dropdown-view {
        padding: 40px 30px 50px 30px;
    }


    .add-successor-button {
        padding: 0px 30px 10px 0;
    }

    .checkbox-container {
        margin: 50px 30px 40px;
    }

    .contact-section input,
    .contact-section textarea,
    .contact-section select {
        padding: 10px 0;
    }

    .contact-center textarea {
        height: 70px;
    }

    .contact-section .button-panel {
        margin: 60px 0 0;
    }

    .contact-section .method-section .button-panel {
        margin: 0;
    }


    .process-partnering .dark-sub-head {
        max-width: 500px;
        margin: 20px auto 0;
    }


    .signup-steps-section .account-type.account-plans {
        max-width: 100%;
    }

    .process-tabs li br {
        display: none;
    }


    input.value-input {
        height: 42px;
    }

    .account-type h2.font-md.golden {
        padding-left: 0;
        padding-right: 0;
    }


    .signup-steps-section.greyBgPage h2.font-md.golden {
        text-align: left;
    }

    .signup-steps-section.greyBgPage .heading-section p.sub-head {
        text-align: left;
    }


    .dropdown-container.heading-orange-section {
        margin-top: 40px;
    }

    .personalize-booklets-contacts {
        flex-wrap: wrap;
    }

    .personalize-booklets-phone,
    .personalize-booklets-email {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .personalize-booklets-email {
        margin-bottom: 0;
    }

    .personalize-booklets-contacts {
        margin-bottom: 0;
    }

    .checkbox-header {
        margin: 20px 0px;
    }


    .charge-card-form h2 {
        font-size: 60px;
        line-height: 70px;
    }


    .take-swipe-panel {
        max-width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }

    .take-swipe-panel .card-list {
        width: 400px;
    }

    .take-swipe-panel .card-list li {
        width: 100%;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
        text-align: center;
        margin: 0 0 20px 0;
    }

    .take-swipe-panel .card-list li br {
        display: none;
    }

    .pledge-easy-section.takeSwipe .container-md {
        padding: 0 30px;
    }

    .take-swipe-panel .card-list li span {
        min-width: inherit;
        width: 100%;
        margin-top: -61px;
    }

    /*    .take-swipe-panel .card-list{order:2;}
    
    .card-form-section{order:3; margin-top:20px;}*/

    .take-swipe-panel .card-list {
        display: flex;
    }

    .take-swipe-panel .card-list li svg,
    .take-swipe-panel .card-list.reverse li svg {
        transform: rotate(90deg);
        margin-top: 0;
        transform-origin: bottom 0;
    }




    .take-swipe-panel .card-list.reverse li {
        flex-direction: row;
        margin-right: 0;
        margin-left: -14px;
    }

    .take-swipe-panel .card-list {
        margin-top: 0;
    }

    .take-swipe-panel .card-list.reverse li {
        margin-left: 0;
    }

    .pledge-easy-section.takeSwipe .container-md {
        padding: 0;
    }

    .take-swipe-main-section {
        padding: 150px 40px;
    }

    .take-swipe-panel .card-list li svg {
        margin-top: 0;
    }

    .take-swipe-main-section {
        background: #f8f8f8 url(../images/background-dotted-mobile.jpg) no-repeat center bottom;
        padding: 120px 0 61px;
    }


    .EasyPledging .pledgeway-list {
        flex-wrap: wrap;
        justify-content: center;
    }

    .EasyPledging .pledgeway-list .list-items {
        width: 33.333%;
    }

    .pledgeway-list h4 {
        margin-bottom: 15px;
    }

    .pledgeway-list p {
        font-size: 14px;
        line-height: 16px;
    }

    .EasyPledging .pledgeway-list p {
        max-width: 100%;
        padding: 0 20px;
    }

    .EasyPledging .pledgeway-list .list-items {
        width: 50%;
    }

    .banner p.golden-large {
        display: inline-block;
    }

    .formPopup {
        max-width: 450px;
        left: 50%;
    }

    .heading-section p.sub-head {
        max-width: 100%;
        margin: 0;
        padding-bottom: 0;
    }


    .pagination ul li button {
        font-size: 20px;
    }

    #add_address_popup {
        padding: 40px 20px;
        width: 90%;
        margin-top: 40px;
    }

    .account-type,
    .account-type,
    .Pledger-fees {
        max-width: 100%;
        margin: 0 auto;
    }

    .account-type.account-plans {
        max-width: 100%;
        padding: 60px 20px;
    }


    .checkbox-contents {
        padding: 0;
    }


    .take-swipe-panel .card-list.reverse {
        min-width: inherit;
        width: 100%;
        margin-top: 62px;

    }

    .take-swipe-panel .card-list.reverse li {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }


    .take-swipe-panel .card-list.reverse li svg {
        transform: rotate(-90deg);
    }

    .take-swipe-panel .card-list.reverse li span {
        margin-top: 0;
        margin-bottom: -90px;
    }


    .signup-account-types .account-type {
        padding: 0;
    }

    ul.plan-lis-info li {
        margin-bottom: 10px;
    }

    .worldclassbenefits h2 {
        padding: 0;
    }

    .policy-section h1 {
        font-size: 48px;
    }

    .policy-section h2 {
        font-size: 24px;
    }

    .policy-section h3 {
        font-size: 20px;
    }

    .policy-section p {
        font-size: 14px;
        margin: 0 0 10px 0;
    }

    .blueBgForm .text-btn {
        margin: 0 0 0 35px;
    }

    .blueBgForm .btn {
        padding: 15px 30px;
    }


    .process-checkbox-list .listing-process {
        min-width: inherit;

    }

    .method-section .button-panel .text-btn,
    .account-type p {
        font-size: 16px;
        line-height: 20px;
    }

    .business-account-method .tooltip-section-form {
        right: 0;
    }

    /*.tooltip-section-form h4 i{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}*/

    /*.question-toggle{width:40px; height:40px; border-radius: 100%; background: #ccc; display: flex; justify-content: center; align-items: center;}*/


    .successor-method-section {
        flex-wrap: wrap;
    }

    .popup-section-form h2 {
        font-size: 48px;
        line-height: 56px;
        padding: 0;

    }


    .popup-section-form .heading-section {
        margin: 0;
    }





    .account-type-section {
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .method-section {
        margin-bottom: 0;
    }

    .fullHeightPopup .container-sm {
        padding: 0 !important;
    }

    .fullHeightPopup .popup-section-form {
        padding: 0 !important;
    }

    .fullHeightPopup .contact-section {
        border-radius: 0;
    }

    .createPinCode {
        margin-top: 10px !important;
    }

    .createPinCode .tooltip-section-form {
        width: 220px;
        margin: 0 0 0 40px;
    }

    .createPinCode label {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .pinNumberList {
        margin-left: 0;
    }

    .pinNumberList li input {
        margin: 0 15px 0 0;
    }

    .greyBgPage {
        background: #F8F8F8;
        margin: 0 !important;
    }

    .greyBgPage .contact-section {
        padding-top: 0;
    }

    .charge-card-section .contact-section {
        padding-top: 0;
    }

    .createPinCode .tooltip-section-form {
        margin: 0 0 0 10px;
    }

    .four-col-sectons-form {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .four-col-sectons-form .cols {
        width: 100%;
        margin-bottom: 30px;
    }

    .fundNameCol .tooltip-section-form {
        position: absolute;
        top: -15px;
    }

    .content-center-internal .subtitle h3 {
        font-size: 20px;
    }

    #fundname {
        padding-right: 10px;
    }

    .content-center-internal .subtitle h3 {
        margin-bottom: 15px;
        margin-top: 20px;
    }

    .nonedittable {
        font-size: 16px;
    }

    .process-section-form h3 {
        font-size: 28px;
        line-height: 36px;

    }

    .checkbox-container.square label.checkboxLabel {
        padding: 0 0 0 32px;

    }

    .terms_condition-section .checkbox-container {
        margin: 30px 0 0 0;
    }

    .verify-account-section {
        padding-left: 40px;
    }

    .verification.expand .verify-account-section {
        padding-left: 40px;
        padding-right: 20px;
    }

    .two-col-form .form-section .fullCol.overflowTabs {
        margin-bottom: 20px;
    }

    .address-section .grid_4 {
        grid-template-columns: repeat(2, auto);
        grid-gap: 30px;
    }

    .blueBgForm .btn {
        white-space: nowrap;
        margin: 0 !important;
    }

    .skipNow {
        margin-left: 20px !important;
    }

    .accordian-list {
        padding: 0 0 15px 0;
    }

    .deposit-method-info-section {
        font-size: 18px;
        line-height: 30px;
        margin-top: 20px;

    }

    .two-col-form .form-section .fullCol.overflowTabs {
        display: none;
    }

    .accordian-tab-mobile {
        display: block;
    }

    .hidecontent {
        display: block;
    }

    .hidecontent.active {
        display: block;
    }

    .accordian-content {
        display: none;
    }

    .deposit-method-sections .fullCol {
        margin: 0 !important;
    }

    .deposit-method-info-section {
        margin-bottom: 20px;
    }

    ::-webkit-input-placeholder {
        font-size: 15px;
        font-weight: normal;
    }

    ::-moz-placeholder {
        font-size: 15px;
        font-weight: normal;
    }

    :-ms-input-placeholder {
        font-size: 15px;
        font-weight: normal;
    }

    :-moz-placeholder {
        font-size: 15px;
        font-weight: normal;
    }

    .addBankInformation {
        padding: 40px 30px
    }

    .deposit-method-info-section {
        padding: 30px 30px;
    }

    #allowingAccountContainer {
        margin-top: 20px;
    }

    .deposit-method-info-section .heading-sections-small {
        font-size: 20px;
        margin: 10px 0 0 0;
    }

    .deposit-method-info-section .sub-heading-info,
    .deposit-method-info-section .link-section {
        font-size: 17px;
    }

    .deposit-method-info-section {
        padding-top: 20px;
    }

    .accordian-tab-mobile i {
        font-size: 19px;
    }

    .amount-section-form .dollar-abs {
        top: 9px;
    }


    .verify-account-content {
        padding: 40px 30px;
    }

    .two-col-section-button-panel {
        margin: 0 0 15px;
    }

    .Pledger-fees .account-features-section {
        max-width: 100%;
        margin: 40px 20px;
    }




}



@media(max-width: 575px) {




    .fill-button a {
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer .quick-links {
        width: 48%;
    }

    .foote .quick-links.lastCol {
        width: 100%;
    }

    .footer .flex-col,
    .footer .flex-col-two {
        justify-content: flex-start;
    }

    .pledge-qualities {
        margin: 0 20px;
    }

    .process-section-form .title-sections {
        display: flex;
        flex-wrap: wrap;
    }

    .process-section-form p.main-head-form {
        order: 2;
    }

    .process-section-form .tooltip-info-section {
        order: 1
    }

    .process-section-form .tooltip-section-form {
        position: relative;
        right: inherit;
        top: 0;
        left: 0;
    }


    .greyBgSection {
        padding: 20px 30px 100px;
    }

    .charge-card-form {
        padding: 20px 30px 100px;
    }

    .charge-card-section h2 {
        margin-bottom: 40px;
    }


    .signup-steps-section h2 {
        margin-bottom: 40px;
    }


    .deposit-method-sections .contact-center .fullCol {
        margin-bottom: 0 !important;
    }

    .process-checkbox-list {
        margin-bottom: 0;
    }

    .content-center-internal .subtitle h3 {
        font-size: 19px;
    }

    .content-center-internal .subtitle h3 {
        line-height: 30px;
    }


    .deposit-method-info-section {
        margin-bottom: 30px;
    }

    .pinNumberList li input {
        margin: 0 10px 0 0;
    }

    .account-type-section .flex-col {
        margin-bottom: 30px;
    }

    .account-type-section {
        background: none;
    }

    .account-type-section .flex-col,
    .account-type-section .flex-col.centerBg {
        background: #f6f6f6;
        border-radius: 10px;

    }

    .account-type-section .button-panel {
        margin: 10px 0 0 0;
    }

    .account-type-section .plan-buttons {
        margin-top: 30px;
    }

    .account-plans .account-type-section .text-content {
        padding: 30px 0;
    }

    .account-features-section {
        max-width: 100%;
        margin: 0 auto;

    }

    .createPinCode .tooltip-section-form {
        width: 200px;
    }



    .blueBgForm .contact-section .button-panel {
        display: flex;
    }

    .blueBgForm .btn {
        margin-bottom: 20px;
    }

    .blueBgForm p.sub-head {
        padding: 0;
    }

    .blueBgForm .text-btn {
        margin: 0;
        width: 100%;
        text-align: left;
    }


    ul.plan-lis-info li {
        text-align: center;
    }


    .EasyPledging .pledgeway-list .list-items {
        width: 50%;
    }


    .signupformstep .step-number {
        margin: 0;

    }

    .process-tabs {
        flex-wrap: wrap;
    }

    .process-tabs li {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .process-tabs label {
        font-size: 17px;
        position: static;
    }

    .process-tabs .checkbox-container input[type="radio"] ~ label:before {
        top: 0;
        transform: none;

    }

    .process-tabs .checkbox-container input[type="radio"]:checked ~ label:after {
        top: 5px;
        transform: none;

    }

    .process-tabs .checkbox-container label.checkboxLabel {
        line-height: 20px;
    }



    .process-tabs .checkbox-container label {
        margin: 0;
    }

    .process-tabs .checkbox-container {
        padding-left: 0;
        display: flex;
        align-items: center;
    }

    .process-tabs {
        max-width: 450px;
    }

    .process-partnering .button-panel {
        margin: 40px 0 0 0;
    }


    .contact-info {
        margin-top: 40px;
    }

    /*........font sizes start..............*/

    .question-answered-section h3 {
        font-size: 36px;
        line-height: 40px;
    }


    .pledge-account-info {
        padding: 60px 40px;
    }


    .easy-living-section h3 {
        font-size: 40px;
        margin-bottom: 20px;
    }

    h2,
    .pledgeway h2,
    .pledge-easy-section h2 {
        font-size: 42px;
        line-height: 44px;

    }

    .banner .banner-info h1 {
        font-size: 56px;
        line-height: 58px;

    }

    .multipmedium h2 {
        font-size: 42px;
        margin-bottom: 0;
        line-height: 44px;
        padding: 0 20px;
    }

    .account-type h2.font-md.golden {
        font-size: 42px;
        line-height: 50px;
    }

    .premium-experience h2.large {
        font-size: 36px;
        text-align: center;
        line-height: 42px;
    }

    .account-type-section p {
        font-size: 16px;
    }

    /*........font sizes end..............*/



    .banner {
        padding-bottom: 250px;
    }



    .multipmedium .container-md {
        padding: 0 10px;
    }

    .easy-living-section .button-section h2 {
        margin-bottom: 40px;
    }



    .account-type-section {
        flex-wrap: wrap;
    }

    .account-type-section .flex-col {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .account-type-section h3 {
        font-size: 40px;
        line-height: 32px;
        margin: 0 0 25px 0;

    }

    .mutiple-list .list-items {
        width: 90%;
    }

    .mutiple-list p {
        margin-bottom: 20px;
    }

    .mutiple-list h4 {
        font-size: 26px;
    }

    .text-btn {
        font-size: 20px;
        line-height: 22px;
        justify-content: center;
        text-align: center;
    }


    .pledge-qualities-list .cols {
        width: 100%;
        text-align: center;
    }


    .account-type {
        padding: 80px 0 0 0;
    }

    .pledge-account-info {
        padding: 80px 40px;
    }



    .question-answered-section {
        padding: 0 0 80px 0;
    }

    .pledge-easy-section {
        padding: 80px 0 0;
    }

    .pledgeway-list .list-items {
        width: 100%;
        margin-bottom: 10px;
    }

    .pledge-qualities {
        padding: 60px 0;
    }

    .pledge-qualities-list .cols {
        margin: 0 0 30px 0;
    }

    ul.pledger-process-tabs li a {
        padding-left: 10px;
    }

    .account-plans .account-type-section .text-content {
        padding: 0;
    }

    ul.plan-lis-info li {
        margin-bottom: 10px;
    }

    .banner p.golden-large {
        font-size: 18px;

    }

    .tidypoatal-list .list-items {
        width: 100%;
        margin-bottom: 20px;
    }

    .tidypoatal-list .list-items:last-child {
        margin: 0;
    }


    .tidypoatal-list {
        text-align: center;
    }

    .tidypoatal-list .image-panel {
        justify-content: center;
    }

    .tidypoatal-list p {
        max-width: 90%;
        margin: 0 auto;
    }

    .tidypoatal-list h4 {
        margin-bottom: 10px;
    }


    .successor-view .full {
        width: 100%;
    }

    .space-evenly {
        display: flex;
        flex-wrap: wrap;
    }

    .signupformstep .step-line {
        display: none;
    }

    .contact-section {
        padding: 60px 20px;

    }

    .process-partnering,
    .Pledger-fees,
    .account-type {
        padding: 60px 0;
    }




    .booklet-row-view {
        flex-wrap: wrap;
    }

    .custom-option-select-container {
        width: 100%;
        margin: 0 0 30px 0;
    }


    .booklet-row-view .quantity-value {
        width: 100%;
    }

    .add-booklet-button,
    .delete-booklet-button {
        margin: 15px 0 12px 0;
    }

    .delete-booklet-button > i {
        margin-left: 0;
    }

    .checkbox-container {
        margin: 50px 30px 30px;
    }

    .dropdown-header {
        padding: 25px 30px 25px 30px;

    }

    .otherAddressSection {
        flex-wrap: wrap;
    }

    .removeEditSection {
        margin: 8px 0 0 28px;
    }

    .address-view > label > div span.address-label,
    .otherAddressflex span.address-label {
        font-size: 18px;

    }

    #signup_addresses {
        margin: 50px 0 0 0;
    }

    #signup_addresses .checkbox-container {
        margin-left: 0;
    }

    .add-address-button {
        margin: 30px 0 0 11px;
    }

    .dropdown-container.heading-orange-section .dropdown-header {
        padding-top: 0;
    }

    .contact-section {
        padding: 30px 0 100px 0;
    }

    .takeSwipe .heading-section {
        margin-bottom: 40px;
    }

    ul.pledger-promise-tabs li b {
        font-size: 26px;
    }

    ul.pledger-promise-tabs li b {
        margin-bottom: 10px;
    }

    .overseenby h3 {
        font-size: 38px;
        line-height: 42px;

    }

    .pledgeway-list .image-panel {
        height: 50px;

    }

    .account-type .button-section {
        padding: 40px 0 0;
    }

    .question-answered-section.large {
        padding-bottom: 80px;
    }

    ul.pledger-process-tabs li .number {
        margin: 0 0 0 30px;
        width: 38px;
    }


    .account-plans .account-type-section .text-content {
        max-width: 90%;

    }

    .getPledger {
        padding: 60px 0 100px !important;
    }

    .header ul.nav li.phone-text a {
        font-size: 24px;
    }

    .effortless-col,
    .benefits-col {
        flex-wrap: wrap;
        width: 90%;
        margin: 40px auto 0;
    }

    .easy-living-section .effortless-col {
        margin-top: 60px;
        margin-bottom: 60px;
    }


    .benefits-col {
        margin-top: 30px;
    }

    .effortless-col .left-col,
    .benefits-col .left-col {
        margin: 0 0 30px 0;
    }

    .effortless-col .left-col,
    .effortless-col .right-col,
    .benefits-col .left-col,
    .benefits-col .right-col {
        width: 100%;
        padding: 30px;
        border-radius: 10px;
    }

    .pledge-account-info {
        border-radius: 5px;
    }

    .pledgeway {
        margin: 0 20px;
        border-radius: 10px;
    }

    .mutiple-list p,
    .account-type p {
        padding-left: 0;
        padding-right: 0;
    }

    .account-type h2.font-md.golden {
        margin-bottom: 20px;
    }


    .premium-experience h2.large {
        margin-bottom: 30px;
    }

    .premium-experience .flex-col .content {
        margin: 0 0 60px 0;
    }

    .video-section {
        margin-bottom: 50px;
    }


    .account-type-section.signup-account-types .account-type {
        padding: 60px 0
    }

    .account-type-section.signup-account-types .account-type p {
        padding-left: 0;
        padding-right: 0;
        max-width: inherit;
    }


    .banner-card .banner .banner-info p br {
        display: none;
    }

    .blueBgForm .contact-section {
        padding: 80px 30px 40px 30px;
    }

    .account-type .blueBgForm h2.font-md.golden {
        margin-bottom: 40px;
    }


    .two-col-form .form-section .fullCol {
        margin-bottom: 20px;
    }

    .blueBgForm {
        width: 100%;
        margin: 0 auto 80px;
    }

    .add-successor .text-sm-btn i {
        font-size: 14px;

    }

    .createPinCode {
        flex-wrap: wrap;
    }

    .createPinCode.re-enter-pin {
        margin-top: 80px !important;
    }

    .process-partnering-section h3 {
        font-size: 32px;
    }

    .process-checkbox-list {
        flex-wrap: wrap;
    }

    .process-checkbox-list .listing-process {
        margin: 0;
        width: 100%;
    }


    .multipmedium {
        padding: 60px 0 60px;
        max-width: 100%;
        margin: 0 20px;
        border-radius: 10px;
    }


    .container-md {
        padding: 0 20px;
    }

    .effortless-col {
        max-width: 100%;
        padding: 0 20px;
        width: inherit;
    }


    .fullHeightPopup .container-sm {
        padding: 0 !important;
    }

    .popup-section-form h2 {
        font-size: 36px;
        line-height: 38px;

    }

    .familyFundPopup .btnClose {
        top: 14px;
        right: 40px;
    }

    .blueBgForm .method-section {
        margin-top: 0;
    }

    .method-section {
        margin: 0;
    }

    .fullHeightPopup .button-panel {
        margin: 20px 0 0;
    }

    .tooltip-section-form {
        padding: 5px 20px;
    }

    .familyFundPopup .btnClose {
        top: 18px;
        right: 20px;
        position: fixed;
    }


    .createPinCode .tooltip-info-section {
        margin-top: 10px;
        width: 100%;
    }

    .createPinCode .tooltip-section-form {
        position: static;
        margin: 10px 0 0 0;
    }

    .pinNumberList {
        display: flex;
        width: 100%;
    }

    .pinNumberList li {
        margin: 0 10px 0 0;
    }

    .pinNumberList li input {
        width: 45px !important;
        height: 50px !important;
    }

    .createPinCode .tooltip-info-section {
        order: 1;
    }

    .createPinCode label.golden {
        order: 2;
    }

    .createPinCode .pinNumberList {
        order: 3;
    }

    .createPinCode .tooltip-section-form {
        width: 190px;
        position: absolute;
        right: 0;
        top: -15px;
    }

    .contact-center label {
        font-size: 16px;
    }

    .createPinCode .tooltip-section-form {
        margin: 0;
    }

    .tooltip-section-form h4 {
        padding: 8px 0;
    }

    .tooltip-section-form {
        padding: 5px 15px;
    }

    .method-section .button-panel .text-btn,
    .account-type p {
        font-size: 16px;
        line-height: 18px;
    }

    #fundname {
        padding-right: 0;
        width: 100%;
    }

    .btn-md {
        font-size: 17px;
    }


    .process-checkbox-list {
        grid-template-columns: 1fr;
    }
}


@media(max-width: 500px) {

    .fullHeightFrom.formPopup .popup-section-form {
        width: 100%;
        max-width: 100%;
    }


    #loginPopup .btnClose {
        position: absolute;
        right: 0;
        top: -52px;
    }

    #loginPopup .btnClose i {
        color: #000;
    }



    .blueBgForm .contact-section {
        padding: 60px 20px 60px 20px;
    }

    .fullHeightPopup .popup-section-form {
        padding: 0 !important;
        border-radius: 0;
    }

    .blueBgForm .contact-section {
        border-radius: 0;
    }

    .card-form-section {
        background: url(../images/card-bg.png) no-repeat left top;
        max-width: 90%;
        height: 272px;
        padding: 19px 40px;
        position: relative;
        background-size: cover;
        border-radius: 10px;
    }

    .take-swipe-panel .card-list {
        width: 90%;
    }


    .pinNumberList {
        margin-left: 0;
    }

    .verification.expand .checkbox-container input[type="radio"]:checked ~ .showDivElement {
        display: flex;
        flex-wrap: wrap;
    }

    .verifications-list-content {
        margin: 0 0 10px 0;
    }

    .business-account-method .tooltip-section-form {
        position: static;
        margin: 10px 0 0 0;
    }

    .successor-method-section .tooltip-section-form {
        position: static;
        margin: 10px 0 0 0;
    }

    .skipNow {
        margin-left: 20px !important;
        padding: 0 !important;
    }

    .skipNow svg {
        display: none;
    }


    .blueBgForm .btn {
        white-space: nowrap;
        margin: 0;
    }


}


@media(max-width: 480px) {

    .Pledger-fees .heading-section p.sub-head {
        padding: 0 15px;
    }

    .signupformstep {
        padding: 0;
    }

    .contact-section .container-sm {
        padding: 0 30px;
    }

    .createPinCode label {
        width: 100%;
    }

    .pinNumberList {
        margin: 30px 0 0 0;
    }

    .pinNumberList li input {
        margin: 0 20px 0 0;
    }


    .checkbox-container label.checkboxLabel {
        padding: 0 0 0 27px;
    }

    .banner .banner-info h1 {
        font-size: 48px;
        line-height: 52px;
    }

    .premium-experience h2.large {
        font-size: 32px;
        line-height: 36px;
    }

    .pledge-qualities h2,
    .easy-living-section h3 {
        font-size: 36px;
        line-height: 44px;
    }

    h2,
    .pledgeway h2 {
        font-size: 42px;
    }

    .pledgeway h2 {
        margin-bottom: 20px;
    }

    .pledgeway.justGotEasier h2 {
        margin-bottom: 40px;
    }

    h2,
    .pledge-easy-section h2 {
        font-size: 42px;
        line-height: 42px;
    }




    .effortless-col h4 {
        font-size: 21px;
    }

    .effortless-col .left-col,
    .effortless-col .right-col {
        padding: 30px;
    }

    .account-type-section .text-content {
        padding: 30px 30px;
    }



    .banner {
        padding-bottom: 200px;
        padding-top: 60px;
    }

    .easy-living-section,
    .premium-experience .flex-col-two {
        padding: 60px 0;
    }

    .worldclassbenefits h2 {
        font-size: 28px;
        line-height: 32px;
    }

    .benefits-section {
        padding: 40px 30px 60px;
    }

    .benefits-section h3 {
        font-size: 34px;
        margin: 0 0 30px 0;
    }

    .worldclassbenefits .price-section {
        margin-bottom: 40px;

    }

    .question-answered-section h3 {
        font-size: 34px;
        line-height: 38px;
    }

    .question-answered-section {
        padding: 0 0 40px 0;
    }




    .two-col-form .form-section .full {
        width: 100%;
    }

    .contact-center .halfCol {
        width: 100%;

    }

    /*.contact-section  .container-md {
    padding: 0;
} */

    .account-type h2.font-md.golden {
        font-size: 38px;
        line-height: 40px;
    }

    #account_replenish_schedule_view .checkbox-container {
        margin-left: 0;
    }

    .contact-center label {
        white-space: normal;
    }

    .diposits-section p {
        font-size: 14px;
        line-height: 16px;

    }

    .account-type p.sub-head,
    .process-section-form p.main-head-form,
    .account-type .verification p.sub-head {
        font-size: 20px;
    }



    .contact-center label {
        font-size: 16px;
    }


    .tabs_views {
        padding: 40px 0;
    }

    #account_replenish_schedule_view label {
        font-size: 14px;
        line-height: 18px;
    }

    .checkbox-container input[type="checkbox"] ~ label:before,
    .checkbox-container input[type="radio"] ~ label:before,
    .checkbox-container input[type="radio"] ~ label:before {
        width: 20px;
        height: 20px;
        border: 3px solid #5E94BC;
        border-radius: 100%;
    }

    .diposits-section h2 {
        margin-bottom: 20px;
    }

    .checkbox-container {
        margin: 20px 30px 20px;
    }




    .checkbox-container input[type="checkbox"]:checked ~ label:after,
    .checkbox-container input[type="radio"]:checked ~ label:after,
    .checkbox-container input[type="radio"]:checked ~ label:after {
        left: 5px;
        top: 5px;
        border-radius: 100%;
        width: 10px;
        height: 10px;

    }


    .charge-card-form h2 {
        font-size: 56px;
        line-height: 60px;
    }

    .charge-card-form h2 {
        font-size: 37px;
        line-height: 38px;
    }

    /*.benefits-col .left-col {
    padding: 40px 15px;
}*/

    .benefits-section h3 {
        font-size: 26px;
        margin: 0 0 30px 0;
        line-height: 30px;
    }

    .banner p.golden-large br {
        display: none;
    }

    .banner .banner-info p {
        max-width: 90%;

    }

    .pledge-qualities h2 {
        font-size: 25px;
        line-height: 39px;
    }

    .pledge-qualities-list h4 {
        font-size: 24px;
        line-height: 28px;

    }




    .account-type-section .flex-col {
        margin: 0;
    }

    .account-type h2.font-md.golden {
        margin-bottom: 20px;
    }

    .signuporgnization {
        padding: 40px 20px;
    }

    .button-panel a {
        text-decoration: none;
        padding: 12px 30px;
        max-width: 350px;
    }

    .fullHeightPopup .button-panel a.text-btn {
        padding-left: 0;
    }

    .formPopup {
        max-width: 90%;
        padding: 60px 30px 40px;
    }

    .fullHeightFrom.formPopup {
        max-width: 100%;
        padding: 60px 15px 40px;
    }

    .formPopup {
        max-width: 90%;
        padding: 60px 15px 40px;
    }



    .overseenby .overseen-list li {
        padding: 0 20px 0 20px;
    }

    .EasyPledging .pledgeway-list .list-items {
        width: 100%;
    }

    .worldclassbenefits {
        padding: 60px 0 80px;
    }

    .contact-center .full {
        width: 100%;
    }

    .center-popup .contact-section .button-panel {
        margin: 40px 0 0;
    }

    .bookletAmountSection {
        margin-top: 0 !important;
    }

    .address-view > label > div span.address-label {
        margin-top: 0;
    }


    .center-popup h3 {
        font-size: 32px;
        line-height: 36px;
    }

    .donation_time {
        margin: 20px 0 40px;
    }

    .banner.page_404 .banner-info h1 {
        font-size: 52px;
        line-height: 54px;
    }

    .banner.page_404 .content-banner-left {
        margin-top: 20px;
    }

    .banner.page_404 .button-panel {
        margin-top: 40px;
    }

    .page_404 .image404 {
        max-width: 90%;
        margin: 0 auto;

    }

    .navigation-section .logo img {
        width: 150px;
    }

    .header .container-md {
        padding: 0 20px;
    }


    .plan-buttons {
        margin: 20px 0 0;
    }

    .plan-buttons .button-panel a {
        padding: 0 20px;
    }

    ul.plan-lis-info li {
        margin-bottom: 10px;
    }

    ul.plan-lis-info {
        margin: 20px 0 0 0;
    }



    table {
        border-radius: 10px;
    }

    .worldclassbenefits .cols:nth-child(2) {
        width: 100%;
    }

    .banner .content-banner-left {
        margin-top: 0;
    }

    .mutiple-list p {
        padding-left: 0;
        padding-right: 0;
    }

    .account-type .account-type-section .flex-col {
        margin-bottom: 30px;
    }


    .premium-experience .flex-col-two {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pledgeway {
        padding: 40px 0 40px 0;
    }

    .pledgeway .container-md {
        padding: 0 10px;
    }

    .method-section .button-panel .text-btn {
        margin-left: 20px;
    }

    .method-section .button-panel .text-btn {
        font-size: 16px;
    }




    .greyBgSection {
        padding: 30px 0 80px;
    }

    .charge-card-form {
        padding: 30px 0 80px;
    }



    .pinNumberList li input {
        margin: 0 5px 0 0;
    }

    .createPinCode label {
        margin-bottom: 10px;
    }

    .greyBgSection .heading-section {
        margin: 0 0 40px 0;
    }


    .verify-account-section {
        padding: 30px 20px 0;

    }



    .verify-account-section {
        padding-left: 30px;
    }

    .verification.expand .verify-account-section {
        padding-left: 30px;
    }


    .blueBgForm .contact-section .button-panel {
        flex-wrap: wrap;
        margin-top: 35px;
    }

    .skipNow svg {
        display: inline-block;
    }

    .skipNow {
        margin: 30px 0 0 0 !important;
    }

    .familyFundPopup .contact-section .button-panel {
        justify-content: center;
    }

    .blueBgForm .text-btn {
        text-align: center;
    }

    .deposit-method-info-section {
        font-size: 16px;
        line-height: 26px;
    }

    .verifications-list-content {
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .contact-center .full {
        margin-bottom: 30px;
    }

    .contact-center label {
        margin-bottom: 0;
    }

    .deposit-method-info-section .sub-heading-info,
    .deposit-method-info-section .link-section {
        font-size: 15px;
    }

    .deposit-method-info-section .heading-sections-small {
        font-size: 18px;
    }

}



@media(max-width: 430px) {

    .banner .banner-info h1 {
        font-size: 48px;
        line-height: 45px;
    }

    .banner {
        padding-bottom: 160px;
        padding-top: 30px;
    }

    h2,
    .pledge-easy-section h2,
    .account-type h2.font-md.golden,
    .process-partnering h3 {
        font-size: 34px;
        line-height: 36px;
    }


    .easy-living-section p {
        font-size: 18px;
        padding: 0;
        line-height: 18px;

    }

    .easy-living-section .button-section h2,
    .premium-experience h2.large {
        margin-bottom: 30px;

    }

    .account-type .button-section {
        padding: 40px 0 0;
    }

    .premium-experience .flex-col .content {
        margin: 0 0 40px 0;
    }

    .premium-experience .text-btn.golden {
        padding: 12px 10px;
    }

    .premium-experience {
        padding-bottom: 80px;

    }

    .pledger-promise {
        padding: 80px 0;
    }

    .overseenby {
        padding-top: 0;
    }

    .overseenby p {
        padding-top: 20px;
    }

    .pledgeway .button-panel {
        margin-top: 10px;
    }

    .pledge-easy-section h2.font-md.golden {
        margin-bottom: 20px;
    }

    .pledge-account-info {
        padding: 60px 20px;
    }

    .pledge-easy-section .button-panel {
        padding: 40px 0 60px;
    }

    .pledge-qualities h2 {
        font-size: 25px;
        line-height: 32px;
    }

    .benefits-col {
        margin-top: 40px;
    }

    .account-plans .account-type-section .text-content {
        max-width: 90%;
    }

    ul.plan-lis-info {
        text-align: center;
    }

    .pledge-easy-section .button-panel {
        padding-top: 40px;
    }

    .worldclassbenefits h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .flying-record {
        padding: 60px 0 80px;
    }

    .signuporgnization {
        margin-top: 40px;
    }

    .flying-record .button-panel {
        margin-top: 40px;
    }

    .banner .container-md {
        padding: 0 20px;
    }

    .signup-steps-section .account-type {
        padding: 40px 0 20px 0;
    }



    .contact-section {
        padding: 30px 0 60px 0;
    }

    #add_address_popup .button-panel {
        margin: 10px 0 0;
    }

    .multipmedium h2,
    h2,
    .pledgeway h2 {
        font-size: 37px;
        line-height: 38px;
        padding: 0 20px;
    }


    .multipmedium {
        padding: 40px 0 40px 0;
    }

    .pledge-qualities h2 {
        padding-left: 0;
        padding-right: 0;
    }

    .premium-experience h2 {
        padding-left: 0;
        padding-right: 0;
    }


    .banner p.golden-large {
        font-size: 16px;
    }

    .method-section {
        font-size: 14px;
    }

    .greyBgSection h2 {
        padding: 0;
        margin-bottom: 40px;
    }

    .contact-section .button-panel {
        margin: 40px 0 0;
    }



    .contact-section .container-sm {
        padding: 0 20px;
    }

    #signup_welcome_popup {
        width: 92%;
    }

}