/* ========= Tablet (≤ 992px) ========= */
@media (max-width: 992px) {
  /* WORDORESS BLOCK CSS
  .wp-block-columns.is-layout-flex {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  .wp-block-columns.is-layout-flex>.wp-block-column {
    flex-basis: 100% !important;
    width: 100% !importa nt;
  }*/
	
  header .header-wrapper .wp-block-navigation .wp-block-navigation__submenu-container,
  header .header-wrapper .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item {
    border: none;
  }

  header .header-wrapper .wp-block-navigation .wp-block-navigation__submenu-container::before {
    display: none;
  }
}

/* ========= Small Tablet (≤ 768px) ========= */
@media (max-width: 768px) {
  /* WORDORESS BLOCK CSS */
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none !important;
  }

  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block !important;
    ;
  }


  header .header-wrapper .header-panel {
    overflow: hidden;
  }

  header .header-panel .wp-block-group .trust-signals p::before {
    left: 0;
    font-size: 20px;
  }

  header .header-panel .wp-block-group .trust-signals {
    animation: scroll 40s linear infinite;
    gap: 24px;
  }

  header .header-panel .wp-block-group .trust-signals .wp-block-column {
    min-width: max-content;
  }

  header .wp-block-site-logo .custom-logo {
    width: 120px;
  }

  header .header-wrapper .header-main .inner-container {
    justify-content: flex-start;
    gap: 8px;
  }

  header .header-wrapper .header-main .menu-container {
    order: 2;
  }


  header .header-wrapper .header-main .verkopen-container {
    margin-left: auto;
  }

  header .header-wrapper .header-main-container .logo-navigation {
    gap: 12px;
    justify-content: flex-start;
  }

  header .header-wrapper .header-main-container .logo-navigation>.wp-block-navigation {
    order: -1;
  }

  header .header-wrapper .wp-block-navigation__responsive-container-close {
    right: 12px;
    top: 12px;
  }

  header .header-wrapper .wp-block-navigation__responsive-container {
    background-color: var(--wp--preset--color--secondary-background)
  }

  header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close,
  header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog {
    margin-top: 0 !important;
    height: 100%;
  }

  header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    padding: var(--wp--preset--spacing--x-large);
    width: 100%;
    height: 100%;
  }

  header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    margin-top: var(--wp--preset--spacing--large);
  }

  header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__container::before {
    content: "MENU";
    font-size: var(--wp--preset--font-size--large);
    font-weight: 600;
  }

  header .header-wrapper .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item {
    padding: initial;
    border-top: none;
  }

  header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation-item.kopen,
  header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation-item.verkopen {
    line-height: 2.4;
  }


  header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation-item.verkopen {
    padding-bottom: var(--wp--preset--spacing--x-large);
    border-bottom: 1px solid var(--wp--preset--color--border);
  }

  header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation-item>a {
    position: relative;
  }

  header .header-wrapper .wp-block-navigation__responsive-container .nav-item>.wp-block-navigation-item__content {
    font-size: var(--wp--preset--font-size--large);
    font-weight: 600;
  }

  header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content>ul,
  header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content>ul>li,
  header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content>ul>li>a {
    width: 100%;
  }

  header .header-wrapper .wp-block-navigation__responsive-container .wp-block-navigation-item .wp-block-navigation__submenu-container {
    width: 100% !important;
    padding: 0 !important
  }


  /* USP Points */
  .wp-block-group .trust-signals p {
    width: 50%;
    padding-left: 32px;
  }

  main.wp-block-group .trust-signals p::before {
    left: 0;
  }

  main.wp-block-group .verkopen-categories .content .wp-block-group-is-layout-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  main.wp-block-group .product-gallery-container {
/*     margin-top: 56px !important; */
  }

  main.wp-block-group .breadcrumbs-container {
    position: absolute;
    top: 0;
  }

  footer .footer-wrapper .footer-columns .footer-column {
    width: 46%;
  }

  footer .footer-wrapper .footer-columns .footer-column:nth-of-type(3) {
    order: 2;
  }
}

/* ========= Mobile (≤ 576px) ========= */
@media (max-width: 576px) {

  .m-w-100,
  .m-w-100 .wp-block-button {
    width: 100%;
  }
}


@keyframes scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-110%);
  }
}