@media screen and (max-width: 1356px)
{

  header.slider > #slider-wrap > .slick-arrow
  {
    right: var(--website-wrapper-padding);
  }

  header.slider > #slider-overlay
  {
    left: 0px;
    max-width: unset !important;
    min-height: unset !important;
    bottom: 0px;
  }

  header.steps > div#step-wrapper
  {
    padding: 50px var(--website-wrapper-padding);
  }

  div#phone-ribbon
  {
    padding: 10px var(--website-wrapper-padding);
    justify-content: center;
  }

  footer > section#main-footer
  {
    padding: 50px var(--website-wrapper-padding);
  }

  footer > section#sub-footer
  {
    padding: 20px var(--website-wrapper-padding);
  }

  header.steps > div#step-wrapper::before
  {
    left: 0; right: 0;
  }

  section#reservering-stap
  {
    padding: var(--website-wrapper-padding) 0;
  }

  section#reservering-stap > article
  {
    padding: var(--website-wrapper-padding);
  }

  section#reservering-stap > article label
  {
    width: 100%;
  }

  section.banner > article
  {
    padding: var(--website-wrapper-padding) calc(var(--website-wrapper-padding) * 2);
  }

}

@media screen and (max-width: 1006px)
{
  section#mogelijkheden > aside
  {
    height: 200px;
  }
}

@media screen and (max-width: 900px)
{
  h1,.h1
  {
    font-size: 1.7em !important;
  }

  h2,.h2
  {
    font-size: 1.7em !important;
  }

  h3,.h3
  {
    font-size: 1.25em !important;
  }

  h4,.h4
  {
    font-size: .9em !important;
  }

  h5,.h5
  {
    font-size: .9em !important;
  }

  section#voordelen-template
  {
    padding: 50px var(--website-wrapper-padding);
  }

  section#meerinformatie-tables tr td:first-child
  {
    width: 20%;
  }

  p.meerinformatie-content-cta.button
  {
    margin-left: 25px;
    display: block;
    transform: translateX(0%);
    margin-right: 25px;
  }

  form#contact-form
  {
    grid-template-columns: 1fr;
  }

  p#lightbox--inner--closebutton
  {
    top: 25px;
    right: 25px;
  }
}

@media screen and (max-width: 740px)
{
  header.slider
  {
    min-height: 100vh;
    display: flex;
    padding: 75px 0 0 0;
    flex-wrap: wrap;
  }

  header.slider > div
  {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    height: unset !important;
    min-height: 320px !important;
    box-sizing: border-box;
  }

  header.slider > #slider-overlay > span
  {
    flex-wrap: wrap;
  }

  header.slider > #slider-wrap > .slick-arrow
  {
    border-radius: 0;
    right: 0;
    background: var(--website-color-gray);
  }

  form#distanceform,
  form#extras span
  {
    grid-template-columns: 1fr;
    margin-bottom: calc(var(--website-wrapper-padding) * 2);
  }

  form#distanceform > label,
  form#extras span > label
  {
    font-weight: 800;
  }

  div.koelwagen-row-wrapper
  {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }

  header.koelwagen,
  header.page,
  header.steps
  {
    padding: calc(var(--website-wrapper-padding) * 5) 0 calc(var(--website-wrapper-padding) * 2) 0;
  }

  .step--name--desktop { display: none;}
  .step--name--mobile { display: initial; }

  section#voordelen-template > div#voordelen-template-voordelen > span
  {
    text-indent: calc(var(--website-wrapper-padding) * 2);
  }

  span.reservering_prijs > table > tbody
  {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: var(--website-wrapper-padding);
  }

  span.reservering_prijs > table > tbody > tr
  {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }

  span.reservering_prijs > table > tbody > tr.titles
  {
    display: none;
  }

  span.reservering_prijs > table > tbody > tr > td
  {
    display: block;
    position: relative;
    width: 100%;
  }

  span.reservering_prijs > table > tbody > tr > td:nth-child(1)
  {
    font-weight: 800;
  }

  span.reservering_prijs > table > tbody > tr > td:nth-child(3)::after
  {
    content: '(incl. btw)';
    display: block;
    position: absolute;
    top: .8em;
    left: 6em;
    font-size: .9em;
  }

  span.reservering_prijs > table > tbody > tr > td:nth-child(4)::after
  {
    content: '(excl. btw)';
    display: block;
    position: absolute;
    top: .8em;
    left: 6em;
    font-size: .9em;
  }

  span.reservering_prijs > table > tbody > tr.btw > td:nth-child(3)::after,
  span.reservering_prijs > table > tbody > tr.btw > td:nth-child(4)::after
  {
    content: none;
  }

  section#reservering-stap-vier > article > span.reservering_prijs table tr.totaal > td
  {
    border-top: none;
    padding: .75em 0;
  }

  span.reservering_wagen
  {
    grid-template-columns: 1fr;
    grid-template-rows: 200px 1fr;
    margin-bottom: calc(var(--website-wrapper-padding) * 2);
  }
}