@media screen and (max-width: 375px), (max-width: 768px),(max-device-width: 980) {
    /*********** ACCUEIL *************/
    /*********** HOME *************/
    body {
        margin: 0;
        padding: 0;
        background: url(/assets/img/fond.jpg);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        color: #fff;
        font: normal 90% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Arial, Helvetica, Sans-Serif;
        
      	scroll-snap-type : none;
    }
  	.container{
  		scroll-snap-type:none;
  	}
  	.section{
  		scroll-snap-align:none;
  	}
    #slide_into2{
        margin-top:30%;
    }
    #slide_into{
        margin-top:30%;
    }
    .slide_inside {
        width: 100%;
    }
  	#slide1{
        margin-top:25%;
    }
    #slide1 .slide_inside {
        text-align: center;
    }
  	#slide1 .slide_inside img {
        width: 80%;
    }
    .img_floatMob {
        width: 60%;
        margin-left: 20%;
    }
    .img_float {
        display: none;
    }
    #slide2 {
        height: 20%;
        overflow: hidden;
    }
    #slide2 .slide_inside p, li {
        width: 90%;
    }
    #slide3 {
        overflow: hidden;
        height: 10%;
    }
  	#slide3 p {
  		font-size:1.1em;
  	}
    .img_hist {
        width: 88%;
       margin-left:-5%;
        margin-right :25%;
    }
    #slide5 {
        float: none;
        width: 100%;
    }
  	#slide5 .slide_inside{margin-top:3%;}
  	#slide5 h3{font-size: 1em;}
    #slide5 figure{width: 35%;}
    #slide6 {
        float: none;
        width: 100%;
    }
    #slide7 {
        margin-top: 10%;
    }
    #slide8{
        margin-top:25%;
    }
    #slide_bureau{
        margin-top:25%; 
    }
    #slide8 .slide_inside{
        width: 97%;
    }
    .button_contact .l_contact{
        display:none;
    }
    .button_contact{
        bottom:75%;
        left:87%;
    }
    #button, #button2 {
        display: none
    }

    button {
        color: rgb(228, 137, 85);
        letter-spacing: 0.1em;
        font-weight: bold;
        font-size: 16px;
        border-radius: 5px;
        margin-left: 18%;
    }
    nav>ul>li {
        display: block;
        font-size: 13px;
        margin: 0.1em;
    }
    nav>ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: flex;
        width: 100%;
        justify-content: center;
    }
  .invisible{
  	display:none;
  }
  #boite p{
        margin: 4%;
    }
    #boite li{
        margin:0;
    }
  	#boite img{
        margin-left:30%;
    }
  	#slide3 .slide_inside{
        font-size: 0.6em;
        letter-spacing: .5px;
    }
  #slide3 .img_hist{
        width: 80%;
        margin:0; 
    }
    #slide5 img{
        margin:0%; 
        margin-left : 25%;
    }
 	 #slide6 .img_hist{
        margin:0%; 
        margin-left : 25%;
  	}

    .button2, .button{
        margin: auto;
        margin-left : 27%;
    }
  	#position_left {
        float :none;
        width: 94%;
        background-color: rgb(255, 234, 208);
        text-shadow: none;
    }
    #position_left p{color: orange;
        margin:1;
        margin-left:6%;
    }
    #position_left h4 {color: rgb(247, 120, 1);}
    #position_left a {
        color: rgb(247, 120, 1);
        margin:0;
        margin-left:30%;
    }
    .form-box{
        float :none;
        width: 90%;
        margin:auto;
        margin-top:3%;
        border: 4px solid rgb(216, 216, 216);
        background-color: #fff;
        color: rgb(247, 120, 1);
        text-align: center;
      	text-shadow: none;
      	margin-bottom:2%;
    }
  	.wrap-input100{
        width: 90%;
        font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    }
    .wrap-input100 input{
        border: dotted 1px gray;
        border-radius: 3px;
        width: 50%;
      	margin-bottom:3%;
    }
    .wrap-input100 textarea{
        border: dotted 1px gray;
        border-radius: 3px;
        width: 50%;
      	margin-bottom:3%;
    }

    /********************** VERINS ************************/
    /********************** CYLINDERS ************************/
    #slide_verins1{
        margin-top:25%;
    }
    #slide6 {
        margin-top: 5%;
    }
    #slide6 h3 {
        margin-right: 6%;
    }
    #slide_verins4 {
        margin-top: 10%;
        overflow: hidden;
        height: auto;
    }
    .back_h3 {
        width: 50%;
        text-align: center;
    }
  	.standard_tab3{
        margin:0;
        margin-top:2%;
        margin-left:-6%;
        overflow: hidden;
    }
    .standard_tab2{margin:0}
    .standard_tab3 img{width: 80%;}
  	#t_slide4{height: 50%;}
    #t_slide4 .standard_tab4{
        width: 10%;
        margin-left:0%;
        margin-bottom:1%;
        margin:1%;
        float:none;
    }
    #t_slide4 .standard_tab5 {
       float:none;
       margin-top:2%;
       margin:1%;
    }
  
  	 #slide_verins5{padding-bottom:30%;}
  	 #slide_verins5 h4 {
        margin: 0%;
       	margin-top:-15%;
        margin-bottom:15%;
        margin-left: 10%;
    }
    #slide_verins5 p{
        margin-left:2%;
        margin-bottom:5%;
    }
    .cadre2{
        width: 31%;
        margin-bottom:5%;
    }
  	#slide_verins4 .back_h3{
        width: 50%;
        font-size: 1em;
        margin:auto;
    }
    .tableau_normalise{
       margin-left:1%;
    }
  
    /********************** CENTRALE ************************/
    /********************** HYDRAULIC POWER UNITS ************************/
    #slide_centrale2{
        margin-top:25%;
    }
 	#slide_centrale2 .slide_inside{
        width: 70%;
        font-size: .9em;
    }
    #slide_centrale3{
        margin-top: 30%;
    }
  	#slide_centrale3 .slide_inside{
        width: 70%;
        font-size: .9em;
    }
    .img_centrale {
        display: none;
    }
    .centralM {
        margin-top: 20%;
        margin-right: 2%;
        width: 20%;
        float: right;
    }
    .centralM2 {
        margin-top: 20%;
        margin-left: 2%;
        width: 20%;
        float: left;
    }
  	.text_align{
        width: 60%;
    }
    .text_align .adjust_p{
        margin-left: -40%;
        font-size: 1em;
    }
    /********************** EQUIPEMENT ************************/
    .mach_conv ul {
        width: 80%;
        padding: 2%;
    }
    .mach_convO ul {
        width: 80%;
        padding: 2%;
    }
    /********************** SAV ************************/
   /********************** AFTERSALE - SERVICES ************************/
    .img_sav {
        width: 50%;
        margin-left: 17%;
    }
    .div_sav li {
        text-align: right;
        margin: 0;
      	margin-left:-5%;
    }
  	#slide_centrale3 p{
  		margin-left:15%;
  	}
    .slide6-2_sav {
        display:block;
        width: 100%;
        margin-bottom: 14%;
        margin-top: 1%;
        color:rgb(223, 90, 13);
        text-shadow: none;
    } 
    #slide6_sav{
        display:none;
    }
    
    .div_usinage1, #slide5_sav {
        width: 90%;
    }
    #slide5_sav {
        width: 100%;
      	text-shadow: none;
        font-size: 1.1em;
    }
    #slide5_sav h3 {
        margin-left: 5%;
    }
    .img_float2 {
        display: none;
    }
    .list li {
        text-align: center;
        margin-top: 0;
    }
    .monbouton{
        margin-right : 15%;
    }
      #slide_centrale3 .p_center{
        margin-left:1%;
    }
    /********************** BUREAU ************************/
    /********************** DESIGN OFFICE ************************/
  	.helios{
  		margin-left:15%;
        margin-right:5%;
  	}
  	.cadre_bureauetud{
        width: 80%;
    }
    /********************** MENTION ************************/
    /********************** LEGACY MENTIONS ************************/
    .image_ionos {
        display: none;
    }
  	.center{
        text-align: left;
    }
  	.mentions h3{
        font-size: 1em;
    }
    .mob_eng{
        text-shadow: none;
        color:#ffff;
        margin-bottom: 5%;
    }
  	
}