/* RESZPONZÍV TÁBLÁZATOK */
@media (max-width: 0px) {
  table#foglalas,
  table#foglalas thead,
  table#foglalas tbody,
  table#foglalas th,
  table#foglalas td,
  table#foglalas tr {
    display: block;
    width: 100%;
  }

  table#foglalas thead {
    display: none;
  }

  table#foglalas tr {
    margin-bottom: 1rem;
    border-bottom: 1px solid #ccc;
  }

  table#foglalas td {
    padding: 0.5rem;
    text-align: left;
    border: none;
  }

  table#foglalas td::before {
    content: attr(data-label);
    font-weight: bold;
    display: block;
    margin-bottom: 0.25rem;
  }
}

/* RESZPONZÍV OSZLOPOK ÉS FORMÁK */
@media (max-width: 768px) {
  .col-3,
  .col-4,
  .col-6,
  .col-8,
  .col-10,
  .col-12 {
    width: 100% !important;
    float: none !important;
    display: block;
  }

  .keretes {
    padding: 1rem;
  }

  .fizmezo,
  .adomezo,
  .nemszoba {
    width: 100% !important;
  }

  label {
    display: block;
    margin-bottom: 0.25rem;
  }
}