body,html{
    overflow-x: hidden !important; 
}

  @media (max-width: 950px) {
    .service-card {
      flex-direction: column;
    }
    .service-card:nth-child(even) {
      flex-direction: column;
    }
    .service-content {
      padding: 30px 25px;
    }
    .service-image img {
      max-height: 240px;
    }
  }

@media (max-width: 1439px){
    .header-container {
    width: 100% !important;
}
}
@media (max-width: 1024px){
.footer_section {
    flex-direction: column !important;
    width: 100%;
    gap: 20px;
}
    .copyright{
        width: 100% !important;
        flex-wrap: wrap;
    }
    .left_top_img,.right_bottom_img {
    display: none;
}
.dual_section,section.grow-with-us,.media-section {
    padding: 40px 20px;
}
    .welcome-section__container {
        grid-template-columns: 2fr 300px;
        /* grid-template-rows: auto auto; */
        gap: 24px;
        padding: 0 16px;
    }
    
    .mission-section {
    padding: 60px 5%;
}
.who-content h2, .mission-content h2  {
    font-size: 30px;
}
.who-image img, .statement-image img {
    height: 550px;
}
.who-container {
    gap: 20px;
}
.who-we-are, section.statement_belief {
    padding: 60px 35px;
}

}

@media (max-width: 768px) {
        .welcome-section__container {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        gap: 24px; /* optional: reduce gap on small screens */
        padding: 0 16px; /* optional: add side padding for small screens */
            justify-items: center;
    }
    nav {
    position: absolute;
    top: 119px;
    left: 0px ;
    z-index: 99;
}
	  .who-container {
    flex-direction: column;
    text-align: center;
  }
  .who-image img {
    max-width: 100%;
  }
	.logo {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
  header{
    flex-wrap: wrap;
    padding: 10px 20px;
  }
.header-container {
    width: 100% !important;
}
  .menu-toggle {
    display: block;
    font-size: 26px;
    cursor: pointer;
  }

  nav {
    display: none;
    width: 100%;
  }

  nav ul {
    flex-direction: column;
    gap: 15px;
    padding: 20px;
  }

  nav.active {
    display: block;
  }

  .Social_media {
  display: none;
  }
}
@media (max-width:767px){
    .contact-grid ,.banner_dual_btn{
    display: flex !important;
    flex-direction: column;
}

.newsletter {
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.newsletter button {
    display: none;
}

button.newsletter_btn {
    display: block;
}

.grow-container{
    justify-content: center;
}

.Welcome_heading h1,.banner_heading{
    font-size: 26px;
    line-height: 34px
}

.events-section .section-title,.grow-container .card .card-title,.welcome-section__subtitle {
    font-size: 26px;
}
.who-content{
    padding: 0px;
}
.who-content h2,section.grow-with-us h2, .media-section .section-header h2{
    font-size: 26px;
}
.grow-container .card,.video iframe{
    width: 340px !important;
}
.who-image img {
    max-width: 100%;
    height: 420px;
}
.who-image {
    width: 340px;
}



}

/* Hide hamburger on desktop */
/*@media (min-width: 769px) {*/
/*  .menu-toggle {*/
/*    display: none;*/
/*  }*/
/*}*/


    @media (max-width: 900px) {
      .contact-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 600px) {
      .contact-title {
        font-size: 2rem;
      }

      .contact-info,
      .contact-form {
        padding: 30px 25px;
      }
    }

@media (max-width: 650px) {
    .hero-content h1, .home-contact h2, .text-block h2 {
    font-size: 24px;
}

.hero-section {
    height: 400px;
}
   .mission-content {
    padding: 0px;
    flex: 1 1 100%;
}
.statement-image {
    width: 340px;
}
.statement-image img {
    height: 420px;
}
.home-contact {
    height: auto;
    padding: 20px;
}
section.page-section.fellowship-section, section.page-section.stories-section {
    display: flex;
    flex-flow: column-reverse;
}
.image-block img {
    height: auto;
}
.image-block {
    width: 100%;
}
.nav-menu {
    top: 125px;
}
.nav-menu ul{
    background-color: #fff !important;
}
.header-left span {
    font-size: 14px;
    text-align: center;
    letter-spacing: 0px !important;
}
}

@media (max-width: 400px){
    .banner {
        height: 600px !important;
    }
    .dual_section{
        height: auto !important;
    }
    .who-we-are, section.statement_belief{
          padding: 60px 20px;
    }
    
    .contact-info, .contact-form {
    padding: 10px;
}

}