@media (max-width: 1482px) {
  .chisiamo {
    display: flex;
    flex-direction: column;
    height: auto;
    width: 90%;
    gap: 20px;
  }

  
  
  .numeri {
    width: 100%;
    height: 300px !important;
    /* height: auto; */
  }
    .rilev{width: 100%;height: auto;}

  .mappa{height: 900px;}
}


@media screen and (max-width: 625px) {
 .desc-num{font-size: 2.8vw !important;}
.num{font-size: 5vw !important;}
}



/* LOGIN */
@media screen and (max-width: 1190px) {
  .card-form {
    display: none;
  }
   .login{display: none;} 
  .card-form2{display: block !important;}
  .login2{width: 100%; height: 100%; border-radius: 20px; }
  .cont{display: block !important;}


}

@media screen and (max-width: 761px) {
    #footer-info,.info{
   
      flex-direction: column;
      margin: auto;
      font-size: 12px;
    }
    .seismic-guard{width: 120px !important;
height: 100%;
    margin-right: -20px !important;
 }

}
@media screen and (max-width: 989px) {
  #logo{margin-left: 3rem;}
}

@media screen and (max-height: 1039px) {
   /* .card-form {
   height: 85%;
  } */

  .card-form2 {
    height:75%;
  }
}

@media screen and (max-width: 569px) {
    .format{width: 90% ;}
    .nav-title{font-size: 14px;}


   
  /* .login2{width: 80%;} */
}

@media screen and (max-width: 430px) {
    .card-form2{
                margin-top: 2rem;
                width: 90% ;
                /* height: 80%; */
              }
     footer{
        display: flex;
      flex-direction: column !important;
      margin: auto;
      font-size: 12px;
    }
     
  /* .login2{width: 80%;} */
}


@media screen and (max-height: 600px) {
    .image,.video{height: 700px !important;}
  }

  @media (min-width: 1194px) and (max-width: 1581px) {
      /* .card-form{
            margin-top: 2rem;
            height: 90%;} */

        .image.video{height: 900px !important;}
  /* .login2{width: 80%;} */
 }


/* ---------------------------------------------- */

/* AMMINISTRATORE / IMPIANTI */
@media screen and (max-width:992px) {
 .main-menu{display: block !important;}
  main{
  padding-left: 70px;
}

 #menu-line{ display: none !important;}
.navbar-brand{padding: 0;margin:0}

  #drop-menu{display: block !important;
    /* margin-left: -1px !important; */
  
  }

  #drop{margin-left: -200px !important;
    width: 250px !important;
  }

}

@media screen and  (max-width:1976px){
  .body-home{
    overflow: auto !important;

   }}


@media screen and  (max-width:430px){
  /* #logo{margin-left: -0.1px;} */
   .nav-title{margin-left: -0.5rem;
  font-size: 13px;}
}

@media (max-width: 354px) {
  #logo{
    margin-left:1.5rem;
  }

  #svg{width: 30px; height: 30px;}

  .navbar-brand{padding: 0;margin:0; width: 50px;}
  .nav-title{
    /* width: 50px; */
  font-size: 11.5px;}
}

/* ---------------------------------------------- */

/* FORMS */

/* form-contatti */
@media screen and  (max-width:2150px){
  #form-contatti{margin: 0;padding: 10;}
}

@media  screen and  (max-height:1206px){

 #form-contatti { position: absolute; margin-top: 150px !important;
  margin-left: 500px !important;}

#formPss{position: absolute; margin-top: 200px !important; margin-left: 550px !important;}
}


/* 1582 */

@media screen and  (max-width:1582px){
  #form-contatti{width:800px;margin-left: 400px !important;}
   #formPss{width: 500px !important;margin-left: 400px !important;}
}

@media screen and  (max-width:938px){
  #form-contatti{width:900px;margin-left: -10px !important;
  /* height: 1000px !important; */
}
#formPss{width: 500px !important;;margin-left: -10px !important;}
}

@media screen and  (max-width:754px){
  #footer-info{
    display: flex !important;
    flex-direction: row !important;
  }
}




@media (min-width: 321px) and (max-width: 375px) {
  /* Stili per smartphone medi */
  #nav-site{display: none !important;}
}

@media (min-width: 376px) and (max-width: 425px) {
  /* Stili per smartphone grandi */
  #nav-site{display: none !important;}
}


@media (min-width: 426px) and (max-width: 599px) {
  /* Stili per phablet */
}


@media (min-width: 600px) and (max-width: 767px) {
  /* Stili per tablet in portrait */
}


@media (min-width: 600px) and (max-width: 767px) {
  /* Stili per tablet in portrait */
}


@media (min-width: 768px) and (max-width: 991px) {

}


@media (min-width: 992px) and (max-width: 1199px) {
  /* Stili per desktop piccoli */
}


@media (min-width: 1200px) and (max-width: 1439px) {

 }