@media (max-width: 1300px) {

    .height200{
        display:none;
    }
    
    .ficheProblemeListInput{
        max-width: inherit;
        width:33.3%; flex:inherit;
    }
    
    .marginLeft20{
        margin-left:7px;
    } 
    
    .ficheProblemeListInput input{
        background-color:none;
        border:none;
    }
    
    .ficheProblemeListInput .form-control[readonly]{
        background-color:none !important;
    }
    .ficheProblemeListInput .form-control:disabled{
        background-color:none !important;
    }
    
    .form-control:disabled, .form-control[readonly]{
        background-color:none;
    }
    
    .colNoBackgroundPetiteTaille{
        background-color:none;
        background:none;
    }
    
    .tailleFicheLocPetiteTaille{
        max-width: 50%;
        width:50%;
        flex:inherit;
        padding-left:0;
        padding-right:0;
    }
    
    .tailleAndBorderPjProbleme{
        width: 105px;
        height: 105px;
    }
    
    .btnHautFicheProbleme{
        width:21%;
        flex: inherit;
        max-width: 21%;
    }
    
    .btnListLocataire{
        width:18%;
        flex: inherit;
        max-width: 18%;
    }
    
    input[type=radio]{
        max-width:20%;
    }
    
    .navLinkDemenagement{
        font-size:11px;
    }
    
    .btnSpecPetitEcranDemenagement{
        width:25% !important;
        flex:inherit !important;
        max-width:25% !important;
    }

}


@media (max-width: 1200px) {
    
    body{
        font-size:10px;
    }
    
    .bodySite{
        padding-left:0;
        padding-right:0;
    }
           
    
    .btn{
        font-size:10px;
    }
    
    
    .login{
        max-width: 80% !important;
    }
    
    .backgroundOrangeSansHover .col-6 {
        max-width:70%;
    }
    
    .lienDeco {
        width: 14%;
        max-width: inherit;
    }
    
    .masquePetiteTaille{ 
        display:none;
    }
    
    .btnListProblemes {
        width:15%;
        max-width: inherit;
    }
    
    
    .footerBarreGrise .col-3{
        max-width: inherit;width:70%;flex: inherit;
    }

    
    .afterFixedFicheProbleme{
        padding-top:305px;
    }
    
    /*.ficheProblemeListInput{
        max-width: inherit;
        width:100%; flex:inherit;
    }
    
    
    .ficheProblemeListInput .col5{
        max-width: inherit;
        width:50%; flex:inherit;
    }
    
    .ficheProblemeListInput input{
        width:300px;
        float:right;
    }*/
    
    .ficheProblemeListInput{
        max-width: inherit;
        width:33.3%; flex:inherit;
    }
    
    .height200{
        display:none;
    }
    
    .tailleAndBorderPjProbleme{
        margin-bottom:20px;
    }
    
    .btnHautFicheProbleme {
        width: 30%;
        max-width: inherit;
    }
    
    .btnHautFicheProblemeGenerationQuittus{
        width: 35% !important;
        max-width: inherit;
    }
    
    .headerFicheProbleme button, .headerFicheProbleme a{
        width:22%;
    }
    
    .blocPieceJointeProbleme{
        margin-bottom:20px;
    }
    
    .modalContent45, .modalContent60, .modalContent75{
        width:90%!important;
    }
    
    .col100PetitEcran {
        width: 100%;
        max-width: inherit;
        flex: inherit;
    }
    
    .inputPetitEcran{
        width: 300px;
        float: right;
    }
    
    .inputPetitEcranIdFront{
        width:95px;
    }
    
    .btnValidDocument{
        width:25%;
    }
    
    .btnValidDocument {
        width: max-content !important;
        max-width: max-content;
    }
    
    .formGroupProblemesSignales, .formGroupOprSignales{
        width: 56%;
        max-width: inherit;
        flex: inherit;
    }
    
    .repertoireCompteur {
        text-align: center;
        width: 40px;
        font-size: 5px;
        margin-right:3px;
    }
    
    .signature-pad{
        width:250px;
        height:180px;
    }
    
    .popupAjaxAddPhotoCourrier:nth-child(odd){
        margin-left:70px;
    }
    
    .signCourrierAutographe{
        width: 208px;
        height: 130px;
    }
    
    .btnHautFicheDemande{
        width:20% !important;
    }
    
    .tacheProbleme{
        height:460px;
    }

    /*.dossierViewDocument{
        height:120px;
    }*/
    
    .headerBarreGriseLeft{
        font-size:30px;
    }
    
    .headerFicheTitre{
        font-size:14px;
    }
    
    .rowTypeUser{
        padding-top:20px;
    }
    
    .blocTaches{
        max-width:100%;
        flex:inherit;
    }
    
    .creationProblelme_fichiersRow{
        max-width: 100%;
        flex:inherit;
    }
    
    .modal-content{
        max-width:95%;
    }
    
    .modal-dialog{
        max-width: inherit;
    }
    
    .modal{
        padding-right:0!important;
    }
    
    .creationProblelme_informationGenerales_formCreation{
        max-width:100%;
        flex:inherit;
    }
    
    .col8ChangePetiteTaille{
        max-width: 83.333333%;
        flex:inherit;
        padding-left:0px !important;
        padding-right:0px !important;
    }
    
    .col4ChangePetiteTaille{
        max-width: 16.666667%;
        flex:inherit;
    }
    
    .tacheOPR{
        height:90px;
    }
    
    .navPillsMenu{
        padding-bottom:30px;
    }

    .textPopupCGU{
        margin-left:0;
        text-align:center;
    }
    
    .colNoPaddingPetiteTaille{
        padding-left:0;
        padding-right:0;
    }
    
    .btnValidDocumentCreerQuitus{
        max-width: 100%;
        flex:inherit;
        width:100% !important;
    }
    
    .repertoireCompteur i{
        display:block;
    }
    
    .repertoireCompteur span{
        display:none;
    }
    
    .dossierViewPhotoLoc i{
        display:block;
    }
    
    .dossierViewPhotoLoc span{
        display:none;
    }
    
    .dossierViewPhotoLoc a{
        display:none;
    }
    
    
    
        
    
    .chiffreCadreHaut {
        height:170px;
    }
    
    .badgeJourRdv{
        background-color:transparent !important;
        color:black;
    }
    
    .jourRdv, .moisRdv{
        font-size:20px;
    }
    
    .jourRdv{
        font-size:20px !important;
        text-align:left !important;
        background-color:transparent !important;
        display: block !important;
    }
    
    .badgeJourRdv{
        display:none;
    }
    .badgeJourRdvPetiteTaille{
        display:block !important;
    }
    
    .listPictoRdv{
        max-width:80%;
        flex:inherit;
    }

}