@media (max-width: 1400px) {
.banner-box-hero{ min-height: 650px; }

  .header img{ width: 148px!important;}
  .navbarTab a {  padding: 10px 8px !important;}
.header a{font-size: 12px;}
.language-icon {
    margin-left: 7px !important;
    padding: 8px 8px !important;
}
}
@media (max-width: 1280px) {
.banner-box-hero{ min-height: 600px; }
.header img{ width: 128px!important;}
.navbarTab a {  padding: 10px 7px !important;}

.header a{    font-size: 12.5px;}
.language-icon{ margin-left: 8px !important; padding: 8px 8px !important;}
.banner-box-hero{ padding-top: 70px;}
}

@media (max-width: 1199px) {
  
.banner-box-hero{ padding-top: 70px;}
.header a{    font-size: 12px!important;}
}
@media (max-width: 991px) {
.about-sidebar h2{    font-size: 18px;}
}

@media (max-width: 767px) {
    .banner-box-hero {
        padding-top: 58px;
    }
}




@media (max-width: 1200px) {
.event-join-btn{    padding: 10px 8px;}

.banner-content{width: 432px; left: inherit; right: 20px;}
.banner-content h1 {
    font-size:1.6rem;
}
}

@media (max-width: 1024px) {



  .about-us {
    padding-top: 7px;
  }


      .owl-carousel .owl-prev{
position: absolute;
    left: -1%;
    top: 50%;
}

.club-card-left{
  padding-left: 13px;
}


.team-section .team-div{
  display: none;
}

.owl-carousel .owl-prev, .owl-carousel .owl-next {
    width: 30px !important;
    height: 30px !important;
}

.event-fuild span{
  font-size: 40px !important;
}

.owl-carousel .owl-next {
right: 3%;
}
.arrow-btn.right {
  top: 33%;
}
}




 
    @media (max-width: 992px) {
.language-icon{
  position: absolute;
    padding: 6px 8px !important;
    right: 242px;
    border-radius: 100px !important;
}


  .team-section {
    flex-direction: column;
    padding: 40px 20px;
    text-align: center;
  }

  .team-left, .team-right {
    width: 100%;
  }

  .team-left {
    margin-bottom: 30px;
  }

  .arrow-btn {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
  }

  .arrow-btn.right {
    left: auto;
    right: 10px;
  }

  .club-card {
    padding: 0px !important;
  }
}


@media (max-width: 768px) {



  .team-right img {
    width: 100px;
    height: 100px;
  }

  .team-left h2 {
    font-size: 24px;
  }

  .team-left p {
    font-size: 14px;
    padding-right: 10px;
  }

  .arrow-btn {
    width: 26px;
    height: 26px;
    font-size: 18px;
  }



  .team-section {
       
        padding: 40px 20px 0px 20px;
    }


  .header-btn{
    display: none;
  }

  .nav-item{
    padding-top: 10px;
  }


  .hero-text {
    position: static !important;
 
    transform: none;
    text-align: center;
    padding: 50px;
    margin-top: 200px;

  }

  .hero-title {
    font-size: 28px;
    line-height: 1.2;
  }


  .join-now-btn {
    font-size: 14px;
    padding: 8px 20px;
    margin-top: 10px;
  }

  .club-card{
    padding: 0px;
  }

  .connetnH2{
    font-size: 20px;
  }

connect-box p{
  padding: 0px 0px 18px 0px;
}

  
  .proud-img {
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
  }

  .proud-img > div {
    flex: 0 0 48%;
    max-width: 48%;
  }

  .proud-img img {
    width: 100%;
    height: auto;
    border-radius: 10px;
  }

  .proud-moment {
    margin-top: 20px;
    text-align: center;
    display: block;
  }


  .about-left, .about-right {
    padding: 15px;
    text-align: center;
  }

  .about-btn {
    font-size: 14px;
    padding: 8px 16px;
  }

  .swiper-button-next,
  .swiper-button-prev {
    display: none; 
  }

  .partner-logo img {
    width: 100%;
    max-width: 200px;
    height: auto;
    margin: 10px auto;
  }

  .event-content {
    padding: 15px;
  }

  .event-title {
    font-size: 18px;
  }

  .event-date {
    font-size: 14px;
  }

  .event-join-btn {
    font-size: 12px;
    padding: 6px 14px;
  }

  .footer-social {
    text-align: center;
    margin-bottom: 15px;
  }

  .footer-logo img {
    width: 150px;
    margin: 0 auto;
    display: block;
  }

  footer p {
    font-size: 12px;
    text-align: center;
  }

  .container,
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }

  .proud-fluid h2 , 
  .about-box h2, 
  .club h2 , 
  .services-box h2 ,
   .event-fluid h2,
   .partners h2{
    font-size: 30px;
  }


  .proud-img > div {
 display: block !important;
max-width: 100% !important;  }


.about-us{
    padding-top: 0px ;
}

  .footer-bottom {
    flex-direction: column;
    gap: 10px;
  }

  .swiper-button-prev,
      .swiper-button-next {
        top: 85%;
      }


      .team-div{

        display: none;

      }


      .arrow-btn {
        top: 34%;
    }

    .swiper{
      width: 100% !important;
    }


    




.banner-img img {
    height: 100vh;
    
}


.banner-content {

  padding: 30px;
}


/* banner */



.event-content{
  padding: 20px !important;
}


.event-fuild .container{
  padding-bottom: 0%!important;
}


  .team-static-member{
      margin-top: 10px;
      margin-left: 20px;
    }

    .team-left p{
      padding-right: 0px;
    }


    .owl-carousel .owl-prev{
position: absolute;
    left: -1%;
    top: 50%;
}

.owl-carousel .owl-next {
    position: absolute;
    right: 4%;
}



}
@media (max-width: 600px) {
.language-icon{
    right: 142px;
}

}
@media (max-width: 480px) {
.banner-box-hero{ min-height: auto; }

  
.header img {
    width: 132px !important;
}
.language-icon{
    right: 92px;
}



.banner-content h1 {
    font-size: 1.4rem;
}

    .banner-content{
      width: 100%;
      right: 0;
      border-radius: 0!important;
    }

    .owl-carousel .owl-next {
      right: 5%;
    }


    .banner-container span{
  font-size: 40px !important;
color: white;
}



}


@media (max-width: 430px) {

.owl-carousel .owl-prev, .owl-carousel .owl-next {
  width: 20px !important;
  height: 20px !important;
  background-color: transparent;
 
}






/* .owl-carousel .owl-nex{

} */

.banner-container span{
  font-size: 30px !important;
color: white;
}


.event-fuild span {
    font-size: 31px !important;
    position: relative;
    top: -17px;
}

.about h2,  .club-box h2 ,.services-fuild h2 ,.services-fuild h2 , .event-fuild h2 , .proud-fluid h2 , .partner-fluid h2
{
font-size: 24px !important;
}




.team-role{
  padding-bottom: 27px !important;
}


.align-items-start {
  display: flex;
  flex-direction: column-reverse;
}

.event-fbox{
  width: 100%;
  padding: 30px 5px;
}

.event-img{
  width: 100%;
  height: auto;
}


  .team-static-member{
      margin-top: 0px;
      margin-left: 0px;
    }

    .header img {
    width: 230px;
}




.event-content{
  padding: 0px !important;
}


.banner-box-hero .owl-carousel .owl-prev {
    position: absolute;
    left: 5% !important;
    top: 50%;
}



    .owl-carousel .owl-prev{
      left: -4%;
    }

    
    .owl-carousel .owl-next{
    
    }

}

@media (max-width: 320px) {









  .header img{
    width: 150px;
  }

  .hero-text{
    padding: 16px 0px;
  }

  .owl-next{
    right: -5px;
  }

  .club-card-left div{
    padding: 10px !important;
  }

  .club-card  .card-body{
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }

  .owl-prev,
  .owl-next {
    width: 28px;
    height: 28px;
    font-size: 14px !important;
    top: 35%;
  }
  .owl-prev {
    left: 5px;
    margin-left: 0;
  }
  .owl-next {
    right: 0;
  }

  .event-content {
    padding: 10px !important;

  }
.team-section{

  padding: 40px 10px;
}


.proud-fluid p {
    margin-top: -10px;
}







.owl-carousel .owl-prev, .owl-carousel .owl-next {
  width: 20px !important;
  height: 20px !important;
  background-color: transparent;
 
}


.banner-container span{
  font-size: 30px !important;
color: white;
}


.event-fuild span {
    font-size: 31px !important;
    position: relative;
    top: -17px;
}


    .owl-carousel .owl-next {
        position: absolute;
        right: 8%;
    }





}