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

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

@media only screen and (max-width: 992px) {
   .vs_banner_slr {
      padding: 90px 0 70px;
   }

   .vs_header + main > section,
   main > section {
      padding: 4rem 0;
   }
   .vs_about_badge {
      display: none;
   }
   .vs_about {
      padding: 50px 0 50px;
   }
   .vs_bento {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 220px;
  }

  .vs_bento_card--xl {
    grid-column: span 2;
    grid-row: span 1;
  }

  .vs_bento_card--wide {
    grid-column: span 2;
  }
  .vs_csr_showcase {
    padding: 60px 0;
  }

  .vs_csr_info {
    padding: 15px 5px;
  }

  .vs_csr_info h2 {
    font-size: 29px;
  }

    .vs_inner_hero {
    padding: 120px 0 60px;
  }
  .vs_page_section {
    padding-block: 50px;
  }
}

@media only screen and (max-width: 767px) {
   .vs_section {
      padding: 35px 10px;
   }

   .vs_bnr_badge_row {
      margin-bottom: 18px;
   }
   .vs_stat_item {
      flex-direction: column;
   }
   .vs_donation_right {
      padding: 36px 20px;
   }

   .vs_service_box h5 {
      font-size: 16px;
   }
   .vs_impact2 {
      padding: 2rem 0;
   }
   .vs_food_card_image {
      position: static;
      overflow: hidden;
   }
    .vs_card_item--featured {
    transform: none;
  }

  .vs_card_item--featured : hover {
    transform: translateY(-6px);
  }

  .vs_csr_showcase {
    padding: 50px 0;
  }

  .vs_csr_highlight {
    padding: 10px;
  }

  .vs_csr_info {
    padding: 15px 5px 0;
  }

  .vs_csr_info h2 {
    font-size: 26px;
  }

  .vs_csr_description {
    font-size: 14px;
  }

  .vs_csr_highlight::before,
   .vs_csr_highlight::after {
    width: 80px;
    height: 80px;
  }
  .vs_contact2_info {
      border-top-left-radius: 24px;
    border-bottom-left-radius: 0px;
          border-top-right-radius: 24px;

}

.vs_inner_hero {
    padding: 110px 0 50px;
  }
  .vs_timeline {
    padding-left: 30px;
  }
  .vs_timeline_item::before {
    left: -39px;
  }
}

@media only screen and (max-width: 576px) {
   a,
   p {
      font-size: 13px;
   }

   .vs_ctm_btn {
      padding: 5px 8px;
      font-size: 10px;
   }
   footer img {
      object-fit: contain;
      width: 200px;
   }

   .vs_about_main_img {
      width: auto;
      height: auto;
      border-radius: 0;
   }
   .vs_about_img_wrap {
      padding: 0px;
   }

   .vs_food_card_points {
      grid-template-columns: 1fr;
   }

   .vs_food_card_highlight {
      flex-direction: column;
      align-items: flex-start;
      gap: 5px;
   }
   .vs_testi_sldrs .owl-nav button {
      display: none;
   }
   .vs_testi_card2 {
      padding: 1rem 1rem 0;
   }
   .vs_contact2_form_wrap {
      padding: 2rem 1.4rem;
   }
   .vs_bento {
    grid-template-columns: 1fr;
  }

  .vs_bento_card--xl, .vs_bento_card--wide {
    grid-column: span 1;
  }
}

@media (max-width: 480px) {
    .vs_inner_hero_title {
    font-size: 28px;
  }
  .vs_breadcrumb {
    font-size: 0.82rem;
  }
  .vs_icon_box,
  .vs_program_card_body,
  .vs_fund_card_body {
    padding: 22px 18px;
  }
}

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

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