@media screen and (max-width: 600px){
    .sidenav{
        display: flex;
        z-index: 3000 !important;
        transition: transform 1s ease !important;
    }
    .sidenav.flexslide{
        transform: translateX(0) !important;
        -webkit-transform: translateX(0);
    }
    .sidenav #btncontact{
        font-size: 13px;
        padding: 6px !important;
        display: inline;
    }
    #dropdown2{
        position: relative;
        padding: 2px 0 0 10px;
        display: none;
        background-color: #fff;
    }
    #dropdown2 li{
        margin: 6px 0;
        padding: 0;
        border-bottom: 1px solid #e6e6e6;
        display: flex;
        align-items: center;
        width: 100%;
    }
    #dropdown2 li a{
        padding: 0;
        line-height: 18px;
        display: flex;
        align-items: center;
        font-size: 12px;
    }
    #droppmenu.coloractive{
        background-color: rgba(0,0,0,0.05);
    }    
    nav{
        padding: 5px 20px !important;
    }
    .nav-wrapper{
        width: 100% !important;
        margin: 0;
        padding: 0 !important;
    }
    .nav-wrapper a{
        margin: 0 !important;
    }
    .nav-wrapper a:first-child{
        position: relative;
        left: 40px !important;
        top: 5px;
    }
    .nav-wrapper a:first-child img{
        width: 80px;
    }
    .nav-wrapper ul{
        display: none !important;
    }
    /******************************************/
    #baniere{
        height: 60vh; 
        padding: 0;
    }
    #baniere h2{
        font-size: 40px;
        width: 100% !important;
        padding: 1px 5px;
        margin-bottom: 10px;
    }
    .bgbaniere{
        margin: 0;
        padding: 0 !important;
        height: 100%;
        width: 100%;
    }
    .bgbaniere a{
        margin-left: 12px;
    }
    .valeurs{
        padding: 10px 5px;
    }
    .titre-methode{
        align-items: center;
    }
    .titre-methode h2{
        font-size: 23px;
        text-align: center;
    }
    .trait{
        height: 3px;
        background-color: #FF8201;
    }
    .double-face {
        width: 100%;
     }
     
      .double-face:first-child:hover .face-avant h2,
      .double-face:nth-child(2):hover .face-avant h2,
      .double-face:nth-child(3):hover .face-avant h2,
      .double-face:nth-child(4):hover .face-avant h2,
      .double-face:nth-child(5):hover .face-avant h2,
      .double-face:nth-child(6):hover .face-avant h2,
      .double-face:nth-child(7):hover .face-avant h2,
      .double-face:nth-child(8):hover .face-avant h2,
      .double-face:last-child:hover .face-avant h2{
          font-size: 17px;
      }
     #nos_solutions{
        padding: 20px 0;
    }
    #nos_solutions .titre{
        padding: 0 5px;
        align-items: center;
        width: 100%;
    }
    #nos_solutions h2{
        font-size: 23px;
        text-align: center;
    }
    .paxfree{
        padding: 15px 5px;
    }
    
    .divpaxfree{
        width: 100%;
        padding-right: 0;
        align-items: center;
    }
    .divpaxfree h3{
        text-align: right;
        width: 100%;
        padding: 0;
    }
    .imgpxfree{
        display: none;
    }
    .divpaxfree p{
        font-size: 14px;
        text-align: justify;
    }
    .trust_detail{
        padding: 10px 5px;
    }
    .img_trust{
        display: none;
    }
    
    .service_list > ul > li ul{
        padding-left: 7px;
    }
    
    .texte_flex{
        padding: 7px 0 7px 8px;
    }
    .text_trust{
        width: 100%;
    }
    .text_trust p,
    .text_trust ul li{
        font-size: 14px;
    }
    .prise_rdv{
        padding: 2px 5px 40px 5px;
    }
    .prise_rdv .titre-methode{
        width: 100%;
        padding: 0;
        margin-bottom: 0 !important;
    }
    .prise_rdv h2{
        text-align: center;
        font-size: 23px;
        width: 100%;
    }
    .prise_rdv .trait{
        left: 0;
    }
    .divtextprv p{
        font-size: 14px;
    }
    /***************************************/
    footer .row{
        flex-direction: column !important;
        padding: 5px !important;
        width: 100%;
    }
    footer .container .col{
        margin: 0 !important;
        padding: 0;
        width: 100% !important;
    }
     
     /*********************** Autres Services **************************/
     
    .autre_service{
        padding: 15px 7px;
    }
    .autre_service .titre-methode{
        width: 100%;
    }
    .service_list ul{
        width: 99%;
    }
    .service_list ul li:hover .texte_flex{
        display: none;
    }
    
    /************************* Expertise *************************************/
    
    .flex1{
        padding: 15px 7px;
    }
    .flex1 .titre-methode{
        width: 100%;
        padding: 0;
    }
    .flex1 h2{
        font-size: 20px;
        width: 100%;
    }
    .expert .photo{
        width: 100%;
    }
    .expert .phtexte{
        width: 100%;
    }
    .expert .flex{
        flex-direction: column;
    }
    .expert p{
        font-size: 14px;
        text-align: justify;
    }
    .secgris .titre-methode{
        width: 100%;
        padding: 0;
    }
    .secgris .listval{
        height: auto !important;
    }
    .secgris .double-face{
        height: 250px !important;
    }
    .imgbg{
        display: none;
    }
    #offre{
        padding: 20px 7px;
    }
    #offre .titre{
        width: 100%;
        padding: 0;
        align-items: center;
    }
    #offre h2{
        font-size: 23px;
        text-align: center;
    }
    #offre p{
        border: 1px solid #1b019bcb;
    }
    .methode{
        padding: 10px 7px 40px 7px;
    }
    .methode .titre-methode{
        width: 100%;
        padding: 0;
        flex-direction: column;
        align-items: center;
    }
    .methode h2{
        font-size: 23px;
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .slide button{
        display: none;
    }
    .carouse-slide{
        width: 98%;
    }
    .comment-block{
        width: 300px;
    }
    .domaines_cpt{
        padding: 20px 7px;
    }
    .domaines_cpt .titre-methode{
        width: 100%;
        padding: 0;
        align-items: center;
    }
    .domaines_cpt h2{
        text-align: center;
        font-size: 27px;
        width: 100%;
    }
    .domaines_cpt ul{
        column-count: 1;
        width: 100%;
    }
    #pourquoi .listval{
        width: 100%;
    }
    #pourquoi .listval .double-face{
        width: 100%;
    }
    
    /************************ Contact *************************/
    #c_body{
        height: 800px;
    }
    #cntact_form form{
        width: 100%;
        padding: 10px 5px !important;
    }
    #cntact_form form .row{
        padding: 0 !important;
        margin: 0 !important;
        position: relative;
        right: 0 !important;
    }
    #cntact_form form .row:nth-child(2){
        display: flex;
        flex-direction: column;
    }
    #cntact_form form .row:nth-child(2) .input-field{
        width: 100% !important;
    }
    #cntact_form form .titrecontact{
        width: 100% !important;
    }
}