@media screen and (max-width: 1280px) {
  :root {
    --font-size-md: 0.625rem;
    --font-size-xs: 0.5625rem;
    --font-size-lg: 0.625rem;
    --font-size-xl: 0.6875rem;
    --font-size-xxxl: 1.25rem;
    --plan-history-title-font: 0.9375rem; 
    --font-title-1: 1.25rem;
    --font-title-2: 1.125rem;
    --font-title-3: 1.0625rem;
    --font-title-4: 0.9375rem;
    --font-billing-form-label: 0.8125rem;
    --font-billing-form-input: 0.75rem;


    --height-current-plan: 5rem;
    --height-plan-history-list: 4rem;
    --height-billing-plan: 1.9375rem;
    --height-billing-form-input: 1.875rem;
    --height-billing-form-btn-1: 1.4375rem;
    --height-billing-form-btn-2: 2.4375rem;
  }

    .select2-container--bootstrap4 .select2-selection--single {
        padding-top: unset !important;
    }
}