@media (max-width: 320px) {
  .np-theme-personal {
    --padding-x-small: 4px;
    --padding-small: 8px;
    --padding-medium: 12px;
    --padding-large: 16px;
    --size-4: 2px;
    --size-5: 2.5px;
    --size-8: 4px;
    --size-10: 5px;
    --size-12: 6px;
    --size-14: 7px;
    --size-16: 8px;
    --size-24: 12px;
    --size-32: 16px;
    --size-40: 20px;
    --size-48: 24px;
    --size-52: 26px;
    --size-56: 28px;
    --size-60: 30px;
    --size-64: 32px;
    --size-72: 36px;
    --size-80: 40px;
    --size-88: 44px;
    --size-96: 48px;
    --size-104: 52px;
    --size-112: 56px;
    --size-120: 60px;
    --size-126: 63px;
    --size-128: 64px;
    --size-146: 73px;
    --size-154: 77px;
    --size-160: 80px;
    --size-x-small: 12px;
    --size-small: 16px;
    --size-medium: 20px;
    --size-large: 24px;
    --size-x-large: 28px;
    --size-2x-large: 36px;
    --space-content-horizontal: 8px;
    --space-small: 8px;
    --space-medium: 16px;
    --space-large: 20px;
    --space-x-large: 28px;
  }
}
@media (max-width: 320px) {
  .np-theme-personal {
    --input-height-base: var(--size-32);
    --input-height-large: var(--input-height-small);
    --input-padding: var(--input-padding-small);
    --input-padding-large: var(--input-padding-small);
    --input-group-addon-padding: var(--input-group-addon-sm-padding);
    --input-group-addon-lg-padding: var(--input-group-addon-sm-padding);
    --btn-height: var(--input-height-base);
    --btn-lg-height: var(--btn-height);
    --btn-sm-height: var(--btn-height);
    --btn-padding: var(--input-padding);
    --btn-sm-padding: var(--btn-padding);
    --btn-lg-padding: var(--btn-padding);
    --dropdown-link-padding: var(--size-12) var(--size-16);
  }
}
