@media only screen and (max-width: 767.98px) {
  :root {
    --header-height: 4.5rem;
  }

  html {
    font-size: 15.5px;
  }

  body {
    font-size: 1rem;
  }

  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    --bs-gutter-x: 2rem;
  }

  .fs-0 {
    font-size: 2.133rem !important;
    /* 32px */
  }

  .fs-1 {
    font-size: 1.867rem !important;
    /* 28px */
  }

  .fs-2, .editor-content h2 {
    font-size: 1.667rem !important;
    /* 25px */
  }

  .fs-3, .editor-content h3 {
    font-size: 1.467rem !important;
    /* 22px */
  }

  .fs-4 {
    font-size: 1.333rem !important;
    /* 20px */
  }

  .fs-5 {
    font-size: 1.2rem !important;
    /* 18px */
  }

  .h-100vh {
    min-height: 60vh;
  }

  .h-line::after {
    transform: translateY(-1.35rem);
  }

  .btn-sq-menu {
    height: 4.5rem;
    width: 4.5rem;
  }

  .btn-sq-menu i {
    font-size: 1.5rem
  }
}