/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

@media (max-width:489px){
    .kl_logoImg {
        height: 175px;
    
    }
    .kl_descSlide {
        bottom: 0.5rem;
    }
    
    .carousel-item, .carousel-item > img {
        height: 38rem;
    }

@media  (max-width: 992px) {
    
    .kl_sousListe{
        margin-top : 40px !important;
    }
    
    .kl_oneSousListe{
        margin-top: 40px !important;
    }
    
    #id_footer{
        text-align: center;
    }
    
    .oneBloc .text-left{
        text-align: center !important;
    }
    
}

@media (max-width: 768px){
   
   .carousel-item, .carousel-item > img {
		height: 38rem !important;
		width: auto;
	}

    .kl_contentDescription .w-50 {
        width : 100% !important;
    }
	
	.kl_imageHW {
		width: 100% !important;
		height: 218px !important;
	}
	
	.kl_listeRealisation {
		width:100% !important;
	}
	
	.kl_100Mobile{
		width:100% !important;
	}
    
}

@media (max-width: 620px){
    .blocContent > .w-50, .blocContent.w-50, .kl_contentDescription .w-50, .kl_listeActu.w-50 ,
    .kl_natureProjet.w-50 , .kl_avantApres.w-50
    {
        width : 100% !important;
    }
    .kl_titreHistoire{
        padding-left: 10px;
    }
    
    .blocContent > .w-50 p, .blocContent.w-50 .px-5, .blocContent .kl_fontBoldCat{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .oneBloc h1, .kl_contactez, .kl_titleRealisation, .kl_natureTitre h5{
        width: 80% !important;
        font-size: 28px;
        text-align: center !important;
        /*word-break: break-all;*/
    }
    
    .kl_natureTitre{
        text-align: center !important;
    }
    
   
    
    .oneBloc .text-left{
        text-align: center !important;
    }
    
    .top140 {
        /*margin-top: 60px;*/
    }
    
    .kl_contentActu, .kl_avantApres.w-50, .kl_natureProjet.w-50 {
       padding: 15px; 
    }
    
    .kl_listeActu{
       margin-bottom: 35px !important;
    }
    .blocConcact{
        height: auto !important;
    }
    
    .kl_adresse{
        /*height: 345px;*/
		padding: 15px;
		text-align: center;
    }
    
}