@media (max-width: 767.98px) {
  p,
  span,
  label,
  a,
  ul,
  .accordion-body {
    font-size: 13px !important;
  }
  .top-bar-row {
    flex-direction: column;
    gap: 5px;
    align-items: center;
  }

  .top-bar {
    height: 100%;
    padding: 10px 0;
  }

  .top-bar-row span {
    font-size: 11px !important;
  }

  .top-bar-row div {
    margin-top: 5px;
  }

  .top-bar-row svg {
    width: 15px;
    height: 15px;
  }

  .navbar-toggler {
    border: 1px solid white !important;
  }

  .navbar {
    background: #0045e8 !important;
    height: 100%;
  }

  .nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 3px;
    width: 25%;
    background: #fff;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.25s ease;
  }

  .btn-login {
    margin: 10px 0 !important;
  }

  .nav-item .active {
    padding-left: 15px !important;
  }

  .nav-link:hover::after,
  .nav-link.active::after {
    transform: scaleX(1);
  }

  .navbar-brand span {
    font-size: 11px !important;
    color: white !important;
  }

  .navbar-nav {
    background: #0045e8;
    gap: 0 !important;
  }

  .home {
    padding-top: 20px !important;
  }

  .nav-link {
    color: white !important;
    font-size: 12px !important;
  }

  .hero-section {
    background: url("/assets/images/heroimage.webp") no-repeat;
    height: 50vh;
    background-size: cover;
    background-position: center;
    border-radius: 0 0 15px 15px;
  }

  .hero-content {
    height: 50vh;
    width: 80%;
  }

  .hero-content h1 {
    font-size: 20px !important;
    font-weight: 600 !important;
  }

  .hero-content p {
    padding: 15px 0;
    font-size: 13px !important;
  }

  .hero-buttons {
    width: 100%;
  }

  .hero-buttons button {
    font-size: 11px !important;
    padding: 15px !important;
    border-radius: 10px !important;
    width: 100%;
  }
  .hero-buttons button a {
    font-size: 11px !important;
  }

  .welcome-section {
    padding: 20px 0;
  }

  .welcome-content small {
    font-size: 11px;
  }

  .welcome-content h4 {
    padding: 15px 0;
    font-size: 18px;
  }

  .welcome-content p {
    width: 100%;
    font-size: 14px;
  }

  .img-div {
    margin-top: 10px;
  }

  .welcome-image .col-md-4 {
    margin-bottom: 20px;
  }
  .welcome-image img {
    width: 100%;
    height: 50vh;
    object-fit: cover;
    border-radius: 5px;
  }

  .service-row {
    margin-top: 0 !important;
    display: block;
  }

  .service-row div {
    height: 30vh;
    width: 80%;
    margin: auto;
    margin-bottom: 20px;
    padding: 0 40px;
  }

  .service-row div img {
    width: 20%;
  }

  .service-row div p small {
    font-size: 15px !important;
  }

  .explorediv {
    display: block;
  }

  .ministry-info {
    height: 100%;
  }

  .ministry-info div {
    margin-left: 40px;
    background: #0045e8;
    height: 100%;
    padding: 20px;
  }

  .ministry-info div p {
    font-size: 13px;
  }

  .Ministries .col-md-6 {
    margin-bottom: 20px;
  }
  .event-details {
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
  }
  .event-timer {
    width: 80%;
    margin-top: 5px;
  }
  .event-timer span,
  .event-timers span {
    font-size: 10px !important;
  }

  .event-timers {
    width: 30%;
    margin-top: 5px;
  }

  .event-info p {
    padding: 20px 0 0 0;
    font-size: 14px;
  }

  .building-section {
    padding: 40px 0;
  }

  .building-image {
    padding: 40px;
    gap: 20px;
    border-radius: 20px;
  }

  .building-image h4 {
    font-size: 17px;
    padding-top: 10px;
  }

  .green-image h4 {
    font-size: 20px;
    padding-top: 10px;
  }

  .green-image {
    padding: 40px;
  }

  .resources,
  .donate {
    margin-top: 10px;
    height: 40vh;
    object-fit: cover;
  }

  .footer {
    border-radius: 15px 15px 0 0;
    padding: 20px 0;
  }

  .footer-logo img {
    width: 15%;
  }

  .footer-logo span {
    font-size: 11px;
  }

  .socials {
    display: flex;
    gap: 10px;
    margin-top: 5px;
  }

  .socials img {
    width: 20px;
  }

  .location {
    width: 50%;
  }

  .footer-text {
    margin-top: 30px;
  }

  .footer-text div span small {
    font-size: 11px;
  }

  .footer-text div span small br {
    display: none;
  }

  .stay {
    margin-top: 40px !important;
  }

  .stay p small {
    font-size: 12px !important;
  }

  .footer-links {
    margin-top: 30px !important;
    display: block;
    gap: 20px;
    width: 100% !important;
  }

  .footer-bottom {
    display: block;
  }

  .footer-links a {
    color: white;
    text-decoration: none;
    font-size: 14px;
    padding-right: 20px;
  }

  .footer-bottom p small {
    font-size: 14px;
  }

  .footer-bottom a {
    color: white;
    font-size: 14px;
  }

  .footer-row {
    display: flex;
    justify-content: space-between;
  }

  /* About Us */
  .ministry-card-text {
    width: 100%;
    margin-top: 20px;
  }

  .welcome-text h5 {
    font-size: 16px !important;
  }
  .aboutcenter {
    text-align: left !important;
  }

  .ministry-card-text > :nth-child(3) {
    padding-bottom: 30px;
  }

  .mission-text span br {
    display: none;
  }

  .mission-title img {
    width: 18%;
  }

  .mission-title h5 {
    font-size: 18px;
  }

  .mission-title h5 br {
    display: none;
  }

  .ministry-vision-text {
    width: 100%;
  }

  .ministry-vision-text h5 {
    font-size: 20px;
  }

  .focus-card {
    height: 32vh;
  }

  .hero-about-section img {
    width: 70px;
    position: absolute;
    bottom: -40px;
    left: 42%;
  }

  .hero-about-section,
  .hero-about-content {
    height: 50vh;
  }

  /* Resources Page */
  .article-row {
    justify-content: start !important;
  }
  .article-section {
    margin-top: 55px;
  }

  /* Contact Page */
  .contactdiv {
    margin-top: 30px;
    background: #0045e8;
    height: 100%;
    padding: 10px 20px 20px 20px;
    border-radius: 15px;
  }
  .contactdiv input {
    border-radius: 5px;
    height: 40px;
  }
  textarea {
    border-radius: 5px !important;
  }
  .contactdiv label {
    padding-top: 10px;
    padding-bottom: 5px;
    color: white;
  }
  /*Ministry Page*/
  .btn-contact {
    margin-top: 0px;
  }
  .cta-section {
    padding: 50px 0;
  }

  /* Privacy */
  .accordionprivacy-button {
    gap: 15px;
    padding: 10px !important;
    font-size: 12px !important;
    font-weight: 600;
    width: 100% !important;
    height: 100%;
  }

  .number-badge {
    height: 0 !important;
    width: 0 !important;
    padding: 20px 25px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .accordionprivacy {
    width: 95%;
    margin: 30px auto;
  }
  /* FAQ */
  .accordion-body {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    justify-content: center;
  }

  .accordion-body::-webkit-scrollbar {
    display: none;
  }
  /* Blog Details */
  .blogdetails {
    margin-top: 20px;
  }
  #today-date {
    font-size: 11px;
    width: 50%;
  }
  /* Event details */
  .event-time {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 0px;
  }
  .timerwrap {
    display: flex;
    align-items: center !important;
    gap: 5px;
  }
  .timerwrap > :nth-child(1) {
    font-size: 20px;
    font-weight: 500;
  }
  .timerwrap > :nth-child(2) {
    font-size: 10px !important;
  }
  .timeactive {
    color: #1c3a9e;
  }

  /* Donate */
  .donaterow .col-md-4 {
    margin-bottom: 20px;
  }
  .donate-section {
    margin-top: 70px;
    margin-bottom: 30px;
  }
  /* Online Donation */
  .onlinedonation {
    margin-top: 30px;
  }
  .greenheart {
    width: 30%;
    display: flex;
    margin: auto;
  }
  .donationtab {
    gap: 5px;
    width: 100% !important;
  }

  .donationtab span {
    width: 100%;
    text-align: center;
  }
  .donationcard {
    height: 100% !important;
    padding: 20px;
    border-radius: 10px !important;
    margin: 20px 0 !important;
  }
  .donationprice {
    justify-content: space-between;
    gap: 0;
  }
  .donationprice span {
    padding: 5px 15px;
    transition: all 0.5s ease;
    font-size: 12px !important;
  }
  .bottomdiv {
    margin: 40px 10px;
    padding: 20px 5px;
    border-radius: 5px;
  }

  /* Card Payment */
  .donationbg {
    height: 100% !important;
    padding-bottom: 30px;
  }
  .rccg {
    margin-top: 20px !important;
  }
  .giving,
  .contact {
    margin: 40px 0 0 0 !important;
  }
  .cardpayment {
    font-size: 12px !important;
    width: 80% !important;
  }
  .payment-tab {
    font-size: 11px !important;
    padding: 8px 40px !important;
  }
  .contact {
    margin-top: 30px !important;
  }

  /* Auido and Video page */
  .youtubesectionrow .col-md-6 {
    height: 40vh;
    width: 100%;
  }

  .youtube-card iframe {
    height: 40vh;
  }

  /* Erroe 404 */
  .error-image {
    width: 70%;
    margin-bottom: 20px;
  }

  .error-text {
    color: #555;
    font-size: 14px;
    width: 70% !important;
    margin: 0 !important;
  }
}