@media (max-width: 480px) {
    #linkLogoHeader{
        width:20%;
    }    

    HEADER NAV{
        display: none;
    }

    #btnMenuMobi{
        font-size:200%;
        background-image: -webkit-linear-gradient(90deg, rgba(254,249,154,1) 0%, rgba(255,184,51,1) 100%);
        -webkit-background-clip: text;
        color: transparent;
        display: block;
        margin-left:2%;
        margin-right:2%;
    }

    #menuMobi{
        display:none;
        padding:2%;
        height:100vh;
        width:100%;
        background-color:#1c3350;
        color:#FFFFFF;
    }

    #menuMobi NAV{
        display:flex;
        flex-direction:column;
        justify-content:space-around;
    }

    #menuMobi NAV A{
        margin-top:1%;
        margin-bottom:1%;
    }

    #menuExtend{
        width:75%;
    }
    
    #linkConnection{
        width:65%;
        margin-right:5%;
    }

    .flagLanguage{
        width:25%;
        margin-right:5%;
    }

    #changeLangues{
        width:45%;
    }

    .slider-panel{
        display:none !important;
    }

    .overlay {
        width:75%;
    }

    .illustration{
        display:none;
    }

    .strongText{
        text-align:center;
        font-size:150%;
    }
    
    .subtitle{
        text-align:center;
        font-size:75%;
    }

    .boxModel3{
       margin-top:25%;
    }

    .boxModel1, .boxModel3{
        width:90%;
    }

    .boxModel2, .commitmentGreen{
        margin-top:2%;
        max-width:60%;
        width:60%;
    }

    #linksGreen{
        text-align:center;
    }
    
    .rowBoxes, #commitmentsGreen, .row_fields, .row_radio{
        flex-direction:column;
    }

    .pref{
        width:75% !important;
        align-items:start;
    }

    .row_radio{
        align-items:start;
        width:60%;
    }

    #list_days{
        flex-direction:column;
        align-items:start;
    }

    #box_contact .form__group{
        width:100%;
    }

    #maintenanceItems, #laboratoryItems, #metrologyItems, #metrologyItems, #headerStrength{
        display:none;
    }

    .boxesContainer{
        margin-top:5%;
    }

    #maintenancePrincipesMesure, #linearityTests, #linearityTestsSite, #TestsBoxLabo, #mesures, #boxMateriel{
        width:100%;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:space-around;
        padding-bottom:5%;
    }

    #maintenancePrincipeMesureBox, #laboLinearityTestsBox, #siteLinearityTestsBox, #LaboTestsBox, #mesuresBox, #materielBox,
    #contentMaintenancePrincipeMesureBox, #contentlaboLinearityTestsBox, #contentsiteLinearityTestsBox, #contentLaboTestsBox, #contentmesuresBox, #contentmaterielBox{
        margin-left:0;
    }

    #contentMaintenancePrincipeMesureBox, #contentlaboLinearityTestsBox, #contentsiteLinearityTestsBox, #contentLaboTestsBox, #contentmesuresBox, #contentmaterielBox{
        position:relative;
    }

    .linkContact{
        width:50%;
        position: fixed;
        bottom: 10%;
    }

    #message_chat_customer{
        margin-top:20%;
        width:95%;
    }

    #box_contact{
        width:90%;
    }

    #case_send_copy{
        width:100%;
    }

    #sendcopy{
        margin-right:2%;
    }

    #form_contact .buttonModel1{
        width:95%;
    }

    #agencies{
        flex-direction:column;
    }

    #agency{
        margin-left:0;
        width:95%;
        border-radius:10px 10px 0 0;
        min-height:300px;
    }

    #agency .form__group{
        width:75%;
    }

    #displayAgency{
        width:90%;
    }

    #map{
        margin-right:0;
        width:95%;
        border-radius:0 0 10px 10px;
        min-height:300px;
    }

    #social{
        flex-direction:column;
    }

    #signUpNewsletter{
        width:75%;
        border-radius: 50px 50px 10px 10px;
        margin-left:0;
        margin-bottom:2%;
    }

    #internet{
        width:75%;
        border-radius: 10px 10px 50px 50px;
        margin-right:0;
    }

    #widgetLinkedin, #widgetGoogle{
        width:75%;
    }

    #widgetLinkedin P{
        margin-right:5%;
    }

    #choixGenreNewsletter,#signUpNewsletter .form__group {
        margin: 0;
        width:100%;
    }

    .openContentMaintenancePrincipeMesureBox{
        animation: 0.5s activeContentBox forwards;
      }
      
      .closeContentMaintenancePrincipeMesureBox{
        animation: 0.5s inactiveContentBox forwards;
      }
      
      @keyframes activeContentBox {
        from {margin-top:-50%;background:transparent;}
        to {margin-top:5%;background:#FFFFFF;}
      }
      
      @keyframes inactiveContentBox {
        from {margin-top:5%;background:#FFFFFF;}
        to {margin-top:-50%;background:transparent;}
      }

      footer{
        flex-direction:column;
        text-align:center;
      }
      
}

@media only screen and (min-width: 481px) and (max-width: 900px){
    #linkLogoHeader{
        width:10%;
    }   

    HEADER NAV{
        display: none;
    }   
    
    #btnMenuMobi{
        font-size:200%;
        background-image: -webkit-linear-gradient(90deg, rgba(254,249,154,1) 0%, rgba(255,184,51,1) 100%);
        -webkit-background-clip: text;
        color: transparent;
        display: block;
        margin-left:2%;
        margin-right:2%;
    }

    #menuMobi{
        display:none;
        padding:2%;
        height:100vh;
        width:100%;
        background-color:#1c3350;
        color:#FFFFFF;
    }

    #menuMobi NAV{
        display:flex;
        flex-direction:column;
        justify-content:space-around;
    }

    #menuMobi NAV A{
        margin-top:1%;
        margin-bottom:1%;
    }

    .slider-panel{
        display:none !important;
    }

    .overlay {
        width:75%;
    }

    #menuExtend{
        width:35%;
    }

    .strongText{
        text-align:center;
        font-size:150%;
    }
    
    .subtitle{
        text-align:center;
        font-size:75%;
    }

    #linkConnection{
        width:50%;
        margin-right:5%;
    }

    .flagLanguage{
        width:15%;
        margin-right:5%;
    }

    #changeLangues{
        width:20%;
    }

    .boxModel3{
        margin-top:10%;
        width:75%;
    }

    .illustration{
        width:35%;
    }

    #maintenanceItems, #laboratoryItems, #metrologyItems, #metrologyItems, #headerStrength{
        display:none;
    }

    .boxesContainer{
        margin-top:5%;
    }

    .rowBoxes .boxModel2{
        max-width:15%;
    }

    .boxModel1{
        width:45%;
    }

    #maintenancePrincipesMesure, #linearityTests, #linearityTestsSite, #TestsBoxLabo, #mesures, #boxMateriel{
        width:100%;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:space-around;
    }

    #maintenancePrincipeMesureBox, #laboLinearityTestsBox, #siteLinearityTestsBox, #LaboTestsBox, #mesuresBox, #materielBox,
    #contentMaintenancePrincipeMesureBox, #contentlaboLinearityTestsBox, #contentsiteLinearityTestsBox, #contentLaboTestsBox, #contentmesuresBox, #contentmaterielBox{
        margin-left:0;
    }

    #contentMaintenancePrincipeMesureBox, #contentlaboLinearityTestsBox, #contentsiteLinearityTestsBox, #contentLaboTestsBox, #contentmesuresBox, #contentmaterielBox{
        position:relative;
    }

    .linkContact{
        width:30%;
    }

    .openContentMaintenancePrincipeMesureBox{
        animation: 0.5s activeContentBox forwards;
      }
      
      .closeContentMaintenancePrincipeMesureBox{
        animation: 0.5s inactiveContentBox forwards;
      }
      
      @keyframes activeContentBox {
        from {margin-top:-50%;background:transparent;}
        to {margin-top:5%;background:#FFFFFF;}
      }
      
      @keyframes inactiveContentBox {
        from {margin-top:5%;background:#FFFFFF;}
        to {margin-top:-50%;background:transparent;}
      }
}