/* Voor kleinere schermen */
@media (max-width: 768px) {
    .homepage-product-slider .sm\:w-1\/4.flex-grow, .homepage-product-slider .sm\:w-1\/2, .homepage-product-slider .sm\:w-1\/3 {
        width: 100%;
        min-height: auto !important;
      }
    .kiyohimg, .gdgazelle {
        display: none !important;
    }
    .category-button {
        width: 80%; /* Zorg ervoor dat de knop een percentage van de containerbreedte inneemt */
        font-size: 18px;
        line-height: 36px;
        bottom: 20px; /* Aanpassing voor de positie onderaan */
    }
    .pagebuilder-column.HeaderBannerMINI {
        display: none !important;
    }
    .pagebuilder-column.category-block {
        background-image: none !important;
        background-color: transparent;
        padding: 0px;
    }
    .pagebuilder-column.category-block img {
        display: none;
    }
    .pagebuilder-column.category-block span.action-text {
        display: none;
    }
    .pagebuilder-column.category-block figure.image {
        height: 50px;
    }
    .pagebuilder-column.category-block a.button.category-button {
        width: 100% !important;
    }
    .pagebuilder-column.category-block.colorblock2 {
        margin-left: -10px !important;
    }
    .pagebuilder-column.category-block.colorblock3 {
        margin-left: -10px !important;
    }
    .container.px-7.divide-gray-200.divide-y.space-y-4.lg\:flex.lg\:divide-none.lg\:justify-between.lg\:space-y-0 {
        margin-left: 10px !important;
        padding-left: 0.75rem !important;
        padding-right: 2.75rem !important;
    }
    form#search_mini_form {
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .container.py-2.mx-auto.text-black {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }
    .homepage-product-slider .glider-track {
        width: 0px !important;
    }
    .homepage-product-slider .product-item {
        width: 150px !important;
        min-width: 170px !important;
    }
    .wohi-title {
        margin-top: 0px !important;
    }
    .category-minis figure {
        display: none !important;
    }
    .category-minis .button {
        width: 100% !important;
        background-color: #fff !important;
        color: #000 !important;
        display: block;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        text-transform: uppercase;
        text-indent: 0 !important;
        padding: 0 15px !important;
    }
    .category-minis .pagebuilder-column {
        margin-top: 40px !important;
    }
    .category-minis .button {
        border-top: 1px solid #eee !important;
    }
    .category-minis .button::before {
        content: '\f105' !important;
        position: absolute;
        right: 15px;
        font-family: 'FontAwesome';
        font-size: 1.5em;
        color: #ccc;
    }
    .container.flex.justify-between.items-center {
        justify-content: normal !important;
    }
    .flex.gap-4.mt-1.items-center {
        margin-left: 44% !important;
        margin-right: 1px !important;
    }
    .block.logo-header {
        margin-left: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        width: 150px;
    }
    /* Zet de colomn van de pagina recht */
    /* main#maincontent .columns {
        padding-right: 12px;
    } */
    #newsletter-subscribe {
        width: 100% !important;
        margin-left: 0% !important;
    }
    .bg-blue-700.p-3.cursor-pointer.w-full.border.border-blue-700.rounded-md.shadow-sm.text-white.hover\:bg-opacity-90.md\:flex-1 {
        width: 100% !important;
        margin-left: 0% !important;
      }
      .pagebuilder-column.OverWohiImage {
        margin-top: 40px !important;
        margin-left: 15px !important;
      }
      [data-content-type="row"][data-appearance="contained"] {
        max-width: 100% !important;
        padding-left: 0px;
        padding-right: 0px;
      }
      .add-to-cart-color.rounded-md.text-white.py-3.font-medium.flex.items-center.gap-2.w-full.justify-center {
        padding-left: 1px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
      }
      .flex.flex-row.mt-0.mb-1.text-xs.leading-3.pt-15.text-color-levertijd svg {
        width: 30px !important;
      }
      #toolbar-amount {
        width: 500px !important;
      }
      .relative.mt-10.flex.items-center {
        padding-right: 15px !important;
      }
      .eldersgoedkoper.mb-20 {
        margin-bottom: 15px !important; 
      }
      .DescriptionTitle {
        margin-top: 0px !important;
      }
      .container {
        padding-right: 40px;
        padding-left: 34px !important;
    }
    #maincontent {
        padding-right: 25px !important;
        padding-left: 7px !important;
      }
      #filters-content {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }
      .rounded-full.w-12.h-12.bg-gray-200.p-0.border-0.inline-flex.shrink-0.items-center.justify-center.text-gray-500.hover\:text-red-600 {
        display: none !important;
      }
      .rating-summary.flex {
        display: none !important;
      }
}

/* Zet hamburger menu naar linker kant */
nav.z-20.order-2.sm\:order-1.lg\:order-2.navigation.lg\:hidden.w-12.h-12 { 
    order: 0 !important;
    background: white;
    border-radius: 5px;
}

/* Voor nog kleinere schermen */
@media (max-width: 639px) {
    .flex.flex-row.mt-0.mb-1.text-xs.leading-3.pt-15.text-color-levertijd svg {
        width: 17px !important;
    }
    .price-box.price-final_price {
        margin-top: 22px;
    }
    .toolbar-sorter.sorter.flex.items-center.order-1.col-span-3.sm\:col-span-6.md\:col-span-3.lg\:col-span-6.justify-end {
        justify-content: left;
    }
    .rounded-full.w-12.h-12.bg-gray-200.p-0.border-0.inline-flex.shrink-0.items-center.justify-center.text-gray-500.hover\:text-red-600 {
        display: none !important;
      }
      [data-content-type="row"][data-appearance="contained"] {
        width: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
      }
      /* main#maincontent .columns {
        padding-right: 1rem !important;
      } */
      .sm\:w-1\/4.flex-grow {
        width: 150px;
      }
      #toolbar-amount {
        width: auto !important;
      }
      .flex.flex-col.sm\:flex-row.items-start.my-4 {
        flex-direction: row !important;
      }
      .homepage-product-slider .sm\:w-1\/4.flex-grow, .homepage-product-slider .sm\:w-1\/2, .homepage-product-slider .sm\:w-1\/3 {
        width: 100%;
        min-height: auto !important;
      }
}

@media (max-width: 500px) {
    .SpecialProducten.inline-block.px-4.mb-4 {
        width: auto !important;
        padding-left: 0px !important;
    }
    .homepage-product-slider .sm\:w-1\/4.flex-grow, .homepage-product-slider .sm\:w-1\/2, .homepage-product-slider .sm\:w-1\/3 {
        width: 100%;
        min-height: auto !important;
      }
}

/* Voor nog kleinere schermen */
@media (max-width: 595px) {
    .flex.gap-4.mt-1.items-center {
        margin-left: 27% !important;
        margin-right: 1px !important;
    }
}

@media (max-width: 569px) {
    .flex.gap-4.mt-1.items-center {
        margin-left: 27% !important;
        margin-right: 1px !important;
    }
}

@media (max-width: 550px) {
    .flex.gap-4.mt-1.items-center {
        margin-left: 24% !important;
        margin-right: 1px !important;
    }
}

@media (max-width: 510px) {
    .flex.gap-4.mt-1.items-center {
        margin-left: 50% !important;
        margin-right: 1px !important;
    }
    /* Haalt klantenservice text weg na 510px */
    .ml-1 {
        display: none;
    }
    .pagebuilder-column.OverWohiImage {
        margin-left: 0px !important;
      }
      .homepage-product-slider .sm\:w-1\/4.flex-grow, .homepage-product-slider .sm\:w-1\/2, .homepage-product-slider .sm\:w-1\/3 {
        width: 100%;
        min-height: auto !important;
      }
}

/* Voor nog kleinere schermen */
@media (max-width: 490px) {
    .wohi-title {
        font-size: 150%;
    }
    .flex.gap-4.mt-1.items-center {
        margin-left: 35% !important;
        margin-right: 1px !important;
    }
    .category-button {
        width: 100%; /* Zorg ervoor dat de knop de volledige breedte van de container inneemt */
        font-size: 16px;
        line-height: 32px;
        text-indent: 0.5em;
        bottom: 14px; /* Aanpassing voor de positie onderaan */
    }
}

@media (min-width: 640px) {
    .sm\:min-w-\[theme\(spacing\.24\)\] {
        min-width: 2rem !important;
    }
    .homepage-product-slider .sm\:w-1\/4.flex-grow, .homepage-product-slider .sm\:w-1\/2, .homepage-product-slider .sm\:w-1\/3 {
        width: 100%;
        min-height: auto !important;
      }
}

@media (min-width: 1024px) {
    .lg\:justify-end {
        justify-content: center !important;
    }

      #maincontent {
        margin-left: 20px !important;
        margin-right: 20px !important;
      }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .freeship-progress p.upsell {
      text-align: center;
    }
    .pagebuilder-column.HeaderBannerColumn {
        width: 100% !important;
        margin-right: 10px !important;
    }
    .pagebuilder-column.category-block.colorblock2 {
        margin-left: 10px !important;
      }
      .pagebuilder-column.category-block.colorblock3 {
        margin-left: 10px !important;
      }
      .category-minis .pagebuilder-column-group {
        display: block !important;
        width: 100% !important;
      }
      .category-minis .pagebuilder-column {
        width: 100% !important;
      }
      .button.category-button-mini-second {
        border-bottom: 1px solid #eee !important;
      }
    .pagebuilder-column.category-block {
        background-image: none !important;
        background-color: transparent;
        padding: 0px;
    }
    .pagebuilder-column.category-block img {
        display: none;
    }
    .pagebuilder-column.category-block span.action-text {
        display: none;
    }
    .pagebuilder-column.category-block figure.image {
        height: 50px;
    }
    .pagebuilder-column.category-block a.button.category-button {
        width: 100% !important;
    }
    .pagebuilder-column.HeaderBannerMINI img {
        height: 300px !important;
    }
    .category-minis figure {
        display: none !important;
    }
    .category-minis .button {
        width: 100% !important;
        background-color: #fff !important;
        color: #000 !important;
        display: block;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 14px !important;
        text-transform: uppercase;
        text-indent: 0 !important;
        padding: 0 15px !important;
    }
    .category-minis .pagebuilder-column {
        margin-top: 40px !important;
    }
    .category-minis .button {
        border-top: 1px solid #eee !important;
    }
    .category-minis .button::before {
        content: '\f105' !important;
        position: absolute;
        right: 15px;
        font-family: 'FontAwesome';
        font-size: 1.5em;
        color: #ccc;
    }
    .kiyohimg, .gdgazelle {
        display: none !important;
    }
    #newsletter-subscribe {
        width: 100% !important;
        margin-left: 0% !important;
    }
    .bg-blue-700.p-3.cursor-pointer.w-full.border.border-blue-700.rounded-md.shadow-sm.text-white.hover\:bg-opacity-90.md\:flex-1 {
        width: 100% !important;
        margin-left: 0% !important;
      }
      #search_mini_form {
        margin-left: -15px !important;
      }
      .HeaderBanner {
        margin-left: 0px !important;
      }
      .pagebuilder-column.category-block.colorblock1 {
        margin-left: 0px !important;
      }
      .flex.gap-4.mt-1.items-center {
        margin-right: 32px;
        margin-left: 200px;
      }
      .container.px-7.divide-gray-200.divide-y.space-y-4.lg\:flex.lg\:divide-none.lg\:justify-between.lg\:space-y-0 {
        margin-left: 0px !important;
      }
      .container {
        padding-left: 50px;
        padding-right: 50px;
      }
      .toolbar-sorter.sorter.flex.items-center.order-1.col-span-3.sm\:col-span-6.md\:col-span-3.lg\:col-span-6.justify-end {
        justify-content: left;
      }
      .product-info-main .container {
        padding-left: 0px !important;
      }
      #maincontent {
        padding-right: 25px !important;
        padding-left: 25px !important;
      }
      #filters-content {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }
      .rounded-full.w-12.h-12.bg-gray-200.p-0.border-0.inline-flex.shrink-0.items-center.justify-center.text-gray-500.hover\:text-red-600 {
        display: none !important;
      }
      .rating-summary.flex {
        display: none !important;
      }
}
 
@media (min-width: 768px) and (max-width: 838px) {
    .add-to-cart-color.rounded-md.text-white.py-3.font-medium.flex.items-center.gap-2.w-full.justify-center {
        font-size: 12px !important;
    }
    .flex.flex-row.mt-0.mb-1.text-xs.leading-3.pt-15.text-color-levertijd svg {
        width: 45px !important;
        padding-right: 3px !important;
    }
    .sm\:w-1\/4.flex-grow {
        margin-left: -20px !important;
    }
    .product-info-main {
        padding-right: 25px !important;
    }
    .product-info-main .grid {
        display: block !important;
    }
    .flex.flex-col.sm\:flex-row.items-end.my-4.mt-55 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .eldersgoedkoper.mb-20 {
        margin-bottom: 30px !important;
    }
    .DescriptionTitle {
        margin-top: 0px !important;
      }
      .product-info .w-full.mb-6 {
        margin-bottom: 0px !important;
      }
      .SectionEigenschappen.mb-20 {
        margin-top: 35px !important;
      }
}

@media screen and (max-width: 1023px) {
    .item-info.align-top.text-left.lg\:text-right.flex.flex-wrap.lg\:table-row {
        flex-wrap: inherit !important;
    }
    .col.price.pt-6.px-4.block.w-full.sm\:w-1\/3.lg\:w-auto.lg\:table-cell {
        width: 10% !important;
    }
    .col.subtotal.pt-6.px-4.block.w-full.sm\:w-1\/3.lg\:w-auto.lg\:table-cell {
        width: 5% !important;
    }
    .col.qty.pt-6.lg\:pt-2.px-4.block.w-full.sm\:w-1\/3.lg\:w-auto.lg\:table-cell {
        width: 15% !important;
    }
}

@media screen and (max-width: 639px) {
    .item-info.align-top.text-left.lg\:text-right.flex.flex-wrap.lg\:table-row {
        flex-wrap: wrap !important;
    }
    .col.item.pt-6.px-4.flex.flex-wrap.gap-8.text-left.w-full.sm\:flex-nowrap.lg\:w-auto {
        flex-wrap: initial;
      }
      .col.price.pt-6.px-4.block.w-full.sm\:w-1\/3.lg\:w-auto.lg\:table-cell {
        width: 20% !important;
      }
    .col.subtotal.pt-6.px-4.block.w-full.sm\:w-1\/3.lg\:w-auto.lg\:table-cell {
        width: 15% !important;
    }
    .col.qty.pt-6.lg\:pt-2.px-4.block.w-full.sm\:w-1\/3.lg\:w-auto.lg\:table-cell {
        width: 25% !important;
    }
    .col.Actions.pt-6.px-4.block.w-full.sm\:w-1\/3.lg\:w-auto.lg\:table-cell {
        width: 25%;
    }
}

@media screen and (max-width: 409px) {
    .item-info.align-top.text-left.lg\:text-right.flex.flex-wrap.lg\:table-row {
        flex-wrap: wrap !important;
    }
    .col.item.pt-6.px-4.flex.flex-wrap.gap-8.text-left.w-full.sm\:flex-nowrap.lg\:w-auto {
        flex-wrap: initial;
      }
      .col.price.pt-6.px-4.block.w-full.sm\:w-1\/3.lg\:w-auto.lg\:table-cell {
        width: 73% !important;
      }

    .col.subtotal.pt-6.px-4.block.w-full.sm\:w-1\/3.lg\:w-auto.lg\:table-cell {
        width: 88% !important;
        padding-top: 0px !important;
    }
    .col.qty.pt-6.lg\:pt-2.px-4.block.w-full.sm\:w-1\/3.lg\:w-auto.lg\:table-cell {
        width: 20% !important;
    } 
    .col.Actions.pt-6.px-4.block.w-full.sm\:w-1\/3.lg\:w-auto.lg\:table-cell {
        width: 10%;
        padding-top: 0px !important;
    }
    .col.qty.pt-6.lg\:pt-2.px-4.block.w-full.sm\:w-1\/3.lg\:w-auto.lg\:table-cell span {
        float: left;
        padding-right: 15px;
      }
      .col.qty.pt-6.lg\:pt-2.px-4.block.w-full.sm\:w-1\/3.lg\:w-auto.lg\:table-cell .qty {
        margin-top: -3px !important;
      }
}


@media (min-width: 839px) and (max-width: 1023px) {
    .SecondBlock.hidden.lg\:block {
        display: block;
      }
      .SeconfBlok.lg\:hidden {
        display: none !important;
      }
}

@media (max-width: 447px) {
  .eldersgoedkoper-top {
    font-size: 100% !important;
  }
  .eldersgoedkoper-bottom {
    font-size: 100% !important;
  }
}

@media (max-width: 418px) {
  #product-details div {
    margin-right: 0px !important;
  }
} 

@media (min-width: 1024px) and (max-width: 1173px) {
  .cart-totals .w-7\/12.font-semibold.text-left.md\:w-auto {
    font-size: 75% !important; 
  }
} 

@media (min-width: 1024px) and (max-width: 1279px) {
  .button.category-button {
    width: 100% !important; 
  }
}