@media only screen and (min-width: 768px) {

  .filters-toggle {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas:
      "from from from to to to"
      "category category country country submit submit";
    gap: 1rem;
    position: relative;
  }

  .filters-toggle .form-item-field-date-de-debut{
    grid-area: from;
  }
  .filters-toggle .form-item-field-date-de-fin {
    grid-area: to;
  }
  .filters-toggle .form-categorie {
    grid-area: category;
  }
  .filters-toggle .form-pays {
    grid-area: country;
  }
}
@media only screen and (min-width: 1024px) {

  .filters-toggle {
    grid-template-columns: repeat(8, 1fr);
    grid-template-areas:
      "from from from from to to to to"
      "category category category country country country submit submit";
  }
}