:root {
    --xs: 35px;
    --sm: 65px;
    --md: 100px;
    --lg: 120px;
}
.pt-none,
.py-none {
    padding-top: unset;
}
.pb-none,
.py-none {
    padding-bottom: unset;
}
.mt-none,
.my-none {
    margin-top: unset;
}
.mb-none,
.my-none {
    margin-top: unset;
}
.pt-xs,
.py-xs {
    padding-top: var(--xs);
}
.pb-xs,
.py-xs {
    padding-bottom: var(--xs);
}
.pt-sm,
.py-sm {
    padding-top: var(--sm);
}
.pb-sm,
.py-sm {
    padding-bottom: var(--sm);
}
.pt-md,
.py-md {
    padding-top: var(--md);
}
.pb-md,
.py-md {
    padding-bottom: var(--md);
}
.pt-lg,
.py-lg {
    padding-top: var(--lg);
}
.pb-lg,
.py-lg {
    padding-bottom: var(--lg);
}
.mt-xs,
.my-xs {
    margin-top: var(--xs);
}
.mb-xs,
.my-xs {
    margin-bottom: var(--xs);
}
.mt-sm,
.my-sm {
    margin-top: var(--sm);
}
.mb-sm,
.my-sm {
    margin-bottom: var(--sm);
}    
.mt-md,
.my-md {
    margin-top: var(--md);
}
.mb-md,
.my-md {
    margin-bottom: var(--md);
}
.mt-lg,
.my-lg {
    margin-top: var(--lg);
}
.mb-lg,
.my-lg {
    margin-bottom: var(--lg);
}
@media (min-width: 576px) {
    .pt-none-mob,
    .py-none-mob {
        padding-top: unset;
    }
    .pb-none-mob,
    .py-none-mob {
        padding-bottom: unset;
    }
    .mt-none-mob,
    .my-none-mob {
        margin-top: unset;
    }
    .mb-none-mob,
    .my-none-mob {
        margin-top: unset;
    }
    .pt-xs-mob,
    .py-xs-mob {
        padding-top: var(--xs);
    }
    .pb-xs-mob,
    .py-xs-mob {
        padding-bottom: var(--xs);
    }
    .pt-sm-mob,
    .py-sm-mob {
        padding-top: var(--sm);
    }
    .pb-sm-mob,
    .py-sm-mob {
        padding-bottom: var(--sm);
    }
    .pt-md-mob,
    .py-md-mob {
        padding-top: var(--md);
    }
    .pb-md-mob,
    .py-md-mob {
        padding-bottom: var(--md);
    }
    .pt-lg-mob,
    .py-lg-mob {
        padding-top: var(--lg);
    }
    .pb-lg-mob,
    .py-lg-mob {
        padding-bottom: var(--lg);
    }
    .mt-xs-mob,
    .my-xs-mob {
        margin-top: var(--xs);
    }
    .mb-xs-mob,
    .my-xs-mob {
        margin-bottom: var(--xs);
    }  
    .mt-sm-mob,
    .my-sm-mob {
        margin-top: var(--sm);
    }
    .mb-sm-mob,
    .my-sm-mob {
        margin-bottom: var(--sm);
    }    
    .mt-md-mob,
    .my-md-mob {
        margin-top: var(--md);
    }
    .mb-md-mob,
    .my-md-mob {
        margin-bottom: var(--md);
    }
    .mt-lg-mob,
    .my-lg-mob {
        margin-top: var(--lg);
    }
    .mb-lg-mob,
    .my-lg-mob {
        margin-bottom: var(--lg);
    }
}
@media (min-width: 768px) {
    .pt-none-tab,
    .py-none-tab {
        padding-top: unset;
    }
    .pb-none-tab,
    .py-none-tab {
        padding-bottom: unset;
    }
    .mt-none-tab,
    .my-none-tab {
        margin-top: unset;
    }
    .mb-none-tab,
    .my-none-tab {
        margin-top: unset;
    }
    .pt-xs-tab,
    .py-xs-tab {
        padding-top: var(--xs);
    }
    .pb-xs-tab,
    .py-xs-tab {
        padding-bottom: var(--xs);
    }
    .pt-sm-tab,
    .py-sm-tab {
        padding-top: var(--sm);
    }
    .pb-sm-tab,
    .py-sm-tab {
        padding-bottom: var(--sm);
    }
    .pt-md-tab,
    .py-md-tab {
        padding-top: var(--md);
    }
    .pb-md-tab,
    .py-md-tab {
        padding-bottom: var(--md);
    }
    .pt-lg-tab,
    .py-lg-tab {
        padding-top: var(--lg);
    }
    .pb-lg-tab,
    .py-lg-tab {
        padding-bottom: var(--lg);
    }
    .mt-xs-tab,
    .my-xs-tab {
        margin-top: var(--xs);
    }
    .mb-xs-tab,
    .my-xs-tab {
        margin-bottom: var(--xs);
    }
    .mt-sm-tab,
    .my-sm-tab {
        margin-top: var(--sm);
    }
    .mb-sm-tab,
    .my-sm-tab {
        margin-bottom: var(--sm);
    }
    .mt-md-tab,
    .my-md-tab {
        margin-top: var(--md);
    }
    .mb-md-tab,
    .my-md-tab {
        margin-bottom: var(--md);
    }
    .mt-lg-tab,
    .my-lg-tab {
        margin-top: var(--lg);
    }
    .mb-lg-tab,
    .my-lg-tab {
        margin-bottom: var(--lg);
    }
}
@media (min-width: 992px) {
    .pt-none-lap,
    .py-none-lap {
        padding-top: unset;
    }
    .pb-none-lap,
    .py-none-lap {
        padding-bottom: unset;
    }
    .mt-none-lap,
    .my-none-lap {
        margin-top: unset;
    }
    .mb-none-lap,
    .my-none-lap {
        margin-top: unset;
    }
    .pt-xs-lap,
    .py-xs-lap {
        padding-top: var(--xs);
    }
    .pb-xs-lap,
    .py-xs-lap {
        padding-bottom: var(--xs);
    }
    .pt-sm-lap,
    .py-sm-lap {
        padding-top: var(--sm);
    }
    .pb-sm-lap,
    .py-sm-lap {
        padding-bottom: var(--sm);
    }
    .pt-md-lap,
    .py-md-lap {
        padding-top: var(--md);
    }
    .pb-md-lap,
    .py-md-lap {
        padding-bottom: var(--md);
    }
    .pt-lg-lap,
    .py-lg-lap {
        padding-top: var(--lg);
    }
    .pb-lg-lap,
    .py-lg-lap {
        padding-bottom: var(--lg);
    }
    .mt-xs-lap,
    .my-xs-lap {
        margin-top: var(--xs);
    }
    .mb-xs-lap,
    .my-xs-lap {
        margin-bottom: var(--xs);
    }
    .mt-sm-lap,
    .my-sm-lap {
        margin-top: var(--sm);
    }
    .mb-sm-lap,
    .my-sm-lap {
        margin-bottom: var(--sm);
    }
    .mt-md-lap,
    .my-md-lap {
        margin-top: var(--md);
    }
    .mb-md-lap,
    .my-md-lap {
        margin-bottom: var(--md);
    }
    .mt-lg-lap,
    .my-lg-lap {
        margin-top: var(--lg);
    }
    .mb-lg-lap,
    .my-lg-lap {
        margin-bottom: var(--lg);
    }
}
@media (min-width: 1200px) {
    .pt-none-desk,
    .py-none-desk {
        padding-top: unset;
    }
    .pb-none-desk,
    .py-none-desk {
        padding-bottom: unset;
    }
    .mt-none-desk,
    .my-none-desk {
        margin-top: unset;
    }
    .mb-none-desk,
    .my-none-desk {
        margin-top: unset;
    }
    .pt-xs-desk,
    .py-xs-desk {
        padding-top: var(--xs);
    }
    .pb-xs-desk,
    .py-xs-desk {
        padding-bottom: var(--xs);
    }
    .pt-sm-desk,
    .py-sm-desk {
        padding-top: var(--sm);
    }
    .pb-sm-desk,
    .py-sm-desk {
        padding-bottom: var(--sm);
    }
    .pt-md-desk,
    .py-md-desk {
        padding-top: var(--md);
    }
    .pb-md-desk,
    .py-md-desk {
        padding-bottom: var(--md);
    }
    .pt-lg-desk,
    .py-lg-desk {
        padding-top: var(--lg);
    }
    .pb-lg-desk,
    .py-lg-desk {
        padding-bottom: var(--lg);
    }
    .mt-xs-desk,
    .my-xs-desk {
        margin-top: var(--xs);
    }
    .mb-xs-desk,
    .my-xs-desk {
        margin-bottom: var(--xs);
    }
    .mt-sm-desk,
    .my-sm-desk {
        margin-top: var(--sm);
    }
    .mb-sm-desk,
    .my-sm-desk {
        margin-bottom: var(--sm);
    }    
    .mt-md-desk,
    .my-md-desk {
        margin-top: var(--md);
    }
    .mb-md-desk,
    .my-md-desk {
        margin-bottom: var(--md);
    }
    .mt-lg-desk,
    .my-lg-desk {
        margin-top: var(--lg);
    }
    .mb-lg-desk,
    .my-lg-desk {
        margin-bottom: var(--lg);
    }
}