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

@media (min-width: 576px) {

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

}

@media (min-width: 768px) {

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

}

@media (min-width: 992px) {

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

}

@media (min-width: 1200px) {

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

}

@media (min-width: 1400px) {

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

}