/* ========================================
   RESPONSIVE AANPASSINGEN
======================================== */
@media (max-width: 768px) {
  .woocommerce-product-gallery {
    flex-direction: column;
  }
  .woocommerce-product-gallery .flex-control-nav {
    width: 100% !important;
    height: auto;
    margin: 0;
    flex-direction: row;
    justify-content: center;
  }
  .woocommerce-product-gallery .flex-control-nav li {
    flex: 0 0 auto;
    max-width: 90px;
  }
  .woocommerce-product-gallery .flex-control-nav img {
    height: auto !important;
  }
}
@media (max-width: 767px) {
  .woocommerce-loop-product__short-description {
    display: none;
  }
  .woocommerce-price-suffix {
    font-size: 11px !important;
  }
  .woocommerce span.onsale {
    font-size: 11px !important;
    padding: 4px 6px !important;
  }
}
@media (min-width: 768px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1000px) {
  .has-checkout-layout--multi-step.woocommerce-checkout
    form
    .fc-wrapper
    .fc-checkout-step[data-step-complete]
    .fc-step__substep
    .fc-step__substep-title {
    padding-right: 20px;
    white-space: nowrap;
    font-size: 12px;
  }
  .fc-progress-bar .fc-progress-bar__count {
    margin: 0 0 5px;
    font-size: 13px;
  }
}
@media (min-width: 1280px) {
  body.woocommerce-checkout .fc-content.fc-container {
    max-width: 1280px !important;
    padding: 0 30px 100px !important;
  }
}
@media (min-width: 1500px) {
  body.woocommerce-checkout .fc-content.fc-container {
    max-width: 1280px !important;
    padding: 0 0 100px !important;
  }
}
@media (min-width: 2000px) {
  body.woocommerce-checkout .fc-content.fc-container {
    max-width: 1280px !important;
    padding: 0 0 100px !important;
  }
}
@media (min-width: 750px) {
  body.woocommerce-checkout .fc-content.fc-container {
    padding: 0 20px 80px !important;
  }
}
@media (min-width: 1000px) {
  body.woocommerce-checkout .fc-content.fc-container {
    padding: 0 30px 80px !important;
  }
}
@media (min-width: 1024px) {
  .has-fc-order-received .woocommerce-order {
    padding: 0 40px;
  }
}