/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./acf/blocks/diets-list/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.cp-diets-list {
  grid-template-columns: repeat(4, calc(25% - 22.89px)) !important;
}
@media (max-width: 1195px) {
  .cp-diets-list {
    grid-template-columns: repeat(3, calc(33.3333333% - 20.46px)) !important;
  }
}
@media (max-width: 660px) {
  .cp-diets-list {
    grid-template-columns: repeat(2, calc(50% - 10.23px)) !important;
  }
  .cp-diets-list .hide-mobile {
    display: none !important;
  }
}
@media (max-width: 400px) {
  .cp-diets-list {
    column-gap: 10px;
    grid-template-columns: repeat(2, calc(50% - 5px)) !important;
  }
}
@media (max-width: 350px) {
  .cp-diets-list {
    grid-template-columns: 100% !important;
    max-width: 185px;
    margin: 0 auto;
  }
}