@media (max-width: 1300.98px) {
  body.cs-grenkeDesign .cs-categoriesBox .cs-categoriesTop, .cs-categoriesBox .cs-categoriesMegaMenu {display: none;}
  body.cs-grenkeDesign .cs-categoriesBox .cs-overlayButton {display: none !important;}
  
  body.cs-grenkeDesign .cs-topCategoriesButton {display: flex;}
}

@media (max-width: 1200.98px) {
  body.cs-grenkeDesign article.cs-categoryPreview {width: calc(100%/4 - 2em);margin: 0 1em 2em 1em;}
}

@media (max-width: 970.98px) {
  body.cs-grenkeDesign article.cs-categoryPreview {width: calc(100%/3 - 2em);margin: 0 1em 2em 1em;}
}

@media (max-width: 840.98px) {
  body.cs-grenkeDesign .cs-mainContent .cs-bannerRow {display: block;}
  body.cs-grenkeDesign .cs-bannerRow .cs-bannerItem {display: flex;margin-bottom: 2em;position: relative;}
  
  body.cs-grenkeDesign article.cs-articlePreview .pictureContainer {order: 1;flex-shrink: 0;width: 100%;justify-content: left;}
  body.cs-grenkeDesign article.cs-articlePreview .cs-previewPriceBox {order: 2;width: 65%;justify-content: left;}
  body.cs-grenkeDesign article.cs-articlePreview .cs-previewEndBox {order: 3;width: 32%;}
  body.cs-grenkeDesign article.cs-articlePreview .cs-previewBox {order: 4;flex: 0 100%;}
  
  body.cs-grenkeDesign .cs-topPages .cs-topPagesBurger {display: flex;align-items: center;}
  body.cs-grenkeDesign header .cs-topBar {padding: 6px 6px;}
  body.cs-grenkeDesign header .cs-topBar .cs-infosites {display: none;}
}

@media (max-width: 750.98px) {
  body.cs-grenkeDesign article.cs-categoryPreview {width: calc(100%/2 - 2em);margin: 0 1em 2em 1em;}
}

@media (max-width: 575.98px) {
  body.cs-grenkeDesign .cs-categoriesBox .cs-categoriesTop {display: none !important;}
  body.cs-grenkeDesign header .cs-headerContent .cs-container {display: flex;flex-wrap: wrap;padding: 0;}
  body.cs-grenkeDesign header .cs-headerContent > .cs-container {display: flex;flex-wrap: wrap;padding: 0 5px;}
  body.cs-grenkeDesign.cs-checkout .cs-cartBoxDetails.extrawidth {width: 100%;padding-right: 0;}
}

@media (max-width: 520.98px) {
  body.cs-grenkeDesign .cs-logo {order: 1;}
  body.cs-grenkeDesign header .cs-miniButtons {order: 2;}
  body.cs-grenkeDesign .cs-categoriesBox {order: 3;flex: 0 0 100%;}
  
  body.cs-grenkeDesign article.cs-articlePreview .cs-previewPriceBox {width: 50%;justify-content: left;}
  body.cs-grenkeDesign .cs-listPager .cs-articlecount {flex-wrap: wrap;}
  body.cs-grenkeDesign .cs-listPager .cs-articlecount > .cs-heading {flex-shrink: 0;width: 100%;display: block;margin-left: 1px;}
  
  body.cs-grenkeDesign article.cs-articlePreview .cs-previewEndBox {width: 47%;}
}

@media (max-width: 460.98px) {
  body.cs-grenkeDesign .cs-bannerInner.cs-bannerOverlay1, .cs-bannerInner.cs-bannerOverlay2 {gap: 1em;}
  body.cs-grenkeDesign .cs-bannerInner.cs-bannerOverlay1, .cs-bannerInner.cs-bannerOverlay2 {width: auto;}
  body.cs-grenkeDesign .cs-bannerInner.cs-bannerOverlay1, body.cs-grenkeDesign .cs-bannerInner.cs-bannerOverlay2 {gap: 15px;}
}