/* Style for large screens (width >= 1200px) */
@media only screen and (min-width: 1200px) {
    .meetecho-grid-container {
      grid-template-columns: repeat(5, 1fr);
      grid-auto-rows: minmax(100px, auto);
      grid-template-rows: repeat(auto-fill, minmax(100px, auto));
    }
}

/* Style for medium screens (width between 600px and 1199px) */
@media only screen and (min-width: 600px) and (max-width: 1199px) {
    .meetecho-grid-container {
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: minmax(100px, auto);
        grid-template-rows: repeat(auto-fill, minmax(100px, auto));
    }
}

/* Style for small screens (width between 0px and 599px) */
@media only screen and (max-width: 599px) {
    .meetecho-grid-container {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: minmax(100px, auto);
        grid-template-rows: repeat(auto-fill, minmax(100px, auto));
    }
}

.meetecho-client-container{
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-auto-rows: minmax(200px, 1fr); /* Set the same value for square height */
}

/* Style for small screens (width between 0px and 599px) */
@media only screen and (max-width: 599px) {
    .meetecho-client-container {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: minmax(100px, auto);
        grid-template-rows: repeat(auto-fill, minmax(100px, auto));
    }
  }

.meetecho-modal-large{
    max-width: 75%;
}

  /* Media query per schermi più piccoli (ad esempio, schermi inferiori a 768px) */
@media only screen and (max-width: 768px) {
    .meetecho-modal-large {
      max-width: 100%;
    }
}

.meetecho-error-message{
    text-align: center!important;
}


/* Applica la regola solo per schermi più grandi */
@media only screen and (min-width: 991px) {
    #navbar ul li:nth-child(5) {
      border-right: 1px solid #fff; /* Cambia colore e stile del separatore a tuo piacimento */
      padding-right: 25px; /* Aggiungi spazio a destra del separatore */
    }
}

/* Applica la regola solo per schermi più grandi */
@media only screen and (max-width: 990px) {
    #navbar ul li:nth-child(5) {
      border-bottom: 1px solid #fff; /* Cambia colore e stile del separatore a tuo piacimento */
      padding-right: 5px; /* Aggiungi spazio a destra del separatore */
    }
}