@media screen and (max-width: 768px) {
  .header-sec {
    top: 0;
  }
  .logo img {
    height: 67px;
  }
  .donate-btn {
    padding: 8px 14px;
  }
  .fundraiser-sec h2 {
    font-size: 26px;
  }
  .big-img img {
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .header-sec {
    padding: 10px 16px;
  }
  .fundraise-text {
    margin: 0px;
  }
  .fundraiser-sec .cl-amount,
  .fundraiser-sec .goal {
    text-align: left;
  }
  .testimonial-card {
    padding: 20px;
    margin: auto;
    max-width: 100%;
    min-height: 100%;
  }
  .fundraiser-sec {
    padding: 20px 0px;
  }
  .fundraiser-sec h2 {
    font-size: 20px;
    margin: 10px 0 10px;
  }
  .wp-share-btn a {
    font-size: 14px;
  }
  .fundraise-text {
    display: none;
  }
  .mobile-only {
    display: block;
  }
  .fundraise-text {
    margin-top: 10px;
  }
  .big-img img {
    height: 182px;
  }
  .wp-share-btn a {
    padding: 10px 12px;
    margin-bottom: 0px;
  }
  .big-img {
    position: relative;
  }
  .wp-share-btn {
    position: absolute;
    bottom: 6px;
    right: 15px;
  }
  .btn-contribute {
    margin-top: 25px;
  }
  .cl-amount {
    margin-top: 0px;
  }
  .stats {
    margin-bottom: 0px;
  }
  .popup-box {
    max-height: 85vh;
    padding: 16px;
  }
  .title h2 {
    font-size: 24px;
  }
  .name,
  .district-name {
    font-size: 16px;
  }
  .amount {
    font-size: 16px;
  }
  .fundraiser-sec h1 {
    font-size: 22px;
  }
  .contact-item {
    gap: 6px;
  }
  .contact-buttons {
    flex-direction: column;
    width: fit-content;
    text-align: center;
    margin: auto;
  }
  .text strong {
    font-size: 13px;
  }
  .icon-box {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }
  .contact-card {
    padding: 20px;
  }
  .btn-message {
    margin-top: 20px;
    padding: 10px 16px;
  }
}