/* Responsive */
@media screen and (max-width: 1291px) {
    .kl-content-img-slider img {
        height: 100vh !important;
        object-fit: cover;
    }
    
    .kl-bg-gradient-black,
    .kl-ombre {
        height: 100vh !important;
    }
}

@media (max-width: 1024px) and (min-width: 769px) {
    .kl-menu-header .sub-menu{
        display: block !important;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .kl-menu-header .sub-menu li{
        display: block;
        margin-bottom: 5px;
    }

    .nos-cles-left{
        margin-top: -90px;
    }
    .services-content #nos-cles .nos-cles-right{
        padding: 1em;
    }
    .kl-investissements .investissement-content-top p {
    width: 70%!important;}
    .kl-investissements, #nos-equipes, #nos-services, #slider-futures, #nos-pourquois, section.projet-villa, #fonctionnalites-avances, 
    #planification-amenagement .content-titre, #planification-amenagement .plan-content, #coeur-projet, #nos-inspirations, #nos-autres-projet,
    #nos-visions, #nos-cles, #avantages-services, section#before-contactez-nous, .services-content #se-diversifier{
        padding: 3em 2em;
    }
    
       
    .kl-navbar-header {
    padding: 0 2em;
}
    /* Tablette - Affichage des 3 équipes */
    .content-equipe {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
    
    .nom-equipe {
        font-size: 24px;
    }
    
    .titre-equipe {
        font-size: 18px;
    }
    
    .equipe-item img {
        height: auto;
    }
        .ml-30 {
        margin-left: 0 !important;
    }
}

@media (max-width: 1024px) {
    .services-content #se-diversifier .se-diversifier-right {
        padding: 20px;
    }
    
    .services-content #nos-visions .content-nos-visions {
        width: 80%;
    }
     .fonctionnalite-item {
        width: 45%;
    }
    .ml-30{
        margin-left: 12px;
    }
    .content-description-pourquoi h4{
    font-size: 28px;
    }
    .contactez-nous-left .contact-text h4{
    font-size: 38px;
    }

    .kl-content-visions p, #nos-services .content-title-service p {
        width: 80%;
    }
    .slider_accueil, .page-template-template-services .slider_accueil {
        height: 70vh !important;
        min-height: 500px;
    }
    
    .content-slider {
        height: 70vh !important;
    }
    
    .content-image-slider,
    .kl-content-img-slider {
        height: 70vh !important;
    }
    
    .content-image-slider img,
    .kl-content-img-slider img {
        height: 70vh !important;
        min-height: 500px !important;
    }
    
    .kl-bg-gradient-black,
    .kl-ombre {
        height: 70vh !important;
        min-height: 500px !important;
    }
    .plan-content-left-content a.btn.btn-link{
      padding: 30px 60px;
    }
}
@media (max-width: 768px) {
    .services-content #nos-cles .nos-cles-right{
        width: 100%;
        padding: 0;
    }
    .barre-bas-slider{
        bottom: -20px;
    }
    .services-content #nos-cles .cles-bas {
    width: 100%;
    margin-top: 1rem;
    padding-bottom: 1rem;
}
      .before-contactez-nous {
    flex-direction: column-reverse;
    gap: 30px;

  }
    .services-content .before-contactez-nous .before-contactez-nous-left, .services-content .before-contactez-nous .before-contactez-nous-right {
    width: 100%;
    min-width: 300px;
    padding: 0;
    }
      .avantage-item {
    width: calc(50% - 10px);
    min-width: auto;
    padding: 15px 10px;
    text-align: center;
  }
    .services-content #se-diversifier .se-diversifier-right, .services-content #nos-cles .cles-bas p.descr-chiffre-item {
        width: 100%;
    }
    .plan-content-left-content a.btn.btn-link{
      padding: 20px 40px;
    }
    .nos-inspirations-content-top p{
        width: 100%;
    }
    .nos-autres-projet-item {
        width: 100%;
    }
    .plan-content {
    flex-direction: column;
  }
  .plan-content-left,
  .plan-content-right {
    width: 100% !important;
  }
  .plan-content-left-content {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
  }
    .planification-amenagement .content-titre h2{
        width: 100%;
    }
    .content-titre {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    padding: 0 15px;
    text-align: left;
    }
    .nos-inspiration-item {
        flex: 0 0 100%;
    }
    .coeur-content-left-content {
        height: 220px;
    }

    .coeur-content-right-content {
        padding: 15px;
    }

    table {
        width: 100%;
        font-size: 14px;
    }

    td span {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin-right: 8px;
        vertical-align: middle;
    }    
     .projet-villa {
        flex-direction: column;
        gap: 20px;
    }

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

    .projet-villa-left h2, #fonctionnalites-avances h2, .planification-amenagement .content-titre h2, .titre-coeur-projet {
        font-size: 1.8rem;
    }

    .projet-description {
        font-size: 1rem;
    }

    .projet-detail {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        font-size: 0.95rem;
        gap: 10px;
    }

    .projet-detail img {
        width: 18px;
        height: auto;
    }

    .btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-top: 10px;
    }

    .ml-30 {
        margin-left: 0 !important;
    }
    /* fin */

    .content-description-pourquoi h4{
    font-size: 25px;
}

    .kl-content-visions p, #nos-services .content-title-service p {
        width: 90%;
    }
    
    .content-equipe {
        gap: 40px;
    }
    .investissement-content {
    flex-direction: column;
    gap: 30px;
  }
  .investissement-item {
    width: 100%;
  }
    .kl-investissements, #nos-equipes, #nos-services, #slider-futures, section.projet-villa, #fonctionnalites-avances,
     #planification-amenagement .content-titre, #planification-amenagement .plan-content, #coeur-projet, #nos-inspirations, #nos-autres-projet,
     #nos-visions, #nos-cles, #avantages-services, section#before-contactez-nous, .services-content #se-diversifier{
        padding: 2em 1em;
    }
    .kl-navbar-header {
    padding: 0 1em;
}
    /* fin  */
    .custom-slider-arrow {
        display: none !important;
    }
     .content-texte-slider {
        width: 95%;
        padding: 0 20px;
    }
    
    .slider_accueil, .page-template-template-services .slider_accueil {
        height: 70vh !important;
        min-height: 450px;
    }
    
    .content-slider {
        height: 70vh !important;
    }
    
    .content-image-slider,
    .kl-content-img-slider {
        height: 70vh !important;
    }
    
    .content-image-slider img,
    .kl-content-img-slider img {
        height: 70vh !important;
        min-height: 450px !important;
    }
    
    .kl-bg-gradient-black,
    .kl-ombre {
        height: 70vh !important;
        min-height: 450px !important;
    }
    .slider-prev,
    .slider-next {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    
    .slider-prev {
        left: 15px;
    }
    
    .slider-next {
        right: 15px;
    }
    
    .slick-dots {
        bottom: -40px;
        gap: 20px;
    }
    
    .slick-dots li button {
        width: 14px;
        height: 14px;
    }
}

@media (max-width: 480px) {

    .custom-slide-indicators {
        display: none;
    }
}

/* RESPONSIVE AVANT QUE JE LE MODIFIE  */
@media (min-width: 344px) and (max-width: 344px) {

    .kl-barre-slider .trait {
        height: 70px !important;
    }
}
@media (min-width: 360px) and (max-width: 360px) {

    .kl-barre-slider .trait {
        height: 70px !important;
    }
}
@media (min-width: 375px) and (max-width: 375px) {

    .kl-barre-slider .trait {
        height: 90px !important;
    }
    
}
@media (min-width: 390px) and (max-width: 390px) {
    .kl-barre-slider .trait {
        height: 90px !important;
    }
    
}
@media (min-width: 412px) and (max-width: 412px) {

    .kl-barre-slider .trait {
        height: 90px !important;
    }
    
}
@media (min-width: 414px) and (max-width: 414px) {
    .kl-barre-slider .trait {
        height: 90px !important;
    }
    
}
@media (min-width: 430px) and (max-width: 430px) {

    .kl-barre-slider .trait {
        height: 90px !important;
    }
    
}
@media screen and (max-width: 575px){
    

    .kl-navbar-toggler-icon img {
        height: 35px;
    }
    .kl-content-img-slider img{
        height: 700px;
        object-fit: cover;
    }

    .kl-content-txt-slider h2{
        font-size: 2.4rem;
    }
    .kl-barre-slider .trait{
        height: 100px;
    }
    .kl-content-visions h2{
        font-size: 2rem;
    }
    .kl-investissements{
        padding: 50px 30px !important;
    }
    .kl-investissements h3, .title-equipes{
        font-size: 1.9rem;
    }
    .kl-investissements .investissement-content-top p{
        width: 100%;
    }
    .kl-bloc-thumb-invest svg{
        width: 60px;
    }
    .kl-bloc-thumb-invest img{
        height: 250px;
    }
    .kl-invest-title{
        font-size: 16px;
    }
    .kl-content-title-service p{
        margin: 20px 0 !important;
        font-size: 17px !important;
    }
    .kl-content-content-service .content-service-part{
        width: 100% !important;
        margin-bottom: 20px;
    }
    .kl-content-content-service{
        display: block;
    }
    .kl-content-title-service h2{
        font-size: 1.5rem !important;
    }
    .kl-bg-futures {
/*         padding: 30px 10px !important; */
    }
    .kl-content-nos-future{
        display: block !important;
    }
    .kl-content-nos-future .futures-left{
        width: 100% !important;
    }
    .kl-content-nos-future .futures-left h2{
        font-size: 26px !important;
    }
    .kl-content-nos-future .futures-left p{
        font-size: 17px !important;
    }
    .kl-content-nos-future .futures-left a{
        padding: 7px 10px !important;
    }
    .kl-content-nos-future .futures-right{
        width: 100% !important;
    }
    .kl-content-nos-future .futures-right h4{
        font-size: 22px !important;
        line-height: initial !important;
        margin-top: 50px !important;
    }
    .kl-descr-chiffre-item{
        font-size: 13px !important;
    }
    .kl-nos-cles-left{
        display: none !important;
    }
    .kl-nos-cles-right {
        padding: 0 5px;
        width: 100%;
    }
    .kl-nos-cles-right h4 {
        font-size: 25px;
    }
    .kl-nos-cles-right p{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .kl-cles-chiffres{
        flex-wrap: wrap !important;
        margin-top: 40px;
        gap: 10px;
    }
    .kl-cles-chiffres .chiffre-item{
        margin-bottom: 0 !important;
        width: calc(50% - 12.5px) !important;
        padding: 0 !important;
        margin-top: 0;
    }
    .kl-cles-chiffres .chiffre-item .titre-chiffre-item{
        font-size: 19px !important;
    }
    .kl-cles-chiffres .chiffre-item .descr-chiffre-item{
        font-size: 12px !important;
    }
    .kl-nos-pourquois {
        padding: 0 !important;
    }
    .kl-nos-pourquois .nos-pourquois{
        display: initial !important;
    }
    .kl-nos-pourquois .nos-pourquois .content-pourquoi-part{
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    .kl-contact-left {
        width: 100%;
        height: 250px;
    }
    .kl-bg-black, .kl-contact-left img{
        display: none;
    }
    .kl-contact-text {
        padding: 0px 15px;
        top: 0 !important;
        left: 0 !important;
    }
    .kl-contact-text h4 {
        font-size: 30px !important;
        color: #002F5D;
    }
    .kl-contact-text h6 {
        color: #002F5D;
        font-size: 30px !important;
        margin-bottom: 20px !important;
    }
    .kl-contact-text a {
        color: #002F5D !important;
        font-size: 25px !important;
    }
    #wpforms-167 .wpforms-submit-container .btn.btn-link.color-white{
        width: 100%;
        margin-bottom: 60px;
    }
    .kl-contactez-nous-right {
        width: 100%;
    }
    .kl-contactez-nous-right .wpforms-container {
        margin: 0 20px !important;
    }
    .kl-content-nos-future .futures-right .content-chiffre-future {
        gap: 5px;
    }
}
@media screen and (min-width: 576px) and (max-width: 767px){
    .titre-slider-h2 {
    font-size: 2.7rem;
    }
    .kl-content-img-slider img {
        height: 700px;
        object-fit: cover;
    }

    .kl-barre-slider .trait {
        height: 90px !important;
    }
    .kl-content-title-service p {
        margin: 20px 0 !important;
    }
    .kl-content-content-service {
        display: block;
    }
    .kl-content-content-service .content-service-part {
        width: 100%;
        margin-bottom: 30px;
    }
    .kl-bg-futures {
        padding: 50px 10px !important;
    }
    .kl-bg-futures .content-nos-future{
        display: block;
    }
    .kl-bg-futures .content-nos-future .futures-left, .kl-content-nos-future .futures-right{
        width: 100%;
    }
    .kl-content-nos-future .content-chiffre-future {
        gap: 7px;
    }
    .kl-content-nos-future a {
        margin-bottom: 40px;
    }
    .kl-nos-cles-left {
        display: none;
    }
    .kl-nos-cles-right {
        width: 100% !important;
        padding: 0 !important;
    }
    .kl-cles-chiffres {
        flex-wrap: wrap !important;
        margin-top: 40px;
        gap: 10px;
    }
    .kl-cles-chiffres .chiffre-item {
        margin-bottom: 0 !important;
        width: calc(50% - 12.5px) !important;
        padding: 0 !important;
        margin-top: 0;
    }
    .kl-nos-pourquois {
        padding: 0 !important;
    }
    .kl-nos-pourquois .nos-pourquois {
        display: initial !important;
    }
    .kl-nos-pourquois .nos-pourquois .content-pourquoi-part {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    .kl-contact-left {
        width: 100%;
        height: 250px;
    }
    .kl-bg-black, .kl-contact-left img {
        display: none;
    }
    .kl-contact-text {
        padding: 0px 15px;
        top: 0 !important;
        left: 0 !important;
    }
    .kl-contactez-nous-right {
        width: 100%;
    }
    #wpforms-167 .wpforms-submit-container .btn.btn-link.color-white {
        width: 100%;
        margin-bottom: 60px;
    }
    .kl-contact-text h4 {
        font-size: 30px !important;
        color: #002F5D;
    }
    .kl-contact-text h6 {
        color: #002F5D;
        font-size: 30px !important;
        margin-bottom: 20px !important;
    }
    .kl-contact-text a {
        color: #002F5D !important;
        font-size: 25px !important;
    }

}
@media screen and (min-width: 768px) and (max-width: 991px){
    .titre-slider-h2 {
    font-size: 2.9rem;
    }
    .kl-content-img-slider img {
        height: 700px;
        object-fit: cover;
    }

    .kl-barre-slider .trait {
        height: 125px !important;
    }

    .kl-content-title-service p {
        margin: 20px !important;
    }
    .kl-content-nos-future .futures-left h2{
        font-size: 31px;
    }
    .kl-nos-cles-right {
        padding: 50px 20px;
    }
    .kl-nos-cles-right a {
       font-size: 13px;
    }
    .kl-nos-pourquois {
        padding: 50px 10px !important;
    }
    .kl-content-description-pourquoi h4{
        font-size: 33px;
    }
    .kl-contact-text {
        left: 0 !important;
        top: 20% !important;
        padding: 0 30px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .kl-barre-slider .trait {
        height: 125px !important;
    }
    .kl-btn-whatsapp{
        right: 90px;
    }
    .kl-content-title-service p {
        margin: 25px 0 !important;
    }
    .kl-contact-text {
        top: 40% !important;
        padding: 0 20px;
        left: 70px !important;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1291px){
    .kl-content-img-slider img {
        height: 100vh !important;
        object-fit: cover;
    }
    
    .kl-bg-gradient-black,
    .kl-ombre {
        height: 100vh !important;
    }

    .kl-barre-slider .trait {
        height: 100px !important;
    }
}

@media screen and (max-width: 991px){
    coeur-content {
        flex-direction: column;
        align-items: stretch;
    }
    .coeur-content .coeur-content-left,
    .coeur-content .coeur-content-right {
        width: 100%;
        height: auto;
    }
    .coeur-content-left-content {
        height: 300px;
    }
    .coeur-content-left-content img {
        height: 100%;
    }
    .coeur-content-right-content {
        margin: 0;
        padding: 20px;
        text-align: left;
    }
    .kl-btn-whatsapp{
        display: none;
    }
    .kl-navbar-header button {
        border: none !important;
        box-shadow: none !important;
    }
    .kl-menu-header {
        margin-top: 25px;
        text-align: right;
        gap: 20px;
    }
     .navbar-collapse {
        position: absolute !important;
        top: 97% !important;
        left: 0 !important;
        right: 0 !important;
        padding-bottom: 60px;
        background-color: #002F5D;
        backdrop-filter: blur(15px) !important;
        z-index: 999 !important;
    }
    .kl-language-selector {
        display: initial !important;
        text-align: right;
        right: 16px;
    }
    .kl-language-selector .language-selector {
        right: 29px;
        top: 20px;
    }
    .kl-contactez-nous, .kl-contactez-nous .contactez-nous {
        border-bottom: 0;
    }
}
@media screen and (max-width: 767px){
    .kl-footer-content {
        display: block;
    }
    .kl-footer-content .identity-footer{
        width: 100%;
    }
    .kl-footer .footer-first-menu, .kl-footer .footer-second-menu, .kl-footer .footer-contact {
        width: 100%;
        padding: 0 18px;
    }
}