@media only screen and (min-width: 1930px) {
  .extrareceptRow {
    background-size: cover;
  }

  .assortsliderImage img {
    width: auto;
  }

  .assortimentPagina {
    background-size: contain;
  }
}

@media only screen and (max-width: 1909px) and (min-width: 1630px) {

}


@media only screen and (max-width: 1590px) {
  .homeHeader {
    background-position: 20% 100%;
  }

  .navColumn {
    top: 50px;
  }
}

@media only screen and (max-width: 1520px) {
  .productTitle h2 {
    font-size: 58px;
  }

  .receptOverlay {
    padding-top: 30px;
  }

  .faqOuter .btn-link {
    width: 93%;
  }

}

@media only screen and (max-width: 1340px) {
  .productheaderInfo {
    padding-left: 50px;
  }

  .productRecept h2 {
    font-size: 64px;
  }



  .faqOuter .btn-link {
    font-size: 14px;
  }

  .broodiconNav {
    display: none;
  }

  .assortsliderOuter {
    min-height: 350px;
  }
}

/* Big screens - xl */
@media only screen and (max-width: 1199px) {
  .displayBig {
    display: block;
  }

  .hideBig {
    display: none;
  }

  .navbar .nav-item .nav-link {
    font-size: 14px;
  }

  .receptenHome {
    background-position: 100% 180%;
  }
  .productTitle h2 {
    font-size: 42px;
    line-height: 40px;
  }

  .productRecept h2 {
    font-size: 52px;
  }

  .contentTitle h2 {
    font-size: 56px;
    line-height: 54px;
  }

  .receptgridInner p {
    font-size: 22px;
    line-height: 22px;
  }

  .waarteKoop .arrowRight {
    right: 35%;
  }

  .waarteKoop .arrowLeft {
    left: 35%;
  }

  .faqOuter .btn-link {
    white-space: normal;
  }

  .lightwidget--grid.lightwidget--grid-9 .lightwidget__tile {
    -webkit-flex-basis: 16.65%;
    flex-basis: 16.65%;
    max-width: 16.65%;
    width: 16.65%;
  }

  .assortsliderOuter {
    min-height: 300px;
  }

  .vervolgHeader {
    background-position: center;
  }

  .productheaderInfo {
    padding-right: 0;
  }

  .voedingswaardeTabel {
    margin-bottom: 80px;
  }

}

/* IPADS */
@media only screen and (max-width: 1024px) {
  .headerTitle h1 {
    font-size: 62px;
  }

  .headerText p {
    font-size: 16px;
  }

  .hometitleRow {
    margin-bottom: 20px;
  }
}

/* Large screens - lg */
@media only screen and (max-width: 991px) {
  .displayLarge {
  display: block;
  }

  .hideLarge {
  display: none;
  }

  .megamenuColumn {
    width: auto;
  }

  .megamenuImage {
    display: none;
  }

  .homereceptRightOuter {
    margin-top: 20px;
    padding: 0;
  }

  .navbar-collapse.show {
    display: none;
  }

  .contactHeader .contentsideImage {
    height: 600px;
  }

  .productheaderInfo .productIcons {
    margin-bottom: 30px;
  }

  .productmeerreceptenButton {
    padding: 0;
    margin-top: 15px;
  }

  .productmeerRecepten {
    width: 100%;
    height: 100px;
  }

  .productQuote {
    margin-top: 30px;
  }

  .receptOverlay {
    padding-top: 100px;
  }

  .receptenoverzichtInner {
    padding-left: 0;
  }

  .receptenOverzicht .receptFilter {
    padding-right: 0;
  }

  .verhaalsvgRight, .verhaalSVG, .verhaalsvgDown {
    display: none;
  }

  .zaadjePar, .meelparLeft, .meelparRight {
    display: none;
  }

  .megamenuColumn {
    position: fixed;
  }

}

/* Medium screens - md */
@media only screen and (max-width: 767px) {
  .displayMedium {
    display: block;
  }

  .hideMedium {
    display: none;
  }

  .nieuwsbriefImage img {
    width: 100%;
  }

  .receptenHome {
    background-position: 100% 150%;
  }

  .bloghomeColumn {
    margin-top: 30px;
  }

  .receptFilter {
    margin-top: 0;
  }

  .assortimentSlider .arrowRight {
    right: 35%;
  }

  .assortimentSlider .arrowLeft {
    left: 35%;
  }

  .contentsideImage {
    height: 500px;
  }

  .contactbuttonColumn {
    margin-bottom: 30px;
  }

  .productSlider, .productSlider .slick-list, .productSlider .slick-track {
    height: 600px;
  }

  .productTitle h2 {
    font-size: 42px;
    line-height: 40px;
  }

  .bigRecept {
    padding-right: 15px;
    margin-bottom: 15px;
  }

 .cornerSVG, .lineSVG {
    display: none;
  }

  .assortsliderOuter {
    min-height: 275px;
  }

}

/* Small screens and phones - sm */
@media only screen and (max-width: 575px) {
  iframe {
    width: 100%;
    height: auto;
  }
  
  .displaySmall {
    display: block;
  }

  .hideSmall {
    display: none;
  }

  .vervolgDesktop {
    display: none;
  }

  .vervolgMobile {
    display: block;
  }

  .overlay a {
    font-size: 22px;
  }

  .mainMega .smallMega, .subMega .megasubLink {
    font-size: 14px;
  }

  .assortimentSlider .arrowRight {
    right: 20px;
  }

  .assortimentSlider .arrowLeft {
    left: 20px;
  }

  .homeHeader {
    background-position: 50% 50%;
  }

  #mainNav.show {
    position: relative;
  }

  .contentTitle h2 {
    font-size: 62px;
  }

  .waarteKoop .arrowRight {
    right: 20px;
  }

  .waarteKoop .arrowLeft {
    left: 20px;
  }

  .productheaderInfo {
    padding: 10px;
  }

  .productTitle h2 {
    font-size: 36px;
  }

  .contentTitle h2 {
    font-size: 36px;
  }

  .contentTitle h4 {
    line-height: 24px;
  }

  .faqOuter .btn-link {
    width: 90%;
  }

   .vervolgHeader h1 {
     font-size: 48px;
   }

   .overzichtTitle h2 {
     font-size: 32px;
     line-height: 40px;
   }

   .headerVak h3 {
     width: auto;
   }

   .recepthomeTitel {
     padding-left: 0;
     text-align: center;
   }

   .recepthomeTitel h4 {
     padding-right: 0;
     text-align: center;
   }

   .blijBrood h2 {
     font-size: 46px;
     line-height: 50px;
   }

   .blijBrood .blijtextInner p {
     font-size: 16px;
   }

   .blijBrood h4 {
     margin-bottom: 0;
   }

   .blijBrood .ontdekTitel {
     margin-top: 50px;
   }

   .yellowSVG svg {
     width: 200px;
     height: 200px;
   }

   .homeHeader, .onsVerhaalTop {
     height: 900px;
   }

   .onsverhaalText {
     padding: 50px 0;
     border-bottom: 1px solid rgba(255, 255, 255, 0.5);
   }

   .onsverhaalText .leesmeerBtn {
     margin-bottom: 25px;
   }

   .topFooter br {
      display: block;
    }

    .contentsideImage {
      display: none;
    }

    .productheaderInfo {
      padding: 50px 20px;
    }

  .productSlider, .productSlider .slick-list, .productSlider .slick-track {
    height: 400px;
  }

  .megamenuColumn {
    top: 50px;
  }

  .assortColumn {
    padding-left: 0;
  }

  .vervolgHeader {
    height: 400px;
  }

  .columneenInner .specialTitle {
    line-height: 40px;
  }

  .productFoto img {
    max-height: 300px;
    margin-left: 0;
  }

  .receptHeader .table td {
    padding-left: 40px;
  }

  .receptHeader .table td svg {
    left: 0;
  }

  .receptenboekjeCTA h2 {
    font-size: 32px;
  }

  .subMega {
    display: none;
  }

  .megamenuNav {
    border: 0;
  }

  .overlay-content .meganavColumn {
    top: 20%;
  }

  .recepthomeHeader {
    background-position: 30% 100%;
  }

  .recepthomeHeader .row {
    background-color: rgb(0 0 0 / 0.4);
  }

  .recepthomeTitel h2 {
    text-align: center;
  }

  .recepthomeTitel .invisBtn {
    margin: 0 auto;
  }

  .receptFilter .receptfilterTitel {
    padding: 30px 75px;
  }

  .quoteText {
    padding: 0 10px;
  }

  .productRecept.website-content {
    padding: 50px 0;
  }

  .formFilter .alleRecept {
    text-align: center;
  }

  .receptfilterForm .formFilter .yellowBtn {
    display: block;
    width: 100%;
  }

  .assortsliderOuter {
    min-height: 450px;
  }

  .assortsliderImage img {
    max-height: none;
  }

  .navbar {
    transform: scale(0.8);
  }

  .contentBreadcrumbs {
    padding-bottom: 30px;
  }

  .columntweeInner .specialTitle {
    line-height: 40px;
  }

  .assortimentSlider {
    margin-bottom: 0;
  }
}

/* Extra small screens and phones - col */
@media only screen and (max-width: 450px) {

  .headerTitle h1, .recepthomeTitel h2 {
    font-size: 54px;
  }

  .bloghomeTitel .specialTitle {
    font-size: 28px;
  }

  .receptfilterForm {
    padding: 0;
  }

  .faqOuter .btn-link {
    width: 85%;
  }

  .receptenboekjeCTA h2 {
    font-size: 18px;
  }

  .assortsliderImage img {
    width: 100%;
  }

  .assortsliderOuter {
    min-height: 325px;
  }
}

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

}