.bottom-px-0 { bottom: 0px !important }
.bottom-px-12 { bottom: 12px !important }
.bottom-px-24 { bottom: 24px !important }
.bottom-px-32 { bottom: 32px !important }
.bottom-px-48 { bottom: 48px !important }
.bottom-px-64 { bottom: 64px !important }
.bottom-px-96 { bottom: 96px !important }
.bottom-px-128 { bottom: 128px !important }
.bottom-px-164 { bottom: 164px !important }
.bottom-px-256 { bottom: 256px !important }
.bottom-px-384 { bottom: 384px !important }
.bottom-px-512 { bottom: 512px !important }

@media (min-width: 576px) {

    .bottom-px-sm-0 { bottom: 0px !important }
    .bottom-px-sm-12 { bottom: 12px !important }
    .bottom-px-sm-24 { bottom: 24px !important }
    .bottom-px-sm-32 { bottom: 32px !important }
    .bottom-px-sm-48 { bottom: 48px !important }
    .bottom-px-sm-64 { bottom: 64px !important }
    .bottom-px-sm-96 { bottom: 96px !important }
    .bottom-px-sm-128 { bottom: 128px !important }
    .bottom-px-sm-164 { bottom: 164px !important }
    .bottom-px-sm-256 { bottom: 256px !important }
    .bottom-px-sm-384 { bottom: 384px !important }
    .bottom-px-sm-512 { bottom: 512px !important }

}

@media (min-width: 768px) {

    .bottom-px-md-0 { bottom: 0px !important }
    .bottom-px-md-12 { bottom: 12px !important }
    .bottom-px-md-24 { bottom: 24px !important }
    .bottom-px-md-32 { bottom: 32px !important }
    .bottom-px-md-48 { bottom: 48px !important }
    .bottom-px-md-64 { bottom: 64px !important }
    .bottom-px-md-96 { bottom: 96px !important }
    .bottom-px-md-128 { bottom: 128px !important }
    .bottom-px-md-164 { bottom: 164px !important }
    .bottom-px-md-256 { bottom: 256px !important }
    .bottom-px-md-384 { bottom: 384px !important }
    .bottom-px-md-512 { bottom: 512px !important }

}

@media (min-width: 992px) {

    .bottom-px-lg-0 { bottom: 0px !important }
    .bottom-px-lg-12 { bottom: 12px !important }
    .bottom-px-lg-24 { bottom: 24px !important }
    .bottom-px-lg-32 { bottom: 32px !important }
    .bottom-px-lg-48 { bottom: 48px !important }
    .bottom-px-lg-64 { bottom: 64px !important }
    .bottom-px-lg-96 { bottom: 96px !important }
    .bottom-px-lg-128 { bottom: 128px !important }
    .bottom-px-lg-164 { bottom: 164px !important }
    .bottom-px-lg-256 { bottom: 256px !important }
    .bottom-px-lg-384 { bottom: 384px !important }
    .bottom-px-lg-512 { bottom: 512px !important }

}

@media (min-width: 1200px) {

    .bottom-px-xl-0 { bottom: 0px !important }
    .bottom-px-xl-12 { bottom: 12px !important }
    .bottom-px-xl-24 { bottom: 24px !important }
    .bottom-px-xl-32 { bottom: 32px !important }
    .bottom-px-xl-48 { bottom: 48px !important }
    .bottom-px-xl-64 { bottom: 64px !important }
    .bottom-px-xl-96 { bottom: 96px !important }
    .bottom-px-xl-128 { bottom: 128px !important }
    .bottom-px-xl-164 { bottom: 164px !important }
    .bottom-px-xl-256 { bottom: 256px !important }
    .bottom-px-xl-384 { bottom: 384px !important }
    .bottom-px-xl-512 { bottom: 512px !important }

}

@media (min-width: 1400px) {

    .bottom-px-xxl-0 { bottom: 0px !important }
    .bottom-px-xxl-12 { bottom: 12px !important }
    .bottom-px-xxl-24 { bottom: 24px !important }
    .bottom-px-xxl-32 { bottom: 32px !important }
    .bottom-px-xxl-48 { bottom: 48px !important }
    .bottom-px-xxl-64 { bottom: 64px !important }
    .bottom-px-xxl-96 { bottom: 96px !important }
    .bottom-px-xxl-128 { bottom: 128px !important }
    .bottom-px-xxl-164 { bottom: 164px !important }
    .bottom-px-xxl-256 { bottom: 256px !important }
    .bottom-px-xxl-384 { bottom: 384px !important }
    .bottom-px-xxl-512 { bottom: 512px !important }

}