@media (max-width: 320px) {
  .np-theme-personal {
    --delta: 2;
    --size-4: calc(4px / var(--delta));
    --size-5: calc(5px / var(--delta));
    --size-8: calc(8px / var(--delta));
    --size-10: calc(10px / var(--delta));
    --size-12: calc(12px / var(--delta));
    --size-14: calc(14px / var(--delta));
    --size-16: calc(16px / var(--delta));
    --size-24: calc(24px / var(--delta));
    --size-32: calc(32px / var(--delta));
    --size-40: calc(40px / var(--delta));
    --size-48: calc(48px / var(--delta));
    --size-52: calc(52px / var(--delta));
    --size-56: calc(56px / var(--delta));
    --size-60: calc(60px / var(--delta));
    --size-64: calc(64px / var(--delta));
    --size-72: calc(72px / var(--delta));
    --size-80: calc(80px / var(--delta));
    --size-88: calc(88px / var(--delta));
    --size-96: calc(96px / var(--delta));
    --size-104: calc(104px / var(--delta));
    --size-112: calc(112px / var(--delta));
    --size-120: calc(120px / var(--delta));
    --size-126: calc(126px / var(--delta));
    --size-128: calc(128px / var(--delta));
    --size-146: calc(146px / var(--delta));
    --size-154: calc(154px / var(--delta));
    --size-x-small: calc(24px / var(--delta));
    --size-small: calc(32px / var(--delta));
    --size-medium: calc(40px / var(--delta));
    --size-large: calc(48px / var(--delta));
    --size-x-large: calc(56px / var(--delta));
    --size-2x-large: calc(72px / var(--delta));
    --space-content-horizontal: calc(16px / var(--delta));
    --space-small: calc(16px / var(--delta));
    --space-medium: calc(32px / var(--delta));
    --space-large: calc(40px / var(--delta));
    --space-x-large: calc(56px / var(--delta));
    --padding-x-small: var(--size-8);
    --padding-small: var(--size-16);
    --padding-medium: var(--size-24);
    --padding-large: var(--size-32);
    --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);
  }
}
