/* Mobile adaptation */
@media (max-width: 768px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .test_wrapp {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 16px;
  }

  .test_wrapp * {
    box-sizing: border-box;
  }

  .auth_wrapp {
    width: 100%;
    min-height: 100vh;
    height: auto;
    padding: 20px 16px;
    box-sizing: border-box;
  }

  .auth_wrapp .auth {
    width: 100%;
    max-width: 400px;
    box-sizing: border-box;
  }

  .auth_wrapp .auth input {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .main_wrapp {
    width: 100%;
    max-width: 100%;
    padding: 16px;
    box-sizing: border-box;
  }

  .admin_wrapp {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .main_wrapp .tests {
    width: 100%;
  }

  .main_wrapp .tests .test {
    width: 100%;
    min-width: 0;
    margin: 12px 0;
    box-sizing: border-box;
  }

  .test_wrapp .test_card .test_img img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  input,
  button,
  select,
  textarea {
    max-width: 100%;
  }
}