@media screen and (max-width:1024px) {
    .site-header {
        padding: 10px 0px;
    }

    .site-header .main-nav {
        display: none;
    }

    .menu-toggle {
        display: inline-block;
    }

    .whywe-exist .whywe-info h3 br {
        display: none;
    }

    .scale-tabs .tab-title {
        font-size: 22px;
        line-height: 32px;
    }

    .scale-tabs .result-trip .result-card p {
        font-size: 20px;
        line-height: 24px;
    }

    .scale-tabs .result-trip .result-card h4 {
        font-size: 25px;
    }

    .logo-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
    }

    .mission-card p br {
        display: none;
    }

    .beyond-card .beyond-card-body .icon-info .icon {
        width: 80px;
        height: 80px;
        padding: 15px;
    }

    .beyond-card .beyond-card-body .icon-info {
        min-width: 260px;
    }

    .beyond-card .beyond-card-body .ex-inf p {
        font-size: 14px;
        line-height: 20px;
    }

    .beyond-card .beyond-card-body .ex-inf h6 {
        font-size: 25px;
    }

    .beyond-card .beyond-card-body .icon-info p {
        font-size: 14px;
        line-height: 20px;
    }

    .beyond-wrapper {
        padding: 20px;
    }

    .beyond-card .beyond-card-body .icon-info h5 {
        font-size: 20px;
    }

    .testimonial-box {
        padding: 60px 60px;
    }

    .aim-tabs .nav-item .nav-link {
        padding: 10px 10px 10px 10px;
    }

    .news-card .news-card-body .new-info h3 a {
        font-size: 20px;
        line-height: 20px;
    }

    .every-stage .stage-info .info-block p {
        font-size: 16px;
    }

    .every-stage .stage-info h3 {
        font-size: 25px;
        padding: 15px 15px;
    }

    .every-stage .stage-info .info-block h4 {
        font-size: 20px;
        line-height: 26px;
    }

    .work-card .work-card-body .info h3 {
        font-size: 16px;
        line-height: 21px;
    }

    .work-card .work-card-body .info p {
        font-size: 16px;
        line-height: 20px;
    }

    .valu-card .valu-card-body .valu-icon {
        max-width: 100px;
        padding: 0 15px;
    }

    .valu-card .valu-card-body ul li {
        font-size: 14px;
        line-height: 20px;
    }

    .canvas-info .canvas-block .title {
        padding: 0px 20px;
    }
}

@media screen and (max-width:991px) {
    .scale-tabs .result-trip {
        padding: 15px;
    }

    .scale-tabs .result-trip .result-card p {
        font-size: 16px;
    }

    .logo-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .site-footer .footer-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .site-footer .footer-row .footer-col:not(:last-of-type) {
        padding-right: 10%;
    }

    .beyond-card .beyond-card-body {
        flex-direction: column;
    }

    .beyond-card .beyond-card-body>div:not(:last-of-type) {
        border-right: none;
        padding-right: 0px;
        border-bottom: 1px solid #297999;
        padding-bottom: 20px;
    }

    .beyond-wrapper .title h4 {
        font-size: 32px;
        line-height: 42px;
    }

    .achieve-aim .right-side {
        padding-left: 60px;
    }

    .achieve-aim .left-side::before {
        left: -65%;
    }

    .tab-content .tab-title {
        font-size: 25px;
        margin-bottom: 30px;
    }

    .achieve-aim .left-side {
        padding-right: calc(var(--bs-gutter-x) * .5);
    }

    .coalition-card .coalition-card-body .coalition-title h3 {
        font-size: 19px;
        line-height: 27px;
    }

    .coalition-card .coalition-card-body .coalition-title .img-title {
        padding: 7px;
    }

    .every-stage .left-block {
        border-radius: 16px 16px 0px 0px;
    }

    .every-stage .right-block {
        border-radius: 0px 0px 16px 16px;
    }

    .work-card-row .col-lg-2 {
        width: 33.33333333%;
    }


    .blog-card .blog-card-body .blog-info p {
        font-size: 16px;
    }

    .blog-card .blog-card-body .blog-info .blg-link {
        margin-top: 10px;
        font-size: 16px;
    }

    .blog-card .blog-card-body .blog-info h3 {
        margin-bottom: 10px;
    }

    .blog-card .blog-card-body .blog-info .category {
        margin-bottom: 10px;
    }

    .blog-card .blog-card-body .blog-img {
        max-width: 250px;
    }

    .blog-main-details .blg-right {
        padding-left: 20px;
    }

    .time-line-card.hide-mob {
        display: none;
    }

    .time-line-top,
    .time-line-bottom {
        gap: 50px;
    }

    .valu-card .valu-card-body .valu-icon {
        max-width: 155px;
        padding: 15px 15px;
    }

    .canvas-info .canvas-block {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .canvas-info .canvas-block .title {
        max-width: 100%;
    }

    .canvas-info .canvas-block .info {
        flex: 1;
        padding-left: 0;
        padding-top: 20px;
    }

    .canvas-info .canvas-block .title {
        max-width: 100%;
        padding: 0;
    }
}


@media screen and (max-width:767px) {
    .site-header .main-header .brand-logo {
        max-width: 130px;
    }

    .site-header .main-header .right-header .nav-btns .search-btn {
        font-size: 0;
        gap: 0;
    }

    .site-header .main-header .right-header .nav-btns .search-btn i {
        font-size: 16px;
    }

    .site-header .main-header .right-header .nav-btns .btn-dark {
        display: none;
    }

    .main-banner .banner-content h1 {
        font-size: 30px;
        line-height: 42px;
    }

    .main-banner .banner-content p {
        font-size: 16px;
        line-height: 24px;
    }

    .main-banner .banner-content .btn-border-white {
        font-size: 16px;
    }

    .padding-bottom {
        padding-bottom: 40px;
    }

    .padding-top {
        padding-top: 40px;
    }

    .collective-action .action-data .count-card h3 {
        font-size: 30px;
        line-height: 30px;
    }

    .collective-action .action-data .count-card p {
        font-size: 16px;
    }

    .collective-action .action-data .data-stripe {
        font-size: 20px;
        line-height: 26px;
    }

    .section-title h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .scale-tabs .nav-tabs .nav-link {
        font-size: 16px;
        padding: 20px 0px;
    }

    .scale-tabs .tab-content {
        margin-top: 20px;
    }

    .scale-tabs .tab-title {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    .tab-card .tab-card-body h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .tab-card .tab-card-body p {
        font-size: 16px;
    }

    .scale-tabs .result-trip .row>*:not(:last-of-type) {
        border-right: 0;
        padding-bottom: 15px !important;
        margin-bottom: 15px;
        border-bottom: 1px solid #297999;
    }

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

    .logo-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .logo-grid .logo-box img {
        max-height: 50px;
    }

    .btn-primary {
        padding: 0px 20px;
        font-size: 18px;
        line-height: 40px;
    }

    .page-banner .page-name p {
        font-size: 16px;
    }

    .become-cac {
        margin: 40px 0px;
        padding: 40px 0px;
    }

    .member-card .member-card-body h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .member-card .member-card-body p {
        font-size: 16px;
    }

    .member-card .member-card-body {
        padding: 30px;
    }

    .tpoic-card .tpoic-card-body .cr-name {
        font-size: 25px;
        line-height: 30px;
    }

    .news-signup .news-form h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .btn-submit {
        padding: 0px 20px;
        font-size: 20px;
        line-height: 40px;
    }

    .site-footer .footer-top .brand-logo p {
        font-size: 16px;
    }

    .site-footer .footer-top .social-links a {
        font-size: 16px;
    }

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

    .site-footer .networks h5 {
        font-size: 20px;
        line-height: 26px;
    }

    .site-footer .ftr-copyright p {
        font-size: 16px;
    }

    .site-footer .footer-row .footer-col:not(:last-of-type) {
        padding-right: 0;
        margin-bottom: 20px;
    }

    .site-footer .footer-row .footer-col {
        flex: 0 0 100%;
    }

    .site-header {
        padding: 15px 0px;
    }

    .whywe-exist .whywe-info h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .whywe-exist .whywe-info h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .whywe-exist .whywe-info p {
        font-size: 16px;
    }

    .page-banner {
        min-height: unset;
    }

    .page-banner .page-name h1 br {
        display: none;
    }

    .page-banner .page-name h1 {
        font-size: 25px;
        line-height: 30px;
    }

    .vision-mission .have-border {
        border-left: 0;
    }

    .vision-mission .have-border .mission-card {
        border-top: 1px solid #297999;
    }

    .beyond-wrapper .title h4 {
        font-size: 25px;
        line-height: 30px;
    }

    .cust-video-box .play-btn {
        width: 60px;
    }

    .cust-video-box {
        min-height: 250px;
    }

    .mission-card {
        padding: 40px 0;
    }

    .mission-card h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .mission-card p {
        font-size: 16px;
    }

    .principles-card p {
        font-size: 16px;
    }

    .beyond-card .beyond-card-body .icon-info p {
        font-size: 16px;
    }

    .beyond-card .beyond-card-body .ex-inf p {
        font-size: 16px;
        line-height: 24px;
    }

    .team-card .team-card-body .team-info p {
        font-size: 16px;
        line-height: 24px;
    }

    .reson-card .title-rs h3 {
        font-size: 20px;
    }

    .reson-card .title-rs h3 br {
        display: none;
    }

    .reson-card .icon {
        margin-bottom: 25px;
    }

    .together-card .together-info p {
        font-size: 16px;
        line-height: 24px;
    }

    .testimonial-box {
        padding: 20px 20px;
    }

    .testimonial-card .user-desc p {
        font-size: 16px;
        line-height: 24px;
    }

    .testimonial-card .user-profile .user-name p {
        font-size: 16px;
        line-height: 24px;
    }

    .testimonial-card .user-profile .user-img img {
        width: 65px;
        height: 65px;
    }

    .partner-form-part form .form-check .form-check-label {
        font-size: 16px;
        line-height: 24px;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered,
    .partner-form-part form .input-wrapper input {
        font-size: 16px;
    }

    .partner-form-part .btn-primary {
        padding-top: 0;
        padding-bottom: 0;
    }

    .page-banner .page-name .btn-primary {
        margin-top: 20px;
    }

    .focus-card .fc-info p {
        font-size: 16px;
    }

    .aim-tabs .nav-item .nav-link {
        font-size: 18px;
        line-height: 27px;
    }

    .achieve-aim .right-side {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .aim-list .aim-box .info p {
        font-size: 16px;
    }

    p {
        font-size: 16px;
        line-height: 24px;
    }

    .coalition-card .coalition-card-body::before {
        width: 60px;
    }

    .coalition-card .coalition-card-body::after {
        width: 50px;
        bottom: -15px;
    }

    .coalition-card .coalition-card-body .coalition-title .img-title img {
        max-height: 60px;
    }

    .impact-text-block {
        padding: 20px 20px;
    }

    .work-card-row .col-lg-2 {
        width: 100%;
    }

    .section-title {
        margin-bottom: 30px;
    }

    .blog-card .blog-card-body {
        flex-direction: column;
    }

    .blog-card .blog-card-body .blog-img {
        max-width: 100%;
    }

    .blog-card .blog-card-body .blog-info {
        margin: 0px 5px 5px 5px;
        border-radius: 0px 0px 24px 24px;
    }

    .blog-filter {
        flex-wrap: wrap;
        gap: 5px;
        margin-bottom: 30px;
    }

    .blog-card .blog-card-body .blog-info h3 a {
        font-size: 20px;
        line-height: 26px;
    }

    .blog-card .blog-card-body .blog-info .category {
        font-size: 16px;
    }

    .blogs-list .blog-card:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .blog-main-details .blg-right {
        padding-left: 0;
        margin-top: 20px;
    }

    .res-nav {
        margin-top: 20px;
    }

    .blog-main-details .blg-left {
        position: relative;
        top: 0;
    }

    .critical-domains .domains {
        width: 47%;
    }

    .achieve-aim .right-side .bullet li,
    .achieve-aim .right-side .no-list li,
    .achieve-aim .right-side .list-style-decimal li {
        font-size: 16px;
    }

    .time-line-top,
    .time-line-bottom {
        display: block !important;
    }

    .time-line-view {
        position: relative;
        padding-left: 20px;
    }

    .time-line-view::after {
        content: '';
        position: absolute;
        bottom: auto;
        left: 0;
        right: 0;
        width: 5px;
        height: calc(100% - 20px);
        border-radius: 5px;
        background-color: #297999;
        top: 0;
    }

    .time-line-view .time-line-top::after {
        display: none;
    }

    .time-line-card::before {
        bottom: auto;
        left: -28px;
        top: 50%;
        right: auto;
        width: 20px;
        height: 20px;
        background-size: 100%;
    }

    .time-line-card {
        padding-bottom: 20px !important;
        padding-top: 0 !important;
    }

    .time-line-bottom .time-line-card::before {
        display: block;
    }

    .together-card {
        display: block;
        text-align: center;
    }

    .together-card .together-icon {
        margin: 0 auto 15px;
    }

    .members-together {
        overflow: hidden;
    }

    .valu-card .valu-card-body {
        flex-direction: column;
        padding: 0px 20px 20px 20px;
        gap: 15px;
    }

    .valu-card .valu-card-body .value-info {
        padding-top: 0;
    }

    .valu-card .valu-card-body .valu-icon {
        max-width: 100%;
    }

    .valu-card .valu-card-body .valu-icon::before {
        width: 100%;
        background-repeat: repeat;
        left: -14px;
    }

    .valu-card .valu-card-body .valu-icon::after {
        content: '';
        position: absolute;
        top: 0px;
        background: url('data:image/svg+xml,<svg width="186" height="18" viewBox="0 0 186 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 17.6615L14.3782 0H171.462L185.926 17.6615H0Z" fill="%23115C7A"/></svg>');
        width: 186px;
        height: 18px;
        z-index: -1;
        right: -14px;
    }

    .valu-card .valu-card-body .valu-icon img {
        max-height: 90px;
    }

    .canvas-info {
        border-radius: 10px;
        padding: 20px;
    }

    .canvas-info .canvas-block .title h4 {
        font-size: 25px;
        line-height: 30px;
    }

    .canvas-info .canvas-block .info .domain,
    .canvas-info .canvas-block .info p {
        font-size: 16px;
    }

    .canvas-info .canvas-block:not(:last-of-type) {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}