@media(max-width:768px){

.nav-links{
position:absolute;
top:70px;
right:-100%;
background:white;
flex-direction:column;
width:250px;
padding:20px;
transition:0.3s;
}

.nav-links.active{
right:0;
}

.menu-toggle{
display:block;
}

.btn-support{
display:none;
}

.hero h1{
font-size:28px;
}

.hero-buttons{
flex-direction:column;
}

}





@media(max-width:768px){

.about-container{
flex-direction:column;
text-align:center;
}

.about-stats{
justify-content:center;
flex-wrap:wrap;
}

}




@media(max-width:992px){
.values-grid{
grid-template-columns:repeat(2,1fr);
}
}

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



@media(max-width:992px){
.domains-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){
.domains-grid{
grid-template-columns:1fr;
text-align:center;
}

.domain-card{
text-align:center;
}
}





@media(max-width:768px){

.projects-grid{
grid-template-columns:1fr;
}

.project-card img{
height:220px;
}

}





@media(max-width:992px){

.impact-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:576px){

.impact-grid{
grid-template-columns:1fr;
}

}







@media(max-width:992px){

.partners-grid{
grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:576px){

.partners-grid{
grid-template-columns:repeat(2,1fr);
}

}





@media(max-width:576px){

.cta-buttons{
flex-direction:column;
}

.cta-btn{
width:100%;
text-align:center;
}

}



@media(max-width:992px){

.footer-container{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:576px){

.footer-container{
grid-template-columns:1fr;
text-align:center;
}

.footer-logo{
justify-content:center;
}

.footer-socials{
justify-content:center;
}

.footer-contact li{
justify-content:center;
}

}





@media (max-width:768px){

.page-hero{
    height: 250px;
    padding: 0 20px;
}

.page-hero h1{
    font-size: 28px;
}

.page-hero p{
    font-size: 15px;
}

}






@media (max-width:768px){

.timeline{
    padding-left: 10px;
}

.timeline-item{
    padding-left: 50px;
}

}



@media (max-width:768px){

.vision-grid{
    grid-template-columns: 1fr;
}

}




@media (max-width:992px){

.objectifs-grid{
    grid-template-columns: repeat(2,1fr);
}

}

@media (max-width:576px){

.objectifs-grid{
    grid-template-columns: 1fr;
}

}





@media(max-width:768px){

.domaine-item{
flex-direction:column;
}

.domaine-item.reverse{
flex-direction:column;
}

}




/* RESPONSIVE */

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


/* RESPONSIVE */

@media(max-width:992px){
.galerie-grid{
grid-template-columns:repeat(2,1fr);
}
}

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



/* ================= RESPONSIVE NOS COORDONNÉES ================= */

@media (max-width: 992px) {

  .contact-cards {
    flex-wrap: wrap;
  }

  .contact-card {
    width: 45%;
  }

}

@media (max-width: 576px) {

  .contact-card {
    width: 100%;
  }

  .section-title h2 {
    font-size: 26px;
  }

}







/* ================= RESPONSIVE RÉSEAUX ================= */

@media (max-width: 576px) {

  .social-card {
    padding: 25px 20px;
  }

  .social-icons {
    gap: 15px;
  }

  .social-link {
    width: 40px;
    height: 40px;
  }

}





/* ================= RESPONSIVE IFJ CONTACT ================= */

@media (max-width: 992px) {

  .ifj-contact-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }

}

@media (max-width: 576px) {

  .ifj-form-wrapper,
  .ifj-location-wrapper {
    padding: 25px;
  }

  .ifj-section-title {
    font-size: 22px;
  }

}




/* ================= RESPONSIVE SUPPORT ================= */

@media (max-width: 992px) {

  .ifj-support-cards {
    grid-template-columns: 1fr 1fr;
  }

}

@media (max-width: 600px) {

  .ifj-support-cards {
    grid-template-columns: 1fr;
  }

}






/* ================= RESPONSIVE PARTENAIRES ================= */

@media (max-width: 992px) {

  .ifj-partners-grid {
    grid-template-columns: 1fr 1fr;
  }

}

@media (max-width: 600px) {

  .ifj-partners-grid {
    grid-template-columns: 1fr;
  }

  .ifj-partner-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

}






/* ================= RESPONSIVE CTA ================= */

@media (max-width: 600px) {

  .ifj-cta-section {
    padding: 70px 20px;
  }

  .ifj-cta-section h2 {
    font-size: 24px;
  }

  .ifj-cta-buttons {
    flex-direction: column;
    gap: 15px;
  }

}