/**
 * This file styles to mobile portrait pages
 */
@media (max-width: 575px) {
  #devicegrade {
    z-index: 40;
  }
  #devicegrade > div::after {
    content: "D";
  }
  /*
  * width of all the groups
  */
  .group {
    /*
    * width of all the articles withing the groups
    */
  }
  .group.width-100 {
    width: 100%;
  }
  .group.width-95 {
    width: 100%;
  }
  .group.width-90 {
    width: 100%;
  }
  .group.width-85 {
    width: 100%;
  }
  .group.width-80 {
    width: 100%;
  }
  .group.width-75 {
    width: 100%;
  }
  .group.width-70 {
    width: 100%;
  }
  .group.width-66, .group.width-67 {
    width: 100%;
  }
  .group.width-65 {
    width: 100%;
  }
  .group.width-60 {
    width: 100%;
  }
  .group.width-55 {
    width: 100%;
  }
  .group.width-50 {
    width: 100%;
  }
  .group.width-45 {
    width: 100%;
  }
  .group.width-40 {
    width: 100%;
  }
  .group.width-35 {
    width: 100%;
  }
  .group.width-33 {
    width: 100%;
  }
  .group.width-30 {
    width: 100%;
  }
  .group.width-25 {
    width: 100%;
  }
  .group.width-20 {
    width: 50%;
  }
  .group.width-15 {
    width: 50%;
  }
  .group.width-10 {
    width: 50%;
  }
  .group.width-5 {
    width: 50%;
  }
  .group .article.width-5 {
    width: 100%;
  }
  .group .article.width-10 {
    width: 100%;
  }
  .group .article.width-15 {
    width: 100%;
  }
  .group .article.width-20 {
    width: 100%;
  }
  .group .article.width-25 {
    width: 100%;
  }
  .group .article.width-30 {
    width: 100%;
  }
  .group .article.width-33 {
    width: 100%;
  }
  .group .article.width-35 {
    width: 100%;
  }
  .group .article.width-40 {
    width: 100%;
  }
  .group .article.width-45 {
    width: 100%;
  }
  .group .article.width-50 {
    width: 100%;
  }
  .group .article.width-55 {
    width: 100%;
  }
  .group .article.width-60 {
    width: 100%;
  }
  .group .article.width-65 {
    width: 100%;
  }
  .group .article.width-66, .group .article.width-67 {
    width: 100%;
  }
  .group .article.width-70 {
    width: 100%;
  }
  .group .article.width-75 {
    width: 100%;
  }
  .group .article.width-80 {
    width: 100%;
  }
  .group .article.width-85 {
    width: 100%;
  }
  .group .article.width-90 {
    width: 100%;
  }
  .group .article.width-95 {
    width: 100%;
  }
  .group .article.width-100 {
    width: 100%;
  }
  body > .whatsapp-button {
    bottom: 10px;
    left: 10px;
  }
  body > .whatsapp-button > span {
    display: none;
  }
  /* default image */
  .article.item-image .item-image-wrapper .article.item-image .item-image-wrapper.text-align-middle, .article.item-image .item-image-wrapper .article.item-image .item-image-wrapper.text-align-bottom {
    display: block;
  }
  .article.item-image .item-image-wrapper .article.item-image .item-image-wrapper > .image,
  .article.item-image .item-image-wrapper .article.item-image .item-image-wrapper > .item-image-text {
    width: 100%;
  }
  /* popup closed for business */
  .store-closed > .no-business-day > .row > div > .group {
    width: 90%;
  }
  .hide-grade-d {
    display: none;
  }
  /*
  * custom
  */
}

/*# sourceMappingURL=grade-D.css.map */