@media (max-width: 1200px){
    .header__links{
        font-size: var(--text-xs);
        column-gap: 0px;
    }
  
.btn-primary.btn-filled{
  font-size: 1rem;
}
.utility-menu a{
  font-size: 10px;
  
}

.social-icons {
  display: none;
}
.utility-menu .utility-inner{
  justify-content: space-between;
}




}
/* @media (max-width: 1100px){
    .feature__media{
        width: 40%;
    }
} */


@media (max-width: 990px){
  



  .feature__container{
    grid-template-columns: repeat(1,1fr);
   padding-top: 30px;
  }
  .feature__media{
    position:static;
    width: 100%;
    aspect-ratio: 4/3;
  }
  .feature{
    padding: var(--gutter-block)    var(--gutter-inline);
  }
  .faqs__container{
    align-items: flex-start;
  }
 .faqs__content-wrapper{
  position: sticky;  
  top: 124px;

 }

 .footer__legal-item{
    font-size: var(--text-xs);
 }
 .footer__politiqe-item{
    font-size: var(--text-xs);
 }
 .footer__links-item{
    font-size: var(--text-xs);
 }
 /* .feature:nth-child(2).feature__container{
   order: 1;
 } */
.benefits__container{
grid-template-columns: repeat(1,1fr);
}



}



@media (max-width:780px) {
   .pull-right{
    display: none;
  }
  .alt-font{
    margin-right: 0px;
  }
}


@media (max-width: 760px){

 footer .col-sm-12 {
    display: flex
;
justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
}
  
 .hero__container{
    grid-template-columns: repeat(1,1fr);
    gap: var(--grid-gap);
  }
  .hero__media{
    aspect-ratio: 2/2;
  }
  .testimonial__container{
    grid-template-columns: repeat(1,1fr);
  }
  .feature__content-wrapper{
    padding: 0;
    flex-wrap: wrap;
  }
 .faqs__container{
    grid-template-columns: repeat(1,1fr);
 }
 .faqs__content-wrapper{
    position:static;
 }
.registration__container{
   max-width: 100%;
   width: 100%;
    margin: 0 0;
}
.registration__title{
    width: 100%;
}
.registration__desc{
    width: 100%;
}
.registration__input-wrapper{
 align-items: flex-start;
 width: 100%;
 padding-left: 20px;
}
.registration__field-group{
    flex-direction: column;
}
.registration__input{
min-width: 280px;
}

.percentage__card{
 padding: var( --space-lg);
}
.benefits__table-border{
  line-height: 1.5;
}
#form-inscription .acf-field {
    display: flex;
    flex-direction: column;
    column-gap: var(--space-xs);
}
#form-inscription .acf-field .acf-label label{
  margin-left: 0;
  margin-right: auto;
}
#form-inscription .acf-form-fields{
  padding: 0px;
}

#form-inscription .acf-fields.-left.-border{
  padding: 0px;
}

#form-inscription .acf-fields>.acf-field {
  padding: var(--space-xs);
}



}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    footer.short-2 .contact-action {
       
        height: auto;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    footer.short-2 .contact-action {
        position: relative;
        width: 100%;
        height: 150px;
        
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    footer.short-2 span {
        margin-right: 16px;
    }
    footer{
    padding: 0px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    footer.short-2 {
        text-align: center;
    }
}
@media (max-width: 480px){
  
.input__group{
    flex-direction: column;
    align-items: flex-start;

}
.registration__field-input{
min-width:200px;
}

.registration__field{
    width: 75%;

}

/* .registration__container{
      overflow: hidden;
} */
.registration__input{
min-width: 250px;
}
.registration__input-wrapper{
    padding-left: 0;
}
.side-bar{
    width: 100%;
}
.benefits__percentage-wrapper{
    flex-direction: column;
    align-items: flex-start;
}
.percentage__card{
    justify-content: space-around;
}
.registration__lable-wrapper{
   text-align: left;
}
.registration__field{
  width: 100%;
}
.input__lable-wrapper{
  text-align: left;
}
.benefits__table-border{
  width: 70px;
}



.feature__card-count{
  margin-bottom: auto;
}

.feature__card-count::before{
  top: -3px; ;
}


}







@media (max-width:1280px) {
  ul.header__links .menu-item > a{
    padding: 8px 14px !important;
    font-size: var(--text-xs) !important;
  }
}


@media (max-width:1120px) {
  .header__links{
    display: none;
  }
  .header__ham-burger{
    display: block;
    font-size: 30px;
  }
.sub-menu{
  display: none;
}
  .menu-item:hover .sub-menu{
     display: block;
  }
}