/** Add css rules here for your application. */ @media (min-width: 3000px) { .col-xxxl-1 { flex: 0 0 auto; width: 8.333333%; } .col-xxxl-2 { flex: 0 0 auto; width: 16.666667%; } .col-xxxl-3 { flex: 0 0 auto; width: 25%; } .col-xxxl-4 { flex: 0 0 auto; width: 33.333333%; } .col-xxxl-5 { flex: 0 0 auto; width: 41.666667%; } .col-xxxl-6 { flex: 0 0 auto; width: 50%; } .col-xxxl-7 { flex: 0 0 auto; width: 58.333333%; } .col-xxxl-8 { flex: 0 0 auto; width: 66.666667%; } .col-xxxl-9 { flex: 0 0 auto; width: 75%; } .col-xxxl-10 { flex: 0 0 auto; width: 83.333333%; } .col-xxxl-11 { flex: 0 0 auto; width: 91.666667%; } .col-xxxl-12 { flex: 0 0 auto; width: 100%; } .monitoring-zone-card > .d-flex{ height:400px; } } @media ( max-width :768px) { .sp-block { height: 100% !important; overflow: hidden !important; } .sp-title { font-size: 20px !important; } #identification_logo{ width: 300px; /* Ajustez cette valeur selon vos besoins */ height: auto; /* Conserve les proportions de l'image */ } .sp-navbar { height:60px !important; } .sp-navbar .navbar-brand img{ height:35px; } .sp-navbar #visiteur-disconnect img{ height:25px; } } /* Ajoutez ce CSS dans votre fichier de style ou dans une balise