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

}

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

}

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

}

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

}


@media screen and (max-width: 1024px) {
    ul.list.products {grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 1023px) {
    div.innernav {padding:0 20px;}
    div.mainmenu {display:block;left: -100%; position: fixed;background: #5e9f82; width: 100%; top: 0px; height: calc(100% - 60px);transition: left .5s ease-out;}
    div.mainmenu.active {left:0;  overflow-y: auto;}
    div.mainmenu ul {padding:0;}
    div.mainmenu ul li {display:block;}
    div.mainmenu ul li.item-101 {position: initial;padding: 0;background: none;}
    div.mainmenu ul li.item-101 img {filter: brightness(0) invert(1); max-height: 40px;display:inline-block;margin:0 10px 0 0;vertical-align: top;}
    div.mainmenu ul li.item-101  .visually-hidden {display:inline-block;position: relative;top: 7px;}
    div.mainmenu ul li a {padding: 10px 20px;color: #fff;border-bottom: 1px solid rgba(255,255,255,.25);}
    div.mainmenu ul.mod-menu__sub {position:initial;width: 100%;}
    nav,nav:before, nav span.mobilemenu:before  {top:initial;bottom:0;height:60px;transition: all .5s ease-out;}
    nav.inactive,nav.inactive:before, nav.inactive span.mobilemenu:before  {bottom:-60px;}
    div#cartcontent {position: fixed;top:0; transform: translateY(-100%);transition: transform 0.8s ease;}
    div#cartcontent.active {top: 0; transform: translateY(0);overflow-y: auto; height: 100%;}
    span#totalproducts, span.useraccount {line-height:60px;display: inline-block;position: absolute;}
    span.useraccount {right:100px;margin:0;}
    span.mobilemenu:before {content: '\f39c';  position: fixed;right:0;bottom:0; z-index: 100;float: right; color: #d16491;cursor:pointer; line-height: 60px; height: 60px; width: 60px;text-align: center;}
    div.ajaxcart {float:left;}
    form.mod-login, form.mod-login-logout {background: #5e9f82; color: #fff;border-radius: 0;}
    form.mod-login.active, form.mod-login-logout.active {top: 0;z-index:1001;}
    ul.mod-login__options li a {color:#fff;}
    span.close.login:before {color:#fff;}
    form#ajaxFinderForm { max-width: calc(100% - 40px);margin: 20px auto;position: initial;}
    div#ajaxFinderOverlay > div { width: calc(100% - 40px);}
    div#ajaxFinderOverlay { z-index: 100; width: 100%;height: 100%;top:0;}
  }

@media screen and (max-width: 912px) {
    form#add-to-cart-form button { display: block;    width: 100%;    margin: 20px 0 0;}
    div.order div.addresses, div.orderinfo { grid-template-columns: repeat(1, 1fr);grid-gap: 20px;    }
}

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

@media screen and (max-width: 768px) {
    ul.catlist {grid-template-columns: repeat(2, 1fr);}
    ul.list.products {grid-template-columns: repeat(2, 1fr);}
    div.content-container, main#content, div.sharing {padding:20px;}
}


@media screen and (max-width: 767px) {
div.order label {display:block;width:100%;}
div.order div.addresses > div > div label {font-weight:bold;}
table.order.totals {  border: 0;     }
table.order.totals thead {    display: none;      }
table.order.totals, 
table.order.totals tbody, 
table.order.totals tfoot, 
table.order.totals tr, 
table.order.totals td, 
table.order.totals th {        display: block;        width: 100%;        text-align: left;      }
table.order.totals tr {        margin-bottom: 10px;        border-bottom: 1px solid #ddd;        padding-bottom: 10px;      }
table.order.totals td::before {        font-family: "Montserrat regular", tahoma;        font-size: 1rem;        content: attr(data-label);        font-weight: bold;        display: block;        color: #333;        }
table.order.totals tfoot th, table.order.totals tfoot td {   text-align: left;padding:0;}
div.inner-modal {max-height:80%;}
div.desc-container.grid { display: block;}
div.event.inner { display: grid;    grid-template-columns: repeat(1, 1fr);    column-gap: 80px;    padding-bottom: 40px; }
div.event.inner div.column2.right {order:2}
div.event.inner div.column2.left {order:1;margin:0 0 30px;}
div.events ul.grid { display: grid;    grid-template-columns: repeat(1, 1fr);}
.loyalty-grid {   grid-template-columns: auto 0;   gap: 0;  margin: 0 0 20px; }
.loyalty-grid.header {   display: none;  }
.loyalty-grid.row {  border-bottom: 1px solid #eee;     }
.loyalty-grid > *:nth-child(n+3) {        grid-column: span 2;    }
.loyalty-points {    text-align: left; }
.loyalty-grid .status { order: 2; }
.loyalty-grid .title  { order: 1; }
.loyalty-grid .desc   { order: 3; grid-column: span 2; }
.loyalty-grid .loyalty-points { order: 4; grid-column: span 2; }
.points-grid.header,    .points-grid.row {        grid-template-columns: 1fr 1fr;        grid-template-rows: auto auto auto;        gap: 0.25rem;        padding: 8px 0;    }
.points-grid.header span,    .points-grid.row span {        font-size: 0.98em;    }
.points-grid.header span:nth-child(1),
.points-grid.row span:nth-child(1) { grid-column: 1 / 2; grid-row: 1; }
.points-grid.header span:nth-child(2),
.points-grid.row span:nth-child(2) { grid-column: 2 / 3; grid-row: 1; }
.points-grid.header span:nth-child(3),
.points-grid.row span:nth-child(3) { grid-column: 1 / 3; grid-row: 2; }
.points-grid.header span:nth-child(4),
.points-grid.row span:nth-child(4) { grid-column: 1 / 2; grid-row: 3; }
.points-grid.header span:nth-child(5),
.points-grid.row span:nth-child(5) { grid-column: 2 / 3; grid-row: 3; }
ul.shipmethods, ul.paymentmethods {grid-template-columns: repeat(1, 1fr);grid-gap: 10px;}
span#points-discount {position: initial;margin: 0; width: 100%;font-size: .8rem;  line-height: 100%; padding: 10px 20px;}
fieldset.summary.totals {min-inline-size: unset;    overflow-x: scroll;}
fieldset.summary.totals table {min-width:800px;}
table.cart {float:none;}
a.c2a.afrekenen.mobileonly {display: block;  text-align: center; margin: 20px 0 100px;}
a.c2a.afrekenen.nomobile {display:none;}
}

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

}

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

}

@media screen and (max-width: 540px) {
    header { height: 30vh;}
    h1 {font-size: 2rem;}
    ul.catlist {grid-template-columns: repeat(1, 1fr);margin:0 0 10px;}
    ul.list.products {grid-template-columns: repeat(1, 1fr);}
    div.sharing div.heading span { font-size: 20px;}
    ul.slides li .contentcontainer {grid-template-columns: repeat(1, 1fr);padding: 20px;}
    ul.slides li .textcontainer {max-width:100%;padding:0;}
    .no-mobile {display:none}
    div.item-container.product div.content { grid-template-columns: repeat(1, 1fr); grid-gap: 40px;}
    ul.slides li .contentcontainer img {max-height:100px;}
    ul.slides li .heading {font-size:1.5rem;}
    ul.slides li .text {margin:0;}
    div.footerinner {grid-template-columns: repeat(1, 1fr);}
    div.grid2 { grid-template-columns: repeat(1, 1fr);}
    #footer {padding:20px;}
    div.data-container {order:2}
    div.desc ul {padding: 0 0 0 15px;}
    div.orderitems img {width:100%;margin:20px 0;}
    table.order.totals .total {text-align:left;}
}

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

}

@media screen and (max-width: 414px) {
  ul.slides li .text {  display: none;  }

}

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

}

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

}

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


}