@media screen and (max-width: 991px){
.kl-navbar-toggler {
border: 0 !important;
}
.kl-navbar-toggler:focus {
box-shadow: none !important;
}
.kl-navbar-toggler svg {
    color: #fff;
    font-size: 35px;
}
.kl-bg-navbar-head{
    padding: 20px 0;
}
.kl-contact-head{
    margin-left: 0;
}
.kl-language {
    margin-left: 5px;
}
.kl-navbar-collapse{
    text-align: center;
}
.kl-header-service{
    background: #08233E;
    padding: 20px 0;
}
.kl-hero-home{
    margin-top: 0;
}
.kl-img-hero-home img{
    height: auto;
}
.kl-hero{
    margin-top: 0;
}
}
@media screen and (max-width: 767px){
    .kl-img-bas img{
        height: auto;
    }
    .kl-bloc-info-service .d-flex.align-items-start.gap-5 {
    display: block !important;
    }
    .kl-content-service-home {
    width: 100%;
    margin-bottom: 30px;
    }
    .kl-menu-service-home {
    width: 100%;
    }
    .kl-menu-service-home button{
    font-size: 17px;
    }
    .kl-content-voyage {
    padding: 20px;
    }
    .kl-voyage .row{
    --bs-gutter-y: 1rem;
    --bs-gutter-x: 1rem;
    }
    .kl-img-large-process {
    margin-bottom: 30px;
    }
    .kl-accordion-item-process button{
        font-size: 17px;
    }
    .kl-bloc-footer .col-md-4, .kl-bloc-footer .col-md-3, .kl-bloc-footer .col-md-2 {
    margin-bottom: 30px;
    }
    .kl-content-tab-caracteristique .d-flex.align-items-start {
    display: block !important;
    }
    .kl-nav-pills-caracteristique{
        min-width: initial !important;
    }
    .kl-list-breadcrumb ol{
        padding: 0;
    }
    .kl-bloc-txt-grid {
    padding: 30px;
    }
    .kl-img-grid img{
        height: 300px;
    }
    .kl-grid-caracteristique .col-md-6 {
    padding: 0 !important;
    }
    .kl-list-resume .col-md-4 {
    margin-bottom: 30px;
    }
    .kl-resume-flotte{
        min-height: 270px;
    }
    .kl-img-flotte img{
        height: 400px;
    }
    .kl-carousel-item-tech img{
        height: 450px;
    }
    .kl-title-hero-single-circuit h1{
        font-size: 20px;
    }
    .kl-list-fiche-flotte ul li span{
        float: none;
        margin-left: 20px;
    }
    .kl-slide-tech .carousel-control-prev{
        left: 28%;
    }
    .kl-slide-tech .carousel-control-next{
        right: 30%;
    }
    .kl-indicator-slide-flotte{
        bottom: -15%;
    }
    .kl-tab-content-circuit{
        padding: 30px;
    }
    .kl-thumb-journee img{
        height: 350px;
    }
    .slick-prev {
    left: 0 !important;
    }
    .kl-list-other-service .slick-next {
    right: 15px;
    }
    .kl-nav-pills-tab-staff li{
        width: 100%;
        margin-bottom: 20px;
    }
    .kl-nav-pills-tab-staff li button{
        width: 100%;
    }
    .kl-item-clientele {
        margin-bottom: 30px;
    }
    .kl-bloc-coordonnee{
        width: 100%;
        padding: 20px;
    }
    .kl-bloc-coordonnee .row .col-md-6 {
        margin-bottom: 20px;
    }
    .kl-nav-pills-circuit li {
    width: 100%;
    }
    .kl-nav-pills-circuit li button{
        width: 100%;
    }
    .kl-nav-pills-circuit li button:after{
        content: none;
    }
    .kl-target-circuit span{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        display: inline-block;
    }
    .kl-bloc-diplome{
        margin-bottom: 6px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .kl-content-voyage {
        padding: 20px;
    }
    .kl-contact-footer-2{
        width: 100%;
    }
    .kl-nav-pills-caracteristique {
        min-width: initial;
    }
    .kl-img-grid img{
        height: 300px;
    }
    .kl-slide-tech .carousel-control-prev{
        left: 30%;
    }
    .kl-slide-tech .carousel-control-next {
    right: 32%;
    }
     .kl-nav-pills-tab-staff li{
        width: 100%;
        margin-bottom: 20px;
    }
    .kl-nav-pills-tab-staff li button{
        width: 100%;
    }
    .about-mta{
        padding: 20px;
    }
    .about-mta span{
        font-size: 23px;
    }
    .about-mta h4{
        font-size: 11px;
    }
    .kl-list-clientele{
        width: 100%;
    }
    .kl-bloc-coordonnee{
        width: 100%;
    }
    .kl-target-circuit span{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        display: inline-block;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .kl-img-hero-home img{
        height: 437px;
    }
    .kl-nav-pills-circuit li button{
        font-size: 13px;
    }
    .kl-nav-pills-circuit li button.active{
        font-size: 13px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
    .kl-txt-diplome h6{
        font-size: 8px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
    .kl-img-hero-home img{
        height: 528px;
    }
}
@media screen and (max-width: 1366px){
    .kl-title-flotte h3{
        font-size: 18px;
    }
}