@media (max-width: 900px) {
  .main {
    width: 95%;
  }
  .grid-fold {
    grid-template-columns: 1fr !important;
  }
  .flex-row-fold {
    flex-direction: column !important;
  }
  .login {
    width: 100%;
  }
  .faturaDetails {
    width: 95%;
  }
  .modalbg {
    grid-template-columns: 0% 1fr 0%;
  }
  .rmas {
    width: 95%;
  }
  .pageWrapper {
    width: 95%;
  }
  header {
    height: auto;
  }
  .headerWrapper {
    flex-direction: column;
  }
  .grid-wrapper {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    margin: 1rem 0;
  }

  .categories .desc {
    padding: 0;
  }
}
@media (max-width: 1270px) {
  .categories {
    width: 80%;
  }
}