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

  .event-section .event-swiper-container{
    width: 85%;
  }
  
  .banner-content p{
      font-size: 40px;
  }
  
  .empty-circle{
      width: 200px;
      height: 200px;
  }
  
 
}

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

  .header-logo{
    gap: 2rem;
  }

  #menu-item {
    height: calc(100vh - 107px);
  }
  
  .banner-content p{
    font-size: 33px;
  }

  .welcome-inner b{
    font-size: 55px;
  }

  .welcome-inner p{
    font-size: 23px;
  }

  .project-section .custom-container{
    gap: 3rem;
  }

  .event-section .event-swiper-container{
    width: 90%;
  }

  .event-content h3{
    font-size: 30px;
  }

  .test{
    padding: 3rem;
  }

  .object{
    padding: 3rem;
  }

  .welcome-inner1 img{
    width: 70px;
  }

  .welcome-inner1 b{
    font-size: 55px;
  }

  .welcome-inner1 p{
    font-size: 23px;
  }

  .newsletter-content p{
    font-size: 30px;
  }
  
  .get-involved-tab-section .tab-pane{
      padding: 2rem;
  }
  
  .involved-tab-form form{
      gap: 2rem;
  }

.involved-tab-form form div{
    width: calc(33.3% - 1.33rem);
}

.get-involved-tab-section .nav-link{
    width: 20%;
    padding: 1.5rem;
}

.get-involved-tab-section .nav-link div img{
    width: 60px;
}

}


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

  .club-member{
      width: calc(20% - 1.6rem);
  }
  
  .contact-col1{
      width: 50%;
  }
  
  .contact-col{
      width: 100%;
      margin-top: 3rem;
  }
  
  .contact-section .custom-container{
      gap: 2rem;
  }
  
  
 
}

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

  .banner-content p{
    font-size: 24px;
  }

  .event-section{
    background-image: none;
  }

  .event-section .event-swiper-container{
    width: 95%;
  }

  .event-content{
    width: 40%;
  }

  .event-img{
    width: calc(60% - 4rem);
  }

  .existence-part2{
    width: 100%;
    flex-direction: column;
    gap: 1rem;
  }

  .member-photo{
    width: 50%;
    margin: auto;
  }

  .existence-inner{
    width: 100%;
    align-items: center;
  }

  .existence-inner p{
    text-align: center;
  }

  .existence-link a{
    width: calc(50% - 1rem);
  }

  .existence-heading h2{
    font-size: 45px;
  }

  .existence-heading p{
    font-size: 30px;
  }

  .newsletter-content p{
    font-size: 25px;
  }

  .founder-container .founder-flex{
    flex-direction: column;
    width: 100%;
    gap: 1rem;
  }

  .existence-inner{
    gap: 1rem;
  }
  
  .welcome-inner1{
      width: 50%;
  }
  
  .about-flex{
      flex-direction: column;
  }
  
  .about-president{
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .about-president img{
      width: 50%;
  }
  
  .about-flex .founder-content{
      width: 100%;
  }
  
  .about-president-container .custom-container{
      padding: 3rem 0;
  }
  
  .past-presidents{
      width: calc(50% - 1rem);
  }
  
  .social-links .bx{
      font-size: 35px;
  }
  
  .footer-col1{
      gap: 2rem;
  }
  
  .footer-section .custom-container{
      padding: 2rem 0;
  }
  
  .involved-tab-form form div{
      width: calc(50% - 1rem);
  }
  
  .club-member{
      width: calc(25% - 1.5rem);
  }
  
  .rotary-member-inner{
      width: calc(33.3% - 1.33rem);
  }
  
  .news-page-section .news-card1{
      width: calc(33.3% - 1.33rem);
  }
}

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

  .header-logo{
    gap: 1rem;
  }

  .header-logo img{
    width: 110px;
  }

  #menu-item {
    height: calc(100vh - 99px);
  }

  .welcome-inner b{
    font-size: 45px;
  }

  .welcome-inner p{
    font-size: 18px;
  }

  .event-content h3{
    font-size: 30px;
  }

  
  .object-flex{
    flex-direction: column-reverse;
  }

  .object{
    width: 100%;
    padding: 2rem;
  }

  .test{
    width: 100%;
    padding: 2rem;
  }

  .welcome-inner1 b{
    font-size: 35px;
  }

  .welcome-inner1 img{
    width: 50px;
  }
  
   .rotary-member-inner{
      width: calc(50% - 1rem);
  }
  
  .event-page-section .news-card2{
      width: calc(50% - 1rem);
  }
  
  .news-card-content h3{
      font-size: 18px;
  }
  
   .news-page-section .news-card1{
      width: calc(50% - 1rem);
  }
  
  .header-logo .rotary-texcity-logo img{
      width: 200px;
  }
}


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

  .event-section .event-swiper-container{
    width: 95%;
  }

  .event-content h3{
    font-size: 25px;
  }

  .event-content{
    width: 45%;
  }

  .event-img{
    width: calc(65% - 2rem);
  }

  .eventSwiper .swiper-slide{
    gap: 2rem;
  }

  .banner-content p{
    font-size: 18px;
  }
  
   .footer-section .custom-container{
    padding: 0;
  }

  .footer-flex{
    flex-direction: column;
  }

  .footer-col1{
    flex-direction: column;
    gap: 1rem;
  }

  .footer-col1, .footer-col2, .social-links{
    padding: 2rem 0;
    align-items: center;
    width: 100%;
  }

  .footer-flex .footer-content, .footer-col2{
    align-items: center;
  }

  .social-links .bx{
    font-size: 35px;
  }

  .line-between{
    border-bottom: 1px solid #494949;
  }
  
   .involved-tab-form form div{
      width: 100%;
  }
  
  .get-involved-tab-section .nav-link{
      width: 24%;
  }

 .club-member{
      width: calc(33.3% - 1.33rem);
  }
  
  .contact-flex{
      flex-direction: column;
      gap: 2rem;
  }
  
  .contact-col1{
      width: 100%;
  }
  
 .contact-section .involved-tab-form{
     padding: 2rem;
     margin-top: 0;
 } 
 
 .prayer-content p{
     font-size: 24px;
 }
 

}


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

  h1{
    font-size: 30px;
  }
  
  .heading1{
      font-size: 20px;
  }
  
  .heading1 span{
      font-size: 30px;
  }

  h2{
    font-size: 30px;
  }

  p{
    font-size: 15px;
  }

  #menu-item{
    height: calc(100vh - 57px);
    gap: 2rem;
  }

  #menu-item a{
    font-size: 20px;
  }
  
  .header-section{
      padding: 0.8rem 0;
  }

  .header-logo{
    gap: 0.2rem;
  }

  .header-logo img {
    width: 80px;
  }
  
  .logo-second img{
      width: 50px;
  }

  .homeSwiper{
    display: none;
  }

  .home-mobile-banner{
    display: block;
  }

  .welcome-section{
    background-image: none;
  }

  .welcome-p{
    font-size: 20px;
  }

  .welcome-section .welcome-section1{
    text-align: center;
  }

  .welcome-section .custom-container{
    padding: 3rem 0;
  }

  .welcome-section2{
    flex-direction: column;
    gap: 2rem;
  }

  .welcome-inner{
    width: 100%;
    gap: 0.5rem;
  }

  .welcome-inner b{
    font-size: 50px;
  }

  .welcome-inner p{
    font-size: 23px;
  }

  .project-section .custom-container{
    gap: 2rem;
  }

  .recent-projects{
    flex-direction: column;
    gap: 1rem;
  }

  .recent-projects .project-link{
    width: 100%;
  }
  
   .recent-projects .pie-chart{
    width: 100%;
    flex-direction: column;
    padding: 2rem;
    gap: 3rem;
  }

  .existence-heading h2{
    font-size: 28px;
  }

  .existence-heading p{
    font-size: 24px;
  }

  .existence-link{
    flex-direction: column;
    gap: 1rem;
  }

  .existence-link a{
    width: 100%;
  }

  .member-photo{
    width: 100%;
  }

  .existence-inner .members-name{
    font-size: 16px;
  }

  .event-section{
    padding: 0%;
    background-image: none;
  }

  .eventSwiper{
    display: none;
  }

  .mobile-events{
    display: block;
  }

  .swiper-slide h3{
    font-size: 24px;
  }

  .news-flex{
    flex-direction: column;
    gap: 0;
  }

  .homepage-news-section .custom-container{
    gap: 1rem;
  }

  .news-card h3{
    font-size: 14px;
  }

  .news-card p{
    font-size: 12px;
  }

  .newsletter-flex{
    flex-direction: column;
    gap: 1rem;
  }

  .newsletter-content{
    width: 100%;
  }

  .newsletter-content p{
    font-size: 18px;
  }

  .newsletter-form{
    width: 90%;
    gap: 2rem;
  }

  /* history page */

  .prayer-content p{
    font-size: 14px;
  }

  .history-section .custom-container{
    padding: 2rem 0;
  }

  .history-members-flex{
    flex-direction: column;
    gap: 2rem;
  }

  .welcome-inner1{
    width: 100%;
    gap: 0;
  }

  .welcome-inner1 img{
    width: 60px;
  }

  .welcome-inner1 b{
    font-size: 40px;
  }

  .welcome-inner1 p{
    font-size: 20px;
  }

  .founder-container{
    background-image: none;
  }

  .object-section{
    padding: 0;
  }

  .founder-container .founder-flex{
    flex-direction: column;
    gap: 1rem;
  }

  .founder-content{
    gap: 1rem;
  }

  .object{
    padding: 2rem 1rem;
  }

  .test{
    padding: 2rem 1rem;
  }
  
  .about-president img{
      width: 100%;
  }
  
  .past-presidents-table table td{
      font-size: 14px;
  }
  
  .presidents-flex{
      flex-direction: column;
      gap: 1rem;
  }
  
  .past-presidents{
      width: 100%;
  }
  
  .president-name{
      font-size: 18px;
  }
  
  .past-president-container h2{
      font-size: 20px; 
  }
  
  .past-president-container .welcome-p{
      font-size: 18px; 
  }
  
  .captcha{
      flex-direction: column-reverse;
  }
  
  .captcha .captcha-btn{
      width: 75%;
  }
  
  .get-involved-tab-section .flex-column{
      flex-direction: column!important;
      gap: 0.5rem;
  }
  
  .get-involved-tab-section .nav-link{
      width: 100%;
      padding: 10px;
  }
  
  .get-involved-tab-section .nav-link div{
      flex-direction: row;
  }
  
  .get-involved-tab-section .nav-link div img{
      width: 50px;
  }
  
  .members-img-flex{
      gap: 1rem;
  }
  
  .rotary-members-flex{
      gap: 1rem;
  }
  
  .rotary-member-inner{
      width: calc(50% - 0.5rem);
  }
  
  .rotary-member-inner{
      flex-direction: column;
  }
  
  .rotary-member-inner div:nth-child(1){
      width: 100%;
  }
  
  .rotary-member-inner div:nth-child(2){
      width: 100%;
  }
  
  .rotary-member-inner p{
      font-size: 13px;
  }
  
  .rotary-member-inner div{
      gap: 0.5rem;
  }
  
  #text{
      gap: 1rem;
  }
  
  
.contact-section .custom-container{
    padding: 3rem 0;
}

  .gallery-section{
      padding: 2rem 0;
  }
  
  .club-member{
      width: calc(50% - 0.5rem);
  }
  
  .news-page-section .custom-container{
      padding: 2rem 0;
  }
  
  .news-page-section .news-card1{
      width: 100%;
  }
  
  .news-card-content h3{
      font-size: 16px;
  }
  
  .annets-section{
      padding: 2rem 0;
  }
  
  .accordian-tab-flex{
      margin-top: 1rem;
  }
  
  
  .contact-col1{
      width: 100%;
  }
  
   .contact-section .involved-tab-form{
     padding: 1rem;
 } 
 
 .footer-flex h3{
     font-size: 16px;
 }
 
 .founder-container .custom-container{
     padding: 3rem 0;
 }
 
 .header-logo .rotary-texcity-logo img{
     width: 110px;
 }
 
 .header-logo .line-between{
     height: 35px;
 }
  
  .existence-link a:nth-child(1) img{
    width: 40px;
    height: 40px;
  }
  
  .existence-link a img{
    width: 40px;
  }
  
  .existence-link a{
    padding: 4px 1rem;
  }
  
  .existence-inner .orange{
  	font-size: 18px;
  }
  
  .orange{
  	font-size: 20px;
  }
  
  .event-page-section .news-card2{
    width: 100%;
  }
  
  .accordion-button{
    padding: 1rem;
  }
  
  .accordion-body{
    padding: 1rem;
  }
  
  .existence-section .existence-part1{
    gap: 2rem;
  }
  
  .copyrights-section .custom-container{
      align-items: center;
      justify-content: center;
      gap: 8px
  }
  
  .signatures-logo p{
      font-size: 10px;
      font-weight: 100;
  }
  
  .get-involved-tab-section .nav-link div svg{
      width: 40px;
      height: 40px;
  }
  
}