@media(max-width:1399px) {
#menu ul li a {padding: 5px 11px;}
.btn-primary{padding: 10px 17px;}









}
@media(max-width:1299px) {


.believes-sec h2 {font-size: 36px;}



}

@media (max-width:1199px) {
 header .logo a img {max-width: 140px;}
 .hero-sec .logo {margin-bottom: 20px;}
 .hero-sec .logo img {max-width: 190px;}
#menu ul li a {font-size: 14px;padding: 5px 7px;}
.head-btn .btn-secondary{padding: 10px 12px;}
.head-btn .btn-primary { padding: 8px 16px;}
.head-btn {gap: 5px;}
section {padding:50px 0;}
h2 {font-size: 26px;line-height: 34px;}
.comired-sec .content-box .tag {margin: 14px 0 18px 0; font-size: 16px;}
.btn-primary{padding: 10px 20px;}
.eco-sec .heading h2 {margin-bottom: 10px;}
.eco-sec .btn {margin-top: 10px;}
.eco-sec .line {margin-top: 30px;}
.health-sec .tag {margin: 0 auto 36px auto;}
.health-card .title h3 {margin-bottom: 18px;}
.top-heading {font-size: 20px;margin-bottom: 10px;}
.gap-60 {height: 36px;}
.main-log .logo-box {gap: 10px;}
.social-links svg {width: 20px;height: 20px;}
.menubar .logo {font-size: 24px;}
.banner-sec .heading h1 {font-size:50px;}
.threat-sec .threat-box {border-radius: 20px;padding: 50px;}
.threat-sec .threat-box h2 {margin-bottom: 16px;}
.threat-sec .threat-box .triple img {max-width: 540px;}
.threat-sec .threat-box .triple {margin-bottom: 30px;}
.story-sec .quote {margin-top: 20px;}
.story-sec blockquote {font-size: 20px;}
h3 {font-size:18px;line-height:20px;}
.solution-card {gap: 20px;}
.solution-card .card-image img {max-width: 55px;height: 55px;}
.impact-sec .heading {margin-bottom: 50px;}
.buttons {gap: 20px;}
.btn-secondary{padding: 9px 10px;}
.member-card .designation .name {transform: translateY(-25px);}
.outcone-sec .key-card {padding: 18px;}
.project-sec .heading {margin-bottom: 30px;}
.banner-sec {min-height: 250px;}
.service-steps .steps-card {padding: 0px 20px;}
h4 {font-size: 20px;line-height: 26px;}
.make-sec .left-box img{max-width:340px;}
.make-sec .right-box img {max-width: 250px;}
.gift-sec .heading h2 {margin-bottom: 20px;}
.faq-sec .heading h2 {font-size: 30px;}
.faq-sec .row {row-gap: 20px;}
.faq-sec .accordion-button {font-size: 16px;}
.life-sec {margin-top: -30px;}
.support-grid{grid-template-columns:repeat(3,1fr);}
.step-icon::after {left: 130%;width: 40px;}
.hero-section h1 {font-size: 39px;}
.join-box .heading h2 {font-size: 38px;line-height: 44px;}
.join-box .heading img {max-width: 250px;}
.join-box .heading {
	margin-bottom: 20px;}



}
@media (max-width:1024px) {



















}
@media(max-width:991px){
header {position: fixed;top: 0;left: 0;width: 100%; z-index: 9999999999999999;border: none;} 
.topbar { width:100%; position:relative;z-index: 999;}
.topbar .logo a{font-size: 32px;font-weight: 400;}
header .logo{width: 180px;}
.topbar ul.top_right_contents{padding:0 ;margin:8px 0 0 0;list-style:none;color: #000; text-align: center;}
.topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block; line-height: 1;text-align: end;}
.topbar ul.top_right_contents li a.menu_open i {font-size: 30px;color: white}
header.inner .topbar ul.top_right_contents li a.menu_open i {font-size: 30px;color: black;}
.inner-header .topbar ul.top_right_contents li a.menu_open i{color: var(--dark);}
.topbar.sticky{margin:0;position:fixed;top:0;left:0;width:100%;z-index:999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out;;border-bottom: 2px solid #EB0000;background: #FFFFFF1A;backdrop-filter: blur(40px);  mix-blend-mode: difference; display: none;}
.topbar ul.top_right_contents{padding:0;margin:0;list-style:none; text-align: right;}
.topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block;margin-right: 20px;  line-height: 1;}
.topbar ul.top_right_contents li:last-child {margin-right: 0;}
.topbar ul.top_right_contents li a{line-height: 1;transition: all .2s ease;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.topbar ul.top_right_contents li a img{transition: all .2s ease;}
.topbar ul.top_right_contents li a:hover img{filter: invert(1);}
.topbar ul.top_right_contents li a i {font-size: 30px;color: white;}
.topbar ul.top_right_contents li a i.user { font-size: 34px;}
.topbar ul.top_right_contents li a.menu_open img{width: 19px;}
.menu_overlay {position: fixed; right:0; bottom:0; left:0; z-index:9999;width:100%;height: 100%;background: rgba(0, 0, 0, 0.75);}
.menu_toggler {margin:15px 0 0;}
.menu_toggler .icons {font-size:26px; color:#212121}
.menu_head {background:#000;text-align: center; position: relative;color:#fff;}
.menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;}
.menu_close {text-align: start;margin-bottom: 20px;padding: 0;}
.menu_close a{height: 44px;width: 44px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: var(--white);transition: all .3s ease-in;}
.menu_close a:hover{background: var(--black);}
.menu_close a img{width: 24px;transition: all .3s ease-in;}
.menu_close a:hover img{filter: invert(1);}
.mobile_menu_wrap {position: fixed; width: 40%; bottom: 0; right:-100%; z-index:99999; padding:0 0 75px; transition: all.5s ease-in; transition-delay: .1s; height: 100vh;top: 0;}
.mobile_menu_wrap .form-control{width: 80%;}
.mobile_menu_wrap.menu_show {right:0; background: var(--primary);padding:0 20px;}
.mobile_menu_wrap ul { margin:10px 0 0 0; list-style:none; font-size: 16px;font-weight: 400;}
.mobile_menu_wrap ul.main_menu {margin-bottom: 10px;}
.mobile_menu_wrap ul.main_menu li{padding:0 ;color: var(--white);}
.main_menu li.active a{font-weight: bold;}
.mobile_menu_wrap ul.main_menu li a {font-size:17px; text-decoration: none;}
.mobile_menu_wrap ul li a {position: relative; display: block;margin-top: 20px; width: 100%; color: var(--white);}
.mobile_menu_wrap ul li.hassub {position: relative;width: 100%;display: inline-block;}
.mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute;right: 0;top: 4px;font-size: 18px;width: 100%;text-align: end;}
.mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 220px;background-color: var(--primary); margin:0; transition: all linear 0.3s; padding:48px 0 100px; overflow: auto; z-index: 9; visibility:hidden; box-shadow: 0 4px 16px 0 #00000020;border-left:1px solid var(--dark2) ;padding-left: 20px;}
.mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background: var(--dark);left: 0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #fff; padding:10px 20px;margin-top: 0px;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa { margin-right: 5px;}
.menu_close a {height: 30px;width: 30px;}
.menu_close a img {width: 20px;}
.mobile_menu_wrap ul.main_menu li a {font-size: 14px;}
section {padding:40px 0;}
.comired-sec .row{row-gap: 30px;flex-direction: column-reverse;}
.eco-sec .heading p {font-size: 14px;max-width: unset;}
.steps-sec .owl-nav {top: -60px;}
.step-card p{font-size: 16px;}
.step-card .content span {margin: 16px 0;font-size: 16px;}
.step-card .actor img {max-width: 100px;}
.mob img {max-width: 120px !important;}
.step-card .health img {max-width: 210px;}
.health-card .image-box {height: 160px;}
.health-sec .tag {margin: 0 auto 20px auto;}
.health-card .title h3 {margin-bottom: 18px;line-height:22px;}
.case-study-sec p{font-size: 14px;}
.gap-60 {height: 20px;}
.image-slider .owl-nav {top:50%;transform: translateY(-50%);}
.image-slider .owl-nav button span {font-size: 30px;}
.image-slider .owl-nav button {width: 40px;height: 40px;}
.topbar .logo{font-size:24px;font-weight: 700;color: var(--white);}
.top-sec .chmapion-card .title {font-size: 18px;}
.top-sec .chmapion-card{gap: 14px;}
h4 {font-size: 20px;}
.contact-sec .form-main{margin: 30px 0;}
.metric-card{gap:16px;}
h3 {font-size: 18px;line-height: 22px;}
header .logo img {max-width:100px;}
.mass-sec .row{row-gap: 30px;}
.threat-card .card-icon {width: 60px;height: 60px;top: -36px;}
.threat-card .card-icon img { max-width: 30px;}
.threat-sec .owl-carousel .threat-card {min-height: 200px;padding: 40px 30px 30px 30px;}
.sol-sec .heading {margin-bottom: 0px;}
.sol-sec .row {row-gap: 30px;}
.impact-sec .row {row-gap: 60px;}
.impact-sec .heading {margin-bottom: 10px;}
.banner-sec .heading h1 {font-size: 38px;}
.problem-sec table strong {margin-bottom: 10px;font-size: 16px;}
.problem-sec table td {padding: 18px;}
.member-card .img-box {width: 100%; max-width: 233px; margin: 0 auto;}
.highlight-sec .row{row-gap: 30px;justify-content: center;}
.champ-card .title{padding: 20px;}
.contact-sec .map-box{position: unset;width: 100%;height: 400px;}
.contact-sec iframe{width: 100%;height: 100%;}
.contact-sec > .container > .row{flex-direction: column-reverse;}
.contact-sec form button {width: 100%;}
.outcone-sec .row{row-gap:20px;}
.threat-sec .row {row-gap: 20px;}
.threat-content p{font-size: 14px;}
.stats .stat-box h3 {font-size: 20px;line-height: 30px;}
p{font-size: 16px;}
.news-sec {min-height: 350px;}
.exist-sec .exist-box {padding:15px;}
.step-slider .owl-stage-outer{padding-top:0px;}
.exist-sec .row{row-gap: 20px;flex-direction: column-reverse;}
.side-bar{margin-top:20px;}
.steps-sec .cards-row {row-gap: 50px;}
.steps-card .meet-card {padding: 20px 20px;}
h4 {font-size: 18px;}
.outcone-sec .key-card{border-right: 0;}
.key-card .icon-box {margin-bottom: 10px;}
.outcone-sec .key-card ul{margin-top: 0;}
.steps-slider .owl-stage-outer {padding-top: 40px;}
.consult-sec .row{row-gap:20px;}
.consult-sec .fintech ul li {margin-bottom: 5px;font-size: 16px;}
.consult-sec .image-box{display: flex;align-items: center;justify-content: center;}
.passionate-sec .experinece-box {flex-direction: column;gap: 20px;}
.passionate-sec .experinece-box .icon img {max-width: 80px;}
.make-sec {padding: 60px 0;margin: 60px 0;}
.make-sec .image-box{margin-bottom:20px;}
.make-sec .image-box img{width: 100%;height: auto;border-radius:20px;}
.make-sec .heading h2 span{display: inline;}
.make-sec .heading h2, .gift-sec .heading h2 {font-size: 30px;}
.gift-sec .row {row-gap: 20px;}
.money-stats .stat-box h3 {font-size: 30px;line-height: 36px;}
.money-stats .owner-box {font-size: 14px;}
.ample-sec h2{font-size: 30px;line-height: 36px;}
.ample-sec .heading {margin-bottom: 40px;}
.ample-box img {max-width: 120px;}
.ample-box {gap: 10px;}
.ample-sec .logo-row {row-gap: 20px;}
.ample-sec .heading {margin-bottom: 20px;}
.life-sec {margin-top: 0};
.faq-sec .accordion-button::after {font-size: 24px;}
.faq-sec .accordion-body p {font-size: 14px;line-height: 20px;}
.faq-sec .heading h2 {font-size: 24px;}
.faq-sec, .life-sec{border-radius: 0;}
.life-sec {min-height: 300px;}
.life-sec .heading h2 {font-size: 30px;}
.donation-sec .image-box img{min-height: unset;width: 100%;}
.donation-sec .row{row-gap: 20px;}
.donation-sec .form-box{display: flex;justify-content: center;}
 .challenge-title{
        font-size:34px;
    }

    .metric-number{
        font-size:50px;
    }

     .main-heading h2{
        font-size:48px;
    }

    .connector{
        display:none;
    }

    .journey-card{
        margin-bottom:40px;
    }

    .action-item{
        border-right:none !important;
        border-bottom:none;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .banner-points{
        flex-wrap:wrap;
        gap:20px;
    }

    .point{
        width:50%;
        border:none;
    }

    .champion-banner h2{
        font-size:38px;
    }

    .final-tagline{
        font-size:26px;
    }

.support-grid{grid-template-columns:repeat(3,1fr);}
.step-icon::after{display: none;}
.icon-box {width: 90px;height: 90px;}
.hero-section .tag-box{justify-content: start;}
.hero-section .highlight img{max-width: 300px;}

.count-sec .col-md-6:nth-child(even) .count-card{border-right: 0;}
	
	.count-sec .row{row-gap:20px;}
	.inner-sec h2 {font-size: 28px;}
	.inner-sec p {font-size: 16px;}
	.count-sec .heading h2 {font-size: 26px;}
	.donate-sec .text-box h2 {font-size: 28px;}
	.donate-sec .text-box p {max-width: 537px;font-size: 18px;}
	
	
	.champion-model-section {padding: 60px 0;}
.optimizer-sec .heading h2

 {
    font-size: 34px;
    line-height: 40px;
    text-align: center;
	 margin-bottom: 20px;}




.optimizer-sec .cards-row {
    row-gap: 10px;
    justify-content: center;
}

.news-sec .container > .row{flex-direction:column-reverse;row-gap: 30px;}
	
	 .champion-program-banner{background-position:right top !important ;}
    .care-box .text{text-align: center;}
	
	
	
	
	
}









   

@media (max-width:767px) {
.hero-sec .logo img {max-width: 160px;}
h1 {font-size: 30px;line-height: 36px;}
.hero-sec .btn-primary {font-size: 12px;padding: 10px 20px;}
.hero-sec .btn-secondary {font-size: 12px;padding: 10px 20px;}
.hero-sec .help {gap: 16px;}
.comired-sec .row {row-gap: 20px;}
h2 {font-size: 22px;line-height: 28px;}
.comired-sec .content-box .tag {margin: 10px 0 12px 0;font-size: 14px;}
.comired-sec .content-box p {font-size: 14px;}
.btn-primary {padding: 8px 10px;font-size: 12px;}
section {padding: 30px 0;}
.steps-sec #slider .step-card {gap: 24px;flex-direction: column-reverse;display: flex;justify-content: center;align-items: center;}
.steps-sec #slider .owl-next, .steps-sec #slider .owl-prev{height: 18px;min-width: 18px;}
.steps-sec .owl-nav {top: -30px;}
.step-card .heading {margin-bottom: 12px;}
.step-card p {font-size: 14px;}
.step-card .content span {margin: 10px 0;font-size: 14px;}
.health-sec .row{row-gap: 20px;}
.health-sec .tag {font-size: 14px;}
.top-heading {font-size: 16px;}
.main-log {gap: 18px;align-items:center;flex-wrap: wrap;}
.main-log .logo-box img {height: 50px;}
.banner-sec .heading {margin-top: 30px;}
.banner-sec .heading h1 {font-size: 30px;line-height: 40px;}
.topbar .logo {font-size: 20px;}
.threat-sec .threat-box {padding: 30px;}
.threat-sec .threat-box .triple img {max-width: 400px;}
.threat-sec .threat-box .heading p{font-size: 14px;}
footer ul li + li {margin-top: 7px;}
footer .logo-footer img{max-width: 140px;width: 100%;}
footer .copywrite {font-size: 14px;}
.threat-box .heading ul li {margin-bottom: 10px;font-size: 14px;}
.badges-sec .logo-box img{max-width:90px;width:100%;}
.badges-sec .logo-box{height: 100px;}
.top-sec .chmapion-card img {max-width: 200px;}
.contact-sec .form-main {margin-top: 20px;}
h4 {font-size: 18px;line-height: 24px;}
.contact-sec form button{padding: 10px 20px;font-size: 12px;}
.comired-sec ul li {font-size: 14px;}
p{font-size: 14px;line-height: 20px;}
.solution-card .card-image img {max-width: 45px;height: 45px;}
.sol-sec .row {row-gap: 20px;}
.btn-secondary{padding: 8px 10px;font-size: 12px;}
.content span {font-size: 14px;}
.get-involved-sec .btn-box{flex-direction: row;justify-content: end;}
h2{margin-bottom:10px;}
.social-links svg { width: 14px; height: 14px;}
.table-scroll table{min-width: 720px;}
.member-card .img-box {max-width: 170px;}
.member-card .designation .name {padding: 5px;}
.outcone-sec .row{row-gap:20px;}
.stats .stat-box h3 {font-size: 17px;line-height: 23px;}
p{font-size:14px;}
.nav-pills .nav-link{font-size: 14px;}
.project-sec .cards-row {row-gap: 10px;}
.news-sec {min-height: 300px;}
.news-sec form .row{row-gap: 20px;}
.news-sec .sign-box {margin-top: 20px;}
.news-sec .sign-box img{max-width: 100px;width:100%;}
.steps-card .meet-card{font-size:14px;}
.consult-sec .fintech ul li {margin-bottom: 5px;font-size: 14px;}
.consult-sec .fintech ul li::before {width: 20px;height: 20px;margin-right: 10px;}
.make-sec { padding: 40px 0; margin: 40px 0;}
.make-sec .heading h2, .gift-sec .heading h2 {font-size: 26px;line-height: 32px;}
.gift-sec .heading p {font-size: 14px;line-height: 20px;}
.money-stats .stat-box h3 {font-size: 26px;line-height: 32px;}
.ample-sec .heading h2{font-size: 26px;line-height: 32px;}
.impact-box{margin-top: 0;}
.ample-box h3 {min-height: 30px;}
.life-sec { min-height: 250px;}
.life-sec .heading h2 { font-size: 26px;line-height: 32px;}
 .challenge-title{
        font-size:28px;
    }

    .metric-number{
        font-size:40px;
    }

    .metric-card{
        padding:20px 15px;
    }

     .main-heading h2{
        font-size:38px;
    }

    .leaders-title{
        flex-wrap:wrap;
    }

    .leaders-title .line{
        display:none;
    }


    .point{
        width:100%;
    }

    .champion-banner h2{
        font-size:30px;
    }

    .final-tagline{
        font-size:22px;
    }

.support-grid{grid-template-columns:repeat(2,1fr);}
.hero-section .tag-box img {max-width: 80px;}
.request-box h3 {font-size: 24px;font-weight: 600;line-height: 1.1;}
.request-box{padding: 20px;}
.side-box .icon img {max-width: 80px;}
.count-card{border-right: 0;}
	    .inner-sec h2 {font-size: 22px;}
	    .inner-sec p {font-size: 14px;}
	    .believes-sec h2 {font-size: 30px;}
	.contact-form-modal#popupFormDonate .form-box {
    width: 100%;
}


.count-sec .heading h2 {
    font-size: 22px;
}
	
	
	.donate-sec .text-box h2 {font-size: 23px;}
	.donate-sec .text-box p {max-width: 537px;font-size: 16px;}
	.donate-sec .text-box{gap:10px;}
.leaders-title h3 {font-size: 28px;line-height: 34px;margin-bottom: 40px;}
.leader-actions {margin-bottom:30px;}

.champion-model-section {padding: 40px 0;}	
.leaders-title{margin-bottom:40px;}
	
.optimizer-sec .heading h2 {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    margin-bottom: 10px;
}
	
    .join-box .heading h2 {
        font-size: 32px;
        line-height: 38px;
    }	
	
    .join-box .heading img {
        max-width: 200px;
    }
.join-box p {
    font-size: 14px;
	line-height: 20px;}	


.champion-program-banner.banner-sec .heading{background-color: #ffffff79;padding: 20px;}
.care-sec .certify-box .right-box{flex-direction: column;}
.care-sec .certify-box .right-box .icon{max-width: 130px;}
.icon-inner img {max-width: 26px;object-fit: contain;}

	
}
@media (max-width:575px) {
h1 {font-size: 26px;line-height: 30px;}
.hero-sec .btn-primary{padding: 10px;}
.hero-sec .btn-secondary{padding: 10px;}
.image-slider .owl-nav button {width: 30px;height: 30px;}
h6 {font-size: 16px;line-height: 20px;}
.impact-sec .row {row-gap: 45px;}
.topbar ul.top_right_contents li a.menu_open i {font-size: 23px;}
.footer-links {font-size: 12px;}
.stats .owner-box {font-size: 12px;}
.project-sec .btn{width: 100%;margin-bottom: 20px;}
.ample-box img {max-width: 100px;}
h3 { font-size: 16px; line-height: 20px;}
.support-grid{grid-template-columns:1fr;}
.step-icon {width: 80px;}
.hero-section .tag-box {font-size: 14px;}
.feature-box .icon img {max-width: 70px;}

.doante-banner p {
    font-size: 17px;
    max-width: 420px;
    line-height: 1.3;
}
.leaders-title h3 {font-size: 24px;line-height: 30px;margin-bottom: 20px;}
.icon-bg img{ min-width: 80px;}

.champion-model-section {padding: 20px 0;}	
.leaders-title{margin-bottom:30px;}
h5 {font-size: 18px;line-height: 24px;font-weight: 600;}
	
	
	
}

@media(max-width:375px){
    h5 {
    font-size: 18px;
    line-height: 24px;}
}