.pa-1 {
    padding: 4px!important;
}
.pa-2 {
    padding: 8px!important;
}
.pa-3 {
    padding: 16px!important;
}
.pa-4 {
    padding: 24px!important;
}
.pb-1 {
    padding-bottom: 4px!important;
}
.pb-2 {
    padding-bottom: 8px!important;
}
.pb-3 {
    padding-bottom: 16px!important;
}
.pb-4 {
    padding-bottom: 24px!important;
}
.pt-1 {
    padding-top: 4px!important;
}
.pt-2 {
    padding-top: 8px!important;
}
.pt-3 {
    padding-top: 16px!important;
}
.pt-4 {
    padding-top: 24px!important;
}
.px-1 {
    padding-left: 4px!important;
    padding-right: 4px!important;
}
.px-2 {
    padding-left: 8px!important;
    padding-right: 8px!important;
}
.px-3 {
    padding-left: 16px!important;
    padding-right: 16px!important;
}
.px-4 {
    padding-left: 24px!important;
    padding-right: 24px!important;
}
@media (min-width: 1024px) {
    .pa-md-1 {
        padding: 4px!important;
    }
    .pa-md-2 {
        padding: 8px!important;
    }
    .pa-md-3 {
        padding: 16px!important;
    }
    .pa-md-4 {
        padding: 24px!important;
    }
    .pb-xl-1 {
        padding-bottom: 4px!important;
    }
    .pb-xl-2 {
        padding-bottom: 8px!important;
    }
    .pb-xl-3 {
        padding-bottom: 16px!important;
    }
    .pb-xl-4 {
        padding-bottom: 24px!important;
    }
    .px-md-1 {
        padding-left: 4px!important;
        padding-right: 4px!important;
    }
    .px-md-2 {
        padding-left: 8px!important;
        padding-right: 8px!important;
    }
    .px-md-3 {
        padding-left: 16px!important;
        padding-right: 16px!important;
    }
    .px-md-4 {
        padding-left: 24px!important;
        padding-right: 24px!important;
    }
}
@media (min-width: 1440px) {
    .pa-xl-1 {
        padding: 4px!important;
    }
    .pa-xl-2 {
        padding: 8px!important;
    }
    .pa-xl-3 {
        padding: 16px!important;
    }
    .pa-xl-4 {
        padding: 24px!important;
    }
    .pb-xl-1 {
        padding-bottom: 4px!important;
    }
    .pb-xl-2 {
        padding-bottom: 8px!important;
    }
    .pb-xl-3 {
        padding-bottom: 16px!important;
    }
    .pb-xl-4 {
        padding-bottom: 24px!important;
    }
    .px-xl-1 {
        padding-left: 4px!important;
        padding-right: 4px!important;
    }
    .px-xl-2 {
        padding-left: 8px!important;
        padding-right: 8px!important;
    }
    .px-xl-3 {
        padding-left: 16px!important;
        padding-right: 16px!important;
    }
    .px-xl-4 {
        padding-left: 24px!important;
        padding-right: 24px!important;
    }
}