@media (max-width: 900px) {
  .pg,
  .alert {
    grid-template-columns: 1fr;
  }
  .side {
    display: none;
  }
  .pg {
    gap: 0;
  }
  .sf input {
    width: 110px;
  }
  .bn {
    max-width: 190px;
  }
}

@media (max-width: 640px) {
  .row {
    flex-wrap: wrap;
    gap: 12px;
  }

  .bn {
    max-width: none;
  }

  .tools {
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
  }

  .sf {
    flex: 1 1 150px;
  }

  .sf input {
    width: 100%;
  }
}