@media(max-width: 991px){
    
    .about-section .flex-container{flex-wrap:wrap; padding: 80px 0;}
    
    .about-section .flex-container .text-section{order:2;}
    
    .total-participants{padding: 60px 0; min-width: inherit; max-width: inherit; width:100%; margin: 0 0 30px;}
    
    .find-your-partner-bg{
        min-height: 441px;
    }
     .steps-form-section {
    margin-top: -350px;
}
.form-input-wrap .form-list {   width: 70%;}
.main-bar { width: 30%;}
    
    .footer {
    margin: 100px 0 0;
}
    
}


@media(max-width: 850px){
    
    .step-form-content{padding: 40px;} 
    
    .wizard-content .wizard>.content{padding: 0 30px 30px 30px;}
    
    .steps-form-section .container{padding: 0;}
    
    .wizard-content .wizard.wizard-circle>.steps>ul>li:after, .wizard-content .wizard.wizard-circle>.steps>ul>li:before{width:30%;}
    
    
}


@media(max-width: 767px){
    
    .step-form-content {
    padding: 30px;
}
    
    .container{padding: 0 16px;}   
    .wizard-content .wizard>.content {
    padding: 0 0 30px 0;
}
    
    .step-form-content .flex-container{grid-template-columns: 1fr;}
    
    .step-form-content .flex-container .left-col{order:2; margin-top:40px;}
    .step-form-content .flex-container .right-col{order:1}

    .summary-section {  box-shadow: none;  padding: 0; border-bottom: 1px solid #364a51;  border-radius: 0; background: unset; }
    .summary-section h3 span{display: block;}
    
    .wizard-content .wizard>.actions>ul{margin-top: 10px;}
    
    .footer {
    margin: 60px 0 0; padding: 40px 0;
}
    
    .footer .flex-container{flex-wrap:wrap; justify-content: center; text-align: center;}
    
    .footer .flex-container .left-col{width:100%; margin: 0 0 20px 0; flex-wrap:wrap; text-align: center; justify-content: center;}
    
    .about-section .flex-container {
    padding: 60px 0;
}
    
    .footer .flex-container .logo{width:100%; margin: 0 0 20px 0;}
    
   .participants-info h1 {
    font-size: 60px;
    line-height: 70px;
}
    
    .summary-section h3{pointer-events: all;}
    
    .banner .container{padding: 0;}
    .banner .desktop{display: none;}
    .banner .mobile{display: block;}
    .about-section .title-section h1 { text-align: center; }
    .form-list-wrapper {
         justify-content: center; 
    }
    .donation-info-sec .info-details { display: block; }
    .donation-info-sec .info-details .title, .donation-info-sec .info-details .billing-info-wrapper, .donation-info-sec .left-col .thank-you-content {width: 100%; max-width: 100%;}
    
}



@media(max-width: 575px){
    .radio-toggle-button .radio-col .name{font-size:20px;}
    
    .radio-toggle-button [type="radio"] + label{padding-left: 10px;}
    
    .radio-toggle-button .radio-col .name {
    margin-left: 10px;
}
    
    .radio-toggle-button [type="radio"]:checked + label:after, .radio-toggle-button [type="radio"]:not(:checked) + label:after{right:20px;}
    
    .skip-step{position: absolute; bottom:-40px;}
    
    .wizard-content .wizard{padding-bottom: 50px;}
    .footer{margin-top:20px;}
     .wizard-content .wizard.wizard-circle>.steps>ul>li:after, .wizard-content .wizard.wizard-circle>.steps>ul>li:before{width:25%;}
    
    .total-participants .icon img{height: 74px;}
    .participants-info p{font-size:20px;}
    
    .total-participants{padding: 40px 0;}
    
    .donation-list{flex-wrap:wrap; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px;  grid-row-gap: 20px; margin-top: 35px;}
    
    .radio-single{margin: 0;}
    
    .thank-you-wrapper .icon img{height: 70px; width: auto;}
    .thank-you-wrapper h2{font-size:42px; line-height: 50px;}
    .thank-you-wrapper p.large{font-size:24px; line-height: 32px;}
    .thank-you-wrapper .icon{margin-bottom: 30px;}
   .ohel-logo img {
    height: 40px;
}
    
    .ohel-logo{right: 50px;}
    
    .otherInputSection .small-text{font-size:13px!important; line-height: 16px!important;}
    .otherInputSection .text-section{font-size:20px; margin-left: 10px;}
    .video-banner-section {
    padding: 40px 0;
}
.thank-you-donation  h2 { font-size: 42px; padding: 0px 18px;}
.thank-you-donation p.large:before {bottom: -54px;}
.thank-you-donation .thank-you-content, .donation-info-sec .left-col .thank-you-content { gap: 14px;}
.thank-you-donation .thank-you-inner {max-width: 100%;padding-top: 100px;}
.thank-you-donation h4, .thank-you-donation h4 span { max-width: 100%;}
/* .thank-you-content a { display: inline-block; width: 100%;} */
.thank-you-content p, .donation-info-sec .left-col .thank-you-content p { font-size: 12px; line-height: 120%;}
.thank-you-donation h4 { font-size: 18px; max-width: 100%;}
.thank-you-donation h4 span {  font-size: 30px; display: block; padding: 0; flex-wrap: wrap;}
.flex-col-multi-col {grid-column-gap: 15px;}
.donation-btn {margin-bottom: 50px; margin-top: 50px;}
.card-number-option {gap: 90px;}
    
}



@media(max-width: 480px){
.otherInputSection {
    padding: 20px 10px;
    }
    .total-participants .center-content .leftHand {
        margin-left: 0px; 
    }
    .step-form-content {
        padding: 20px;
    }
    .thank-you-donation .thank-you-content a img, .donation-info-sec .left-col .thank-you-content a img { max-width: 80px;}
    
}