/* MARGIN */

.no-margin {
    margin: 0;
}

.m-0 {
    margin: 0;
}

.m-4 {
    margin: 4px;
}

.m-8 {
    margin: 8px;
}

.m-12 {
    margin: 12px;
}

.m-16 {
    margin: 16px;
}

.m-24 {
    margin: 24px;
}

.m-32 {
    margin: 32px;
}

.m-48 {
    margin: 48px;
}

.m-64 {
    margin: 64px;
}

.m-0-auto {
    margin: 0 auto;
}

.ml-auto {
    margin-left: auto;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-4 {
    margin-bottom: 4px;
}

.mb-8 {
    margin-bottom: 8px;
}

.mb-12 {
    margin-bottom: 12px;
}

.mb-16 {
    margin-bottom: 16px;
}

.mb-24 {
    margin-bottom: 24px;
}

.mb-32 {
    margin-bottom: 32px;
}

.mb-48 {
    margin-bottom: 48px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-64 {
    margin-bottom: 64px;
}

.mt-0 {
    margin-top: 0px;
}

.mt-4 {
    margin-top: 4px;
}

.mt-8 {
    margin-top: 8px;
}

.mt-12 {
    margin-top: 12px;
}

.mt-16 {
    margin-top: 16px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-24 {
    margin-top: 24px;
}

.mt-32 {
    margin-top: 32px;
}

.mt-48 {
    margin-top: 48px;
}

.mt-64 {
    margin-top: 64px;
}

.ml-0 {
    margin-left: 0;
}

.ml-4 {
    margin-left: 4px;
}

.ml-8 {
    margin-left: 8px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-12 {
    margin-left: 12px;
}

.ml-16 {
    margin-left: 16px;
}

.ml-24 {
    margin-left: 24px;
}

.ml-32 {
    margin-left: 32px;
}

.ml-48 {
    margin-left: 48px;
}

.ml-64 {
    margin-left: 64px;
}

.mr-0 {
    margin-right: 0;
}

.mr-4 {
    margin-right: 4px;
}

.mr-8 {
    margin-right: 8px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-12 {
    margin-right: 12px;
}

.mr-16 {
    margin-right: 16px;
}

.mr-24 {
    margin-right: 24px;
}

.mr-32 {
    margin-right: 32px;
}

.mr-48 {
    margin-right: 48px;
}

.mr-64 {
    margin-right: 64px;
}

.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.mx-4 {
    margin-left: 4px;
    margin-right: 4px;
}

.mx-8 {
    margin-left: 8px;
    margin-right: 8px;
}

.mx-12 {
    margin-left: 12px;
    margin-right: 12px;
}

.mx-16 {
    margin-left: 16px;
    margin-right: 16px;
}

.mx-24 {
    margin-left: 24px;
    margin-right: 24px;
}

.mx-32 {
    margin-left: 32px;
    margin-right: 32px;
}

.mx-48 {
    margin-left: 48px;
    margin-right: 48px;
}

.mx-64 {
    margin-left: 64px;
    margin-right: 64px;
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.my-4 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.my-8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.my-12 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.my-16 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.my-24 {
    margin-top: 24px;
    margin-bottom: 24px;
}

.my-32 {
    margin-top: 32px;
    margin-bottom: 32px;
}

.my-48 {
    margin-top: 48px;
    margin-bottom: 48px;
}

.my-64 {
    margin-top: 64px;
    margin-bottom: 64px;
}

/* PADDING */

.no-padding {
    padding: 0;
}

.p-0 {
    padding: 0;
}

.p-4 {
    padding: 4px;
}

.p-8 {
    padding: 8px;
}

.p-12 {
    padding: 12px;
}

.p-16 {
    padding: 16px;
}

.p-24 {
    padding: 24px;
}

.p-32 {
    padding: 32px;
}

.p-48 {
    padding: 48px;
}

.p-64 {
    padding: 64px;
}

.pb-0 {
    padding-bottom: 0;
}

.pb-4 {
    padding-bottom: 4px;
}

.pb-8 {
    padding-bottom: 8px;
}

.pb-12 {
    padding-bottom: 12px;
}

.pb-16 {
    padding-bottom: 16px;
}

.pb-18 {
    padding-bottom: 18px;
}

.pb-24 {
    padding-bottom: 24px;
}

.pb-32 {
    padding-bottom: 32px;
}

.pb-48 {
    padding-bottom: 48px;
}

.pb-64 {
    padding-bottom: 64px;
}

.pt-0 {
    padding-top: 0;
}

.pt-4 {
    padding-top: 4px;
}

.pt-8 {
    padding-top: 8px;
}

.pt-12 {
    padding-top: 12px;
}

.pt-16 {
    padding-top: 16px;
}

.pt-18{
    padding-top: 18px;
}

.pt-24 {
    padding-top: 24px;
}

.pt-32 {
    padding-top: 32px;
}

.pt-48 {
    padding-top: 48px;
}

.pt-64 {
    padding-top: 64px;
}

.pl-0 {
    padding-left: 0;
}

.pl-4 {
    padding-left: 4px;
}

.pl-8 {
    padding-left: 8px;
}

.pl-12 {
    padding-left: 12px;
}

.pl-16 {
    padding-left: 16px;
}

.pl-24 {
    padding-left: 24px;
}

.pl-32 {
    padding-left: 32px;
}

.pl-48 {
    padding-left: 48px;
}

.pl-64 {
    padding-left: 64px;
}

.pr-0 {
    padding-right: 0;
}

.pr-4 {
    padding-right: 4px;
}

.pr-8 {
    padding-right: 8px;
}

.pr-12 {
    padding-right: 12px;
}

.pr-16 {
    padding-right: 16px;
}

.pr-24 {
    padding-right: 24px;
}

.pr-32 {
    padding-right: 32px;
}

.pr-48 {
    padding-right: 48px;
}

.pr-64 {
    padding-right: 64px;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.px-4 {
    padding-left: 4px;
    padding-right: 4px;
}

.px-8 {
    padding-left: 8px;
    padding-right: 8px;
}

.px-12 {
    padding-left: 12px;
    padding-right: 12px;
}

.px-16 {
    padding-left: 16px;
    padding-right: 16px;
}

.px-24 {
    padding-left: 24px;
    padding-right: 24px;
}

.px-32 {
    padding-left: 32px;
    padding-right: 32px;
}

.px-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.px-48 {
    padding-left: 48px;
    padding-right: 48px;
}

.px-64 {
    padding-left: 64px;
    padding-right: 64px;
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.py-4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.py-8 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.py-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.py-16 {
    padding-top: 16px;
    padding-bottom: 16px;
}

.py-24 {
    padding-top: 24px;
    padding-bottom: 24px;
}

.py-32 {
    padding-top: 32px;
    padding-bottom: 32px;
}

.py-48 {
    padding-top: 48px;
    padding-bottom: 48px;
}

.py-64 {
    padding-top: 64px;
    padding-bottom: 64px;
}

.gap-2 {
    gap: 2px;
}

.gap-4 {
    gap: 4px;
}

.gap-8 {
    gap: 8px;
}

.gap-12 {
    gap: 12px;
}

.gap-16 {
    gap: 16px;
}

.gap-24 {
    gap: 24px;
}

.gap-32 {
    gap: 32px;
}

.gap-48 {
  gap: 48px;
}

.row-gap-16 {
    row-gap: 16px;
}

@media only screen and (max-width: 1199px) {
    /* MARGIN */
    .no-margin-md {
        margin: 0;
    }

    .m-md-0 {
        margin: 0;
    }

    .m-md-4 {
        margin: 4px;
    }

    .m-md-8 {
        margin: 8px;
    }

    .m-md-12 {
        margin: 12px;
    }

    .m-md-16 {
        margin: 16px;
    }

    .m-md-24 {
        margin: 24px;
    }

    .m-md-32 {
        margin: 32px;
    }

    .m-md-48 {
        margin: 48px;
    }

    .m-md-64 {
        margin: 64px;
    }

    .mb-md-0 {
        margin-bottom: 0;
    }

    .mb-md-4 {
        margin-bottom: 4px;
    }

    .mb-md-8 {
        margin-bottom: 8px;
    }

    .mb-md-12 {
        margin-bottom: 12px;
    }

    .mb-md-16 {
        margin-bottom: 16px;
    }

    .mb-md-24 {
        margin-bottom: 24px;
    }

    .mb-md-32 {
        margin-bottom: 32px;
    }

    .mb-md-48 {
        margin-bottom: 48px;
    }

    .mb-md-64 {
        margin-bottom: 64px;
    }

    .mt-md-0 {
        margin-top: 0;
    }

    .mt-md-4 {
        margin-top: 4px;
    }

    .mt-md-8 {
        margin-top: 8px;
    }

    .mt-md-12 {
        margin-top: 12px;
    }

    .mt-md-16 {
        margin-top: 16px;
    }

    .mt-md-20 {
      margin-top: 20px;
    }

    .mt-md-24 {
      margin-top: 24px;
    }

    .mt-md-32 {
        margin-top: 32px;
    }

    .mt-md-48 {
        margin-top: 48px;
    }

    .mt-md-64 {
        margin-top: 64px;
    }

    .ml-md-0 {
        margin-left: 0;
    }

    .ml-md-4 {
        margin-left: 4px;
    }

    .ml-md-8 {
        margin-left: 8px;
    }

    .ml-md-12 {
        margin-left: 12px;
    }

    .ml-md-16 {
        margin-left: 16px;
    }

    .ml-md-24 {
        margin-left: 24px;
    }

    .ml-md-32 {
        margin-left: 32px;
    }

    .ml-md-48 {
        margin-left: 48px;
    }

    .ml-md-64 {
        margin-left: 64px;
    }

    .mr-md-0 {
        margin-right: 0;
    }

    .mr-md-4 {
        margin-right: 4px;
    }

    .mr-md-8 {
        margin-right: 8px;
    }

    .mr-md-12 {
        margin-right: 12px;
    }

    .mr-md-16 {
        margin-right: 16px;
    }

    .mr-md-24 {
        margin-right: 24px;
    }

    .mr-md-32 {
        margin-right: 32px;
    }

    .mr-md-48 {
        margin-right: 48px;
    }

    .mr-md-64 {
        margin-right: 64px;
    }

    .mx-md-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .mx-md-4 {
        margin-left: 4px;
        margin-right: 4px;
    }

    .mx-md-8 {
        margin-left: 8px;
        margin-right: 8px;
    }

    .mx-md-12 {
        margin-left: 12px;
        margin-right: 12px;
    }

    .mx-md-16 {
        margin-left: 16px;
        margin-right: 16px;
    }

    .mx-md-24 {
        margin-left: 24px;
        margin-right: 24px;
    }

    .mx-md-32 {
        margin-left: 32px;
        margin-right: 32px;
    }

    .mx-md-48 {
        margin-left: 48px;
        margin-right: 48px;
    }

    .mx-md-64 {
        margin-left: 64px;
        margin-right: 64px;
    }

    .my-md-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .my-md-4 {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .my-md-8 {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .my-md-12 {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .my-md-16 {
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .my-md-24 {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .my-md-32 {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .my-md-48 {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .my-md-64 {
        margin-top: 64px;
        margin-bottom: 64px;
    }

    /* PADDING */
    .no-padding-md {
        padding: 0;
    }

    .p-md-0 {
        padding: 0;
    }

    .p-md-4 {
        padding: 4px;
    }

    .p-md-8 {
        padding: 8px;
    }

    .p-md-12 {
        padding: 12px;
    }

    .p-md-16 {
        padding: 16px;
    }

    .p-md-24 {
        padding: 24px;
    }

    .p-md-32 {
        padding: 32px;
    }

    .p-md-48 {
        padding: 48px;
    }

    .p-md-64 {
        padding: 64px;
    }

    .pb-md-0 {
        padding-bottom: 0;
    }

    .pb-md-4 {
        padding-bottom: 4px;
    }

    .pb-md-8 {
        padding-bottom: 8px;
    }

    .pb-md-12 {
        padding-bottom: 12px;
    }

    .pb-md-16 {
        padding-bottom: 16px;
    }

    .pb-md-24 {
        padding-bottom: 24px;
    }

    .pb-md-32 {
        padding-bottom: 32px;
    }

    .pb-md-48 {
        padding-bottom: 48px;
    }

    .pb-md-64 {
        padding-bottom: 64px;
    }

    .pt-md-0 {
        padding-top: 0;
    }

    .pt-md-4 {
        padding-top: 4px;
    }

    .pt-md-8 {
        padding-top: 8px;
    }

    .pt-md-12 {
        padding-top: 12px;
    }

    .pt-md-16 {
        padding-top: 16px;
    }

    .pt-md-24 {
        padding-top: 24px;
    }

    .pt-md-32 {
        padding-top: 32px;
    }

    .pt-md-48 {
        padding-top: 48px;
    }

    .pt-md-64 {
        padding-top: 64px;
    }

    .pl-md-0 {
        padding-left: 0;
    }

    .pl-md-4 {
        padding-left: 4px;
    }

    .pl-md-8 {
        padding-left: 8px;
    }

    .pl-md-12 {
        padding-left: 12px;
    }

    .pl-md-16 {
        padding-left: 16px;
    }

    .pl-md-24 {
        padding-left: 24px;
    }

    .pl-md-32 {
        padding-left: 32px;
    }

    .pl-md-48 {
        padding-left: 48px;
    }

    .pl-md-64 {
        padding-left: 64px;
    }

    .pr-md-0 {
        padding-right: 0;
    }

    .pr-md-4 {
        padding-right: 4px;
    }

    .pr-md-8 {
        padding-right: 8px;
    }

    .pr-md-12 {
        padding-right: 12px;
    }

    .pr-md-16 {
        padding-right: 16px;
    }

    .pr-md-24 {
        padding-right: 24px;
    }

    .pr-md-32 {
        padding-right: 32px;
    }

    .pr-md-48 {
        padding-right: 48px;
    }

    .pr-md-64 {
        padding-right: 64px;
    }

    .px-md-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .px-md-4 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .px-md-8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .px-md-12 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .px-md-16 {
        padding-left: 16px;
        padding-right: 16px;
    }

    .px-md-24 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .px-md-32 {
        padding-left: 32px;
        padding-right: 32px;
    }

    .px-md-48 {
        padding-left: 48px;
        padding-right: 48px;
    }

    .px-md-64 {
        padding-left: 64px;
        padding-right: 64px;
    }

    .py-md-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .py-md-4 {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .py-md-8 {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .py-md-12 {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .py-md-16 {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .py-md-24 {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .py-md-32 {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .py-md-48 {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .py-md-64 {
        padding-top: 64px;
        padding-bottom: 64px;
    }
}

@media only screen and (max-width: 991px) {
    /* MARGIN */
    .no-margin-sm {
        margin: 0;
    }

    .m-sm-0 {
        margin: 0;
    }

    .m-sm-4 {
        margin: 4px;
    }

    .m-sm-8 {
        margin: 8px;
    }

    .m-sm-12 {
        margin: 12px;
    }

    .m-sm-16 {
        margin: 16px;
    }

    .m-sm-24 {
        margin: 24px;
    }

    .m-sm-32 {
        margin: 32px;
    }

    .m-sm-48 {
        margin: 48px;
    }

    .m-sm-64 {
        margin: 64px;
    }

    .mb-sm-0 {
        margin-bottom: 0;
    }

    .mb-sm-4 {
        margin-bottom: 4px;
    }

    .mb-sm-8 {
        margin-bottom: 8px;
    }

    .mb-sm-12 {
        margin-bottom: 12px;
    }

    .mb-sm-16 {
        margin-bottom: 16px;
    }

    .mb-sm-24 {
        margin-bottom: 24px;
    }

    .mb-sm-32 {
        margin-bottom: 32px;
    }

    .mb-sm-48 {
        margin-bottom: 48px;
    }

    .mb-sm-64 {
        margin-bottom: 64px;
    }

    .mt-sm-0 {
        margin-top: 0;
    }

    .mt-sm-4 {
        margin-top: 4px;
    }

    .mt-sm-8 {
        margin-top: 8px;
    }

    .mt-sm-12 {
        margin-top: 12px;
    }

    .mt-sm-16 {
        margin-top: 16px;
    }

    .mt-sm-20 {
      margin-top: 20px;
    }

    .mt-sm-24 {
      margin-top: 24px;
    }

    .mt-sm-32 {
        margin-top: 32px;
    }

    .mt-sm-48 {
        margin-top: 48px;
    }

    .mt-sm-64 {
        margin-top: 64px;
    }

    .ml-sm-0 {
        margin-left: 0;
    }

    .ml-sm-4 {
        margin-left: 4px;
    }

    .ml-sm-8 {
        margin-left: 8px;
    }

    .ml-sm-12 {
        margin-left: 12px;
    }

    .ml-sm-16 {
        margin-left: 16px;
    }

    .ml-sm-24 {
        margin-left: 24px;
    }

    .ml-sm-32 {
        margin-left: 32px;
    }

    .ml-sm-48 {
        margin-left: 48px;
    }

    .ml-sm-64 {
        margin-left: 64px;
    }

    .mr-sm-0 {
        margin-right: 0;
    }

    .mr-sm-4 {
        margin-right: 4px;
    }

    .mr-sm-8 {
        margin-right: 8px;
    }

    .mr-sm-12 {
        margin-right: 12px;
    }

    .mr-sm-16 {
        margin-right: 16px;
    }

    .mr-sm-24 {
        margin-right: 24px;
    }

    .mr-sm-32 {
        margin-right: 32px;
    }

    .mr-sm-48 {
        margin-right: 48px;
    }

    .mr-sm-64 {
        margin-right: 64px;
    }

    .mx-sm-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .mx-sm-4 {
        margin-left: 4px;
        margin-right: 4px;
    }

    .mx-sm-8 {
        margin-left: 8px;
        margin-right: 8px;
    }

    .mx-sm-12 {
        margin-left: 12px;
        margin-right: 12px;
    }

    .mx-sm-16 {
        margin-left: 16px;
        margin-right: 16px;
    }

    .mx-sm-24 {
        margin-left: 24px;
        margin-right: 24px;
    }

    .mx-sm-32 {
        margin-left: 32px;
        margin-right: 32px;
    }

    .mx-sm-48 {
        margin-left: 48px;
        margin-right: 48px;
    }

    .mx-sm-64 {
        margin-left: 64px;
        margin-right: 64px;
    }

    .my-sm-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .my-sm-4 {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .my-sm-8 {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .my-sm-12 {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .my-sm-16 {
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .my-sm-24 {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .my-sm-32 {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .my-sm-48 {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .my-sm-64 {
        margin-top: 64px;
        margin-bottom: 64px;
    }

    /* PADDING */
    .no-padding-sm {
        padding: 0;
    }

    .p-sm-0 {
        padding: 0;
    }

    .p-sm-4 {
        padding: 4px;
    }

    .p-sm-8 {
        padding: 8px;
    }

    .p-sm-12 {
        padding: 12px;
    }

    .p-sm-16 {
        padding: 16px;
    }

    .p-sm-24 {
        padding: 24px;
    }

    .p-sm-32 {
        padding: 32px;
    }

    .p-sm-48 {
        padding: 48px;
    }

    .p-sm-64 {
        padding: 64px;
    }

    .pb-sm-0 {
        padding-bottom: 0px;
    }

    .pb-sm-4 {
        padding-bottom: 4px;
    }

    .pb-sm-8 {
        padding-bottom: 8px;
    }

    .pb-sm-12 {
        padding-bottom: 12px;
    }

    .pb-sm-16 {
        padding-bottom: 16px;
    }

    .pb-sm-24 {
        padding-bottom: 24px;
    }

    .pb-sm-32 {
        padding-bottom: 32px;
    }

    .pb-sm-48 {
        padding-bottom: 48px;
    }

    .pb-sm-64 {
        padding-bottom: 64px;
    }

    .pt-sm-0 {
        padding-top: 0;
    }

    .pt-sm-4 {
        padding-top: 4px;
    }

    .pt-sm-8 {
        padding-top: 8px;
    }

    .pt-sm-12 {
        padding-top: 12px;
    }

    .pt-sm-16 {
        padding-top: 16px;
    }

    .pt-sm-24 {
        padding-top: 24px;
    }

    .pt-sm-32 {
        padding-top: 32px;
    }

    .pt-sm-48 {
        padding-top: 48px;
    }

    .pt-sm-64 {
        padding-top: 64px;
    }

    .pl-sm-0 {
        padding-left: 0;
    }

    .pl-sm-4 {
        padding-left: 4px;
    }

    .pl-sm-8 {
        padding-left: 8px;
    }

    .pl-sm-12 {
        padding-left: 12px;
    }

    .pl-sm-16 {
        padding-left: 16px;
    }

    .pl-sm-24 {
        padding-left: 24px;
    }

    .pl-sm-32 {
        padding-left: 32px;
    }

    .pl-sm-48 {
        padding-left: 48px;
    }

    .pl-sm-64 {
        padding-left: 64px;
    }

    .pr-sm-0 {
        padding-right: 0;
    }

    .pr-sm-4 {
        padding-right: 4px;
    }

    .pr-sm-8 {
        padding-right: 8px;
    }

    .pr-sm-12 {
        padding-right: 12px;
    }

    .pr-sm-16 {
        padding-right: 16px;
    }

    .pr-sm-24 {
        padding-right: 24px;
    }

    .pr-sm-32 {
        padding-right: 32px;
    }

    .pr-sm-48 {
        padding-right: 48px;
    }

    .pr-sm-64 {
        padding-right: 64px;
    }

    .px-sm-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .px-sm-4 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .px-sm-8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .px-sm-12 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .px-sm-16 {
        padding-left: 16px;
        padding-right: 16px;
    }

    .px-sm-24 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .px-sm-32 {
        padding-left: 32px;
        padding-right: 32px;
    }

    .px-sm-48 {
        padding-left: 48px;
        padding-right: 48px;
    }

    .px-sm-64 {
        padding-left: 64px;
        padding-right: 64px;
    }

    .py-sm-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .py-sm-4 {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .py-sm-8 {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .py-sm-12 {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .py-sm-16 {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .py-sm-24 {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .py-sm-32 {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .py-sm-48 {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .py-sm-64 {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .gap-4-sm {
        gap: 4px;
    }

    .gap-8-sm {
        gap: 8px;
    }

    .gap-12-sm {
        gap: 12px;
    }

    .gap-16-sm {
        gap: 16px;
    }

    .gap-24-sm {
        gap: 24px;
    }

    .gap-32-sm {
        gap: 32px;
    }
}

@media only screen and (max-width: 767px) {

    /* MARGIN */
    .no-margin-xs {
        margin: 0;
    }

    .m-xs-0 {
        margin: 0;
    }

    .m-xs-4 {
        margin: 4px;
    }

    .m-xs-8 {
        margin: 8px;
    }

    .m-xs-12 {
        margin: 12px;
    }

    .m-xs-16 {
        margin: 16px;
    }

    .m-xs-24 {
        margin: 24px;
    }

    .m-xs-32 {
        margin: 32px;
    }

    .m-xs-48 {
        margin: 48px;
    }

    .m-xs-64 {
        margin: 64px;
    }
    
    .mb-xs-0 {
        margin-bottom: 0;
    }

    .mb-xs-4 {
        margin-bottom: 4px;
    }

    .mb-xs-8 {
        margin-bottom: 8px;
    }

    .mb-xs-12 {
        margin-bottom: 12px;
    }

    .mb-xs-16 {
        margin-bottom: 16px;
    }

    .mb-xs-24 {
        margin-bottom: 24px;
    }

    .mb-xs-32 {
        margin-bottom: 32px;
    }

    .mb-xs-48 {
        margin-bottom: 48px;
    }

    .mb-xs-64 {
        margin-bottom: 64px;
    }

    .mt-xs-0 {
        margin-top: 0;
    }

    .mt-xs-4 {
        margin-top: 4px;
    }

    .mt-xs-8 {
        margin-top: 8px;
    }

    .mt-xs-12 {
        margin-top: 12px;
    }

    .mt-xs-16 {
        margin-top: 16px;
    }

    .mt-xs-20 {
      margin-top: 20px;
    }

    .mt-xs-24 {
      margin-top: 24px;
    }

    .mt-xs-32 {
        margin-top: 32px;
    }

    .mt-xs-48 {
        margin-top: 48px;
    }

    .mt-xs-64 {
        margin-top: 64px;
    }

    .ml-xs-0 {
        margin-left: 4px;
    }

    .ml-xs-4 {
        margin-left: 4px;
    }

    .ml-xs-8 {
        margin-left: 8px;
    }

    .ml-xs-12 {
        margin-left: 12px;
    }

    .ml-xs-16 {
        margin-left: 16px;
    }

    .ml-xs-24 {
        margin-left: 24px;
    }

    .ml-xs-32 {
        margin-left: 32px;
    }

    .ml-xs-48 {
        margin-left: 48px;
    }

    .ml-xs-64 {
        margin-left: 64px;
    }

    .mr-xs-0 {
        margin-right: 0;
    }

    .mr-xs-4 {
        margin-right: 4px;
    }

    .mr-xs-8 {
        margin-right: 8px;
    }

    .mr-xs-12 {
        margin-right: 12px;
    }

    .mr-xs-16 {
        margin-right: 16px;
    }

    .mr-xs-24 {
        margin-right: 24px;
    }

    .mr-xs-32 {
        margin-right: 32px;
    }

    .mr-xs-48 {
        margin-right: 48px;
    }

    .mr-xs-64 {
        margin-right: 64px;
    }

    .mx-xs-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .mx-xs-4 {
        margin-left: 4px;
        margin-right: 4px;
    }

    .mx-xs-8 {
        margin-left: 8px;
        margin-right: 8px;
    }

    .mx-xs-12 {
        margin-left: 12px;
        margin-right: 12px;
    }

    .mx-xs-16 {
        margin-left: 16px;
        margin-right: 16px;
    }

    .mx-xs-24 {
        margin-left: 24px;
        margin-right: 24px;
    }

    .mx-xs-32 {
        margin-left: 32px;
        margin-right: 32px;
    }

    .mx-xs-48 {
        margin-left: 48px;
        margin-right: 48px;
    }

    .mx-xs-64 {
        margin-left: 64px;
        margin-right: 64px;
    }

    .my-xs-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .my-xs-4 {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .my-xs-8 {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .my-xs-12 {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .my-xs-16 {
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .my-xs-24 {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .my-xs-32 {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .my-xs-48 {
        margin-top: 48px;
        margin-bottom: 48px;
    }

    .my-xs-64 {
        margin-top: 64px;
        margin-bottom: 64px;
    }

    /* PADDING */
    .no-padding-xs {
        padding: 0;
    }

    .pb-xs-0 {
        padding-bottom: 0;
    }

    .pb-xs-4 {
        padding-bottom: 4px;
    }

    .pb-xs-8 {
        padding-bottom: 8px;
    }

    .pb-xs-12 {
        padding-bottom: 12px;
    }

    .pb-xs-16 {
        padding-bottom: 16px;
    }

    .pb-xs-24 {
        padding-bottom: 24px;
    }

    .pb-xs-32 {
        padding-bottom: 32px;
    }

    .pb-xs-48 {
        padding-bottom: 48px;
    }

    .pb-xs-64 {
        padding-bottom: 64px;
    }

    .pt-xs-0 {
        padding-top: 0;
    }

    .pt-xs-4 {
        padding-top: 4px;
    }

    .pt-xs-8 {
        padding-top: 8px;
    }

    .pt-xs-12 {
        padding-top: 12px;
    }

    .pt-xs-16 {
        padding-top: 16px;
    }

    .pt-xs-24 {
        padding-top: 24px;
    }

    .pt-xs-32 {
        padding-top: 32px;
    }

    .pt-xs-48 {
        padding-top: 48px;
    }

    .pt-xs-64 {
        padding-top: 64px;
    }

    .pl-xs-0 {
        padding-left: 0;
    }

    .pl-xs-4 {
        padding-left: 4px;
    }

    .pl-xs-8 {
        padding-left: 8px;
    }

    .pl-xs-12 {
        padding-left: 12px;
    }

    .pl-xs-16 {
        padding-left: 16px;
    }

    .pl-xs-24 {
        padding-left: 24px;
    }

    .pl-xs-32 {
        padding-left: 32px;
    }

    .pl-xs-48 {
        padding-left: 48px;
    }

    .pl-xs-64 {
        padding-left: 64px;
    }

    .pr-xs-0 {
        padding-right: 0;
    }

    .pr-xs-4 {
        padding-right: 4px;
    }

    .pr-xs-8 {
        padding-right: 8px;
    }

    .pr-xs-12 {
        padding-right: 12px;
    }

    .pr-xs-16 {
        padding-right: 16px;
    }

    .pr-xs-24 {
        padding-right: 24px;
    }

    .pr-xs-32 {
        padding-right: 32px;
    }

    .pr-xs-48 {
        padding-right: 48px;
    }

    .pr-xs-64 {
        padding-right: 64px;
    }

    .px-xs-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .px-xs-4 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .px-xs-8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .px-xs-12 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .px-xs-16 {
        padding-left: 16px;
        padding-right: 16px;
    }

    .px-xs-24 {
        padding-left: 24px;
        padding-right: 24px;
    }

    .px-xs-32 {
        padding-left: 32px;
        padding-right: 32px;
    }

    .px-xs-48 {
        padding-left: 48px;
        padding-right: 48px;
    }

    .px-xs-64 {
        padding-left: 64px;
        padding-right: 64px;
    }

    .py-xs-0 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .py-xs-4 {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .py-xs-8 {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .py-xs-12 {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .py-xs-16 {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .py-xs-24 {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .py-xs-32 {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .py-xs-48 {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .py-xs-64 {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .p-xs-0 {
        padding: 0;
    }

    .p-xs-4 {
        padding: 4px;
    }

    .p-xs-8 {
        padding: 8px;
    }

    .p-xs-12 {
        padding: 12px;
    }

    .p-xs-16 {
        padding: 16px;
    }

    .p-xs-24 {
        padding: 24px;
    }

    .p-xs-32 {
        padding: 32px;
    }

    .p-xs-48 {
        padding: 48px;
    }

    .p-xs-64 {
        padding: 64px;
    }

    /* GAP */

    .gap-4-xs {
        gap: 4px;
    }

    .gap-8-xs {
        gap: 8px;
    }

    .gap-12-xs {
        gap: 12px;
    }

    .gap-16-xs {
        gap: 16px;
    }

    .gap-24-xs {
        gap: 24px;
    }

    .gap-32-xs {
        gap: 32px;
    }

    .gap-0-xs {
        gap: 0;
    }
}