@media screen and (min-width: 1800px) {}

@media screen and (max-width: 1600px) {}

@media screen and (min-width: 1400px) {}

@media screen and (max-width: 1400px) {}

@media (min-width: 1600.98px) {
    .page-banner {
        min-height: 75vh;
    }
}

@media (max-width:1399px) {
    .first-steps-section .img-card-top-right {
        width: 100%;
    }

    .first-steps-section .img-card-bottom-right {
        width: 100%;
        height: auto;
    }

    .first-steps-section .img-card-mid-left {
        width: 100%;
        height: auto;
    }
}


@media (max-width: 1199px) {
    .legacy-section .legacy-bxx , .found-animal-section .found-main{
        padding: 0;
    }
    .legacy-section .legacy-text { 
    max-width: 100%; 
}
    .impact-stats-section .impact-header {
        max-width: 100%;
    }

    .feature-cards-section {
        padding: 60px 0;
    }

    .help-section .doodle-sparkles {
        display: none;
    }

    .board-section .sub-heading {
        font-size: 30px;
    }

    .board-section .board-quote {
        font-size: 18px;
    }

    .about-began-section .began-text {
        font-size: 16px;
    }

    .board-section .member-info {
        margin: 15px 0;
    }

    .choose-projects-section .choose-info-card {
        padding: 50px;
    }

}

@media (min-width:991px) {
      .contact-info-section {
      padding: 60px 0;
    }  
    .contact-info-section  .contact-info-info-card {
      padding: 28px 24px;
    }
        .verify-section {
      padding: 60px 0;
    }
 

  .verify-section    .verify-badges-wrapper {
      margin-top: 28px;
      gap: 12px;
    }

   .verify-section   .verify-pill-badge {
      font-size: 13px;
      padding: 8px 18px;
    }
      .how-we-work-section {
      padding: 60px 0;
    }
 
      .how-we-work-section  .how-we-work-subtitle {
      margin-bottom: 36px;
    }

     .how-we-work-section   .work-step-card {
      padding: 28px 20px;
    }
    .values-section {
      padding: 60px 0;
    }
    .volunteers-partners-section .col-lg-1-5 {
        flex: 0 0 auto;
        width: 20%;
    }
}

@media (max-width: 991px) {
    .help-section {
      padding: 60px 0;
    } 
    .news-section {
        padding: 60px 0;
    }

    .foundation-board-section {
        padding: 50px 0;
    }

    .quote-banner-section .quote-banner-text {
        max-width: 100%;
    }

    .news-section .news-main-title {
        font-size: 30px;
    }

    .choose-projects-section .choose-card-wrapper {
        padding: 0;
    }

    .board-section .board-info-card {
        width: 62%;
        padding: 28px 24px;

    }

    .board-section .board-card-wrapper {
        padding: 0;
    }

    .board-section .board-img-container {
        width: 75%;
    }


    .projects-section .donating-para {
        width: 100%;
    }

    .fund-work-section {
        padding: 60px 0;
    }


    .fund-work-section .trust-card-wrapper {
        padding: 24px 20px;
    }

    .about-began-section {
        padding: 50px 0;
    }

    .about-began-section .began-content-card {
        padding: 30px 24px;
    }

    .page-banner {
        min-height: 50vh;
    }

    .page-banner .banner-content {
        max-width: 100%;
    }

    .donation-section {
        padding: 60px 0;
    }

    .hero-banner-section {
        height: 80vh;
    }

    .projects-section .projects-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .site-header .navbar-collapse {
        background-color: var(--color-secondary);
        padding: 20px;
        border-radius: 8px;
        margin: 15px auto 0;
        position: absolute;
        top: 60px;
        width: 98%;
        right: 0;
        left: 0;
    }

    .site-header .navbar-nav {
        gap: 15px;
    }

    .site-header .mobile-actions-wrapper {
        align-items: center;
        gap: 10px;
        order: 2;
        flex-direction: row-reverse;
    }

    .site-header .lang-dropdown .dropdown-toggle {
        width: 100%;
        justify-content: space-between;
    }

    .hero-banner-section .hero-banner-section {
        padding-top: 50px;
        padding-bottom: 50px;
        background-position: center top;
    }

    .hero-title {
        font-size: 32px;
    }

    .hero-banner-section .donation-widget-card {
        padding: 20px;
        margin-top: 25px;
    }

    .hero-banner-section .amount-btn-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .donation-strip-section .strip-action-box {
        max-width: 100%;
        margin-left: 0;
        margin-top: 24px;
    }

    .impact-stats-section .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .feature-cards-section .feature-header {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-bottom: 35px;
    }

    .feature-cards-section .feature-header .sub-heading {
        font-size: 30px;
    }

    .feature-cards-section .feature-header .sub-heading br {
        display: none;
    }


    .feature-cards-section .card-content {
        padding: 20px;
    }

    .story-section {
        padding: 50px 0;
    }

    .help-section {
        padding: 60px 0;
    }

    .help-section .help-description {
        max-width: 100%;
    }

    .help-section .help-image-wrapper {
        margin-top: 15px;
        max-width: 100%;
    }

    .navbar-brand-logo {
        order: 1;
        margin-right: auto;
    }

    .site-header .navbar-toggler-custom {
        order: 3;
        margin-left: 10px;
    }

    .navbar-toggler-icon {
        display: block;
        width: 100%;
        height: 2px;
        background-color: var(--color-primary) !important;
        border-radius: 0;
        background-image: none;
        position: absolute;
        left: 0;
        transition: all 0.35s ease-in-out;
        box-shadow: none !important;
        outline: none !important;
    }


    .navbar-toggler-icon:nth-child(1) {
        top: 0px;
    }

    .navbar-toggler-icon:nth-child(2) {
        top: 10px;
    }

    .navbar-toggler-icon:nth-child(3) {
        top: 20px;
    }

    /* Open State Animation (Cross Concept) */
    .navbar-toggler:not(.collapsed) .navbar-toggler-icon:nth-child(1) {
        top: 10px;
        transform: rotate(45deg);
        background-color: var(--color-primary);
    }

    .navbar-toggler:not(.collapsed) .navbar-toggler-icon:nth-child(2) {
        opacity: 0;
        transform: translateX(-15px);
    }

    .navbar-toggler:not(.collapsed) .navbar-toggler-icon:nth-child(3) {
        top: 10px;
        transform: rotate(-45deg);
        background-color: var(--color-secondary);
    }

    .col-lg-4.col-12.custom-last {
        padding: 0 calc(var(--bs-gutter-x) * .5) !important;
        border: none !important;

    }

    .site-footer .border-start-lg {
        border-left: none !important;
        padding-left: 0 !important;
    }

    .first-steps-section {
        padding: 60px 0;
    }

    .first-steps-section .image-grid-wrapper {
        margin-top: 20px;
    }

    .vision-section {
        padding: 60px 0;
    }

    .vision-section .vision-collage-wrapper {
        margin-top: 20px;
    }

    .choose-projects-section .choose-img-container {
        width: 65%;
    }

    .choose-projects-section .choose-info-card {
        width: 62%;
        padding: 30px 24px;
    }

    .choose-projects-section .choose-projects-section .choose-title {
        font-size: 26px;
    }

    .why-project-section {
        padding: 60px 0;
    }

    .why-project-section .stats-card-wrapper {
        padding: 24px;
    }

    .what-we-do-section {
        padding: 60px 0;
    }

    .what-we-do-section .what-we-do-subtitle {

        margin-bottom: 36px;
    }

    .what-we-do-section .wwd-card {
        padding: 28px 20px;
    }

    .donation-achieves-section {
        padding: 60px 0;
    }

    .donation-achieves-section .donation-amount {
        font-size: 36px;
    }

    .shelter-gallery-section {
        padding: 60px 0;
    }
     .legacy-section {
      padding: 60px 0;
    }
     .found-animal-section {
      padding: 60px 0;
    }
     .mission-section {
      padding: 60px 0;
    }


}


@media (max-width: 767px) {
    .like-section .help-img-wrapper {
    height: auto; 
}
       .adoption-banner-section {
      padding: 50px 15px;
    } 

     .adoption-banner-section  .adoption-banner-text {
        width: 100%;
      font-size: 14px;
    }
    .foundation-board-section .board-member-role {
        font-size: 15px;
    }

    .quote-banner-section {
        padding: 50px 0;

    }

    .quote-banner-section .quote-banner-text {
        font-size: 17px;
        line-height: 1.5;
    }

    .choose-projects-section .choose-img-container {
        width: 100%;
        margin-left: 0;
    }

    .choose-projects-section .choose-info-card {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        width: 90%;
        margin: -40px auto 0 auto;
        padding: 24px 20px;
    }

    .choose-projects-section .choose-title {
        font-size: 30px;
    }

    .ready-help-section {
        padding: 60px 0;
    }



    .help-btn-group {
        width: 100%;
        margin: 0 auto;
    }

    .quote-divider-section {
        padding: 40px 0;
    }

    .quote-divider-section .quote-statement-text {
        max-width: 100%;
    }

    .quote-divider-section .heart-divider-wrapper {
        max-width: 280px;
    }

    .board-section .board-img-container {
        width: 100%;
    }

    .board-section .board-info-card {
        position: relative;
        top: 0;
        right: 0;
        transform: none;
        width: 100%;
        margin-top: -40px;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        padding: 24px 20px;
    }

    .projects-section .projects-header-wrapper {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 16px;
    }

    .projects-section .projects-nav-tabs {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }


    .board-section .board-quote {
        font-size: 14px;
    }

    .fund-work-section .orange-doodle-accent,
    .vision-section .white-doodle-accent {
        display: none;
    }

    .page-banner {
        min-height: 34vh;
        margin: 0;
    }

    .site-header .top-announcement-link {
        font-size: 14px;
    }

    .strip-action-box {
        max-width: 100%;
    }

    .site-header {
        position: relative;
        background: #004263;
    }

    .hero-banner-section {
        height: auto;
    }

    .volunteers-partners-section .partners-subtitle {
        font-size: 15px;
    }

}


@media (max-width: 576px) {
    .why-project-section .compliance-badges-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .why-project-section .stat-mini-card {
        padding: 14px;
    }

    .why-project-section .stat-info-content h4 {
        font-size: 18px;
    }

    .fund-work-section .fund-gallery-grid {
        grid-template-columns: 1fr;
    }


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

    .newsletter-form {
        flex-direction: column;
    }


    .btn-signup {
        width: 100%;
    }

    .donation-section .amount-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .donation-section .donation-card {
        padding: 24px 18px;
    }

    .story-section .story-title {
        font-size: 28px;
    }

    .story-section .media-box-large {
        height: 230px;
    }

    .story-section .media-box-small {
        height: 140px;
    }

    .projects-section {
        padding: 50px 15px 60px;
    }



    .projects-section .projects-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .feature-cards-section {
        padding: 45px 15px;
    }

    .feature-cards-section .cards-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .donation-strip-section .amount-btn-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .impact-stats-section {
        padding: 45px 15px;
    }

    .impact-stats-section .impact-title {
        font-size: 26px;
    }

    .impact-stats-section .stats-grid {
        grid-template-columns: 1fr;
    }

    .impact-stats-section .stat-number-box {
        font-size: 28px;
    }

    .impact-stats-section .stat-card {
        padding: 22px 18px;
    }

    .site-header .btn-custom {
        flex: auto;
    }

    .first-steps-section .image-grid-wrapper {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .first-steps-section .img-card-top-right,
    .first-steps-section .img-card-mid-left,
    .first-steps-section .img-card-bottom-right {
        grid-column: 1 / -1;
        grid-row: auto;
        height: 220px;
    }



    .vision-section .vision-collage-wrapper {
        padding-top: 20px;
    }

    .vision-section .vision-img-small {
        width: 150px;
        right: 0;
    }

    .vision-section .vision-img-large {
        width: 260px;
    }

    .vision-section .btn-custom {
        width: 100%;
        justify-content: center;
    }

    .donation-achieves-section .donation-card {
        padding: 24px 20px;
    }

    .donation-achieves-section .btn-custom {
        width: 100%;
        justify-content: center;
    }

    .news-section .news-main-title {
        font-size: 26px;
    }

    .news-section .news-filter-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .volunteers-partners-section {
        padding: 50px 0;
    }



}

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