/* Position */
.position-static-all {
    position: static;
}

.position-static-all-i {
    position: static !important;
}

@media screen and (min-width: 1200px) {
    .position-static-xl {
        position: static;
    }

    .position-static-xl-i {
        position: static !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .position-static-lg {
        position: static;
    }

    .position-static-lg-i {
        position: static !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .position-static-md {
        position: static;
    }

    .position-static-md-i {
        position: static !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .position-static-sm {
        position: static;
    }

    .position-static-sm-i {
        position: static !important;
    }
}

@media screen and (max-width: 576px) {
    .position-static-xs {
        position: static;
    }

    .position-static-xs-i {
        position: static !important;
    }
}

.position-relative-all {
    position: relative;
}

.position-relative-all-i {
    position: relative !important;
}

@media screen and (min-width: 1200px) {
    .position-relative-xl {
        position: relative;
    }

    .position-relative-xl-i {
        position: relative !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .position-relative-lg {
        position: relative;
    }

    .position-relative-lg-i {
        position: relative !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .position-relative-md {
        position: relative;
    }

    .position-relative-md-i {
        position: relative !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .position-relative-sm {
        position: relative;
    }

    .position-relative-sm-i {
        position: relative !important;
    }
}

@media screen and (max-width: 576px) {
    .position-relative-xs {
        position: relative;
    }

    .position-relative-xs-i {
        position: relative !important;
    }
}

.position-absolute-all {
    position: absolute;
}

.position-absolute-all-i {
    position: absolute !important;
}

@media screen and (min-width: 1200px) {
    .position-absolute-xl {
        position: absolute;
    }

    .position-absolute-xl-i {
        position: absolute !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .position-absolute-lg {
        position: absolute;
    }

    .position-absolute-lg-i {
        position: absolute !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .position-absolute-md {
        position: absolute;
    }

    .position-absolute-md-i {
        position: absolute !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .position-absolute-sm {
        position: absolute;
    }

    .position-absolute-sm-i {
        position: absolute !important;
    }
}

@media screen and (max-width: 576px) {
    .position-absolute-xs {
        position: absolute;
    }

    .position-absolute-xs-i {
        position: absolute !important;
    }
}

.position-fixed-all {
    position: fixed;
}

.position-fixed-all-i {
    position: fixed !important;
}

@media screen and (min-width: 1200px) {
    .position-fixed-xl {
        position: fixed;
    }

    .position-fixed-xl-i {
        position: fixed !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .position-fixed-lg {
        position: fixed;
    }

    .position-fixed-lg-i {
        position: fixed !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .position-fixed-md {
        position: fixed;
    }

    .position-fixed-md-i {
        position: fixed !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .position-fixed-sm {
        position: fixed;
    }

    .position-fixed-sm-i {
        position: fixed !important;
    }
}

@media screen and (max-width: 576px) {
    .position-fixed-xs {
        position: fixed;
    }

    .position-fixed-xs-i {
        position: fixed !important;
    }
}

.position-sticky-all {
    position: sticky;
}

.position-sticky-all-i {
    position: sticky !important;
}

@media screen and (min-width: 1200px) {
    .position-sticky-xl {
        position: sticky;
    }

    .position-sticky-xl-i {
        position: sticky !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .position-sticky-lg {
        position: sticky;
    }

    .position-sticky-lg-i {
        position: sticky !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .position-sticky-md {
        position: sticky;
    }

    .position-sticky-md-i {
        position: sticky !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .position-sticky-sm {
        position: sticky;
    }

    .position-sticky-sm-i {
        position: sticky !important;
    }
}

@media screen and (max-width: 576px) {
    .position-sticky-xs {
        position: sticky;
    }

    .position-sticky-xs-i {
        position: sticky !important;
    }
}

.top-0px-all {
    top: 0px;
}

.top-0px-all-i {
    top: 0px !important;
}

@media screen and (min-width: 1200px) {
    .top-0px-xl {
        top: 0px;
    }

    .top-0px-xl-i {
        top: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .top-0px-lg {
        top: 0px;
    }

    .top-0px-lg-i {
        top: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .top-0px-md {
        top: 0px;
    }

    .top-0px-md-i {
        top: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .top-0px-sm {
        top: 0px;
    }

    .top-0px-sm-i {
        top: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .top-0px-xs {
        top: 0px;
    }

    .top-0px-xs-i {
        top: 0px !important;
    }
}

.right-0px-all {
    right: 0px;
}

.right-0px-all-i {
    right: 0px !important;
}

@media screen and (min-width: 1200px) {
    .right-0px-xl {
        right: 0px;
    }

    .right-0px-xl-i {
        right: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .right-0px-lg {
        right: 0px;
    }

    .right-0px-lg-i {
        right: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .right-0px-md {
        right: 0px;
    }

    .right-0px-md-i {
        right: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .right-0px-sm {
        right: 0px;
    }

    .right-0px-sm-i {
        right: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .right-0px-xs {
        right: 0px;
    }

    .right-0px-xs-i {
        right: 0px !important;
    }
}

.bottom-0px-all {
    bottom: 0px;
}

.bottom-0px-all-i {
    bottom: 0px !important;
}

@media screen and (min-width: 1200px) {
    .bottom-0px-xl {
        bottom: 0px;
    }

    .bottom-0px-xl-i {
        bottom: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .bottom-0px-lg {
        bottom: 0px;
    }

    .bottom-0px-lg-i {
        bottom: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .bottom-0px-md {
        bottom: 0px;
    }

    .bottom-0px-md-i {
        bottom: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .bottom-0px-sm {
        bottom: 0px;
    }

    .bottom-0px-sm-i {
        bottom: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .bottom-0px-xs {
        bottom: 0px;
    }

    .bottom-0px-xs-i {
        bottom: 0px !important;
    }
}

.left-0px-all {
    left: 0px;
}

.left-0px-all-i {
    left: 0px !important;
}

@media screen and (min-width: 1200px) {
    .left-0px-xl {
        left: 0px;
    }

    .left-0px-xl-i {
        left: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .left-0px-lg {
        left: 0px;
    }

    .left-0px-lg-i {
        left: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .left-0px-md {
        left: 0px;
    }

    .left-0px-md-i {
        left: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .left-0px-sm {
        left: 0px;
    }

    .left-0px-sm-i {
        left: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .left-0px-xs {
        left: 0px;
    }

    .left-0px-xs-i {
        left: 0px !important;
    }
}
/* Margin */
.mt--15px-all {
    margin-top: -15px;
}

.mt--15px-all-i {
    margin-top: -15px !important;
}

@media screen and (min-width: 1200px) {
    .mt--15px-xl {
        margin-top: -15px;
    }

    .mt--15px-xl-i {
        margin-top: -15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt--15px-lg {
        margin-top: -15px;
    }

    .mt--15px-lg-i {
        margin-top: -15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt--15px-md {
        margin-top: -15px;
    }

    .mt--15px-md-i {
        margin-top: -15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt--15px-sm {
        margin-top: -15px;
    }

    .mt--15px-sm-i {
        margin-top: -15px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt--15px-xs {
        margin-top: -15px;
    }

    .mt--15px-xs-i {
        margin-top: -15px !important;
    }
}

.mr--15px-all {
    margin-right: -15px;
}

.mr--15px-all-i {
    margin-right: -15px !important;
}

@media screen and (min-width: 1200px) {
    .mr--15px-xl {
        margin-right: -15px;
    }

    .mr--15px-xl-i {
        margin-right: -15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr--15px-lg {
        margin-right: -15px;
    }

    .mr--15px-lg-i {
        margin-right: -15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr--15px-md {
        margin-right: -15px;
    }

    .mr--15px-md-i {
        margin-right: -15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr--15px-sm {
        margin-right: -15px;
    }

    .mr--15px-sm-i {
        margin-right: -15px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr--15px-xs {
        margin-right: -15px;
    }

    .mr--15px-xs-i {
        margin-right: -15px !important;
    }
}

.mb--15px-all {
    margin-bottom: -15px;
}

.mb--15px-all-i {
    margin-bottom: -15px !important;
}

@media screen and (min-width: 1200px) {
    .mb--15px-xl {
        margin-bottom: -15px;
    }

    .mb--15px-xl-i {
        margin-bottom: -15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb--15px-lg {
        margin-bottom: -15px;
    }

    .mb--15px-lg-i {
        margin-bottom: -15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb--15px-md {
        margin-bottom: -15px;
    }

    .mb--15px-md-i {
        margin-bottom: -15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb--15px-sm {
        margin-bottom: -15px;
    }

    .mb--15px-sm-i {
        margin-bottom: -15px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb--15px-xs {
        margin-bottom: -15px;
    }

    .mb--15px-xs-i {
        margin-bottom: -15px !important;
    }
}

.ml--15px-all {
    margin-left: -15px;
}

.ml--15px-all-i {
    margin-left: -15px !important;
}

@media screen and (min-width: 1200px) {
    .ml--15px-xl {
        margin-left: -15px;
    }

    .ml--15px-xl-i {
        margin-left: -15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml--15px-lg {
        margin-left: -15px;
    }

    .ml--15px-lg-i {
        margin-left: -15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml--15px-md {
        margin-left: -15px;
    }

    .ml--15px-md-i {
        margin-left: -15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml--15px-sm {
        margin-left: -15px;
    }

    .ml--15px-sm-i {
        margin-left: -15px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml--15px-xs {
        margin-left: -15px;
    }

    .ml--15px-xs-i {
        margin-left: -15px !important;
    }
}

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

.mt-0px-all-i {
    margin-top: 0px !important;
}

@media screen and (min-width: 1200px) {
    .mt-0px-xl {
        margin-top: 0px;
    }

    .mt-0px-xl-i {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-0px-lg {
        margin-top: 0px;
    }

    .mt-0px-lg-i {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-0px-md {
        margin-top: 0px;
    }

    .mt-0px-md-i {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-0px-sm {
        margin-top: 0px;
    }

    .mt-0px-sm-i {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-0px-xs {
        margin-top: 0px;
    }

    .mt-0px-xs-i {
        margin-top: 0px !important;
    }
}

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

.mr-0px-all-i {
    margin-right: 0px !important;
}

@media screen and (min-width: 1200px) {
    .mr-0px-xl {
        margin-right: 0px;
    }

    .mr-0px-xl-i {
        margin-right: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-0px-lg {
        margin-right: 0px;
    }

    .mr-0px-lg-i {
        margin-right: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-0px-md {
        margin-right: 0px;
    }

    .mr-0px-md-i {
        margin-right: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-0px-sm {
        margin-right: 0px;
    }

    .mr-0px-sm-i {
        margin-right: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-0px-xs {
        margin-right: 0px;
    }

    .mr-0px-xs-i {
        margin-right: 0px !important;
    }
}

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

.mb-0px-all-i {
    margin-bottom: 0px !important;
}

@media screen and (min-width: 1200px) {
    .mb-0px-xl {
        margin-bottom: 0px;
    }

    .mb-0px-xl-i {
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-0px-lg {
        margin-bottom: 0px;
    }

    .mb-0px-lg-i {
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-0px-md {
        margin-bottom: 0px;
    }

    .mb-0px-md-i {
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-0px-sm {
        margin-bottom: 0px;
    }

    .mb-0px-sm-i {
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-0px-xs {
        margin-bottom: 0px;
    }

    .mb-0px-xs-i {
        margin-bottom: 0px !important;
    }
}

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

.ml-0px-all-i {
    margin-left: 0px !important;
}

@media screen and (min-width: 1200px) {
    .ml-0px-xl {
        margin-left: 0px;
    }

    .ml-0px-xl-i {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-0px-lg {
        margin-left: 0px;
    }

    .ml-0px-lg-i {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-0px-md {
        margin-left: 0px;
    }

    .ml-0px-md-i {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-0px-sm {
        margin-left: 0px;
    }

    .ml-0px-sm-i {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-0px-xs {
        margin-left: 0px;
    }

    .ml-0px-xs-i {
        margin-left: 0px !important;
    }
}

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

.mt-4px-all-i {
    margin-top: 4px !important;
}

@media screen and (min-width: 1200px) {
    .mt-4px-xl {
        margin-top: 4px;
    }

    .mt-4px-xl-i {
        margin-top: 4px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-4px-lg {
        margin-top: 4px;
    }

    .mt-4px-lg-i {
        margin-top: 4px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-4px-md {
        margin-top: 4px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-4px-sm {
        margin-top: 4px;
    }

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

@media screen and (max-width: 576px) {
    .mt-4px-xs {
        margin-top: 4px;
    }

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

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

.mr-4px-all-i {
    margin-right: 4px !important;
}

@media screen and (min-width: 1200px) {
    .mr-4px-xl {
        margin-right: 4px;
    }

    .mr-4px-xl-i {
        margin-right: 4px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-4px-lg {
        margin-right: 4px;
    }

    .mr-4px-lg-i {
        margin-right: 4px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-4px-md {
        margin-right: 4px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-4px-sm {
        margin-right: 4px;
    }

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

@media screen and (max-width: 576px) {
    .mr-4px-xs {
        margin-right: 4px;
    }

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

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

.mb-4px-all-i {
    margin-bottom: 4px !important;
}

@media screen and (min-width: 1200px) {
    .mb-4px-xl {
        margin-bottom: 4px;
    }

    .mb-4px-xl-i {
        margin-bottom: 4px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-4px-lg {
        margin-bottom: 4px;
    }

    .mb-4px-lg-i {
        margin-bottom: 4px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-4px-md {
        margin-bottom: 4px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-4px-sm {
        margin-bottom: 4px;
    }

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

@media screen and (max-width: 576px) {
    .mb-4px-xs {
        margin-bottom: 4px;
    }

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

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

.ml-4px-all-i {
    margin-left: 4px !important;
}

@media screen and (min-width: 1200px) {
    .ml-4px-xl {
        margin-left: 4px;
    }

    .ml-4px-xl-i {
        margin-left: 4px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-4px-lg {
        margin-left: 4px;
    }

    .ml-4px-lg-i {
        margin-left: 4px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-4px-md {
        margin-left: 4px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-4px-sm {
        margin-left: 4px;
    }

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

@media screen and (max-width: 576px) {
    .ml-4px-xs {
        margin-left: 4px;
    }

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

.mt-5px-all {
    margin-top: 5px;
}

.mt-5px-all-i {
    margin-top: 5px !important;
}

@media screen and (min-width: 1200px) {
    .mt-5px-xl {
        margin-top: 5px;
    }

    .mt-5px-xl-i {
        margin-top: 5px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-5px-lg {
        margin-top: 5px;
    }

    .mt-5px-lg-i {
        margin-top: 5px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-5px-md {
        margin-top: 5px;
    }

    .mt-5px-md-i {
        margin-top: 5px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-5px-sm {
        margin-top: 5px;
    }

    .mt-5px-sm-i {
        margin-top: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-5px-xs {
        margin-top: 5px;
    }

    .mt-5px-xs-i {
        margin-top: 5px !important;
    }
}

.mr-5px-all {
    margin-right: 5px;
}

.mr-5px-all-i {
    margin-right: 5px !important;
}

@media screen and (min-width: 1200px) {
    .mr-5px-xl {
        margin-right: 5px;
    }

    .mr-5px-xl-i {
        margin-right: 5px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-5px-lg {
        margin-right: 5px;
    }

    .mr-5px-lg-i {
        margin-right: 5px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-5px-md {
        margin-right: 5px;
    }

    .mr-5px-md-i {
        margin-right: 5px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-5px-sm {
        margin-right: 5px;
    }

    .mr-5px-sm-i {
        margin-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-5px-xs {
        margin-right: 5px;
    }

    .mr-5px-xs-i {
        margin-right: 5px !important;
    }
}

.mb-5px-all {
    margin-bottom: 5px;
}

.mb-5px-all-i {
    margin-bottom: 5px !important;
}

@media screen and (min-width: 1200px) {
    .mb-5px-xl {
        margin-bottom: 5px;
    }

    .mb-5px-xl-i {
        margin-bottom: 5px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-5px-lg {
        margin-bottom: 5px;
    }

    .mb-5px-lg-i {
        margin-bottom: 5px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-5px-md {
        margin-bottom: 5px;
    }

    .mb-5px-md-i {
        margin-bottom: 5px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-5px-sm {
        margin-bottom: 5px;
    }

    .mb-5px-sm-i {
        margin-bottom: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-5px-xs {
        margin-bottom: 5px;
    }

    .mb-5px-xs-i {
        margin-bottom: 5px !important;
    }
}

.ml-5px-all {
    margin-left: 5px;
}

.ml-5px-all-i {
    margin-left: 5px !important;
}

@media screen and (min-width: 1200px) {
    .ml-5px-xl {
        margin-left: 5px;
    }

    .ml-5px-xl-i {
        margin-left: 5px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-5px-lg {
        margin-left: 5px;
    }

    .ml-5px-lg-i {
        margin-left: 5px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-5px-md {
        margin-left: 5px;
    }

    .ml-5px-md-i {
        margin-left: 5px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-5px-sm {
        margin-left: 5px;
    }

    .ml-5px-sm-i {
        margin-left: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-5px-xs {
        margin-left: 5px;
    }

    .ml-5px-xs-i {
        margin-left: 5px !important;
    }
}

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

.mt-8px-all-i {
    margin-top: 8px !important;
}

@media screen and (min-width: 1200px) {
    .mt-8px-xl {
        margin-top: 8px;
    }

    .mt-8px-xl-i {
        margin-top: 8px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-8px-lg {
        margin-top: 8px;
    }

    .mt-8px-lg-i {
        margin-top: 8px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-8px-md {
        margin-top: 8px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-8px-sm {
        margin-top: 8px;
    }

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

@media screen and (max-width: 576px) {
    .mt-8px-xs {
        margin-top: 8px;
    }

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

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

.mr-8px-all-i {
    margin-right: 8px !important;
}

@media screen and (min-width: 1200px) {
    .mr-8px-xl {
        margin-right: 8px;
    }

    .mr-8px-xl-i {
        margin-right: 8px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-8px-lg {
        margin-right: 8px;
    }

    .mr-8px-lg-i {
        margin-right: 8px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-8px-md {
        margin-right: 8px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-8px-sm {
        margin-right: 8px;
    }

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

@media screen and (max-width: 576px) {
    .mr-8px-xs {
        margin-right: 8px;
    }

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

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

.mb-8px-all-i {
    margin-bottom: 8px !important;
}

@media screen and (min-width: 1200px) {
    .mb-8px-xl {
        margin-bottom: 8px;
    }

    .mb-8px-xl-i {
        margin-bottom: 8px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-8px-lg {
        margin-bottom: 8px;
    }

    .mb-8px-lg-i {
        margin-bottom: 8px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-8px-md {
        margin-bottom: 8px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-8px-sm {
        margin-bottom: 8px;
    }

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

@media screen and (max-width: 576px) {
    .mb-8px-xs {
        margin-bottom: 8px;
    }

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

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

.ml-8px-all-i {
    margin-left: 8px !important;
}

@media screen and (min-width: 1200px) {
    .ml-8px-xl {
        margin-left: 8px;
    }

    .ml-8px-xl-i {
        margin-left: 8px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-8px-lg {
        margin-left: 8px;
    }

    .ml-8px-lg-i {
        margin-left: 8px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-8px-md {
        margin-left: 8px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-8px-sm {
        margin-left: 8px;
    }

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

@media screen and (max-width: 576px) {
    .ml-8px-xs {
        margin-left: 8px;
    }

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

.mt-10px-all {
    margin-top: 10px;
}

.mt-10px-all-i {
    margin-top: 10px !important;
}

@media screen and (min-width: 1200px) {
    .mt-10px-xl {
        margin-top: 10px;
    }

    .mt-10px-xl-i {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-10px-lg {
        margin-top: 10px;
    }

    .mt-10px-lg-i {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-10px-md {
        margin-top: 10px;
    }

    .mt-10px-md-i {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-10px-sm {
        margin-top: 10px;
    }

    .mt-10px-sm-i {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-10px-xs {
        margin-top: 10px;
    }

    .mt-10px-xs-i {
        margin-top: 10px !important;
    }
}

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

.mr-10px-all-i {
    margin-right: 10px !important;
}

@media screen and (min-width: 1200px) {
    .mr-10px-xl {
        margin-right: 10px;
    }

    .mr-10px-xl-i {
        margin-right: 10px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-10px-lg {
        margin-right: 10px;
    }

    .mr-10px-lg-i {
        margin-right: 10px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-10px-md {
        margin-right: 10px;
    }

    .mr-10px-md-i {
        margin-right: 10px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-10px-sm {
        margin-right: 10px;
    }

    .mr-10px-sm-i {
        margin-right: 10px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-10px-xs {
        margin-right: 10px;
    }

    .mr-10px-xs-i {
        margin-right: 10px !important;
    }
}

.mb-10px-all {
    margin-bottom: 10px;
}

.mb-10px-all-i {
    margin-bottom: 10px !important;
}

@media screen and (min-width: 1200px) {
    .mb-10px-xl {
        margin-bottom: 10px;
    }

    .mb-10px-xl-i {
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-10px-lg {
        margin-bottom: 10px;
    }

    .mb-10px-lg-i {
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-10px-md {
        margin-bottom: 10px;
    }

    .mb-10px-md-i {
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-10px-sm {
        margin-bottom: 10px;
    }

    .mb-10px-sm-i {
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-10px-xs {
        margin-bottom: 10px;
    }

    .mb-10px-xs-i {
        margin-bottom: 10px !important;
    }
}

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

.ml-10px-all-i {
    margin-left: 10px !important;
}

@media screen and (min-width: 1200px) {
    .ml-10px-xl {
        margin-left: 10px;
    }

    .ml-10px-xl-i {
        margin-left: 10px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-10px-lg {
        margin-left: 10px;
    }

    .ml-10px-lg-i {
        margin-left: 10px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-10px-md {
        margin-left: 10px;
    }

    .ml-10px-md-i {
        margin-left: 10px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-10px-sm {
        margin-left: 10px;
    }

    .ml-10px-sm-i {
        margin-left: 10px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-10px-xs {
        margin-left: 10px;
    }

    .ml-10px-xs-i {
        margin-left: 10px !important;
    }
}

.mt-15px-all {
    margin-top: 15px;
}

.mt-15px-all-i {
    margin-top: 15px !important;
}

@media screen and (min-width: 1200px) {
    .mt-15px-xl {
        margin-top: 15px;
    }

    .mt-15px-xl-i {
        margin-top: 15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-15px-lg {
        margin-top: 15px;
    }

    .mt-15px-lg-i {
        margin-top: 15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-15px-md {
        margin-top: 15px;
    }

    .mt-15px-md-i {
        margin-top: 15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-15px-sm {
        margin-top: 15px;
    }

    .mt-15px-sm-i {
        margin-top: 15px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-15px-xs {
        margin-top: 15px;
    }

    .mt-15px-xs-i {
        margin-top: 15px !important;
    }
}

.mr-15px-all {
    margin-right: 15px;
}

.mr-15px-all-i {
    margin-right: 15px !important;
}

@media screen and (min-width: 1200px) {
    .mr-15px-xl {
        margin-right: 15px;
    }

    .mr-15px-xl-i {
        margin-right: 15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-15px-lg {
        margin-right: 15px;
    }

    .mr-15px-lg-i {
        margin-right: 15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-15px-md {
        margin-right: 15px;
    }

    .mr-15px-md-i {
        margin-right: 15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-15px-sm {
        margin-right: 15px;
    }

    .mr-15px-sm-i {
        margin-right: 15px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-15px-xs {
        margin-right: 15px;
    }

    .mr-15px-xs-i {
        margin-right: 15px !important;
    }
}

.mb-15px-all {
    margin-bottom: 15px;
}

.mb-15px-all-i {
    margin-bottom: 15px !important;
}

@media screen and (min-width: 1200px) {
    .mb-15px-xl {
        margin-bottom: 15px;
    }

    .mb-15px-xl-i {
        margin-bottom: 15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-15px-lg {
        margin-bottom: 15px;
    }

    .mb-15px-lg-i {
        margin-bottom: 15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-15px-md {
        margin-bottom: 15px;
    }

    .mb-15px-md-i {
        margin-bottom: 15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-15px-sm {
        margin-bottom: 15px;
    }

    .mb-15px-sm-i {
        margin-bottom: 15px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-15px-xs {
        margin-bottom: 15px;
    }

    .mb-15px-xs-i {
        margin-bottom: 15px !important;
    }
}

.ml-15px-all {
    margin-left: 15px;
}

.ml-15px-all-i {
    margin-left: 15px !important;
}

@media screen and (min-width: 1200px) {
    .ml-15px-xl {
        margin-left: 15px;
    }

    .ml-15px-xl-i {
        margin-left: 15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-15px-lg {
        margin-left: 15px;
    }

    .ml-15px-lg-i {
        margin-left: 15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-15px-md {
        margin-left: 15px;
    }

    .ml-15px-md-i {
        margin-left: 15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-15px-sm {
        margin-left: 15px;
    }

    .ml-15px-sm-i {
        margin-left: 15px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-15px-xs {
        margin-left: 15px;
    }

    .ml-15px-xs-i {
        margin-left: 15px !important;
    }
}

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

.mt-16px-all-i {
    margin-top: 16px !important;
}

@media screen and (min-width: 1200px) {
    .mt-16px-xl {
        margin-top: 16px;
    }

    .mt-16px-xl-i {
        margin-top: 16px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-16px-lg {
        margin-top: 16px;
    }

    .mt-16px-lg-i {
        margin-top: 16px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-16px-md {
        margin-top: 16px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-16px-sm {
        margin-top: 16px;
    }

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

@media screen and (max-width: 576px) {
    .mt-16px-xs {
        margin-top: 16px;
    }

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

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

.mr-16px-all-i {
    margin-right: 16px !important;
}

@media screen and (min-width: 1200px) {
    .mr-16px-xl {
        margin-right: 16px;
    }

    .mr-16px-xl-i {
        margin-right: 16px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-16px-lg {
        margin-right: 16px;
    }

    .mr-16px-lg-i {
        margin-right: 16px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-16px-md {
        margin-right: 16px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-16px-sm {
        margin-right: 16px;
    }

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

@media screen and (max-width: 576px) {
    .mr-16px-xs {
        margin-right: 16px;
    }

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

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

.mb-16px-all-i {
    margin-bottom: 16px !important;
}

@media screen and (min-width: 1200px) {
    .mb-16px-xl {
        margin-bottom: 16px;
    }

    .mb-16px-xl-i {
        margin-bottom: 16px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-16px-lg {
        margin-bottom: 16px;
    }

    .mb-16px-lg-i {
        margin-bottom: 16px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-16px-md {
        margin-bottom: 16px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-16px-sm {
        margin-bottom: 16px;
    }

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

@media screen and (max-width: 576px) {
    .mb-16px-xs {
        margin-bottom: 16px;
    }

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

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

.ml-16px-all-i {
    margin-left: 16px !important;
}

@media screen and (min-width: 1200px) {
    .ml-16px-xl {
        margin-left: 16px;
    }

    .ml-16px-xl-i {
        margin-left: 16px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-16px-lg {
        margin-left: 16px;
    }

    .ml-16px-lg-i {
        margin-left: 16px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-16px-md {
        margin-left: 16px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-16px-sm {
        margin-left: 16px;
    }

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

@media screen and (max-width: 576px) {
    .ml-16px-xs {
        margin-left: 16px;
    }

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

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

.mt-20px-all-i {
    margin-top: 20px !important;
}

@media screen and (min-width: 1200px) {
    .mt-20px-xl {
        margin-top: 20px;
    }

    .mt-20px-xl-i {
        margin-top: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-20px-lg {
        margin-top: 20px;
    }

    .mt-20px-lg-i {
        margin-top: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-20px-md {
        margin-top: 20px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-20px-sm {
        margin-top: 20px;
    }

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

@media screen and (max-width: 576px) {
    .mt-20px-xs {
        margin-top: 20px;
    }

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

.mr-20px-all {
    margin-right: 20px;
}

.mr-20px-all-i {
    margin-right: 20px !important;
}

@media screen and (min-width: 1200px) {
    .mr-20px-xl {
        margin-right: 20px;
    }

    .mr-20px-xl-i {
        margin-right: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-20px-lg {
        margin-right: 20px;
    }

    .mr-20px-lg-i {
        margin-right: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-20px-md {
        margin-right: 20px;
    }

    .mr-20px-md-i {
        margin-right: 20px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-20px-sm {
        margin-right: 20px;
    }

    .mr-20px-sm-i {
        margin-right: 20px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-20px-xs {
        margin-right: 20px;
    }

    .mr-20px-xs-i {
        margin-right: 20px !important;
    }
}

.mb-20px-all {
    margin-bottom: 20px;
}

.mb-20px-all-i {
    margin-bottom: 20px !important;
}

@media screen and (min-width: 1200px) {
    .mb-20px-xl {
        margin-bottom: 20px;
    }

    .mb-20px-xl-i {
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-20px-lg {
        margin-bottom: 20px;
    }

    .mb-20px-lg-i {
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-20px-md {
        margin-bottom: 20px;
    }

    .mb-20px-md-i {
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-20px-sm {
        margin-bottom: 20px;
    }

    .mb-20px-sm-i {
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-20px-xs {
        margin-bottom: 20px;
    }

    .mb-20px-xs-i {
        margin-bottom: 20px !important;
    }
}

.ml-20px-all {
    margin-left: 20px;
}

.ml-20px-all-i {
    margin-left: 20px !important;
}

@media screen and (min-width: 1200px) {
    .ml-20px-xl {
        margin-left: 20px;
    }

    .ml-20px-xl-i {
        margin-left: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-20px-lg {
        margin-left: 20px;
    }

    .ml-20px-lg-i {
        margin-left: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-20px-md {
        margin-left: 20px;
    }

    .ml-20px-md-i {
        margin-left: 20px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-20px-sm {
        margin-left: 20px;
    }

    .ml-20px-sm-i {
        margin-left: 20px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-20px-xs {
        margin-left: 20px;
    }

    .ml-20px-xs-i {
        margin-left: 20px !important;
    }
}

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

.mt-24px-all-i {
    margin-top: 24px !important;
}

@media screen and (min-width: 1200px) {
    .mt-24px-xl {
        margin-top: 24px;
    }

    .mt-24px-xl-i {
        margin-top: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-24px-lg {
        margin-top: 24px;
    }

    .mt-24px-lg-i {
        margin-top: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-24px-md {
        margin-top: 24px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-24px-sm {
        margin-top: 24px;
    }

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

@media screen and (max-width: 576px) {
    .mt-24px-xs {
        margin-top: 24px;
    }

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

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

.mr-24px-all-i {
    margin-right: 24px !important;
}

@media screen and (min-width: 1200px) {
    .mr-24px-xl {
        margin-right: 24px;
    }

    .mr-24px-xl-i {
        margin-right: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-24px-lg {
        margin-right: 24px;
    }

    .mr-24px-lg-i {
        margin-right: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-24px-md {
        margin-right: 24px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-24px-sm {
        margin-right: 24px;
    }

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

@media screen and (max-width: 576px) {
    .mr-24px-xs {
        margin-right: 24px;
    }

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

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

.mb-24px-all-i {
    margin-bottom: 24px !important;
}

@media screen and (min-width: 1200px) {
    .mb-24px-xl {
        margin-bottom: 24px;
    }

    .mb-24px-xl-i {
        margin-bottom: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-24px-lg {
        margin-bottom: 24px;
    }

    .mb-24px-lg-i {
        margin-bottom: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-24px-md {
        margin-bottom: 24px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-24px-sm {
        margin-bottom: 24px;
    }

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

@media screen and (max-width: 576px) {
    .mb-24px-xs {
        margin-bottom: 24px;
    }

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

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

.ml-24px-all-i {
    margin-left: 24px !important;
}

@media screen and (min-width: 1200px) {
    .ml-24px-xl {
        margin-left: 24px;
    }

    .ml-24px-xl-i {
        margin-left: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-24px-lg {
        margin-left: 24px;
    }

    .ml-24px-lg-i {
        margin-left: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-24px-md {
        margin-left: 24px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-24px-sm {
        margin-left: 24px;
    }

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

@media screen and (max-width: 576px) {
    .ml-24px-xs {
        margin-left: 24px;
    }

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

.mt-25px-all {
    margin-top: 25px;
}

.mt-25px-all-i {
    margin-top: 25px !important;
}

@media screen and (min-width: 1200px) {
    .mt-25px-xl {
        margin-top: 25px;
    }

    .mt-25px-xl-i {
        margin-top: 25px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-25px-lg {
        margin-top: 25px;
    }

    .mt-25px-lg-i {
        margin-top: 25px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-25px-md {
        margin-top: 25px;
    }

    .mt-25px-md-i {
        margin-top: 25px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-25px-sm {
        margin-top: 25px;
    }

    .mt-25px-sm-i {
        margin-top: 25px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-25px-xs {
        margin-top: 25px;
    }

    .mt-25px-xs-i {
        margin-top: 25px !important;
    }
}

.mr-25px-all {
    margin-right: 25px;
}

.mr-25px-all-i {
    margin-right: 25px !important;
}

@media screen and (min-width: 1200px) {
    .mr-25px-xl {
        margin-right: 25px;
    }

    .mr-25px-xl-i {
        margin-right: 25px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-25px-lg {
        margin-right: 25px;
    }

    .mr-25px-lg-i {
        margin-right: 25px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-25px-md {
        margin-right: 25px;
    }

    .mr-25px-md-i {
        margin-right: 25px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-25px-sm {
        margin-right: 25px;
    }

    .mr-25px-sm-i {
        margin-right: 25px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-25px-xs {
        margin-right: 25px;
    }

    .mr-25px-xs-i {
        margin-right: 25px !important;
    }
}

.mb-25px-all {
    margin-bottom: 25px;
}

.mb-25px-all-i {
    margin-bottom: 25px !important;
}

@media screen and (min-width: 1200px) {
    .mb-25px-xl {
        margin-bottom: 25px;
    }

    .mb-25px-xl-i {
        margin-bottom: 25px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-25px-lg {
        margin-bottom: 25px;
    }

    .mb-25px-lg-i {
        margin-bottom: 25px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-25px-md {
        margin-bottom: 25px;
    }

    .mb-25px-md-i {
        margin-bottom: 25px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-25px-sm {
        margin-bottom: 25px;
    }

    .mb-25px-sm-i {
        margin-bottom: 25px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-25px-xs {
        margin-bottom: 25px;
    }

    .mb-25px-xs-i {
        margin-bottom: 25px !important;
    }
}

.ml-25px-all {
    margin-left: 25px;
}

.ml-25px-all-i {
    margin-left: 25px !important;
}

@media screen and (min-width: 1200px) {
    .ml-25px-xl {
        margin-left: 25px;
    }

    .ml-25px-xl-i {
        margin-left: 25px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-25px-lg {
        margin-left: 25px;
    }

    .ml-25px-lg-i {
        margin-left: 25px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-25px-md {
        margin-left: 25px;
    }

    .ml-25px-md-i {
        margin-left: 25px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-25px-sm {
        margin-left: 25px;
    }

    .ml-25px-sm-i {
        margin-left: 25px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-25px-xs {
        margin-left: 25px;
    }

    .ml-25px-xs-i {
        margin-left: 25px !important;
    }
}

.mt-30px-all {
    margin-top: 30px;
}

.mt-30px-all-i {
    margin-top: 30px !important;
}

@media screen and (min-width: 1200px) {
    .mt-30px-xl {
        margin-top: 30px;
    }

    .mt-30px-xl-i {
        margin-top: 30px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-30px-lg {
        margin-top: 30px;
    }

    .mt-30px-lg-i {
        margin-top: 30px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-30px-md {
        margin-top: 30px;
    }

    .mt-30px-md-i {
        margin-top: 30px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-30px-sm {
        margin-top: 30px;
    }

    .mt-30px-sm-i {
        margin-top: 30px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-30px-xs {
        margin-top: 30px;
    }

    .mt-30px-xs-i {
        margin-top: 30px !important;
    }
}

.mr-30px-all {
    margin-right: 30px;
}

.mr-30px-all-i {
    margin-right: 30px !important;
}

@media screen and (min-width: 1200px) {
    .mr-30px-xl {
        margin-right: 30px;
    }

    .mr-30px-xl-i {
        margin-right: 30px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-30px-lg {
        margin-right: 30px;
    }

    .mr-30px-lg-i {
        margin-right: 30px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-30px-md {
        margin-right: 30px;
    }

    .mr-30px-md-i {
        margin-right: 30px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-30px-sm {
        margin-right: 30px;
    }

    .mr-30px-sm-i {
        margin-right: 30px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-30px-xs {
        margin-right: 30px;
    }

    .mr-30px-xs-i {
        margin-right: 30px !important;
    }
}

.mb-30px-all {
    margin-bottom: 30px;
}

.mb-30px-all-i {
    margin-bottom: 30px !important;
}

@media screen and (min-width: 1200px) {
    .mb-30px-xl {
        margin-bottom: 30px;
    }

    .mb-30px-xl-i {
        margin-bottom: 30px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-30px-lg {
        margin-bottom: 30px;
    }

    .mb-30px-lg-i {
        margin-bottom: 30px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-30px-md {
        margin-bottom: 30px;
    }

    .mb-30px-md-i {
        margin-bottom: 30px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-30px-sm {
        margin-bottom: 30px;
    }

    .mb-30px-sm-i {
        margin-bottom: 30px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-30px-xs {
        margin-bottom: 30px;
    }

    .mb-30px-xs-i {
        margin-bottom: 30px !important;
    }
}

.ml-30px-all {
    margin-left: 30px;
}

.ml-30px-all-i {
    margin-left: 30px !important;
}

@media screen and (min-width: 1200px) {
    .ml-30px-xl {
        margin-left: 30px;
    }

    .ml-30px-xl-i {
        margin-left: 30px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-30px-lg {
        margin-left: 30px;
    }

    .ml-30px-lg-i {
        margin-left: 30px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-30px-md {
        margin-left: 30px;
    }

    .ml-30px-md-i {
        margin-left: 30px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-30px-sm {
        margin-left: 30px;
    }

    .ml-30px-sm-i {
        margin-left: 30px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-30px-xs {
        margin-left: 30px;
    }

    .ml-30px-xs-i {
        margin-left: 30px !important;
    }
}

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

.mt-32px-all-i {
    margin-top: 32px !important;
}

@media screen and (min-width: 1200px) {
    .mt-32px-xl {
        margin-top: 32px;
    }

    .mt-32px-xl-i {
        margin-top: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-32px-lg {
        margin-top: 32px;
    }

    .mt-32px-lg-i {
        margin-top: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-32px-md {
        margin-top: 32px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-32px-sm {
        margin-top: 32px;
    }

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

@media screen and (max-width: 576px) {
    .mt-32px-xs {
        margin-top: 32px;
    }

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

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

.mr-32px-all-i {
    margin-right: 32px !important;
}

@media screen and (min-width: 1200px) {
    .mr-32px-xl {
        margin-right: 32px;
    }

    .mr-32px-xl-i {
        margin-right: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-32px-lg {
        margin-right: 32px;
    }

    .mr-32px-lg-i {
        margin-right: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-32px-md {
        margin-right: 32px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-32px-sm {
        margin-right: 32px;
    }

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

@media screen and (max-width: 576px) {
    .mr-32px-xs {
        margin-right: 32px;
    }

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

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

.mb-32px-all-i {
    margin-bottom: 32px !important;
}

@media screen and (min-width: 1200px) {
    .mb-32px-xl {
        margin-bottom: 32px;
    }

    .mb-32px-xl-i {
        margin-bottom: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-32px-lg {
        margin-bottom: 32px;
    }

    .mb-32px-lg-i {
        margin-bottom: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-32px-md {
        margin-bottom: 32px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-32px-sm {
        margin-bottom: 32px;
    }

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

@media screen and (max-width: 576px) {
    .mb-32px-xs {
        margin-bottom: 32px;
    }

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

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

.ml-32px-all-i {
    margin-left: 32px !important;
}

@media screen and (min-width: 1200px) {
    .ml-32px-xl {
        margin-left: 32px;
    }

    .ml-32px-xl-i {
        margin-left: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-32px-lg {
        margin-left: 32px;
    }

    .ml-32px-lg-i {
        margin-left: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-32px-md {
        margin-left: 32px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-32px-sm {
        margin-left: 32px;
    }

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

@media screen and (max-width: 576px) {
    .ml-32px-xs {
        margin-left: 32px;
    }

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

.mt-35px-all {
    margin-top: 35px;
}

.mt-35px-all-i {
    margin-top: 35px !important;
}

@media screen and (min-width: 1200px) {
    .mt-35px-xl {
        margin-top: 35px;
    }

    .mt-35px-xl-i {
        margin-top: 35px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-35px-lg {
        margin-top: 35px;
    }

    .mt-35px-lg-i {
        margin-top: 35px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-35px-md {
        margin-top: 35px;
    }

    .mt-35px-md-i {
        margin-top: 35px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-35px-sm {
        margin-top: 35px;
    }

    .mt-35px-sm-i {
        margin-top: 35px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-35px-xs {
        margin-top: 35px;
    }

    .mt-35px-xs-i {
        margin-top: 35px !important;
    }
}

.mr-35px-all {
    margin-right: 35px;
}

.mr-35px-all-i {
    margin-right: 35px !important;
}

@media screen and (min-width: 1200px) {
    .mr-35px-xl {
        margin-right: 35px;
    }

    .mr-35px-xl-i {
        margin-right: 35px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-35px-lg {
        margin-right: 35px;
    }

    .mr-35px-lg-i {
        margin-right: 35px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-35px-md {
        margin-right: 35px;
    }

    .mr-35px-md-i {
        margin-right: 35px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-35px-sm {
        margin-right: 35px;
    }

    .mr-35px-sm-i {
        margin-right: 35px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-35px-xs {
        margin-right: 35px;
    }

    .mr-35px-xs-i {
        margin-right: 35px !important;
    }
}

.mb-35px-all {
    margin-bottom: 35px;
}

.mb-35px-all-i {
    margin-bottom: 35px !important;
}

@media screen and (min-width: 1200px) {
    .mb-35px-xl {
        margin-bottom: 35px;
    }

    .mb-35px-xl-i {
        margin-bottom: 35px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-35px-lg {
        margin-bottom: 35px;
    }

    .mb-35px-lg-i {
        margin-bottom: 35px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-35px-md {
        margin-bottom: 35px;
    }

    .mb-35px-md-i {
        margin-bottom: 35px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-35px-sm {
        margin-bottom: 35px;
    }

    .mb-35px-sm-i {
        margin-bottom: 35px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-35px-xs {
        margin-bottom: 35px;
    }

    .mb-35px-xs-i {
        margin-bottom: 35px !important;
    }
}

.ml-35px-all {
    margin-left: 35px;
}

.ml-35px-all-i {
    margin-left: 35px !important;
}

@media screen and (min-width: 1200px) {
    .ml-35px-xl {
        margin-left: 35px;
    }

    .ml-35px-xl-i {
        margin-left: 35px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-35px-lg {
        margin-left: 35px;
    }

    .ml-35px-lg-i {
        margin-left: 35px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-35px-md {
        margin-left: 35px;
    }

    .ml-35px-md-i {
        margin-left: 35px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-35px-sm {
        margin-left: 35px;
    }

    .ml-35px-sm-i {
        margin-left: 35px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-35px-xs {
        margin-left: 35px;
    }

    .ml-35px-xs-i {
        margin-left: 35px !important;
    }
}

.mt-36px-all {
    margin-top: 36px;
}

.mt-36px-all-i {
    margin-top: 36px !important;
}

@media screen and (min-width: 1200px) {
    .mt-36px-xl {
        margin-top: 36px;
    }

    .mt-36px-xl-i {
        margin-top: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-36px-lg {
        margin-top: 36px;
    }

    .mt-36px-lg-i {
        margin-top: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-36px-md {
        margin-top: 36px;
    }

    .mt-36px-md-i {
        margin-top: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-36px-sm {
        margin-top: 36px;
    }

    .mt-36px-sm-i {
        margin-top: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-36px-xs {
        margin-top: 36px;
    }

    .mt-36px-xs-i {
        margin-top: 36px !important;
    }
}

.mr-36px-all {
    margin-right: 36px;
}

.mr-36px-all-i {
    margin-right: 36px !important;
}

@media screen and (min-width: 1200px) {
    .mr-36px-xl {
        margin-right: 36px;
    }

    .mr-36px-xl-i {
        margin-right: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-36px-lg {
        margin-right: 36px;
    }

    .mr-36px-lg-i {
        margin-right: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-36px-md {
        margin-right: 36px;
    }

    .mr-36px-md-i {
        margin-right: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-36px-sm {
        margin-right: 36px;
    }

    .mr-36px-sm-i {
        margin-right: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-36px-xs {
        margin-right: 36px;
    }

    .mr-36px-xs-i {
        margin-right: 36px !important;
    }
}

.mb-36px-all {
    margin-bottom: 36px;
}

.mb-36px-all-i {
    margin-bottom: 36px !important;
}

@media screen and (min-width: 1200px) {
    .mb-36px-xl {
        margin-bottom: 36px;
    }

    .mb-36px-xl-i {
        margin-bottom: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-36px-lg {
        margin-bottom: 36px;
    }

    .mb-36px-lg-i {
        margin-bottom: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-36px-md {
        margin-bottom: 36px;
    }

    .mb-36px-md-i {
        margin-bottom: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-36px-sm {
        margin-bottom: 36px;
    }

    .mb-36px-sm-i {
        margin-bottom: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-36px-xs {
        margin-bottom: 36px;
    }

    .mb-36px-xs-i {
        margin-bottom: 36px !important;
    }
}

.ml-36px-all {
    margin-left: 36px;
}

.ml-36px-all-i {
    margin-left: 36px !important;
}

@media screen and (min-width: 1200px) {
    .ml-36px-xl {
        margin-left: 36px;
    }

    .ml-36px-xl-i {
        margin-left: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-36px-lg {
        margin-left: 36px;
    }

    .ml-36px-lg-i {
        margin-left: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-36px-md {
        margin-left: 36px;
    }

    .ml-36px-md-i {
        margin-left: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-36px-sm {
        margin-left: 36px;
    }

    .ml-36px-sm-i {
        margin-left: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-36px-xs {
        margin-left: 36px;
    }

    .ml-36px-xs-i {
        margin-left: 36px !important;
    }
}

.mt-38px-all {
    margin-top: 38px;
}

.mt-38px-all-i {
    margin-top: 38px !important;
}

@media screen and (min-width: 1200px) {
    .mt-38px-xl {
        margin-top: 38px;
    }

    .mt-38px-xl-i {
        margin-top: 38px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-38px-lg {
        margin-top: 38px;
    }

    .mt-38px-lg-i {
        margin-top: 38px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-38px-md {
        margin-top: 38px;
    }

    .mt-38px-md-i {
        margin-top: 38px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-38px-sm {
        margin-top: 38px;
    }

    .mt-38px-sm-i {
        margin-top: 38px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-38px-xs {
        margin-top: 38px;
    }

    .mt-38px-xs-i {
        margin-top: 38px !important;
    }
}

.mr-38px-all {
    margin-right: 38px;
}

.mr-38px-all-i {
    margin-right: 38px !important;
}

@media screen and (min-width: 1200px) {
    .mr-38px-xl {
        margin-right: 38px;
    }

    .mr-38px-xl-i {
        margin-right: 38px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-38px-lg {
        margin-right: 38px;
    }

    .mr-38px-lg-i {
        margin-right: 38px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-38px-md {
        margin-right: 38px;
    }

    .mr-38px-md-i {
        margin-right: 38px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-38px-sm {
        margin-right: 38px;
    }

    .mr-38px-sm-i {
        margin-right: 38px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-38px-xs {
        margin-right: 38px;
    }

    .mr-38px-xs-i {
        margin-right: 38px !important;
    }
}

.mb-38px-all {
    margin-bottom: 38px;
}

.mb-38px-all-i {
    margin-bottom: 38px !important;
}

@media screen and (min-width: 1200px) {
    .mb-38px-xl {
        margin-bottom: 38px;
    }

    .mb-38px-xl-i {
        margin-bottom: 38px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-38px-lg {
        margin-bottom: 38px;
    }

    .mb-38px-lg-i {
        margin-bottom: 38px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-38px-md {
        margin-bottom: 38px;
    }

    .mb-38px-md-i {
        margin-bottom: 38px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-38px-sm {
        margin-bottom: 38px;
    }

    .mb-38px-sm-i {
        margin-bottom: 38px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-38px-xs {
        margin-bottom: 38px;
    }

    .mb-38px-xs-i {
        margin-bottom: 38px !important;
    }
}

.ml-38px-all {
    margin-left: 38px;
}

.ml-38px-all-i {
    margin-left: 38px !important;
}

@media screen and (min-width: 1200px) {
    .ml-38px-xl {
        margin-left: 38px;
    }

    .ml-38px-xl-i {
        margin-left: 38px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-38px-lg {
        margin-left: 38px;
    }

    .ml-38px-lg-i {
        margin-left: 38px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-38px-md {
        margin-left: 38px;
    }

    .ml-38px-md-i {
        margin-left: 38px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-38px-sm {
        margin-left: 38px;
    }

    .ml-38px-sm-i {
        margin-left: 38px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-38px-xs {
        margin-left: 38px;
    }

    .ml-38px-xs-i {
        margin-left: 38px !important;
    }
}

.mt-40px-all {
    margin-top: 40px;
}

.mt-40px-all-i {
    margin-top: 40px !important;
}

@media screen and (min-width: 1200px) {
    .mt-40px-xl {
        margin-top: 40px;
    }

    .mt-40px-xl-i {
        margin-top: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-40px-lg {
        margin-top: 40px;
    }

    .mt-40px-lg-i {
        margin-top: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-40px-md {
        margin-top: 40px;
    }

    .mt-40px-md-i {
        margin-top: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-40px-sm {
        margin-top: 40px;
    }

    .mt-40px-sm-i {
        margin-top: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-40px-xs {
        margin-top: 40px;
    }

    .mt-40px-xs-i {
        margin-top: 40px !important;
    }
}

.mr-40px-all {
    margin-right: 40px;
}

.mr-40px-all-i {
    margin-right: 40px !important;
}

@media screen and (min-width: 1200px) {
    .mr-40px-xl {
        margin-right: 40px;
    }

    .mr-40px-xl-i {
        margin-right: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-40px-lg {
        margin-right: 40px;
    }

    .mr-40px-lg-i {
        margin-right: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-40px-md {
        margin-right: 40px;
    }

    .mr-40px-md-i {
        margin-right: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-40px-sm {
        margin-right: 40px;
    }

    .mr-40px-sm-i {
        margin-right: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-40px-xs {
        margin-right: 40px;
    }

    .mr-40px-xs-i {
        margin-right: 40px !important;
    }
}

.mb-40px-all {
    margin-bottom: 40px;
}

.mb-40px-all-i {
    margin-bottom: 40px !important;
}

@media screen and (min-width: 1200px) {
    .mb-40px-xl {
        margin-bottom: 40px;
    }

    .mb-40px-xl-i {
        margin-bottom: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-40px-lg {
        margin-bottom: 40px;
    }

    .mb-40px-lg-i {
        margin-bottom: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-40px-md {
        margin-bottom: 40px;
    }

    .mb-40px-md-i {
        margin-bottom: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-40px-sm {
        margin-bottom: 40px;
    }

    .mb-40px-sm-i {
        margin-bottom: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-40px-xs {
        margin-bottom: 40px;
    }

    .mb-40px-xs-i {
        margin-bottom: 40px !important;
    }
}

.ml-40px-all {
    margin-left: 40px;
}

.ml-40px-all-i {
    margin-left: 40px !important;
}

@media screen and (min-width: 1200px) {
    .ml-40px-xl {
        margin-left: 40px;
    }

    .ml-40px-xl-i {
        margin-left: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-40px-lg {
        margin-left: 40px;
    }

    .ml-40px-lg-i {
        margin-left: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-40px-md {
        margin-left: 40px;
    }

    .ml-40px-md-i {
        margin-left: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-40px-sm {
        margin-left: 40px;
    }

    .ml-40px-sm-i {
        margin-left: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-40px-xs {
        margin-left: 40px;
    }

    .ml-40px-xs-i {
        margin-left: 40px !important;
    }
}

.mt-45px-all {
    margin-top: 45px;
}

.mt-45px-all-i {
    margin-top: 45px !important;
}

@media screen and (min-width: 1200px) {
    .mt-45px-xl {
        margin-top: 45px;
    }

    .mt-45px-xl-i {
        margin-top: 45px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-45px-lg {
        margin-top: 45px;
    }

    .mt-45px-lg-i {
        margin-top: 45px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-45px-md {
        margin-top: 45px;
    }

    .mt-45px-md-i {
        margin-top: 45px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-45px-sm {
        margin-top: 45px;
    }

    .mt-45px-sm-i {
        margin-top: 45px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-45px-xs {
        margin-top: 45px;
    }

    .mt-45px-xs-i {
        margin-top: 45px !important;
    }
}

.mr-45px-all {
    margin-right: 45px;
}

.mr-45px-all-i {
    margin-right: 45px !important;
}

@media screen and (min-width: 1200px) {
    .mr-45px-xl {
        margin-right: 45px;
    }

    .mr-45px-xl-i {
        margin-right: 45px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-45px-lg {
        margin-right: 45px;
    }

    .mr-45px-lg-i {
        margin-right: 45px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-45px-md {
        margin-right: 45px;
    }

    .mr-45px-md-i {
        margin-right: 45px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-45px-sm {
        margin-right: 45px;
    }

    .mr-45px-sm-i {
        margin-right: 45px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-45px-xs {
        margin-right: 45px;
    }

    .mr-45px-xs-i {
        margin-right: 45px !important;
    }
}

.mb-45px-all {
    margin-bottom: 45px;
}

.mb-45px-all-i {
    margin-bottom: 45px !important;
}

@media screen and (min-width: 1200px) {
    .mb-45px-xl {
        margin-bottom: 45px;
    }

    .mb-45px-xl-i {
        margin-bottom: 45px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-45px-lg {
        margin-bottom: 45px;
    }

    .mb-45px-lg-i {
        margin-bottom: 45px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-45px-md {
        margin-bottom: 45px;
    }

    .mb-45px-md-i {
        margin-bottom: 45px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-45px-sm {
        margin-bottom: 45px;
    }

    .mb-45px-sm-i {
        margin-bottom: 45px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-45px-xs {
        margin-bottom: 45px;
    }

    .mb-45px-xs-i {
        margin-bottom: 45px !important;
    }
}

.ml-45px-all {
    margin-left: 45px;
}

.ml-45px-all-i {
    margin-left: 45px !important;
}

@media screen and (min-width: 1200px) {
    .ml-45px-xl {
        margin-left: 45px;
    }

    .ml-45px-xl-i {
        margin-left: 45px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-45px-lg {
        margin-left: 45px;
    }

    .ml-45px-lg-i {
        margin-left: 45px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-45px-md {
        margin-left: 45px;
    }

    .ml-45px-md-i {
        margin-left: 45px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-45px-sm {
        margin-left: 45px;
    }

    .ml-45px-sm-i {
        margin-left: 45px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-45px-xs {
        margin-left: 45px;
    }

    .ml-45px-xs-i {
        margin-left: 45px !important;
    }
}

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

.mt-48px-all-i {
    margin-top: 48px !important;
}

@media screen and (min-width: 1200px) {
    .mt-48px-xl {
        margin-top: 48px;
    }

    .mt-48px-xl-i {
        margin-top: 48px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-48px-lg {
        margin-top: 48px;
    }

    .mt-48px-lg-i {
        margin-top: 48px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-48px-md {
        margin-top: 48px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-48px-sm {
        margin-top: 48px;
    }

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

@media screen and (max-width: 576px) {
    .mt-48px-xs {
        margin-top: 48px;
    }

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

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

.mr-48px-all-i {
    margin-right: 48px !important;
}

@media screen and (min-width: 1200px) {
    .mr-48px-xl {
        margin-right: 48px;
    }

    .mr-48px-xl-i {
        margin-right: 48px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-48px-lg {
        margin-right: 48px;
    }

    .mr-48px-lg-i {
        margin-right: 48px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-48px-md {
        margin-right: 48px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-48px-sm {
        margin-right: 48px;
    }

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

@media screen and (max-width: 576px) {
    .mr-48px-xs {
        margin-right: 48px;
    }

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

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

.mb-48px-all-i {
    margin-bottom: 48px !important;
}

@media screen and (min-width: 1200px) {
    .mb-48px-xl {
        margin-bottom: 48px;
    }

    .mb-48px-xl-i {
        margin-bottom: 48px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-48px-lg {
        margin-bottom: 48px;
    }

    .mb-48px-lg-i {
        margin-bottom: 48px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-48px-md {
        margin-bottom: 48px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-48px-sm {
        margin-bottom: 48px;
    }

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

@media screen and (max-width: 576px) {
    .mb-48px-xs {
        margin-bottom: 48px;
    }

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

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

.ml-48px-all-i {
    margin-left: 48px !important;
}

@media screen and (min-width: 1200px) {
    .ml-48px-xl {
        margin-left: 48px;
    }

    .ml-48px-xl-i {
        margin-left: 48px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-48px-lg {
        margin-left: 48px;
    }

    .ml-48px-lg-i {
        margin-left: 48px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-48px-md {
        margin-left: 48px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-48px-sm {
        margin-left: 48px;
    }

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

@media screen and (max-width: 576px) {
    .ml-48px-xs {
        margin-left: 48px;
    }

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

.mt-50px-all {
    margin-top: 50px;
}

.mt-50px-all-i {
    margin-top: 50px !important;
}

@media screen and (min-width: 1200px) {
    .mt-50px-xl {
        margin-top: 50px;
    }

    .mt-50px-xl-i {
        margin-top: 50px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-50px-lg {
        margin-top: 50px;
    }

    .mt-50px-lg-i {
        margin-top: 50px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-50px-md {
        margin-top: 50px;
    }

    .mt-50px-md-i {
        margin-top: 50px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-50px-sm {
        margin-top: 50px;
    }

    .mt-50px-sm-i {
        margin-top: 50px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-50px-xs {
        margin-top: 50px;
    }

    .mt-50px-xs-i {
        margin-top: 50px !important;
    }
}

.mr-50px-all {
    margin-right: 50px;
}

.mr-50px-all-i {
    margin-right: 50px !important;
}

@media screen and (min-width: 1200px) {
    .mr-50px-xl {
        margin-right: 50px;
    }

    .mr-50px-xl-i {
        margin-right: 50px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-50px-lg {
        margin-right: 50px;
    }

    .mr-50px-lg-i {
        margin-right: 50px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-50px-md {
        margin-right: 50px;
    }

    .mr-50px-md-i {
        margin-right: 50px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-50px-sm {
        margin-right: 50px;
    }

    .mr-50px-sm-i {
        margin-right: 50px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-50px-xs {
        margin-right: 50px;
    }

    .mr-50px-xs-i {
        margin-right: 50px !important;
    }
}

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

.mb-50px-all-i {
    margin-bottom: 50px !important;
}

@media screen and (min-width: 1200px) {
    .mb-50px-xl {
        margin-bottom: 50px;
    }

    .mb-50px-xl-i {
        margin-bottom: 50px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-50px-lg {
        margin-bottom: 50px;
    }

    .mb-50px-lg-i {
        margin-bottom: 50px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-50px-md {
        margin-bottom: 50px;
    }

    .mb-50px-md-i {
        margin-bottom: 50px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-50px-sm {
        margin-bottom: 50px;
    }

    .mb-50px-sm-i {
        margin-bottom: 50px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-50px-xs {
        margin-bottom: 50px;
    }

    .mb-50px-xs-i {
        margin-bottom: 50px !important;
    }
}

.ml-50px-all {
    margin-left: 50px;
}

.ml-50px-all-i {
    margin-left: 50px !important;
}

@media screen and (min-width: 1200px) {
    .ml-50px-xl {
        margin-left: 50px;
    }

    .ml-50px-xl-i {
        margin-left: 50px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-50px-lg {
        margin-left: 50px;
    }

    .ml-50px-lg-i {
        margin-left: 50px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-50px-md {
        margin-left: 50px;
    }

    .ml-50px-md-i {
        margin-left: 50px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-50px-sm {
        margin-left: 50px;
    }

    .ml-50px-sm-i {
        margin-left: 50px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-50px-xs {
        margin-left: 50px;
    }

    .ml-50px-xs-i {
        margin-left: 50px !important;
    }
}

.mt-56px-all {
    margin-top: 56px;
}

.mt-56px-all-i {
    margin-top: 56px !important;
}

@media screen and (min-width: 1200px) {
    .mt-56px-xl {
        margin-top: 56px;
    }

    .mt-56px-xl-i {
        margin-top: 56px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-56px-lg {
        margin-top: 56px;
    }

    .mt-56px-lg-i {
        margin-top: 56px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-56px-md {
        margin-top: 56px;
    }

    .mt-56px-md-i {
        margin-top: 56px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-56px-sm {
        margin-top: 56px;
    }

    .mt-56px-sm-i {
        margin-top: 56px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-56px-xs {
        margin-top: 56px;
    }

    .mt-56px-xs-i {
        margin-top: 56px !important;
    }
}

.mr-56px-all {
    margin-right: 56px;
}

.mr-56px-all-i {
    margin-right: 56px !important;
}

@media screen and (min-width: 1200px) {
    .mr-56px-xl {
        margin-right: 56px;
    }

    .mr-56px-xl-i {
        margin-right: 56px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-56px-lg {
        margin-right: 56px;
    }

    .mr-56px-lg-i {
        margin-right: 56px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-56px-md {
        margin-right: 56px;
    }

    .mr-56px-md-i {
        margin-right: 56px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-56px-sm {
        margin-right: 56px;
    }

    .mr-56px-sm-i {
        margin-right: 56px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-56px-xs {
        margin-right: 56px;
    }

    .mr-56px-xs-i {
        margin-right: 56px !important;
    }
}

.mb-56px-all {
    margin-bottom: 56px;
}

.mb-56px-all-i {
    margin-bottom: 56px !important;
}

@media screen and (min-width: 1200px) {
    .mb-56px-xl {
        margin-bottom: 56px;
    }

    .mb-56px-xl-i {
        margin-bottom: 56px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-56px-lg {
        margin-bottom: 56px;
    }

    .mb-56px-lg-i {
        margin-bottom: 56px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-56px-md {
        margin-bottom: 56px;
    }

    .mb-56px-md-i {
        margin-bottom: 56px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-56px-sm {
        margin-bottom: 56px;
    }

    .mb-56px-sm-i {
        margin-bottom: 56px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-56px-xs {
        margin-bottom: 56px;
    }

    .mb-56px-xs-i {
        margin-bottom: 56px !important;
    }
}

.ml-56px-all {
    margin-left: 56px;
}

.ml-56px-all-i {
    margin-left: 56px !important;
}

@media screen and (min-width: 1200px) {
    .ml-56px-xl {
        margin-left: 56px;
    }

    .ml-56px-xl-i {
        margin-left: 56px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-56px-lg {
        margin-left: 56px;
    }

    .ml-56px-lg-i {
        margin-left: 56px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-56px-md {
        margin-left: 56px;
    }

    .ml-56px-md-i {
        margin-left: 56px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-56px-sm {
        margin-left: 56px;
    }

    .ml-56px-sm-i {
        margin-left: 56px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-56px-xs {
        margin-left: 56px;
    }

    .ml-56px-xs-i {
        margin-left: 56px !important;
    }
}

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

.mt-64px-all-i {
    margin-top: 64px !important;
}

@media screen and (min-width: 1200px) {
    .mt-64px-xl {
        margin-top: 64px;
    }

    .mt-64px-xl-i {
        margin-top: 64px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-64px-lg {
        margin-top: 64px;
    }

    .mt-64px-lg-i {
        margin-top: 64px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-64px-md {
        margin-top: 64px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-64px-sm {
        margin-top: 64px;
    }

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

@media screen and (max-width: 576px) {
    .mt-64px-xs {
        margin-top: 64px;
    }

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

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

.mr-64px-all-i {
    margin-right: 64px !important;
}

@media screen and (min-width: 1200px) {
    .mr-64px-xl {
        margin-right: 64px;
    }

    .mr-64px-xl-i {
        margin-right: 64px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-64px-lg {
        margin-right: 64px;
    }

    .mr-64px-lg-i {
        margin-right: 64px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-64px-md {
        margin-right: 64px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-64px-sm {
        margin-right: 64px;
    }

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

@media screen and (max-width: 576px) {
    .mr-64px-xs {
        margin-right: 64px;
    }

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

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

.mb-64px-all-i {
    margin-bottom: 64px !important;
}

@media screen and (min-width: 1200px) {
    .mb-64px-xl {
        margin-bottom: 64px;
    }

    .mb-64px-xl-i {
        margin-bottom: 64px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-64px-lg {
        margin-bottom: 64px;
    }

    .mb-64px-lg-i {
        margin-bottom: 64px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-64px-md {
        margin-bottom: 64px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-64px-sm {
        margin-bottom: 64px;
    }

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

@media screen and (max-width: 576px) {
    .mb-64px-xs {
        margin-bottom: 64px;
    }

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

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

.ml-64px-all-i {
    margin-left: 64px !important;
}

@media screen and (min-width: 1200px) {
    .ml-64px-xl {
        margin-left: 64px;
    }

    .ml-64px-xl-i {
        margin-left: 64px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-64px-lg {
        margin-left: 64px;
    }

    .ml-64px-lg-i {
        margin-left: 64px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-64px-md {
        margin-left: 64px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-64px-sm {
        margin-left: 64px;
    }

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

@media screen and (max-width: 576px) {
    .ml-64px-xs {
        margin-left: 64px;
    }

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

.mt-80px-all {
    margin-top: 80px;
}

.mt-80px-all-i {
    margin-top: 80px !important;
}

@media screen and (min-width: 1200px) {
    .mt-80px-xl {
        margin-top: 80px;
    }

    .mt-80px-xl-i {
        margin-top: 80px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-80px-lg {
        margin-top: 80px;
    }

    .mt-80px-lg-i {
        margin-top: 80px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-80px-md {
        margin-top: 80px;
    }

    .mt-80px-md-i {
        margin-top: 80px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-80px-sm {
        margin-top: 80px;
    }

    .mt-80px-sm-i {
        margin-top: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-80px-xs {
        margin-top: 80px;
    }

    .mt-80px-xs-i {
        margin-top: 80px !important;
    }
}

.mr-80px-all {
    margin-right: 80px;
}

.mr-80px-all-i {
    margin-right: 80px !important;
}

@media screen and (min-width: 1200px) {
    .mr-80px-xl {
        margin-right: 80px;
    }

    .mr-80px-xl-i {
        margin-right: 80px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-80px-lg {
        margin-right: 80px;
    }

    .mr-80px-lg-i {
        margin-right: 80px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-80px-md {
        margin-right: 80px;
    }

    .mr-80px-md-i {
        margin-right: 80px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-80px-sm {
        margin-right: 80px;
    }

    .mr-80px-sm-i {
        margin-right: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-80px-xs {
        margin-right: 80px;
    }

    .mr-80px-xs-i {
        margin-right: 80px !important;
    }
}

.mb-80px-all {
    margin-bottom: 80px;
}

.mb-80px-all-i {
    margin-bottom: 80px !important;
}

@media screen and (min-width: 1200px) {
    .mb-80px-xl {
        margin-bottom: 80px;
    }

    .mb-80px-xl-i {
        margin-bottom: 80px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-80px-lg {
        margin-bottom: 80px;
    }

    .mb-80px-lg-i {
        margin-bottom: 80px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-80px-md {
        margin-bottom: 80px;
    }

    .mb-80px-md-i {
        margin-bottom: 80px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-80px-sm {
        margin-bottom: 80px;
    }

    .mb-80px-sm-i {
        margin-bottom: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-80px-xs {
        margin-bottom: 80px;
    }

    .mb-80px-xs-i {
        margin-bottom: 80px !important;
    }
}

.ml-80px-all {
    margin-left: 80px;
}

.ml-80px-all-i {
    margin-left: 80px !important;
}

@media screen and (min-width: 1200px) {
    .ml-80px-xl {
        margin-left: 80px;
    }

    .ml-80px-xl-i {
        margin-left: 80px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-80px-lg {
        margin-left: 80px;
    }

    .ml-80px-lg-i {
        margin-left: 80px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-80px-md {
        margin-left: 80px;
    }

    .ml-80px-md-i {
        margin-left: 80px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-80px-sm {
        margin-left: 80px;
    }

    .ml-80px-sm-i {
        margin-left: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-80px-xs {
        margin-left: 80px;
    }

    .ml-80px-xs-i {
        margin-left: 80px !important;
    }
}

.mt-100px-all {
    margin-top: 100px;
}

.mt-100px-all-i {
    margin-top: 100px !important;
}

@media screen and (min-width: 1200px) {
    .mt-100px-xl {
        margin-top: 100px;
    }

    .mt-100px-xl-i {
        margin-top: 100px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-100px-lg {
        margin-top: 100px;
    }

    .mt-100px-lg-i {
        margin-top: 100px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-100px-md {
        margin-top: 100px;
    }

    .mt-100px-md-i {
        margin-top: 100px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-100px-sm {
        margin-top: 100px;
    }

    .mt-100px-sm-i {
        margin-top: 100px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-100px-xs {
        margin-top: 100px;
    }

    .mt-100px-xs-i {
        margin-top: 100px !important;
    }
}

.mr-100px-all {
    margin-right: 100px;
}

.mr-100px-all-i {
    margin-right: 100px !important;
}

@media screen and (min-width: 1200px) {
    .mr-100px-xl {
        margin-right: 100px;
    }

    .mr-100px-xl-i {
        margin-right: 100px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mr-100px-lg {
        margin-right: 100px;
    }

    .mr-100px-lg-i {
        margin-right: 100px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mr-100px-md {
        margin-right: 100px;
    }

    .mr-100px-md-i {
        margin-right: 100px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mr-100px-sm {
        margin-right: 100px;
    }

    .mr-100px-sm-i {
        margin-right: 100px !important;
    }
}

@media screen and (max-width: 576px) {
    .mr-100px-xs {
        margin-right: 100px;
    }

    .mr-100px-xs-i {
        margin-right: 100px !important;
    }
}

.mb-100px-all {
    margin-bottom: 100px;
}

.mb-100px-all-i {
    margin-bottom: 100px !important;
}

@media screen and (min-width: 1200px) {
    .mb-100px-xl {
        margin-bottom: 100px;
    }

    .mb-100px-xl-i {
        margin-bottom: 100px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mb-100px-lg {
        margin-bottom: 100px;
    }

    .mb-100px-lg-i {
        margin-bottom: 100px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mb-100px-md {
        margin-bottom: 100px;
    }

    .mb-100px-md-i {
        margin-bottom: 100px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mb-100px-sm {
        margin-bottom: 100px;
    }

    .mb-100px-sm-i {
        margin-bottom: 100px !important;
    }
}

@media screen and (max-width: 576px) {
    .mb-100px-xs {
        margin-bottom: 100px;
    }

    .mb-100px-xs-i {
        margin-bottom: 100px !important;
    }
}

.ml-100px-all {
    margin-left: 100px;
}

.ml-100px-all-i {
    margin-left: 100px !important;
}

@media screen and (min-width: 1200px) {
    .ml-100px-xl {
        margin-left: 100px;
    }

    .ml-100px-xl-i {
        margin-left: 100px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .ml-100px-lg {
        margin-left: 100px;
    }

    .ml-100px-lg-i {
        margin-left: 100px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .ml-100px-md {
        margin-left: 100px;
    }

    .ml-100px-md-i {
        margin-left: 100px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .ml-100px-sm {
        margin-left: 100px;
    }

    .ml-100px-sm-i {
        margin-left: 100px !important;
    }
}

@media screen and (max-width: 576px) {
    .ml-100px-xs {
        margin-left: 100px;
    }

    .ml-100px-xs-i {
        margin-left: 100px !important;
    }
}
/* Padding */
.pt-0px-all {
    padding-top: 0px;
}

.pt-0px-all-i {
    padding-top: 0px !important;
}

@media screen and (min-width: 1200px) {
    .pt-0px-xl {
        padding-top: 0px;
    }

    .pt-0px-xl-i {
        padding-top: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-0px-lg {
        padding-top: 0px;
    }

    .pt-0px-lg-i {
        padding-top: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-0px-md {
        padding-top: 0px;
    }

    .pt-0px-md-i {
        padding-top: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-0px-sm {
        padding-top: 0px;
    }

    .pt-0px-sm-i {
        padding-top: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-0px-xs {
        padding-top: 0px;
    }

    .pt-0px-xs-i {
        padding-top: 0px !important;
    }
}

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

.pr-0px-all-i {
    padding-right: 0px !important;
}

@media screen and (min-width: 1200px) {
    .pr-0px-xl {
        padding-right: 0px;
    }

    .pr-0px-xl-i {
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-0px-lg {
        padding-right: 0px;
    }

    .pr-0px-lg-i {
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-0px-md {
        padding-right: 0px;
    }

    .pr-0px-md-i {
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-0px-sm {
        padding-right: 0px;
    }

    .pr-0px-sm-i {
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-0px-xs {
        padding-right: 0px;
    }

    .pr-0px-xs-i {
        padding-right: 0px !important;
    }
}

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

.pb-0px-all-i {
    padding-bottom: 0px !important;
}

@media screen and (min-width: 1200px) {
    .pb-0px-xl {
        padding-bottom: 0px;
    }

    .pb-0px-xl-i {
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-0px-lg {
        padding-bottom: 0px;
    }

    .pb-0px-lg-i {
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-0px-md {
        padding-bottom: 0px;
    }

    .pb-0px-md-i {
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-0px-sm {
        padding-bottom: 0px;
    }

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

@media screen and (max-width: 576px) {
    .pb-0px-xs {
        padding-bottom: 0px;
    }

    .pb-0px-xs-i {
        padding-bottom: 0px !important;
    }
}

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

.pl-0px-all-i {
    padding-left: 0px !important;
}

@media screen and (min-width: 1200px) {
    .pl-0px-xl {
        padding-left: 0px;
    }

    .pl-0px-xl-i {
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-0px-lg {
        padding-left: 0px;
    }

    .pl-0px-lg-i {
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-0px-md {
        padding-left: 0px;
    }

    .pl-0px-md-i {
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-0px-sm {
        padding-left: 0px;
    }

    .pl-0px-sm-i {
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-0px-xs {
        padding-left: 0px;
    }

    .pl-0px-xs-i {
        padding-left: 0px !important;
    }
}

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

.pt-4px-all-i {
    padding-top: 4px !important;
}

@media screen and (min-width: 1200px) {
    .pt-4px-xl {
        padding-top: 4px;
    }

    .pt-4px-xl-i {
        padding-top: 4px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-4px-lg {
        padding-top: 4px;
    }

    .pt-4px-lg-i {
        padding-top: 4px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-4px-md {
        padding-top: 4px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-4px-sm {
        padding-top: 4px;
    }

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

@media screen and (max-width: 576px) {
    .pt-4px-xs {
        padding-top: 4px;
    }

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

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

.pr-4px-all-i {
    padding-right: 4px !important;
}

@media screen and (min-width: 1200px) {
    .pr-4px-xl {
        padding-right: 4px;
    }

    .pr-4px-xl-i {
        padding-right: 4px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-4px-lg {
        padding-right: 4px;
    }

    .pr-4px-lg-i {
        padding-right: 4px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-4px-md {
        padding-right: 4px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-4px-sm {
        padding-right: 4px;
    }

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

@media screen and (max-width: 576px) {
    .pr-4px-xs {
        padding-right: 4px;
    }

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

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

.pb-4px-all-i {
    padding-bottom: 4px !important;
}

@media screen and (min-width: 1200px) {
    .pb-4px-xl {
        padding-bottom: 4px;
    }

    .pb-4px-xl-i {
        padding-bottom: 4px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-4px-lg {
        padding-bottom: 4px;
    }

    .pb-4px-lg-i {
        padding-bottom: 4px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-4px-md {
        padding-bottom: 4px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-4px-sm {
        padding-bottom: 4px;
    }

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

@media screen and (max-width: 576px) {
    .pb-4px-xs {
        padding-bottom: 4px;
    }

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

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

.pl-4px-all-i {
    padding-left: 4px !important;
}

@media screen and (min-width: 1200px) {
    .pl-4px-xl {
        padding-left: 4px;
    }

    .pl-4px-xl-i {
        padding-left: 4px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-4px-lg {
        padding-left: 4px;
    }

    .pl-4px-lg-i {
        padding-left: 4px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-4px-md {
        padding-left: 4px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-4px-sm {
        padding-left: 4px;
    }

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

@media screen and (max-width: 576px) {
    .pl-4px-xs {
        padding-left: 4px;
    }

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

.pt-5px-all {
    padding-top: 5px;
}

.pt-5px-all-i {
    padding-top: 5px !important;
}

@media screen and (min-width: 1200px) {
    .pt-5px-xl {
        padding-top: 5px;
    }

    .pt-5px-xl-i {
        padding-top: 5px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-5px-lg {
        padding-top: 5px;
    }

    .pt-5px-lg-i {
        padding-top: 5px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-5px-md {
        padding-top: 5px;
    }

    .pt-5px-md-i {
        padding-top: 5px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-5px-sm {
        padding-top: 5px;
    }

    .pt-5px-sm-i {
        padding-top: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-5px-xs {
        padding-top: 5px;
    }

    .pt-5px-xs-i {
        padding-top: 5px !important;
    }
}

.pr-5px-all {
    padding-right: 5px;
}

.pr-5px-all-i {
    padding-right: 5px !important;
}

@media screen and (min-width: 1200px) {
    .pr-5px-xl {
        padding-right: 5px;
    }

    .pr-5px-xl-i {
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-5px-lg {
        padding-right: 5px;
    }

    .pr-5px-lg-i {
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-5px-md {
        padding-right: 5px;
    }

    .pr-5px-md-i {
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-5px-sm {
        padding-right: 5px;
    }

    .pr-5px-sm-i {
        padding-right: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-5px-xs {
        padding-right: 5px;
    }

    .pr-5px-xs-i {
        padding-right: 5px !important;
    }
}

.pb-5px-all {
    padding-bottom: 5px;
}

.pb-5px-all-i {
    padding-bottom: 5px !important;
}

@media screen and (min-width: 1200px) {
    .pb-5px-xl {
        padding-bottom: 5px;
    }

    .pb-5px-xl-i {
        padding-bottom: 5px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-5px-lg {
        padding-bottom: 5px;
    }

    .pb-5px-lg-i {
        padding-bottom: 5px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-5px-md {
        padding-bottom: 5px;
    }

    .pb-5px-md-i {
        padding-bottom: 5px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-5px-sm {
        padding-bottom: 5px;
    }

    .pb-5px-sm-i {
        padding-bottom: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-5px-xs {
        padding-bottom: 5px;
    }

    .pb-5px-xs-i {
        padding-bottom: 5px !important;
    }
}

.pl-5px-all {
    padding-left: 5px;
}

.pl-5px-all-i {
    padding-left: 5px !important;
}

@media screen and (min-width: 1200px) {
    .pl-5px-xl {
        padding-left: 5px;
    }

    .pl-5px-xl-i {
        padding-left: 5px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-5px-lg {
        padding-left: 5px;
    }

    .pl-5px-lg-i {
        padding-left: 5px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-5px-md {
        padding-left: 5px;
    }

    .pl-5px-md-i {
        padding-left: 5px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-5px-sm {
        padding-left: 5px;
    }

    .pl-5px-sm-i {
        padding-left: 5px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-5px-xs {
        padding-left: 5px;
    }

    .pl-5px-xs-i {
        padding-left: 5px !important;
    }
}

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

.pt-8px-all-i {
    padding-top: 8px !important;
}

@media screen and (min-width: 1200px) {
    .pt-8px-xl {
        padding-top: 8px;
    }

    .pt-8px-xl-i {
        padding-top: 8px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-8px-lg {
        padding-top: 8px;
    }

    .pt-8px-lg-i {
        padding-top: 8px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-8px-md {
        padding-top: 8px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-8px-sm {
        padding-top: 8px;
    }

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

@media screen and (max-width: 576px) {
    .pt-8px-xs {
        padding-top: 8px;
    }

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

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

.pr-8px-all-i {
    padding-right: 8px !important;
}

@media screen and (min-width: 1200px) {
    .pr-8px-xl {
        padding-right: 8px;
    }

    .pr-8px-xl-i {
        padding-right: 8px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-8px-lg {
        padding-right: 8px;
    }

    .pr-8px-lg-i {
        padding-right: 8px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-8px-md {
        padding-right: 8px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-8px-sm {
        padding-right: 8px;
    }

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

@media screen and (max-width: 576px) {
    .pr-8px-xs {
        padding-right: 8px;
    }

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

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

.pb-8px-all-i {
    padding-bottom: 8px !important;
}

@media screen and (min-width: 1200px) {
    .pb-8px-xl {
        padding-bottom: 8px;
    }

    .pb-8px-xl-i {
        padding-bottom: 8px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-8px-lg {
        padding-bottom: 8px;
    }

    .pb-8px-lg-i {
        padding-bottom: 8px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-8px-md {
        padding-bottom: 8px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-8px-sm {
        padding-bottom: 8px;
    }

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

@media screen and (max-width: 576px) {
    .pb-8px-xs {
        padding-bottom: 8px;
    }

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

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

.pl-8px-all-i {
    padding-left: 8px !important;
}

@media screen and (min-width: 1200px) {
    .pl-8px-xl {
        padding-left: 8px;
    }

    .pl-8px-xl-i {
        padding-left: 8px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-8px-lg {
        padding-left: 8px;
    }

    .pl-8px-lg-i {
        padding-left: 8px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-8px-md {
        padding-left: 8px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-8px-sm {
        padding-left: 8px;
    }

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

@media screen and (max-width: 576px) {
    .pl-8px-xs {
        padding-left: 8px;
    }

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

.pt-10px-all {
    padding-top: 10px;
}

.pt-10px-all-i {
    padding-top: 10px !important;
}

@media screen and (min-width: 1200px) {
    .pt-10px-xl {
        padding-top: 10px;
    }

    .pt-10px-xl-i {
        padding-top: 10px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-10px-lg {
        padding-top: 10px;
    }

    .pt-10px-lg-i {
        padding-top: 10px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-10px-md {
        padding-top: 10px;
    }

    .pt-10px-md-i {
        padding-top: 10px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-10px-sm {
        padding-top: 10px;
    }

    .pt-10px-sm-i {
        padding-top: 10px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-10px-xs {
        padding-top: 10px;
    }

    .pt-10px-xs-i {
        padding-top: 10px !important;
    }
}

.pr-10px-all {
    padding-right: 10px;
}

.pr-10px-all-i {
    padding-right: 10px !important;
}

@media screen and (min-width: 1200px) {
    .pr-10px-xl {
        padding-right: 10px;
    }

    .pr-10px-xl-i {
        padding-right: 10px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-10px-lg {
        padding-right: 10px;
    }

    .pr-10px-lg-i {
        padding-right: 10px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-10px-md {
        padding-right: 10px;
    }

    .pr-10px-md-i {
        padding-right: 10px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-10px-sm {
        padding-right: 10px;
    }

    .pr-10px-sm-i {
        padding-right: 10px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-10px-xs {
        padding-right: 10px;
    }

    .pr-10px-xs-i {
        padding-right: 10px !important;
    }
}

.pb-10px-all {
    padding-bottom: 10px;
}

.pb-10px-all-i {
    padding-bottom: 10px !important;
}

@media screen and (min-width: 1200px) {
    .pb-10px-xl {
        padding-bottom: 10px;
    }

    .pb-10px-xl-i {
        padding-bottom: 10px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-10px-lg {
        padding-bottom: 10px;
    }

    .pb-10px-lg-i {
        padding-bottom: 10px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-10px-md {
        padding-bottom: 10px;
    }

    .pb-10px-md-i {
        padding-bottom: 10px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-10px-sm {
        padding-bottom: 10px;
    }

    .pb-10px-sm-i {
        padding-bottom: 10px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-10px-xs {
        padding-bottom: 10px;
    }

    .pb-10px-xs-i {
        padding-bottom: 10px !important;
    }
}

.pl-10px-all {
    padding-left: 10px;
}

.pl-10px-all-i {
    padding-left: 10px !important;
}

@media screen and (min-width: 1200px) {
    .pl-10px-xl {
        padding-left: 10px;
    }

    .pl-10px-xl-i {
        padding-left: 10px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-10px-lg {
        padding-left: 10px;
    }

    .pl-10px-lg-i {
        padding-left: 10px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-10px-md {
        padding-left: 10px;
    }

    .pl-10px-md-i {
        padding-left: 10px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-10px-sm {
        padding-left: 10px;
    }

    .pl-10px-sm-i {
        padding-left: 10px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-10px-xs {
        padding-left: 10px;
    }

    .pl-10px-xs-i {
        padding-left: 10px !important;
    }
}

.pt-15px-all {
    padding-top: 15px;
}

.pt-15px-all-i {
    padding-top: 15px !important;
}

@media screen and (min-width: 1200px) {
    .pt-15px-xl {
        padding-top: 15px;
    }

    .pt-15px-xl-i {
        padding-top: 15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-15px-lg {
        padding-top: 15px;
    }

    .pt-15px-lg-i {
        padding-top: 15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-15px-md {
        padding-top: 15px;
    }

    .pt-15px-md-i {
        padding-top: 15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-15px-sm {
        padding-top: 15px;
    }

    .pt-15px-sm-i {
        padding-top: 15px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-15px-xs {
        padding-top: 15px;
    }

    .pt-15px-xs-i {
        padding-top: 15px !important;
    }
}

.pr-15px-all {
    padding-right: 15px;
}

.pr-15px-all-i {
    padding-right: 15px !important;
}

@media screen and (min-width: 1200px) {
    .pr-15px-xl {
        padding-right: 15px;
    }

    .pr-15px-xl-i {
        padding-right: 15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-15px-lg {
        padding-right: 15px;
    }

    .pr-15px-lg-i {
        padding-right: 15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-15px-md {
        padding-right: 15px;
    }

    .pr-15px-md-i {
        padding-right: 15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-15px-sm {
        padding-right: 15px;
    }

    .pr-15px-sm-i {
        padding-right: 15px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-15px-xs {
        padding-right: 15px;
    }

    .pr-15px-xs-i {
        padding-right: 15px !important;
    }
}

.pb-15px-all {
    padding-bottom: 15px;
}

.pb-15px-all-i {
    padding-bottom: 15px !important;
}

@media screen and (min-width: 1200px) {
    .pb-15px-xl {
        padding-bottom: 15px;
    }

    .pb-15px-xl-i {
        padding-bottom: 15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-15px-lg {
        padding-bottom: 15px;
    }

    .pb-15px-lg-i {
        padding-bottom: 15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-15px-md {
        padding-bottom: 15px;
    }

    .pb-15px-md-i {
        padding-bottom: 15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-15px-sm {
        padding-bottom: 15px;
    }

    .pb-15px-sm-i {
        padding-bottom: 15px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-15px-xs {
        padding-bottom: 15px;
    }

    .pb-15px-xs-i {
        padding-bottom: 15px !important;
    }
}

.pl-15px-all {
    padding-left: 15px;
}

.pl-15px-all-i {
    padding-left: 15px !important;
}

@media screen and (min-width: 1200px) {
    .pl-15px-xl {
        padding-left: 15px;
    }

    .pl-15px-xl-i {
        padding-left: 15px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-15px-lg {
        padding-left: 15px;
    }

    .pl-15px-lg-i {
        padding-left: 15px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-15px-md {
        padding-left: 15px;
    }

    .pl-15px-md-i {
        padding-left: 15px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-15px-sm {
        padding-left: 15px;
    }

    .pl-15px-sm-i {
        padding-left: 15px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-15px-xs {
        padding-left: 15px;
    }

    .pl-15px-xs-i {
        padding-left: 15px !important;
    }
}

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

.pt-16px-all-i {
    padding-top: 16px !important;
}

@media screen and (min-width: 1200px) {
    .pt-16px-xl {
        padding-top: 16px;
    }

    .pt-16px-xl-i {
        padding-top: 16px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-16px-lg {
        padding-top: 16px;
    }

    .pt-16px-lg-i {
        padding-top: 16px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-16px-md {
        padding-top: 16px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-16px-sm {
        padding-top: 16px;
    }

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

@media screen and (max-width: 576px) {
    .pt-16px-xs {
        padding-top: 16px;
    }

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

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

.pr-16px-all-i {
    padding-right: 16px !important;
}

@media screen and (min-width: 1200px) {
    .pr-16px-xl {
        padding-right: 16px;
    }

    .pr-16px-xl-i {
        padding-right: 16px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-16px-lg {
        padding-right: 16px;
    }

    .pr-16px-lg-i {
        padding-right: 16px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-16px-md {
        padding-right: 16px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-16px-sm {
        padding-right: 16px;
    }

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

@media screen and (max-width: 576px) {
    .pr-16px-xs {
        padding-right: 16px;
    }

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

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

.pb-16px-all-i {
    padding-bottom: 16px !important;
}

@media screen and (min-width: 1200px) {
    .pb-16px-xl {
        padding-bottom: 16px;
    }

    .pb-16px-xl-i {
        padding-bottom: 16px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-16px-lg {
        padding-bottom: 16px;
    }

    .pb-16px-lg-i {
        padding-bottom: 16px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-16px-md {
        padding-bottom: 16px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-16px-sm {
        padding-bottom: 16px;
    }

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

@media screen and (max-width: 576px) {
    .pb-16px-xs {
        padding-bottom: 16px;
    }

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

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

.pl-16px-all-i {
    padding-left: 16px !important;
}

@media screen and (min-width: 1200px) {
    .pl-16px-xl {
        padding-left: 16px;
    }

    .pl-16px-xl-i {
        padding-left: 16px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-16px-lg {
        padding-left: 16px;
    }

    .pl-16px-lg-i {
        padding-left: 16px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-16px-md {
        padding-left: 16px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-16px-sm {
        padding-left: 16px;
    }

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

@media screen and (max-width: 576px) {
    .pl-16px-xs {
        padding-left: 16px;
    }

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

.pt-20px-all {
    padding-top: 20px;
}

.pt-20px-all-i {
    padding-top: 20px !important;
}

@media screen and (min-width: 1200px) {
    .pt-20px-xl {
        padding-top: 20px;
    }

    .pt-20px-xl-i {
        padding-top: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-20px-lg {
        padding-top: 20px;
    }

    .pt-20px-lg-i {
        padding-top: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-20px-md {
        padding-top: 20px;
    }

    .pt-20px-md-i {
        padding-top: 20px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-20px-sm {
        padding-top: 20px;
    }

    .pt-20px-sm-i {
        padding-top: 20px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-20px-xs {
        padding-top: 20px;
    }

    .pt-20px-xs-i {
        padding-top: 20px !important;
    }
}

.pr-20px-all {
    padding-right: 20px;
}

.pr-20px-all-i {
    padding-right: 20px !important;
}

@media screen and (min-width: 1200px) {
    .pr-20px-xl {
        padding-right: 20px;
    }

    .pr-20px-xl-i {
        padding-right: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-20px-lg {
        padding-right: 20px;
    }

    .pr-20px-lg-i {
        padding-right: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-20px-md {
        padding-right: 20px;
    }

    .pr-20px-md-i {
        padding-right: 20px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-20px-sm {
        padding-right: 20px;
    }

    .pr-20px-sm-i {
        padding-right: 20px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-20px-xs {
        padding-right: 20px;
    }

    .pr-20px-xs-i {
        padding-right: 20px !important;
    }
}

.pb-20px-all {
    padding-bottom: 20px;
}

.pb-20px-all-i {
    padding-bottom: 20px !important;
}

@media screen and (min-width: 1200px) {
    .pb-20px-xl {
        padding-bottom: 20px;
    }

    .pb-20px-xl-i {
        padding-bottom: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-20px-lg {
        padding-bottom: 20px;
    }

    .pb-20px-lg-i {
        padding-bottom: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-20px-md {
        padding-bottom: 20px;
    }

    .pb-20px-md-i {
        padding-bottom: 20px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-20px-sm {
        padding-bottom: 20px;
    }

    .pb-20px-sm-i {
        padding-bottom: 20px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-20px-xs {
        padding-bottom: 20px;
    }

    .pb-20px-xs-i {
        padding-bottom: 20px !important;
    }
}

.pl-20px-all {
    padding-left: 20px;
}

.pl-20px-all-i {
    padding-left: 20px !important;
}

@media screen and (min-width: 1200px) {
    .pl-20px-xl {
        padding-left: 20px;
    }

    .pl-20px-xl-i {
        padding-left: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-20px-lg {
        padding-left: 20px;
    }

    .pl-20px-lg-i {
        padding-left: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-20px-md {
        padding-left: 20px;
    }

    .pl-20px-md-i {
        padding-left: 20px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-20px-sm {
        padding-left: 20px;
    }

    .pl-20px-sm-i {
        padding-left: 20px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-20px-xs {
        padding-left: 20px;
    }

    .pl-20px-xs-i {
        padding-left: 20px !important;
    }
}

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

.pt-24px-all-i {
    padding-top: 24px !important;
}

@media screen and (min-width: 1200px) {
    .pt-24px-xl {
        padding-top: 24px;
    }

    .pt-24px-xl-i {
        padding-top: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-24px-lg {
        padding-top: 24px;
    }

    .pt-24px-lg-i {
        padding-top: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-24px-md {
        padding-top: 24px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-24px-sm {
        padding-top: 24px;
    }

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

@media screen and (max-width: 576px) {
    .pt-24px-xs {
        padding-top: 24px;
    }

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

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

.pr-24px-all-i {
    padding-right: 24px !important;
}

@media screen and (min-width: 1200px) {
    .pr-24px-xl {
        padding-right: 24px;
    }

    .pr-24px-xl-i {
        padding-right: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-24px-lg {
        padding-right: 24px;
    }

    .pr-24px-lg-i {
        padding-right: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-24px-md {
        padding-right: 24px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-24px-sm {
        padding-right: 24px;
    }

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

@media screen and (max-width: 576px) {
    .pr-24px-xs {
        padding-right: 24px;
    }

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

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

.pb-24px-all-i {
    padding-bottom: 24px !important;
}

@media screen and (min-width: 1200px) {
    .pb-24px-xl {
        padding-bottom: 24px;
    }

    .pb-24px-xl-i {
        padding-bottom: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-24px-lg {
        padding-bottom: 24px;
    }

    .pb-24px-lg-i {
        padding-bottom: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-24px-md {
        padding-bottom: 24px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-24px-sm {
        padding-bottom: 24px;
    }

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

@media screen and (max-width: 576px) {
    .pb-24px-xs {
        padding-bottom: 24px;
    }

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

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

.pl-24px-all-i {
    padding-left: 24px !important;
}

@media screen and (min-width: 1200px) {
    .pl-24px-xl {
        padding-left: 24px;
    }

    .pl-24px-xl-i {
        padding-left: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-24px-lg {
        padding-left: 24px;
    }

    .pl-24px-lg-i {
        padding-left: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-24px-md {
        padding-left: 24px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-24px-sm {
        padding-left: 24px;
    }

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

@media screen and (max-width: 576px) {
    .pl-24px-xs {
        padding-left: 24px;
    }

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

.pt-25px-all {
    padding-top: 25px;
}

.pt-25px-all-i {
    padding-top: 25px !important;
}

@media screen and (min-width: 1200px) {
    .pt-25px-xl {
        padding-top: 25px;
    }

    .pt-25px-xl-i {
        padding-top: 25px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-25px-lg {
        padding-top: 25px;
    }

    .pt-25px-lg-i {
        padding-top: 25px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-25px-md {
        padding-top: 25px;
    }

    .pt-25px-md-i {
        padding-top: 25px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-25px-sm {
        padding-top: 25px;
    }

    .pt-25px-sm-i {
        padding-top: 25px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-25px-xs {
        padding-top: 25px;
    }

    .pt-25px-xs-i {
        padding-top: 25px !important;
    }
}

.pr-25px-all {
    padding-right: 25px;
}

.pr-25px-all-i {
    padding-right: 25px !important;
}

@media screen and (min-width: 1200px) {
    .pr-25px-xl {
        padding-right: 25px;
    }

    .pr-25px-xl-i {
        padding-right: 25px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-25px-lg {
        padding-right: 25px;
    }

    .pr-25px-lg-i {
        padding-right: 25px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-25px-md {
        padding-right: 25px;
    }

    .pr-25px-md-i {
        padding-right: 25px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-25px-sm {
        padding-right: 25px;
    }

    .pr-25px-sm-i {
        padding-right: 25px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-25px-xs {
        padding-right: 25px;
    }

    .pr-25px-xs-i {
        padding-right: 25px !important;
    }
}

.pb-25px-all {
    padding-bottom: 25px;
}

.pb-25px-all-i {
    padding-bottom: 25px !important;
}

@media screen and (min-width: 1200px) {
    .pb-25px-xl {
        padding-bottom: 25px;
    }

    .pb-25px-xl-i {
        padding-bottom: 25px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-25px-lg {
        padding-bottom: 25px;
    }

    .pb-25px-lg-i {
        padding-bottom: 25px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-25px-md {
        padding-bottom: 25px;
    }

    .pb-25px-md-i {
        padding-bottom: 25px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-25px-sm {
        padding-bottom: 25px;
    }

    .pb-25px-sm-i {
        padding-bottom: 25px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-25px-xs {
        padding-bottom: 25px;
    }

    .pb-25px-xs-i {
        padding-bottom: 25px !important;
    }
}

.pl-25px-all {
    padding-left: 25px;
}

.pl-25px-all-i {
    padding-left: 25px !important;
}

@media screen and (min-width: 1200px) {
    .pl-25px-xl {
        padding-left: 25px;
    }

    .pl-25px-xl-i {
        padding-left: 25px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-25px-lg {
        padding-left: 25px;
    }

    .pl-25px-lg-i {
        padding-left: 25px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-25px-md {
        padding-left: 25px;
    }

    .pl-25px-md-i {
        padding-left: 25px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-25px-sm {
        padding-left: 25px;
    }

    .pl-25px-sm-i {
        padding-left: 25px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-25px-xs {
        padding-left: 25px;
    }

    .pl-25px-xs-i {
        padding-left: 25px !important;
    }
}

.pt-30px-all {
    padding-top: 30px;
}

.pt-30px-all-i {
    padding-top: 30px !important;
}

@media screen and (min-width: 1200px) {
    .pt-30px-xl {
        padding-top: 30px;
    }

    .pt-30px-xl-i {
        padding-top: 30px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-30px-lg {
        padding-top: 30px;
    }

    .pt-30px-lg-i {
        padding-top: 30px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-30px-md {
        padding-top: 30px;
    }

    .pt-30px-md-i {
        padding-top: 30px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-30px-sm {
        padding-top: 30px;
    }

    .pt-30px-sm-i {
        padding-top: 30px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-30px-xs {
        padding-top: 30px;
    }

    .pt-30px-xs-i {
        padding-top: 30px !important;
    }
}

.pr-30px-all {
    padding-right: 30px;
}

.pr-30px-all-i {
    padding-right: 30px !important;
}

@media screen and (min-width: 1200px) {
    .pr-30px-xl {
        padding-right: 30px;
    }

    .pr-30px-xl-i {
        padding-right: 30px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-30px-lg {
        padding-right: 30px;
    }

    .pr-30px-lg-i {
        padding-right: 30px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-30px-md {
        padding-right: 30px;
    }

    .pr-30px-md-i {
        padding-right: 30px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-30px-sm {
        padding-right: 30px;
    }

    .pr-30px-sm-i {
        padding-right: 30px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-30px-xs {
        padding-right: 30px;
    }

    .pr-30px-xs-i {
        padding-right: 30px !important;
    }
}

.pb-30px-all {
    padding-bottom: 30px;
}

.pb-30px-all-i {
    padding-bottom: 30px !important;
}

@media screen and (min-width: 1200px) {
    .pb-30px-xl {
        padding-bottom: 30px;
    }

    .pb-30px-xl-i {
        padding-bottom: 30px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-30px-lg {
        padding-bottom: 30px;
    }

    .pb-30px-lg-i {
        padding-bottom: 30px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-30px-md {
        padding-bottom: 30px;
    }

    .pb-30px-md-i {
        padding-bottom: 30px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-30px-sm {
        padding-bottom: 30px;
    }

    .pb-30px-sm-i {
        padding-bottom: 30px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-30px-xs {
        padding-bottom: 30px;
    }

    .pb-30px-xs-i {
        padding-bottom: 30px !important;
    }
}

.pl-30px-all {
    padding-left: 30px;
}

.pl-30px-all-i {
    padding-left: 30px !important;
}

@media screen and (min-width: 1200px) {
    .pl-30px-xl {
        padding-left: 30px;
    }

    .pl-30px-xl-i {
        padding-left: 30px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-30px-lg {
        padding-left: 30px;
    }

    .pl-30px-lg-i {
        padding-left: 30px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-30px-md {
        padding-left: 30px;
    }

    .pl-30px-md-i {
        padding-left: 30px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-30px-sm {
        padding-left: 30px;
    }

    .pl-30px-sm-i {
        padding-left: 30px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-30px-xs {
        padding-left: 30px;
    }

    .pl-30px-xs-i {
        padding-left: 30px !important;
    }
}

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

.pt-32px-all-i {
    padding-top: 32px !important;
}

@media screen and (min-width: 1200px) {
    .pt-32px-xl {
        padding-top: 32px;
    }

    .pt-32px-xl-i {
        padding-top: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-32px-lg {
        padding-top: 32px;
    }

    .pt-32px-lg-i {
        padding-top: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-32px-md {
        padding-top: 32px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-32px-sm {
        padding-top: 32px;
    }

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

@media screen and (max-width: 576px) {
    .pt-32px-xs {
        padding-top: 32px;
    }

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

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

.pr-32px-all-i {
    padding-right: 32px !important;
}

@media screen and (min-width: 1200px) {
    .pr-32px-xl {
        padding-right: 32px;
    }

    .pr-32px-xl-i {
        padding-right: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-32px-lg {
        padding-right: 32px;
    }

    .pr-32px-lg-i {
        padding-right: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-32px-md {
        padding-right: 32px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-32px-sm {
        padding-right: 32px;
    }

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

@media screen and (max-width: 576px) {
    .pr-32px-xs {
        padding-right: 32px;
    }

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

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

.pb-32px-all-i {
    padding-bottom: 32px !important;
}

@media screen and (min-width: 1200px) {
    .pb-32px-xl {
        padding-bottom: 32px;
    }

    .pb-32px-xl-i {
        padding-bottom: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-32px-lg {
        padding-bottom: 32px;
    }

    .pb-32px-lg-i {
        padding-bottom: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-32px-md {
        padding-bottom: 32px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-32px-sm {
        padding-bottom: 32px;
    }

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

@media screen and (max-width: 576px) {
    .pb-32px-xs {
        padding-bottom: 32px;
    }

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

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

.pl-32px-all-i {
    padding-left: 32px !important;
}

@media screen and (min-width: 1200px) {
    .pl-32px-xl {
        padding-left: 32px;
    }

    .pl-32px-xl-i {
        padding-left: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-32px-lg {
        padding-left: 32px;
    }

    .pl-32px-lg-i {
        padding-left: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-32px-md {
        padding-left: 32px;
    }

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

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-32px-sm {
        padding-left: 32px;
    }

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

@media screen and (max-width: 576px) {
    .pl-32px-xs {
        padding-left: 32px;
    }

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

.pt-35px-all {
    padding-top: 35px;
}

.pt-35px-all-i {
    padding-top: 35px !important;
}

@media screen and (min-width: 1200px) {
    .pt-35px-xl {
        padding-top: 35px;
    }

    .pt-35px-xl-i {
        padding-top: 35px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-35px-lg {
        padding-top: 35px;
    }

    .pt-35px-lg-i {
        padding-top: 35px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-35px-md {
        padding-top: 35px;
    }

    .pt-35px-md-i {
        padding-top: 35px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-35px-sm {
        padding-top: 35px;
    }

    .pt-35px-sm-i {
        padding-top: 35px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-35px-xs {
        padding-top: 35px;
    }

    .pt-35px-xs-i {
        padding-top: 35px !important;
    }
}

.pr-35px-all {
    padding-right: 35px;
}

.pr-35px-all-i {
    padding-right: 35px !important;
}

@media screen and (min-width: 1200px) {
    .pr-35px-xl {
        padding-right: 35px;
    }

    .pr-35px-xl-i {
        padding-right: 35px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-35px-lg {
        padding-right: 35px;
    }

    .pr-35px-lg-i {
        padding-right: 35px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-35px-md {
        padding-right: 35px;
    }

    .pr-35px-md-i {
        padding-right: 35px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-35px-sm {
        padding-right: 35px;
    }

    .pr-35px-sm-i {
        padding-right: 35px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-35px-xs {
        padding-right: 35px;
    }

    .pr-35px-xs-i {
        padding-right: 35px !important;
    }
}

.pb-35px-all {
    padding-bottom: 35px;
}

.pb-35px-all-i {
    padding-bottom: 35px !important;
}

@media screen and (min-width: 1200px) {
    .pb-35px-xl {
        padding-bottom: 35px;
    }

    .pb-35px-xl-i {
        padding-bottom: 35px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-35px-lg {
        padding-bottom: 35px;
    }

    .pb-35px-lg-i {
        padding-bottom: 35px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-35px-md {
        padding-bottom: 35px;
    }

    .pb-35px-md-i {
        padding-bottom: 35px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-35px-sm {
        padding-bottom: 35px;
    }

    .pb-35px-sm-i {
        padding-bottom: 35px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-35px-xs {
        padding-bottom: 35px;
    }

    .pb-35px-xs-i {
        padding-bottom: 35px !important;
    }
}

.pl-35px-all {
    padding-left: 35px;
}

.pl-35px-all-i {
    padding-left: 35px !important;
}

@media screen and (min-width: 1200px) {
    .pl-35px-xl {
        padding-left: 35px;
    }

    .pl-35px-xl-i {
        padding-left: 35px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-35px-lg {
        padding-left: 35px;
    }

    .pl-35px-lg-i {
        padding-left: 35px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-35px-md {
        padding-left: 35px;
    }

    .pl-35px-md-i {
        padding-left: 35px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-35px-sm {
        padding-left: 35px;
    }

    .pl-35px-sm-i {
        padding-left: 35px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-35px-xs {
        padding-left: 35px;
    }

    .pl-35px-xs-i {
        padding-left: 35px !important;
    }
}

.pt-36px-all {
    padding-top: 36px;
}

.pt-36px-all-i {
    padding-top: 36px !important;
}

@media screen and (min-width: 1200px) {
    .pt-36px-xl {
        padding-top: 36px;
    }

    .pt-36px-xl-i {
        padding-top: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-36px-lg {
        padding-top: 36px;
    }

    .pt-36px-lg-i {
        padding-top: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-36px-md {
        padding-top: 36px;
    }

    .pt-36px-md-i {
        padding-top: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-36px-sm {
        padding-top: 36px;
    }

    .pt-36px-sm-i {
        padding-top: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-36px-xs {
        padding-top: 36px;
    }

    .pt-36px-xs-i {
        padding-top: 36px !important;
    }
}

.pr-36px-all {
    padding-right: 36px;
}

.pr-36px-all-i {
    padding-right: 36px !important;
}

@media screen and (min-width: 1200px) {
    .pr-36px-xl {
        padding-right: 36px;
    }

    .pr-36px-xl-i {
        padding-right: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-36px-lg {
        padding-right: 36px;
    }

    .pr-36px-lg-i {
        padding-right: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-36px-md {
        padding-right: 36px;
    }

    .pr-36px-md-i {
        padding-right: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-36px-sm {
        padding-right: 36px;
    }

    .pr-36px-sm-i {
        padding-right: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-36px-xs {
        padding-right: 36px;
    }

    .pr-36px-xs-i {
        padding-right: 36px !important;
    }
}

.pb-36px-all {
    padding-bottom: 36px;
}

.pb-36px-all-i {
    padding-bottom: 36px !important;
}

@media screen and (min-width: 1200px) {
    .pb-36px-xl {
        padding-bottom: 36px;
    }

    .pb-36px-xl-i {
        padding-bottom: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-36px-lg {
        padding-bottom: 36px;
    }

    .pb-36px-lg-i {
        padding-bottom: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-36px-md {
        padding-bottom: 36px;
    }

    .pb-36px-md-i {
        padding-bottom: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-36px-sm {
        padding-bottom: 36px;
    }

    .pb-36px-sm-i {
        padding-bottom: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-36px-xs {
        padding-bottom: 36px;
    }

    .pb-36px-xs-i {
        padding-bottom: 36px !important;
    }
}

.pl-36px-all {
    padding-left: 36px;
}

.pl-36px-all-i {
    padding-left: 36px !important;
}

@media screen and (min-width: 1200px) {
    .pl-36px-xl {
        padding-left: 36px;
    }

    .pl-36px-xl-i {
        padding-left: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-36px-lg {
        padding-left: 36px;
    }

    .pl-36px-lg-i {
        padding-left: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-36px-md {
        padding-left: 36px;
    }

    .pl-36px-md-i {
        padding-left: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-36px-sm {
        padding-left: 36px;
    }

    .pl-36px-sm-i {
        padding-left: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-36px-xs {
        padding-left: 36px;
    }

    .pl-36px-xs-i {
        padding-left: 36px !important;
    }
}

.pt-38px-all {
    padding-top: 38px;
}

.pt-38px-all-i {
    padding-top: 38px !important;
}

@media screen and (min-width: 1200px) {
    .pt-38px-xl {
        padding-top: 38px;
    }

    .pt-38px-xl-i {
        padding-top: 38px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-38px-lg {
        padding-top: 38px;
    }

    .pt-38px-lg-i {
        padding-top: 38px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-38px-md {
        padding-top: 38px;
    }

    .pt-38px-md-i {
        padding-top: 38px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-38px-sm {
        padding-top: 38px;
    }

    .pt-38px-sm-i {
        padding-top: 38px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-38px-xs {
        padding-top: 38px;
    }

    .pt-38px-xs-i {
        padding-top: 38px !important;
    }
}

.pr-38px-all {
    padding-right: 38px;
}

.pr-38px-all-i {
    padding-right: 38px !important;
}

@media screen and (min-width: 1200px) {
    .pr-38px-xl {
        padding-right: 38px;
    }

    .pr-38px-xl-i {
        padding-right: 38px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-38px-lg {
        padding-right: 38px;
    }

    .pr-38px-lg-i {
        padding-right: 38px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-38px-md {
        padding-right: 38px;
    }

    .pr-38px-md-i {
        padding-right: 38px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-38px-sm {
        padding-right: 38px;
    }

    .pr-38px-sm-i {
        padding-right: 38px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-38px-xs {
        padding-right: 38px;
    }

    .pr-38px-xs-i {
        padding-right: 38px !important;
    }
}

.pb-38px-all {
    padding-bottom: 38px;
}

.pb-38px-all-i {
    padding-bottom: 38px !important;
}

@media screen and (min-width: 1200px) {
    .pb-38px-xl {
        padding-bottom: 38px;
    }

    .pb-38px-xl-i {
        padding-bottom: 38px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-38px-lg {
        padding-bottom: 38px;
    }

    .pb-38px-lg-i {
        padding-bottom: 38px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-38px-md {
        padding-bottom: 38px;
    }

    .pb-38px-md-i {
        padding-bottom: 38px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-38px-sm {
        padding-bottom: 38px;
    }

    .pb-38px-sm-i {
        padding-bottom: 38px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-38px-xs {
        padding-bottom: 38px;
    }

    .pb-38px-xs-i {
        padding-bottom: 38px !important;
    }
}

.pl-38px-all {
    padding-left: 38px;
}

.pl-38px-all-i {
    padding-left: 38px !important;
}

@media screen and (min-width: 1200px) {
    .pl-38px-xl {
        padding-left: 38px;
    }

    .pl-38px-xl-i {
        padding-left: 38px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-38px-lg {
        padding-left: 38px;
    }

    .pl-38px-lg-i {
        padding-left: 38px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-38px-md {
        padding-left: 38px;
    }

    .pl-38px-md-i {
        padding-left: 38px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-38px-sm {
        padding-left: 38px;
    }

    .pl-38px-sm-i {
        padding-left: 38px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-38px-xs {
        padding-left: 38px;
    }

    .pl-38px-xs-i {
        padding-left: 38px !important;
    }
}

.pt-40px-all {
    padding-top: 40px;
}

.pt-40px-all-i {
    padding-top: 40px !important;
}

@media screen and (min-width: 1200px) {
    .pt-40px-xl {
        padding-top: 40px;
    }

    .pt-40px-xl-i {
        padding-top: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-40px-lg {
        padding-top: 40px;
    }

    .pt-40px-lg-i {
        padding-top: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-40px-md {
        padding-top: 40px;
    }

    .pt-40px-md-i {
        padding-top: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-40px-sm {
        padding-top: 40px;
    }

    .pt-40px-sm-i {
        padding-top: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-40px-xs {
        padding-top: 40px;
    }

    .pt-40px-xs-i {
        padding-top: 40px !important;
    }
}

.pr-40px-all {
    padding-right: 40px;
}

.pr-40px-all-i {
    padding-right: 40px !important;
}

@media screen and (min-width: 1200px) {
    .pr-40px-xl {
        padding-right: 40px;
    }

    .pr-40px-xl-i {
        padding-right: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-40px-lg {
        padding-right: 40px;
    }

    .pr-40px-lg-i {
        padding-right: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-40px-md {
        padding-right: 40px;
    }

    .pr-40px-md-i {
        padding-right: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-40px-sm {
        padding-right: 40px;
    }

    .pr-40px-sm-i {
        padding-right: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-40px-xs {
        padding-right: 40px;
    }

    .pr-40px-xs-i {
        padding-right: 40px !important;
    }
}

.pb-40px-all {
    padding-bottom: 40px;
}

.pb-40px-all-i {
    padding-bottom: 40px !important;
}

@media screen and (min-width: 1200px) {
    .pb-40px-xl {
        padding-bottom: 40px;
    }

    .pb-40px-xl-i {
        padding-bottom: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-40px-lg {
        padding-bottom: 40px;
    }

    .pb-40px-lg-i {
        padding-bottom: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-40px-md {
        padding-bottom: 40px;
    }

    .pb-40px-md-i {
        padding-bottom: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-40px-sm {
        padding-bottom: 40px;
    }

    .pb-40px-sm-i {
        padding-bottom: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-40px-xs {
        padding-bottom: 40px;
    }

    .pb-40px-xs-i {
        padding-bottom: 40px !important;
    }
}

.pl-40px-all {
    padding-left: 40px;
}

.pl-40px-all-i {
    padding-left: 40px !important;
}

@media screen and (min-width: 1200px) {
    .pl-40px-xl {
        padding-left: 40px;
    }

    .pl-40px-xl-i {
        padding-left: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-40px-lg {
        padding-left: 40px;
    }

    .pl-40px-lg-i {
        padding-left: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-40px-md {
        padding-left: 40px;
    }

    .pl-40px-md-i {
        padding-left: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-40px-sm {
        padding-left: 40px;
    }

    .pl-40px-sm-i {
        padding-left: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-40px-xs {
        padding-left: 40px;
    }

    .pl-40px-xs-i {
        padding-left: 40px !important;
    }
}

.pt-45px-all {
    padding-top: 45px;
}

.pt-45px-all-i {
    padding-top: 45px !important;
}

@media screen and (min-width: 1200px) {
    .pt-45px-xl {
        padding-top: 45px;
    }

    .pt-45px-xl-i {
        padding-top: 45px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-45px-lg {
        padding-top: 45px;
    }

    .pt-45px-lg-i {
        padding-top: 45px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-45px-md {
        padding-top: 45px;
    }

    .pt-45px-md-i {
        padding-top: 45px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-45px-sm {
        padding-top: 45px;
    }

    .pt-45px-sm-i {
        padding-top: 45px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-45px-xs {
        padding-top: 45px;
    }

    .pt-45px-xs-i {
        padding-top: 45px !important;
    }
}

.pr-45px-all {
    padding-right: 45px;
}

.pr-45px-all-i {
    padding-right: 45px !important;
}

@media screen and (min-width: 1200px) {
    .pr-45px-xl {
        padding-right: 45px;
    }

    .pr-45px-xl-i {
        padding-right: 45px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-45px-lg {
        padding-right: 45px;
    }

    .pr-45px-lg-i {
        padding-right: 45px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-45px-md {
        padding-right: 45px;
    }

    .pr-45px-md-i {
        padding-right: 45px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-45px-sm {
        padding-right: 45px;
    }

    .pr-45px-sm-i {
        padding-right: 45px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-45px-xs {
        padding-right: 45px;
    }

    .pr-45px-xs-i {
        padding-right: 45px !important;
    }
}

.pb-45px-all {
    padding-bottom: 45px;
}

.pb-45px-all-i {
    padding-bottom: 45px !important;
}

@media screen and (min-width: 1200px) {
    .pb-45px-xl {
        padding-bottom: 45px;
    }

    .pb-45px-xl-i {
        padding-bottom: 45px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-45px-lg {
        padding-bottom: 45px;
    }

    .pb-45px-lg-i {
        padding-bottom: 45px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-45px-md {
        padding-bottom: 45px;
    }

    .pb-45px-md-i {
        padding-bottom: 45px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-45px-sm {
        padding-bottom: 45px;
    }

    .pb-45px-sm-i {
        padding-bottom: 45px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-45px-xs {
        padding-bottom: 45px;
    }

    .pb-45px-xs-i {
        padding-bottom: 45px !important;
    }
}

.pl-45px-all {
    padding-left: 45px;
}

.pl-45px-all-i {
    padding-left: 45px !important;
}

@media screen and (min-width: 1200px) {
    .pl-45px-xl {
        padding-left: 45px;
    }

    .pl-45px-xl-i {
        padding-left: 45px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-45px-lg {
        padding-left: 45px;
    }

    .pl-45px-lg-i {
        padding-left: 45px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-45px-md {
        padding-left: 45px;
    }

    .pl-45px-md-i {
        padding-left: 45px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-45px-sm {
        padding-left: 45px;
    }

    .pl-45px-sm-i {
        padding-left: 45px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-45px-xs {
        padding-left: 45px;
    }

    .pl-45px-xs-i {
        padding-left: 45px !important;
    }
}

.pt-56px-all {
    padding-top: 56px;
}

.pt-56px-all-i {
    padding-top: 56px !important;
}

@media screen and (min-width: 1200px) {
    .pt-56px-xl {
        padding-top: 56px;
    }

    .pt-56px-xl-i {
        padding-top: 56px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-56px-lg {
        padding-top: 56px;
    }

    .pt-56px-lg-i {
        padding-top: 56px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-56px-md {
        padding-top: 56px;
    }

    .pt-56px-md-i {
        padding-top: 56px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-56px-sm {
        padding-top: 56px;
    }

    .pt-56px-sm-i {
        padding-top: 56px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-56px-xs {
        padding-top: 56px;
    }

    .pt-56px-xs-i {
        padding-top: 56px !important;
    }
}

.pr-56px-all {
    padding-right: 56px;
}

.pr-56px-all-i {
    padding-right: 56px !important;
}

@media screen and (min-width: 1200px) {
    .pr-56px-xl {
        padding-right: 56px;
    }

    .pr-56px-xl-i {
        padding-right: 56px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-56px-lg {
        padding-right: 56px;
    }

    .pr-56px-lg-i {
        padding-right: 56px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-56px-md {
        padding-right: 56px;
    }

    .pr-56px-md-i {
        padding-right: 56px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-56px-sm {
        padding-right: 56px;
    }

    .pr-56px-sm-i {
        padding-right: 56px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-56px-xs {
        padding-right: 56px;
    }

    .pr-56px-xs-i {
        padding-right: 56px !important;
    }
}

.pb-56px-all {
    padding-bottom: 56px;
}

.pb-56px-all-i {
    padding-bottom: 56px !important;
}

@media screen and (min-width: 1200px) {
    .pb-56px-xl {
        padding-bottom: 56px;
    }

    .pb-56px-xl-i {
        padding-bottom: 56px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-56px-lg {
        padding-bottom: 56px;
    }

    .pb-56px-lg-i {
        padding-bottom: 56px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-56px-md {
        padding-bottom: 56px;
    }

    .pb-56px-md-i {
        padding-bottom: 56px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-56px-sm {
        padding-bottom: 56px;
    }

    .pb-56px-sm-i {
        padding-bottom: 56px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-56px-xs {
        padding-bottom: 56px;
    }

    .pb-56px-xs-i {
        padding-bottom: 56px !important;
    }
}

.pl-56px-all {
    padding-left: 56px;
}

.pl-56px-all-i {
    padding-left: 56px !important;
}

@media screen and (min-width: 1200px) {
    .pl-56px-xl {
        padding-left: 56px;
    }

    .pl-56px-xl-i {
        padding-left: 56px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-56px-lg {
        padding-left: 56px;
    }

    .pl-56px-lg-i {
        padding-left: 56px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-56px-md {
        padding-left: 56px;
    }

    .pl-56px-md-i {
        padding-left: 56px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-56px-sm {
        padding-left: 56px;
    }

    .pl-56px-sm-i {
        padding-left: 56px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-56px-xs {
        padding-left: 56px;
    }

    .pl-56px-xs-i {
        padding-left: 56px !important;
    }
}

.pt-80px-all {
    padding-top: 80px;
}

.pt-80px-all-i {
    padding-top: 80px !important;
}

@media screen and (min-width: 1200px) {
    .pt-80px-xl {
        padding-top: 80px;
    }

    .pt-80px-xl-i {
        padding-top: 80px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pt-80px-lg {
        padding-top: 80px;
    }

    .pt-80px-lg-i {
        padding-top: 80px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pt-80px-md {
        padding-top: 80px;
    }

    .pt-80px-md-i {
        padding-top: 80px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pt-80px-sm {
        padding-top: 80px;
    }

    .pt-80px-sm-i {
        padding-top: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .pt-80px-xs {
        padding-top: 80px;
    }

    .pt-80px-xs-i {
        padding-top: 80px !important;
    }
}

.pr-80px-all {
    padding-right: 80px;
}

.pr-80px-all-i {
    padding-right: 80px !important;
}

@media screen and (min-width: 1200px) {
    .pr-80px-xl {
        padding-right: 80px;
    }

    .pr-80px-xl-i {
        padding-right: 80px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pr-80px-lg {
        padding-right: 80px;
    }

    .pr-80px-lg-i {
        padding-right: 80px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pr-80px-md {
        padding-right: 80px;
    }

    .pr-80px-md-i {
        padding-right: 80px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pr-80px-sm {
        padding-right: 80px;
    }

    .pr-80px-sm-i {
        padding-right: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .pr-80px-xs {
        padding-right: 80px;
    }

    .pr-80px-xs-i {
        padding-right: 80px !important;
    }
}

.pb-80px-all {
    padding-bottom: 80px;
}

.pb-80px-all-i {
    padding-bottom: 80px !important;
}

@media screen and (min-width: 1200px) {
    .pb-80px-xl {
        padding-bottom: 80px;
    }

    .pb-80px-xl-i {
        padding-bottom: 80px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pb-80px-lg {
        padding-bottom: 80px;
    }

    .pb-80px-lg-i {
        padding-bottom: 80px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pb-80px-md {
        padding-bottom: 80px;
    }

    .pb-80px-md-i {
        padding-bottom: 80px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pb-80px-sm {
        padding-bottom: 80px;
    }

    .pb-80px-sm-i {
        padding-bottom: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .pb-80px-xs {
        padding-bottom: 80px;
    }

    .pb-80px-xs-i {
        padding-bottom: 80px !important;
    }
}

.pl-80px-all {
    padding-left: 80px;
}

.pl-80px-all-i {
    padding-left: 80px !important;
}

@media screen and (min-width: 1200px) {
    .pl-80px-xl {
        padding-left: 80px;
    }

    .pl-80px-xl-i {
        padding-left: 80px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .pl-80px-lg {
        padding-left: 80px;
    }

    .pl-80px-lg-i {
        padding-left: 80px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .pl-80px-md {
        padding-left: 80px;
    }

    .pl-80px-md-i {
        padding-left: 80px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .pl-80px-sm {
        padding-left: 80px;
    }

    .pl-80px-sm-i {
        padding-left: 80px !important;
    }
}

@media screen and (max-width: 576px) {
    .pl-80px-xs {
        padding-left: 80px;
    }

    .pl-80px-xs-i {
        padding-left: 80px !important;
    }
}
/* Font Size */
.fz-8px-all {
    font-size: 8px;
}

.fz-8px-all-i {
    font-size: 8px !important;
}

@media screen and (min-width: 1200px) {
    .fz-8px-xl {
        font-size: 8px;
    }

    .fz-8px-xl-i {
        font-size: 8px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-8px-lg {
        font-size: 8px;
    }

    .fz-8px-lg-i {
        font-size: 8px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-8px-md {
        font-size: 8px;
    }

    .fz-8px-md-i {
        font-size: 8px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-8px-sm {
        font-size: 8px;
    }

    .fz-8px-sm-i {
        font-size: 8px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-8px-xs {
        font-size: 8px;
    }

    .fz-8px-xs-i {
        font-size: 8px !important;
    }
}

.fz-10px-all {
    font-size: 10px;
}

.fz-10px-all-i {
    font-size: 10px !important;
}

@media screen and (min-width: 1200px) {
    .fz-10px-xl {
        font-size: 10px;
    }

    .fz-10px-xl-i {
        font-size: 10px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-10px-lg {
        font-size: 10px;
    }

    .fz-10px-lg-i {
        font-size: 10px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-10px-md {
        font-size: 10px;
    }

    .fz-10px-md-i {
        font-size: 10px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-10px-sm {
        font-size: 10px;
    }

    .fz-10px-sm-i {
        font-size: 10px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-10px-xs {
        font-size: 10px;
    }

    .fz-10px-xs-i {
        font-size: 10px !important;
    }
}

.fz-12px-all {
    font-size: 12px;
}

.fz-12px-all-i {
    font-size: 12px !important;
}

@media screen and (min-width: 1200px) {
    .fz-12px-xl {
        font-size: 12px;
    }

    .fz-12px-xl-i {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-12px-lg {
        font-size: 12px;
    }

    .fz-12px-lg-i {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-12px-md {
        font-size: 12px;
    }

    .fz-12px-md-i {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-12px-sm {
        font-size: 12px;
    }

    .fz-12px-sm-i {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-12px-xs {
        font-size: 12px;
    }

    .fz-12px-xs-i {
        font-size: 12px !important;
    }
}

.fz-14px-all {
    font-size: 14px;
}

.fz-14px-all-i {
    font-size: 14px !important;
}

@media screen and (min-width: 1200px) {
    .fz-14px-xl {
        font-size: 14px;
    }

    .fz-14px-xl-i {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-14px-lg {
        font-size: 14px;
    }

    .fz-14px-lg-i {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-14px-md {
        font-size: 14px;
    }

    .fz-14px-md-i {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-14px-sm {
        font-size: 14px;
    }

    .fz-14px-sm-i {
        font-size: 14px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-14px-xs {
        font-size: 14px;
    }

    .fz-14px-xs-i {
        font-size: 14px !important;
    }
}

.fz-16px-all {
    font-size: 16px;
}

.fz-16px-all-i {
    font-size: 16px !important;
}

@media screen and (min-width: 1200px) {
    .fz-16px-xl {
        font-size: 16px;
    }

    .fz-16px-xl-i {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-16px-lg {
        font-size: 16px;
    }

    .fz-16px-lg-i {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-16px-md {
        font-size: 16px;
    }

    .fz-16px-md-i {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-16px-sm {
        font-size: 16px;
    }

    .fz-16px-sm-i {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-16px-xs {
        font-size: 16px;
    }

    .fz-16px-xs-i {
        font-size: 16px !important;
    }
}

.fz-18px-all {
    font-size: 18px;
}

.fz-18px-all-i {
    font-size: 18px !important;
}

@media screen and (min-width: 1200px) {
    .fz-18px-xl {
        font-size: 18px;
    }

    .fz-18px-xl-i {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-18px-lg {
        font-size: 18px;
    }

    .fz-18px-lg-i {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-18px-md {
        font-size: 18px;
    }

    .fz-18px-md-i {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-18px-sm {
        font-size: 18px;
    }

    .fz-18px-sm-i {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-18px-xs {
        font-size: 18px;
    }

    .fz-18px-xs-i {
        font-size: 18px !important;
    }
}

.fz-20px-all {
    font-size: 20px;
}

.fz-20px-all-i {
    font-size: 20px !important;
}

@media screen and (min-width: 1200px) {
    .fz-20px-xl {
        font-size: 20px;
    }

    .fz-20px-xl-i {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-20px-lg {
        font-size: 20px;
    }

    .fz-20px-lg-i {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-20px-md {
        font-size: 20px;
    }

    .fz-20px-md-i {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-20px-sm {
        font-size: 20px;
    }

    .fz-20px-sm-i {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-20px-xs {
        font-size: 20px;
    }

    .fz-20px-xs-i {
        font-size: 20px !important;
    }
}

.fz-22px-all {
    font-size: 22px;
}

.fz-22px-all-i {
    font-size: 22px !important;
}

@media screen and (min-width: 1200px) {
    .fz-22px-xl {
        font-size: 22px;
    }

    .fz-22px-xl-i {
        font-size: 22px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-22px-lg {
        font-size: 22px;
    }

    .fz-22px-lg-i {
        font-size: 22px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-22px-md {
        font-size: 22px;
    }

    .fz-22px-md-i {
        font-size: 22px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-22px-sm {
        font-size: 22px;
    }

    .fz-22px-sm-i {
        font-size: 22px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-22px-xs {
        font-size: 22px;
    }

    .fz-22px-xs-i {
        font-size: 22px !important;
    }
}

.fz-24px-all {
    font-size: 24px;
}

.fz-24px-all-i {
    font-size: 24px !important;
}

@media screen and (min-width: 1200px) {
    .fz-24px-xl {
        font-size: 24px;
    }

    .fz-24px-xl-i {
        font-size: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-24px-lg {
        font-size: 24px;
    }

    .fz-24px-lg-i {
        font-size: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-24px-md {
        font-size: 24px;
    }

    .fz-24px-md-i {
        font-size: 24px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-24px-sm {
        font-size: 24px;
    }

    .fz-24px-sm-i {
        font-size: 24px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-24px-xs {
        font-size: 24px;
    }

    .fz-24px-xs-i {
        font-size: 24px !important;
    }
}

.fz-26px-all {
    font-size: 26px;
}

.fz-26px-all-i {
    font-size: 26px !important;
}

@media screen and (min-width: 1200px) {
    .fz-26px-xl {
        font-size: 26px;
    }

    .fz-26px-xl-i {
        font-size: 26px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-26px-lg {
        font-size: 26px;
    }

    .fz-26px-lg-i {
        font-size: 26px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-26px-md {
        font-size: 26px;
    }

    .fz-26px-md-i {
        font-size: 26px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-26px-sm {
        font-size: 26px;
    }

    .fz-26px-sm-i {
        font-size: 26px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-26px-xs {
        font-size: 26px;
    }

    .fz-26px-xs-i {
        font-size: 26px !important;
    }
}

.fz-28px-all {
    font-size: 28px;
}

.fz-28px-all-i {
    font-size: 28px !important;
}

@media screen and (min-width: 1200px) {
    .fz-28px-xl {
        font-size: 28px;
    }

    .fz-28px-xl-i {
        font-size: 28px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-28px-lg {
        font-size: 28px;
    }

    .fz-28px-lg-i {
        font-size: 28px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-28px-md {
        font-size: 28px;
    }

    .fz-28px-md-i {
        font-size: 28px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-28px-sm {
        font-size: 28px;
    }

    .fz-28px-sm-i {
        font-size: 28px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-28px-xs {
        font-size: 28px;
    }

    .fz-28px-xs-i {
        font-size: 28px !important;
    }
}

.fz-30px-all {
    font-size: 30px;
}

.fz-30px-all-i {
    font-size: 30px !important;
}

@media screen and (min-width: 1200px) {
    .fz-30px-xl {
        font-size: 30px;
    }

    .fz-30px-xl-i {
        font-size: 30px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-30px-lg {
        font-size: 30px;
    }

    .fz-30px-lg-i {
        font-size: 30px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-30px-md {
        font-size: 30px;
    }

    .fz-30px-md-i {
        font-size: 30px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-30px-sm {
        font-size: 30px;
    }

    .fz-30px-sm-i {
        font-size: 30px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-30px-xs {
        font-size: 30px;
    }

    .fz-30px-xs-i {
        font-size: 30px !important;
    }
}

.fz-32px-all {
    font-size: 32px;
}

.fz-32px-all-i {
    font-size: 32px !important;
}

@media screen and (min-width: 1200px) {
    .fz-32px-xl {
        font-size: 32px;
    }

    .fz-32px-xl-i {
        font-size: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-32px-lg {
        font-size: 32px;
    }

    .fz-32px-lg-i {
        font-size: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-32px-md {
        font-size: 32px;
    }

    .fz-32px-md-i {
        font-size: 32px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-32px-sm {
        font-size: 32px;
    }

    .fz-32px-sm-i {
        font-size: 32px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-32px-xs {
        font-size: 32px;
    }

    .fz-32px-xs-i {
        font-size: 32px !important;
    }
}

.fz-34px-all {
    font-size: 34px;
}

.fz-34px-all-i {
    font-size: 34px !important;
}

@media screen and (min-width: 1200px) {
    .fz-34px-xl {
        font-size: 34px;
    }

    .fz-34px-xl-i {
        font-size: 34px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-34px-lg {
        font-size: 34px;
    }

    .fz-34px-lg-i {
        font-size: 34px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-34px-md {
        font-size: 34px;
    }

    .fz-34px-md-i {
        font-size: 34px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-34px-sm {
        font-size: 34px;
    }

    .fz-34px-sm-i {
        font-size: 34px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-34px-xs {
        font-size: 34px;
    }

    .fz-34px-xs-i {
        font-size: 34px !important;
    }
}

.fz-36px-all {
    font-size: 36px;
}

.fz-36px-all-i {
    font-size: 36px !important;
}

@media screen and (min-width: 1200px) {
    .fz-36px-xl {
        font-size: 36px;
    }

    .fz-36px-xl-i {
        font-size: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-36px-lg {
        font-size: 36px;
    }

    .fz-36px-lg-i {
        font-size: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-36px-md {
        font-size: 36px;
    }

    .fz-36px-md-i {
        font-size: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-36px-sm {
        font-size: 36px;
    }

    .fz-36px-sm-i {
        font-size: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-36px-xs {
        font-size: 36px;
    }

    .fz-36px-xs-i {
        font-size: 36px !important;
    }
}

.fz-40px-all {
    font-size: 40px;
}

.fz-40px-all-i {
    font-size: 40px !important;
}

@media screen and (min-width: 1200px) {
    .fz-40px-xl {
        font-size: 40px;
    }

    .fz-40px-xl-i {
        font-size: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-40px-lg {
        font-size: 40px;
    }

    .fz-40px-lg-i {
        font-size: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-40px-md {
        font-size: 40px;
    }

    .fz-40px-md-i {
        font-size: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-40px-sm {
        font-size: 40px;
    }

    .fz-40px-sm-i {
        font-size: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-40px-xs {
        font-size: 40px;
    }

    .fz-40px-xs-i {
        font-size: 40px !important;
    }
}

.fz-42px-all {
    font-size: 42px;
}

.fz-42px-all-i {
    font-size: 42px !important;
}

@media screen and (min-width: 1200px) {
    .fz-42px-xl {
        font-size: 42px;
    }

    .fz-42px-xl-i {
        font-size: 42px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-42px-lg {
        font-size: 42px;
    }

    .fz-42px-lg-i {
        font-size: 42px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-42px-md {
        font-size: 42px;
    }

    .fz-42px-md-i {
        font-size: 42px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-42px-sm {
        font-size: 42px;
    }

    .fz-42px-sm-i {
        font-size: 42px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-42px-xs {
        font-size: 42px;
    }

    .fz-42px-xs-i {
        font-size: 42px !important;
    }
}

.fz-44px-all {
    font-size: 44px;
}

.fz-44px-all-i {
    font-size: 44px !important;
}

@media screen and (min-width: 1200px) {
    .fz-44px-xl {
        font-size: 44px;
    }

    .fz-44px-xl-i {
        font-size: 44px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-44px-lg {
        font-size: 44px;
    }

    .fz-44px-lg-i {
        font-size: 44px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-44px-md {
        font-size: 44px;
    }

    .fz-44px-md-i {
        font-size: 44px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-44px-sm {
        font-size: 44px;
    }

    .fz-44px-sm-i {
        font-size: 44px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-44px-xs {
        font-size: 44px;
    }

    .fz-44px-xs-i {
        font-size: 44px !important;
    }
}

.fz-48px-all {
    font-size: 48px;
}

.fz-48px-all-i {
    font-size: 48px !important;
}

@media screen and (min-width: 1200px) {
    .fz-48px-xl {
        font-size: 48px;
    }

    .fz-48px-xl-i {
        font-size: 48px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-48px-lg {
        font-size: 48px;
    }

    .fz-48px-lg-i {
        font-size: 48px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-48px-md {
        font-size: 48px;
    }

    .fz-48px-md-i {
        font-size: 48px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-48px-sm {
        font-size: 48px;
    }

    .fz-48px-sm-i {
        font-size: 48px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-48px-xs {
        font-size: 48px;
    }

    .fz-48px-xs-i {
        font-size: 48px !important;
    }
}

.fz-72px-all {
    font-size: 72px;
}

.fz-72px-all-i {
    font-size: 72px !important;
}

@media screen and (min-width: 1200px) {
    .fz-72px-xl {
        font-size: 72px;
    }

    .fz-72px-xl-i {
        font-size: 72px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-72px-lg {
        font-size: 72px;
    }

    .fz-72px-lg-i {
        font-size: 72px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-72px-md {
        font-size: 72px;
    }

    .fz-72px-md-i {
        font-size: 72px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-72px-sm {
        font-size: 72px;
    }

    .fz-72px-sm-i {
        font-size: 72px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-72px-xs {
        font-size: 72px;
    }

    .fz-72px-xs-i {
        font-size: 72px !important;
    }
}

.fz-144px-all {
    font-size: 144px;
}

.fz-144px-all-i {
    font-size: 144px !important;
}

@media screen and (min-width: 1200px) {
    .fz-144px-xl {
        font-size: 144px;
    }

    .fz-144px-xl-i {
        font-size: 144px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .fz-144px-lg {
        font-size: 144px;
    }

    .fz-144px-lg-i {
        font-size: 144px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .fz-144px-md {
        font-size: 144px;
    }

    .fz-144px-md-i {
        font-size: 144px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .fz-144px-sm {
        font-size: 144px;
    }

    .fz-144px-sm-i {
        font-size: 144px !important;
    }
}

@media screen and (max-width: 576px) {
    .fz-144px-xs {
        font-size: 144px;
    }

    .fz-144px-xs-i {
        font-size: 144px !important;
    }
}
/* Width */
.w-0p-all {
    width: 0%;
}

.w-0p-all-i {
    width: 0% !important;
}

@media screen and (min-width: 1200px) {
    .w-0p-xl {
        width: 0%;
    }

    .w-0p-xl-i {
        width: 0% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-0p-lg {
        width: 0%;
    }

    .w-0p-lg-i {
        width: 0% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-0p-md {
        width: 0%;
    }

    .w-0p-md-i {
        width: 0% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-0p-sm {
        width: 0%;
    }

    .w-0p-sm-i {
        width: 0% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-0p-xs {
        width: 0%;
    }

    .w-0p-xs-i {
        width: 0% !important;
    }
}

.w-5p-all {
    width: 5%;
}

.w-5p-all-i {
    width: 5% !important;
}

@media screen and (min-width: 1200px) {
    .w-5p-xl {
        width: 5%;
    }

    .w-5p-xl-i {
        width: 5% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-5p-lg {
        width: 5%;
    }

    .w-5p-lg-i {
        width: 5% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-5p-md {
        width: 5%;
    }

    .w-5p-md-i {
        width: 5% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-5p-sm {
        width: 5%;
    }

    .w-5p-sm-i {
        width: 5% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-5p-xs {
        width: 5%;
    }

    .w-5p-xs-i {
        width: 5% !important;
    }
}

.w-10p-all {
    width: 10%;
}

.w-10p-all-i {
    width: 10% !important;
}

@media screen and (min-width: 1200px) {
    .w-10p-xl {
        width: 10%;
    }

    .w-10p-xl-i {
        width: 10% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-10p-lg {
        width: 10%;
    }

    .w-10p-lg-i {
        width: 10% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-10p-md {
        width: 10%;
    }

    .w-10p-md-i {
        width: 10% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-10p-sm {
        width: 10%;
    }

    .w-10p-sm-i {
        width: 10% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-10p-xs {
        width: 10%;
    }

    .w-10p-xs-i {
        width: 10% !important;
    }
}

.w-15p-all {
    width: 15%;
}

.w-15p-all-i {
    width: 15% !important;
}

@media screen and (min-width: 1200px) {
    .w-15p-xl {
        width: 15%;
    }

    .w-15p-xl-i {
        width: 15% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-15p-lg {
        width: 15%;
    }

    .w-15p-lg-i {
        width: 15% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-15p-md {
        width: 15%;
    }

    .w-15p-md-i {
        width: 15% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-15p-sm {
        width: 15%;
    }

    .w-15p-sm-i {
        width: 15% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-15p-xs {
        width: 15%;
    }

    .w-15p-xs-i {
        width: 15% !important;
    }
}

.w-20p-all {
    width: 20%;
}

.w-20p-all-i {
    width: 20% !important;
}

@media screen and (min-width: 1200px) {
    .w-20p-xl {
        width: 20%;
    }

    .w-20p-xl-i {
        width: 20% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-20p-lg {
        width: 20%;
    }

    .w-20p-lg-i {
        width: 20% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-20p-md {
        width: 20%;
    }

    .w-20p-md-i {
        width: 20% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-20p-sm {
        width: 20%;
    }

    .w-20p-sm-i {
        width: 20% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-20p-xs {
        width: 20%;
    }

    .w-20p-xs-i {
        width: 20% !important;
    }
}

.w-25p-all {
    width: 25%;
}

.w-25p-all-i {
    width: 25% !important;
}

@media screen and (min-width: 1200px) {
    .w-25p-xl {
        width: 25%;
    }

    .w-25p-xl-i {
        width: 25% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-25p-lg {
        width: 25%;
    }

    .w-25p-lg-i {
        width: 25% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-25p-md {
        width: 25%;
    }

    .w-25p-md-i {
        width: 25% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-25p-sm {
        width: 25%;
    }

    .w-25p-sm-i {
        width: 25% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-25p-xs {
        width: 25%;
    }

    .w-25p-xs-i {
        width: 25% !important;
    }
}

.w-30p-all {
    width: 30%;
}

.w-30p-all-i {
    width: 30% !important;
}

@media screen and (min-width: 1200px) {
    .w-30p-xl {
        width: 30%;
    }

    .w-30p-xl-i {
        width: 30% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-30p-lg {
        width: 30%;
    }

    .w-30p-lg-i {
        width: 30% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-30p-md {
        width: 30%;
    }

    .w-30p-md-i {
        width: 30% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-30p-sm {
        width: 30%;
    }

    .w-30p-sm-i {
        width: 30% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-30p-xs {
        width: 30%;
    }

    .w-30p-xs-i {
        width: 30% !important;
    }
}

.w-35p-all {
    width: 35%;
}

.w-35p-all-i {
    width: 35% !important;
}

@media screen and (min-width: 1200px) {
    .w-35p-xl {
        width: 35%;
    }

    .w-35p-xl-i {
        width: 35% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-35p-lg {
        width: 35%;
    }

    .w-35p-lg-i {
        width: 35% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-35p-md {
        width: 35%;
    }

    .w-35p-md-i {
        width: 35% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-35p-sm {
        width: 35%;
    }

    .w-35p-sm-i {
        width: 35% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-35p-xs {
        width: 35%;
    }

    .w-35p-xs-i {
        width: 35% !important;
    }
}

.w-40p-all {
    width: 40%;
}

.w-40p-all-i {
    width: 40% !important;
}

@media screen and (min-width: 1200px) {
    .w-40p-xl {
        width: 40%;
    }

    .w-40p-xl-i {
        width: 40% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-40p-lg {
        width: 40%;
    }

    .w-40p-lg-i {
        width: 40% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-40p-md {
        width: 40%;
    }

    .w-40p-md-i {
        width: 40% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-40p-sm {
        width: 40%;
    }

    .w-40p-sm-i {
        width: 40% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-40p-xs {
        width: 40%;
    }

    .w-40p-xs-i {
        width: 40% !important;
    }
}

.w-45p-all {
    width: 45%;
}

.w-45p-all-i {
    width: 45% !important;
}

@media screen and (min-width: 1200px) {
    .w-45p-xl {
        width: 45%;
    }

    .w-45p-xl-i {
        width: 45% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-45p-lg {
        width: 45%;
    }

    .w-45p-lg-i {
        width: 45% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-45p-md {
        width: 45%;
    }

    .w-45p-md-i {
        width: 45% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-45p-sm {
        width: 45%;
    }

    .w-45p-sm-i {
        width: 45% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-45p-xs {
        width: 45%;
    }

    .w-45p-xs-i {
        width: 45% !important;
    }
}

.w-50p-all {
    width: 50%;
}

.w-50p-all-i {
    width: 50% !important;
}

@media screen and (min-width: 1200px) {
    .w-50p-xl {
        width: 50%;
    }

    .w-50p-xl-i {
        width: 50% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-50p-lg {
        width: 50%;
    }

    .w-50p-lg-i {
        width: 50% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-50p-md {
        width: 50%;
    }

    .w-50p-md-i {
        width: 50% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-50p-sm {
        width: 50%;
    }

    .w-50p-sm-i {
        width: 50% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-50p-xs {
        width: 50%;
    }

    .w-50p-xs-i {
        width: 50% !important;
    }
}

.w-55p-all {
    width: 55%;
}

.w-55p-all-i {
    width: 55% !important;
}

@media screen and (min-width: 1200px) {
    .w-55p-xl {
        width: 55%;
    }

    .w-55p-xl-i {
        width: 55% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-55p-lg {
        width: 55%;
    }

    .w-55p-lg-i {
        width: 55% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-55p-md {
        width: 55%;
    }

    .w-55p-md-i {
        width: 55% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-55p-sm {
        width: 55%;
    }

    .w-55p-sm-i {
        width: 55% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-55p-xs {
        width: 55%;
    }

    .w-55p-xs-i {
        width: 55% !important;
    }
}

.w-60p-all {
    width: 60%;
}

.w-60p-all-i {
    width: 60% !important;
}

@media screen and (min-width: 1200px) {
    .w-60p-xl {
        width: 60%;
    }

    .w-60p-xl-i {
        width: 60% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-60p-lg {
        width: 60%;
    }

    .w-60p-lg-i {
        width: 60% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-60p-md {
        width: 60%;
    }

    .w-60p-md-i {
        width: 60% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-60p-sm {
        width: 60%;
    }

    .w-60p-sm-i {
        width: 60% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-60p-xs {
        width: 60%;
    }

    .w-60p-xs-i {
        width: 60% !important;
    }
}

.w-65p-all {
    width: 65%;
}

.w-65p-all-i {
    width: 65% !important;
}

@media screen and (min-width: 1200px) {
    .w-65p-xl {
        width: 65%;
    }

    .w-65p-xl-i {
        width: 65% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-65p-lg {
        width: 65%;
    }

    .w-65p-lg-i {
        width: 65% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-65p-md {
        width: 65%;
    }

    .w-65p-md-i {
        width: 65% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-65p-sm {
        width: 65%;
    }

    .w-65p-sm-i {
        width: 65% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-65p-xs {
        width: 65%;
    }

    .w-65p-xs-i {
        width: 65% !important;
    }
}

.w-70p-all {
    width: 70%;
}

.w-70p-all-i {
    width: 70% !important;
}

@media screen and (min-width: 1200px) {
    .w-70p-xl {
        width: 70%;
    }

    .w-70p-xl-i {
        width: 70% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-70p-lg {
        width: 70%;
    }

    .w-70p-lg-i {
        width: 70% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-70p-md {
        width: 70%;
    }

    .w-70p-md-i {
        width: 70% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-70p-sm {
        width: 70%;
    }

    .w-70p-sm-i {
        width: 70% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-70p-xs {
        width: 70%;
    }

    .w-70p-xs-i {
        width: 70% !important;
    }
}

.w-75p-all {
    width: 75%;
}

.w-75p-all-i {
    width: 75% !important;
}

@media screen and (min-width: 1200px) {
    .w-75p-xl {
        width: 75%;
    }

    .w-75p-xl-i {
        width: 75% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-75p-lg {
        width: 75%;
    }

    .w-75p-lg-i {
        width: 75% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-75p-md {
        width: 75%;
    }

    .w-75p-md-i {
        width: 75% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-75p-sm {
        width: 75%;
    }

    .w-75p-sm-i {
        width: 75% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-75p-xs {
        width: 75%;
    }

    .w-75p-xs-i {
        width: 75% !important;
    }
}

.w-80p-all {
    width: 80%;
}

.w-80p-all-i {
    width: 80% !important;
}

@media screen and (min-width: 1200px) {
    .w-80p-xl {
        width: 80%;
    }

    .w-80p-xl-i {
        width: 80% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-80p-lg {
        width: 80%;
    }

    .w-80p-lg-i {
        width: 80% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-80p-md {
        width: 80%;
    }

    .w-80p-md-i {
        width: 80% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-80p-sm {
        width: 80%;
    }

    .w-80p-sm-i {
        width: 80% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-80p-xs {
        width: 80%;
    }

    .w-80p-xs-i {
        width: 80% !important;
    }
}

.w-85p-all {
    width: 85%;
}

.w-85p-all-i {
    width: 85% !important;
}

@media screen and (min-width: 1200px) {
    .w-85p-xl {
        width: 85%;
    }

    .w-85p-xl-i {
        width: 85% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-85p-lg {
        width: 85%;
    }

    .w-85p-lg-i {
        width: 85% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-85p-md {
        width: 85%;
    }

    .w-85p-md-i {
        width: 85% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-85p-sm {
        width: 85%;
    }

    .w-85p-sm-i {
        width: 85% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-85p-xs {
        width: 85%;
    }

    .w-85p-xs-i {
        width: 85% !important;
    }
}

.w-90p-all {
    width: 90%;
}

.w-90p-all-i {
    width: 90% !important;
}

@media screen and (min-width: 1200px) {
    .w-90p-xl {
        width: 90%;
    }

    .w-90p-xl-i {
        width: 90% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-90p-lg {
        width: 90%;
    }

    .w-90p-lg-i {
        width: 90% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-90p-md {
        width: 90%;
    }

    .w-90p-md-i {
        width: 90% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-90p-sm {
        width: 90%;
    }

    .w-90p-sm-i {
        width: 90% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-90p-xs {
        width: 90%;
    }

    .w-90p-xs-i {
        width: 90% !important;
    }
}

.w-95p-all {
    width: 95%;
}

.w-95p-all-i {
    width: 95% !important;
}

@media screen and (min-width: 1200px) {
    .w-95p-xl {
        width: 95%;
    }

    .w-95p-xl-i {
        width: 95% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-95p-lg {
        width: 95%;
    }

    .w-95p-lg-i {
        width: 95% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-95p-md {
        width: 95%;
    }

    .w-95p-md-i {
        width: 95% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-95p-sm {
        width: 95%;
    }

    .w-95p-sm-i {
        width: 95% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-95p-xs {
        width: 95%;
    }

    .w-95p-xs-i {
        width: 95% !important;
    }
}

.w-100p-all {
    width: 100%;
}

.w-100p-all-i {
    width: 100% !important;
}

@media screen and (min-width: 1200px) {
    .w-100p-xl {
        width: 100%;
    }

    .w-100p-xl-i {
        width: 100% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .w-100p-lg {
        width: 100%;
    }

    .w-100p-lg-i {
        width: 100% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .w-100p-md {
        width: 100%;
    }

    .w-100p-md-i {
        width: 100% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .w-100p-sm {
        width: 100%;
    }

    .w-100p-sm-i {
        width: 100% !important;
    }
}

@media screen and (max-width: 576px) {
    .w-100p-xs {
        width: 100%;
    }

    .w-100p-xs-i {
        width: 100% !important;
    }
}
/* Line Height */
.lh-0px-all {
    line-height: 0px;
}

.lh-0px-all-i {
    line-height: 0px !important;
}

@media screen and (min-width: 1200px) {
    .lh-0px-xl {
        line-height: 0px;
    }

    .lh-0px-xl-i {
        line-height: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .lh-0px-lg {
        line-height: 0px;
    }

    .lh-0px-lg-i {
        line-height: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .lh-0px-md {
        line-height: 0px;
    }

    .lh-0px-md-i {
        line-height: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .lh-0px-sm {
        line-height: 0px;
    }

    .lh-0px-sm-i {
        line-height: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .lh-0px-xs {
        line-height: 0px;
    }

    .lh-0px-xs-i {
        line-height: 0px !important;
    }
}

.lh-14px-all {
    line-height: 14px;
}

.lh-14px-all-i {
    line-height: 14px !important;
}

@media screen and (min-width: 1200px) {
    .lh-14px-xl {
        line-height: 14px;
    }

    .lh-14px-xl-i {
        line-height: 14px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .lh-14px-lg {
        line-height: 14px;
    }

    .lh-14px-lg-i {
        line-height: 14px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .lh-14px-md {
        line-height: 14px;
    }

    .lh-14px-md-i {
        line-height: 14px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .lh-14px-sm {
        line-height: 14px;
    }

    .lh-14px-sm-i {
        line-height: 14px !important;
    }
}

@media screen and (max-width: 576px) {
    .lh-14px-xs {
        line-height: 14px;
    }

    .lh-14px-xs-i {
        line-height: 14px !important;
    }
}

.lh-18px-all {
    line-height: 18px;
}

.lh-18px-all-i {
    line-height: 18px !important;
}

@media screen and (min-width: 1200px) {
    .lh-18px-xl {
        line-height: 18px;
    }

    .lh-18px-xl-i {
        line-height: 18px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .lh-18px-lg {
        line-height: 18px;
    }

    .lh-18px-lg-i {
        line-height: 18px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .lh-18px-md {
        line-height: 18px;
    }

    .lh-18px-md-i {
        line-height: 18px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .lh-18px-sm {
        line-height: 18px;
    }

    .lh-18px-sm-i {
        line-height: 18px !important;
    }
}

@media screen and (max-width: 576px) {
    .lh-18px-xs {
        line-height: 18px;
    }

    .lh-18px-xs-i {
        line-height: 18px !important;
    }
}

.lh-20px-all {
    line-height: 20px;
}

.lh-20px-all-i {
    line-height: 20px !important;
}

@media screen and (min-width: 1200px) {
    .lh-20px-xl {
        line-height: 20px;
    }

    .lh-20px-xl-i {
        line-height: 20px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .lh-20px-lg {
        line-height: 20px;
    }

    .lh-20px-lg-i {
        line-height: 20px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .lh-20px-md {
        line-height: 20px;
    }

    .lh-20px-md-i {
        line-height: 20px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .lh-20px-sm {
        line-height: 20px;
    }

    .lh-20px-sm-i {
        line-height: 20px !important;
    }
}

@media screen and (max-width: 576px) {
    .lh-20px-xs {
        line-height: 20px;
    }

    .lh-20px-xs-i {
        line-height: 20px !important;
    }
}

.lh-24px-all {
    line-height: 24px;
}

.lh-24px-all-i {
    line-height: 24px !important;
}

@media screen and (min-width: 1200px) {
    .lh-24px-xl {
        line-height: 24px;
    }

    .lh-24px-xl-i {
        line-height: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .lh-24px-lg {
        line-height: 24px;
    }

    .lh-24px-lg-i {
        line-height: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .lh-24px-md {
        line-height: 24px;
    }

    .lh-24px-md-i {
        line-height: 24px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .lh-24px-sm {
        line-height: 24px;
    }

    .lh-24px-sm-i {
        line-height: 24px !important;
    }
}

@media screen and (max-width: 576px) {
    .lh-24px-xs {
        line-height: 24px;
    }

    .lh-24px-xs-i {
        line-height: 24px !important;
    }
}

.lh-32px-all {
    line-height: 32px;
}

.lh-32px-all-i {
    line-height: 32px !important;
}

@media screen and (min-width: 1200px) {
    .lh-32px-xl {
        line-height: 32px;
    }

    .lh-32px-xl-i {
        line-height: 32px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .lh-32px-lg {
        line-height: 32px;
    }

    .lh-32px-lg-i {
        line-height: 32px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .lh-32px-md {
        line-height: 32px;
    }

    .lh-32px-md-i {
        line-height: 32px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .lh-32px-sm {
        line-height: 32px;
    }

    .lh-32px-sm-i {
        line-height: 32px !important;
    }
}

@media screen and (max-width: 576px) {
    .lh-32px-xs {
        line-height: 32px;
    }

    .lh-32px-xs-i {
        line-height: 32px !important;
    }
}

.lh-36px-all {
    line-height: 36px;
}

.lh-36px-all-i {
    line-height: 36px !important;
}

@media screen and (min-width: 1200px) {
    .lh-36px-xl {
        line-height: 36px;
    }

    .lh-36px-xl-i {
        line-height: 36px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .lh-36px-lg {
        line-height: 36px;
    }

    .lh-36px-lg-i {
        line-height: 36px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .lh-36px-md {
        line-height: 36px;
    }

    .lh-36px-md-i {
        line-height: 36px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .lh-36px-sm {
        line-height: 36px;
    }

    .lh-36px-sm-i {
        line-height: 36px !important;
    }
}

@media screen and (max-width: 576px) {
    .lh-36px-xs {
        line-height: 36px;
    }

    .lh-36px-xs-i {
        line-height: 36px !important;
    }
}

.lh-40px-all {
    line-height: 40px;
}

.lh-40px-all-i {
    line-height: 40px !important;
}

@media screen and (min-width: 1200px) {
    .lh-40px-xl {
        line-height: 40px;
    }

    .lh-40px-xl-i {
        line-height: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .lh-40px-lg {
        line-height: 40px;
    }

    .lh-40px-lg-i {
        line-height: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .lh-40px-md {
        line-height: 40px;
    }

    .lh-40px-md-i {
        line-height: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .lh-40px-sm {
        line-height: 40px;
    }

    .lh-40px-sm-i {
        line-height: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .lh-40px-xs {
        line-height: 40px;
    }

    .lh-40px-xs-i {
        line-height: 40px !important;
    }
}
/* Height */
.h-100p-all {
    height: 100%;
}

.h-100p-all-i {
    height: 100% !important;
}

@media screen and (min-width: 1200px) {
    .h-100p-xl {
        height: 100%;
    }

    .h-100p-xl-i {
        height: 100% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .h-100p-lg {
        height: 100%;
    }

    .h-100p-lg-i {
        height: 100% !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .h-100p-md {
        height: 100%;
    }

    .h-100p-md-i {
        height: 100% !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .h-100p-sm {
        height: 100%;
    }

    .h-100p-sm-i {
        height: 100% !important;
    }
}

@media screen and (max-width: 576px) {
    .h-100p-xs {
        height: 100%;
    }

    .h-100p-xs-i {
        height: 100% !important;
    }
}

.h-24px-all {
    height: 24px;
}

.h-24px-all-i {
    height: 24px !important;
}

@media screen and (min-width: 1200px) {
    .h-24px-xl {
        height: 24px;
    }

    .h-24px-xl-i {
        height: 24px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .h-24px-lg {
        height: 24px;
    }

    .h-24px-lg-i {
        height: 24px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .h-24px-md {
        height: 24px;
    }

    .h-24px-md-i {
        height: 24px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .h-24px-sm {
        height: 24px;
    }

    .h-24px-sm-i {
        height: 24px !important;
    }
}

@media screen and (max-width: 576px) {
    .h-24px-xs {
        height: 24px;
    }

    .h-24px-xs-i {
        height: 24px !important;
    }
}

.h-38px-all {
    height: 38px;
}

.h-38px-all-i {
    height: 38px !important;
}

@media screen and (min-width: 1200px) {
    .h-38px-xl {
        height: 38px;
    }

    .h-38px-xl-i {
        height: 38px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .h-38px-lg {
        height: 38px;
    }

    .h-38px-lg-i {
        height: 38px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .h-38px-md {
        height: 38px;
    }

    .h-38px-md-i {
        height: 38px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .h-38px-sm {
        height: 38px;
    }

    .h-38px-sm-i {
        height: 38px !important;
    }
}

@media screen and (max-width: 576px) {
    .h-38px-xs {
        height: 38px;
    }

    .h-38px-xs-i {
        height: 38px !important;
    }
}

.h-40px-all {
    height: 40px;
}

.h-40px-all-i {
    height: 40px !important;
}

@media screen and (min-width: 1200px) {
    .h-40px-xl {
        height: 40px;
    }

    .h-40px-xl-i {
        height: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .h-40px-lg {
        height: 40px;
    }

    .h-40px-lg-i {
        height: 40px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .h-40px-md {
        height: 40px;
    }

    .h-40px-md-i {
        height: 40px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .h-40px-sm {
        height: 40px;
    }

    .h-40px-sm-i {
        height: 40px !important;
    }
}

@media screen and (max-width: 576px) {
    .h-40px-xs {
        height: 40px;
    }

    .h-40px-xs-i {
        height: 40px !important;
    }
}

.h-42px-all {
    height: 42px;
}

.h-42px-all-i {
    height: 42px !important;
}

@media screen and (min-width: 1200px) {
    .h-42px-xl {
        height: 42px;
    }

    .h-42px-xl-i {
        height: 42px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .h-42px-lg {
        height: 42px;
    }

    .h-42px-lg-i {
        height: 42px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .h-42px-md {
        height: 42px;
    }

    .h-42px-md-i {
        height: 42px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .h-42px-sm {
        height: 42px;
    }

    .h-42px-sm-i {
        height: 42px !important;
    }
}

@media screen and (max-width: 576px) {
    .h-42px-xs {
        height: 42px;
    }

    .h-42px-xs-i {
        height: 42px !important;
    }
}

.h-44px-all {
    height: 44px;
}

.h-44px-all-i {
    height: 44px !important;
}

@media screen and (min-width: 1200px) {
    .h-44px-xl {
        height: 44px;
    }

    .h-44px-xl-i {
        height: 44px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .h-44px-lg {
        height: 44px;
    }

    .h-44px-lg-i {
        height: 44px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .h-44px-md {
        height: 44px;
    }

    .h-44px-md-i {
        height: 44px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .h-44px-sm {
        height: 44px;
    }

    .h-44px-sm-i {
        height: 44px !important;
    }
}

@media screen and (max-width: 576px) {
    .h-44px-xs {
        height: 44px;
    }

    .h-44px-xs-i {
        height: 44px !important;
    }
}

.h-45px-all {
    height: 45px;
}

.h-45px-all-i {
    height: 45px !important;
}

@media screen and (min-width: 1200px) {
    .h-45px-xl {
        height: 45px;
    }

    .h-45px-xl-i {
        height: 45px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .h-45px-lg {
        height: 45px;
    }

    .h-45px-lg-i {
        height: 45px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .h-45px-md {
        height: 45px;
    }

    .h-45px-md-i {
        height: 45px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .h-45px-sm {
        height: 45px;
    }

    .h-45px-sm-i {
        height: 45px !important;
    }
}

@media screen and (max-width: 576px) {
    .h-45px-xs {
        height: 45px;
    }

    .h-45px-xs-i {
        height: 45px !important;
    }
}

.h-46px-all {
    height: 46px;
}

.h-46px-all-i {
    height: 46px !important;
}

@media screen and (min-width: 1200px) {
    .h-46px-xl {
        height: 46px;
    }

    .h-46px-xl-i {
        height: 46px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .h-46px-lg {
        height: 46px;
    }

    .h-46px-lg-i {
        height: 46px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .h-46px-md {
        height: 46px;
    }

    .h-46px-md-i {
        height: 46px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .h-46px-sm {
        height: 46px;
    }

    .h-46px-sm-i {
        height: 46px !important;
    }
}

@media screen and (max-width: 576px) {
    .h-46px-xs {
        height: 46px;
    }

    .h-46px-xs-i {
        height: 46px !important;
    }
}

.h-48px-all {
    height: 48px;
}

.h-48px-all-i {
    height: 48px !important;
}

@media screen and (min-width: 1200px) {
    .h-48px-xl {
        height: 48px;
    }

    .h-48px-xl-i {
        height: 48px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .h-48px-lg {
        height: 48px;
    }

    .h-48px-lg-i {
        height: 48px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .h-48px-md {
        height: 48px;
    }

    .h-48px-md-i {
        height: 48px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .h-48px-sm {
        height: 48px;
    }

    .h-48px-sm-i {
        height: 48px !important;
    }
}

@media screen and (max-width: 576px) {
    .h-48px-xs {
        height: 48px;
    }

    .h-48px-xs-i {
        height: 48px !important;
    }
}
/* Border */
.border-0-all {
    border: 0px;
}

.border-0-all-i {
    border: 0px !important;
}

@media screen and (min-width: 1200px) {
    .border-0-xl {
        border: 0px;
    }

    .border-0-xl-i {
        border: 0px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .border-0-lg {
        border: 0px;
    }

    .border-0-lg-i {
        border: 0px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .border-0-md {
        border: 0px;
    }

    .border-0-md-i {
        border: 0px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .border-0-sm {
        border: 0px;
    }

    .border-0-sm-i {
        border: 0px !important;
    }
}

@media screen and (max-width: 576px) {
    .border-0-xs {
        border: 0px;
    }

    .border-0-xs-i {
        border: 0px !important;
    }
}

.border-platinum-all {
    border: 1px solid #e8e8e8;
}

.border-platinum-all-i {
    border: 1px solid #e8e8e8 !important;
}

@media screen and (min-width: 1200px) {
    .border-platinum-xl {
        border: 1px solid #e8e8e8;
    }

    .border-platinum-xl-i {
        border: 1px solid #e8e8e8 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .border-platinum-lg {
        border: 1px solid #e8e8e8;
    }

    .border-platinum-lg-i {
        border: 1px solid #e8e8e8 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .border-platinum-md {
        border: 1px solid #e8e8e8;
    }

    .border-platinum-md-i {
        border: 1px solid #e8e8e8 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .border-platinum-sm {
        border: 1px solid #e8e8e8;
    }

    .border-platinum-sm-i {
        border: 1px solid #e8e8e8 !important;
    }
}

@media screen and (max-width: 576px) {
    .border-platinum-xs {
        border: 1px solid #e8e8e8;
    }

    .border-platinum-xs-i {
        border: 1px solid #e8e8e8 !important;
    }
}
/* Text Color */
.text-defaultcolor-all {
    color: #5a5a5a;
}

.text-defaultcolor-all-i {
    color: #5a5a5a !important;
}

@media screen and (min-width: 1200px) {
    .text-defaultcolor-xl {
        color: #5a5a5a;
    }

    .text-defaultcolor-xl-i {
        color: #5a5a5a !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .text-defaultcolor-lg {
        color: #5a5a5a;
    }

    .text-defaultcolor-lg-i {
        color: #5a5a5a !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .text-defaultcolor-md {
        color: #5a5a5a;
    }

    .text-defaultcolor-md-i {
        color: #5a5a5a !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .text-defaultcolor-sm {
        color: #5a5a5a;
    }

    .text-defaultcolor-sm-i {
        color: #5a5a5a !important;
    }
}

@media screen and (max-width: 576px) {
    .text-defaultcolor-xs {
        color: #5a5a5a;
    }

    .text-defaultcolor-xs-i {
        color: #5a5a5a !important;
    }
}

.text-white-all {
    color: #ffffff;
}

.text-white-all-i {
    color: #ffffff !important;
}

@media screen and (min-width: 1200px) {
    .text-white-xl {
        color: #ffffff;
    }

    .text-white-xl-i {
        color: #ffffff !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .text-white-lg {
        color: #ffffff;
    }

    .text-white-lg-i {
        color: #ffffff !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .text-white-md {
        color: #ffffff;
    }

    .text-white-md-i {
        color: #ffffff !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .text-white-sm {
        color: #ffffff;
    }

    .text-white-sm-i {
        color: #ffffff !important;
    }
}

@media screen and (max-width: 576px) {
    .text-white-xs {
        color: #ffffff;
    }

    .text-white-xs-i {
        color: #ffffff !important;
    }
}

.text-yellow-all {
    color: #ffd400;
}

.text-yellow-all-i {
    color: #ffd400 !important;
}

@media screen and (min-width: 1200px) {
    .text-yellow-xl {
        color: #ffd400;
    }

    .text-yellow-xl-i {
        color: #ffd400 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .text-yellow-lg {
        color: #ffd400;
    }

    .text-yellow-lg-i {
        color: #ffd400 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .text-yellow-md {
        color: #ffd400;
    }

    .text-yellow-md-i {
        color: #ffd400 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .text-yellow-sm {
        color: #ffd400;
    }

    .text-yellow-sm-i {
        color: #ffd400 !important;
    }
}

@media screen and (max-width: 576px) {
    .text-yellow-xs {
        color: #ffd400;
    }

    .text-yellow-xs-i {
        color: #ffd400 !important;
    }
}

.text-marigold-all {
    color: #ffc800;
}

.text-marigold-all-i {
    color: #ffc800 !important;
}

@media screen and (min-width: 1200px) {
    .text-marigold-xl {
        color: #ffc800;
    }

    .text-marigold-xl-i {
        color: #ffc800 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .text-marigold-lg {
        color: #ffc800;
    }

    .text-marigold-lg-i {
        color: #ffc800 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .text-marigold-md {
        color: #ffc800;
    }

    .text-marigold-md-i {
        color: #ffc800 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .text-marigold-sm {
        color: #ffc800;
    }

    .text-marigold-sm-i {
        color: #ffc800 !important;
    }
}

@media screen and (max-width: 576px) {
    .text-marigold-xs {
        color: #ffc800;
    }

    .text-marigold-xs-i {
        color: #ffc800 !important;
    }
}
/* Text Font */
.font-krungsri-all {
    font-family: 'Krungsri';
}

.font-krungsri-all-i {
    font-family: 'Krungsri' !important;
}

@media screen and (min-width: 1200px) {
    .font-krungsri-xl {
        font-family: 'Krungsri';
    }

    .font-krungsri-xl-i {
        font-family: 'Krungsri' !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .font-krungsri-lg {
        font-family: 'Krungsri';
    }

    .font-krungsri-lg-i {
        font-family: 'Krungsri' !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .font-krungsri-md {
        font-family: 'Krungsri';
    }

    .font-krungsri-md-i {
        font-family: 'Krungsri' !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .font-krungsri-sm {
        font-family: 'Krungsri';
    }

    .font-krungsri-sm-i {
        font-family: 'Krungsri' !important;
    }
}

@media screen and (max-width: 576px) {
    .font-krungsri-xs {
        font-family: 'Krungsri';
    }

    .font-krungsri-xs-i {
        font-family: 'Krungsri' !important;
    }
}

.font-thongterm-all {
    font-family: 'Thongterm';
}

.font-thongterm-all-i {
    font-family: 'Thongterm' !important;
}

@media screen and (min-width: 1200px) {
    .font-thongterm-xl {
        font-family: 'Thongterm';
    }

    .font-thongterm-xl-i {
        font-family: 'Thongterm' !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .font-thongterm-lg {
        font-family: 'Thongterm';
    }

    .font-thongterm-lg-i {
        font-family: 'Thongterm' !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .font-thongterm-md {
        font-family: 'Thongterm';
    }

    .font-thongterm-md-i {
        font-family: 'Thongterm' !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .font-thongterm-sm {
        font-family: 'Thongterm';
    }

    .font-thongterm-sm-i {
        font-family: 'Thongterm' !important;
    }
}

@media screen and (max-width: 576px) {
    .font-thongterm-xs {
        font-family: 'Thongterm';
    }

    .font-thongterm-xs-i {
        font-family: 'Thongterm' !important;
    }
}

.font-thongterm-roman-all {
    font-family: 'Thongterm-Roman';
}

.font-thongterm-roman-all-i {
    font-family: 'Thongterm-Roman' !important;
}

@media screen and (min-width: 1200px) {
    .font-thongterm-roman-xl {
        font-family: 'Thongterm-Roman';
    }

    .font-thongterm-roman-xl-i {
        font-family: 'Thongterm-Roman' !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .font-thongterm-roman-lg {
        font-family: 'Thongterm-Roman';
    }

    .font-thongterm-roman-lg-i {
        font-family: 'Thongterm-Roman' !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .font-thongterm-roman-md {
        font-family: 'Thongterm-Roman';
    }

    .font-thongterm-roman-md-i {
        font-family: 'Thongterm-Roman' !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .font-thongterm-roman-sm {
        font-family: 'Thongterm-Roman';
    }

    .font-thongterm-roman-sm-i {
        font-family: 'Thongterm-Roman' !important;
    }
}

@media screen and (max-width: 576px) {
    .font-thongterm-roman-xs {
        font-family: 'Thongterm-Roman';
    }

    .font-thongterm-roman-xs-i {
        font-family: 'Thongterm-Roman' !important;
    }
}

.font-sukhumvitset-all {
    font-family: 'SukhumvitSet';
}

.font-sukhumvitset-all-i {
    font-family: 'SukhumvitSet' !important;
}

@media screen and (min-width: 1200px) {
    .font-sukhumvitset-xl {
        font-family: 'SukhumvitSet';
    }

    .font-sukhumvitset-xl-i {
        font-family: 'SukhumvitSet' !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .font-sukhumvitset-lg {
        font-family: 'SukhumvitSet';
    }

    .font-sukhumvitset-lg-i {
        font-family: 'SukhumvitSet' !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .font-sukhumvitset-md {
        font-family: 'SukhumvitSet';
    }

    .font-sukhumvitset-md-i {
        font-family: 'SukhumvitSet' !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .font-sukhumvitset-sm {
        font-family: 'SukhumvitSet';
    }

    .font-sukhumvitset-sm-i {
        font-family: 'SukhumvitSet' !important;
    }
}

@media screen and (max-width: 576px) {
    .font-sukhumvitset-xs {
        font-family: 'SukhumvitSet';
    }

    .font-sukhumvitset-xs-i {
        font-family: 'SukhumvitSet' !important;
    }
}

.font-sukhumvitsetsemi-all {
    font-family: 'SukhumvitSet-Semi';
}

.font-sukhumvitsetsemi-all-i {
    font-family: 'SukhumvitSet-Semi' !important;
}

@media screen and (min-width: 1200px) {
    .font-sukhumvitsetsemi-xl {
        font-family: 'SukhumvitSet-Semi';
    }

    .font-sukhumvitsetsemi-xl-i {
        font-family: 'SukhumvitSet-Semi' !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .font-sukhumvitsetsemi-lg {
        font-family: 'SukhumvitSet-Semi';
    }

    .font-sukhumvitsetsemi-lg-i {
        font-family: 'SukhumvitSet-Semi' !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .font-sukhumvitsetsemi-md {
        font-family: 'SukhumvitSet-Semi';
    }

    .font-sukhumvitsetsemi-md-i {
        font-family: 'SukhumvitSet-Semi' !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .font-sukhumvitsetsemi-sm {
        font-family: 'SukhumvitSet-Semi';
    }

    .font-sukhumvitsetsemi-sm-i {
        font-family: 'SukhumvitSet-Semi' !important;
    }
}

@media screen and (max-width: 576px) {
    .font-sukhumvitsetsemi-xs {
        font-family: 'SukhumvitSet-Semi';
    }

    .font-sukhumvitsetsemi-xs-i {
        font-family: 'SukhumvitSet-Semi' !important;
    }
}
/* BG Color */
.bg-defaultcolor-all {
    background-color: #5a5a5a;
}

.bg-defaultcolor-all-i {
    background-color: #5a5a5a !important;
}

@media screen and (min-width: 1200px) {
    .bg-defaultcolor-xl {
        background-color: #5a5a5a;
    }

    .bg-defaultcolor-xl-i {
        background-color: #5a5a5a !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .bg-defaultcolor-lg {
        background-color: #5a5a5a;
    }

    .bg-defaultcolor-lg-i {
        background-color: #5a5a5a !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .bg-defaultcolor-md {
        background-color: #5a5a5a;
    }

    .bg-defaultcolor-md-i {
        background-color: #5a5a5a !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .bg-defaultcolor-sm {
        background-color: #5a5a5a;
    }

    .bg-defaultcolor-sm-i {
        background-color: #5a5a5a !important;
    }
}

@media screen and (max-width: 576px) {
    .bg-defaultcolor-xs {
        background-color: #5a5a5a;
    }

    .bg-defaultcolor-xs-i {
        background-color: #5a5a5a !important;
    }
}

.bg-white-all {
    background-color: #ffffff;
}

.bg-white-all-i {
    background-color: #ffffff !important;
}

@media screen and (min-width: 1200px) {
    .bg-white-xl {
        background-color: #ffffff;
    }

    .bg-white-xl-i {
        background-color: #ffffff !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .bg-white-lg {
        background-color: #ffffff;
    }

    .bg-white-lg-i {
        background-color: #ffffff !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .bg-white-md {
        background-color: #ffffff;
    }

    .bg-white-md-i {
        background-color: #ffffff !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .bg-white-sm {
        background-color: #ffffff;
    }

    .bg-white-sm-i {
        background-color: #ffffff !important;
    }
}

@media screen and (max-width: 576px) {
    .bg-white-xs {
        background-color: #ffffff;
    }

    .bg-white-xs-i {
        background-color: #ffffff !important;
    }
}

.bg-yellow-all {
    background-color: #ffd400;
}

.bg-yellow-all-i {
    background-color: #ffd400 !important;
}

@media screen and (min-width: 1200px) {
    .bg-yellow-xl {
        background-color: #ffd400;
    }

    .bg-yellow-xl-i {
        background-color: #ffd400 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .bg-yellow-lg {
        background-color: #ffd400;
    }

    .bg-yellow-lg-i {
        background-color: #ffd400 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .bg-yellow-md {
        background-color: #ffd400;
    }

    .bg-yellow-md-i {
        background-color: #ffd400 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .bg-yellow-sm {
        background-color: #ffd400;
    }

    .bg-yellow-sm-i {
        background-color: #ffd400 !important;
    }
}

@media screen and (max-width: 576px) {
    .bg-yellow-xs {
        background-color: #ffd400;
    }

    .bg-yellow-xs-i {
        background-color: #ffd400 !important;
    }
}

.bg-marigold-all {
    background-color: #ffc800;
}

.bg-marigold-all-i {
    background-color: #ffc800 !important;
}

@media screen and (min-width: 1200px) {
    .bg-marigold-xl {
        background-color: #ffc800;
    }

    .bg-marigold-xl-i {
        background-color: #ffc800 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .bg-marigold-lg {
        background-color: #ffc800;
    }

    .bg-marigold-lg-i {
        background-color: #ffc800 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .bg-marigold-md {
        background-color: #ffc800;
    }

    .bg-marigold-md-i {
        background-color: #ffc800 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .bg-marigold-sm {
        background-color: #ffc800;
    }

    .bg-marigold-sm-i {
        background-color: #ffc800 !important;
    }
}

@media screen and (max-width: 576px) {
    .bg-marigold-xs {
        background-color: #ffc800;
    }

    .bg-marigold-xs-i {
        background-color: #ffc800 !important;
    }
}

.bg-lightgray-all {
    background-color: #f3f3f3;
}

.bg-lightgray-all-i {
    background-color: #f3f3f3 !important;
}

@media screen and (min-width: 1200px) {
    .bg-lightgray-xl {
        background-color: #f3f3f3;
    }

    .bg-lightgray-xl-i {
        background-color: #f3f3f3 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .bg-lightgray-lg {
        background-color: #f3f3f3;
    }

    .bg-lightgray-lg-i {
        background-color: #f3f3f3 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .bg-lightgray-md {
        background-color: #f3f3f3;
    }

    .bg-lightgray-md-i {
        background-color: #f3f3f3 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .bg-lightgray-sm {
        background-color: #f3f3f3;
    }

    .bg-lightgray-sm-i {
        background-color: #f3f3f3 !important;
    }
}

@media screen and (max-width: 576px) {
    .bg-lightgray-xs {
        background-color: #f3f3f3;
    }

    .bg-lightgray-xs-i {
        background-color: #f3f3f3 !important;
    }
}

.bg-snowgray-all {
    background-color: #f9f9f9;
}

.bg-snowgray-all-i {
    background-color: #f9f9f9 !important;
}

@media screen and (min-width: 1200px) {
    .bg-snowgray-xl {
        background-color: #f9f9f9;
    }

    .bg-snowgray-xl-i {
        background-color: #f9f9f9 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .bg-snowgray-lg {
        background-color: #f9f9f9;
    }

    .bg-snowgray-lg-i {
        background-color: #f9f9f9 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .bg-snowgray-md {
        background-color: #f9f9f9;
    }

    .bg-snowgray-md-i {
        background-color: #f9f9f9 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .bg-snowgray-sm {
        background-color: #f9f9f9;
    }

    .bg-snowgray-sm-i {
        background-color: #f9f9f9 !important;
    }
}

@media screen and (max-width: 576px) {
    .bg-snowgray-xs {
        background-color: #f9f9f9;
    }

    .bg-snowgray-xs-i {
        background-color: #f9f9f9 !important;
    }
}
/* Opacity */
.opacity-0-all {
    opacity: 0;
}

.opacity-0-all-i {
    opacity: 0 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-0-xl {
        opacity: 0;
    }

    .opacity-0-xl-i {
        opacity: 0 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-0-lg {
        opacity: 0;
    }

    .opacity-0-lg-i {
        opacity: 0 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-0-md {
        opacity: 0;
    }

    .opacity-0-md-i {
        opacity: 0 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-0-sm {
        opacity: 0;
    }

    .opacity-0-sm-i {
        opacity: 0 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-0-xs {
        opacity: 0;
    }

    .opacity-0-xs-i {
        opacity: 0 !important;
    }
}

.opacity-10-all {
    opacity: 0.1;
}

.opacity-10-all-i {
    opacity: 0.1 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-10-xl {
        opacity: 0.1;
    }

    .opacity-10-xl-i {
        opacity: 0.1 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-10-lg {
        opacity: 0.1;
    }

    .opacity-10-lg-i {
        opacity: 0.1 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-10-md {
        opacity: 0.1;
    }

    .opacity-10-md-i {
        opacity: 0.1 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-10-sm {
        opacity: 0.1;
    }

    .opacity-10-sm-i {
        opacity: 0.1 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-10-xs {
        opacity: 0.1;
    }

    .opacity-10-xs-i {
        opacity: 0.1 !important;
    }
}

.opacity-15-all {
    opacity: 0.15;
}

.opacity-15-all-i {
    opacity: 0.15 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-15-xl {
        opacity: 0.15;
    }

    .opacity-15-xl-i {
        opacity: 0.15 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-15-lg {
        opacity: 0.15;
    }

    .opacity-15-lg-i {
        opacity: 0.15 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-15-md {
        opacity: 0.15;
    }

    .opacity-15-md-i {
        opacity: 0.15 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-15-sm {
        opacity: 0.15;
    }

    .opacity-15-sm-i {
        opacity: 0.15 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-15-xs {
        opacity: 0.15;
    }

    .opacity-15-xs-i {
        opacity: 0.15 !important;
    }
}

.opacity-20-all {
    opacity: 0.2;
}

.opacity-20-all-i {
    opacity: 0.2 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-20-xl {
        opacity: 0.2;
    }

    .opacity-20-xl-i {
        opacity: 0.2 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-20-lg {
        opacity: 0.2;
    }

    .opacity-20-lg-i {
        opacity: 0.2 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-20-md {
        opacity: 0.2;
    }

    .opacity-20-md-i {
        opacity: 0.2 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-20-sm {
        opacity: 0.2;
    }

    .opacity-20-sm-i {
        opacity: 0.2 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-20-xs {
        opacity: 0.2;
    }

    .opacity-20-xs-i {
        opacity: 0.2 !important;
    }
}

.opacity-25-all {
    opacity: 0.25;
}

.opacity-25-all-i {
    opacity: 0.25 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-25-xl {
        opacity: 0.25;
    }

    .opacity-25-xl-i {
        opacity: 0.25 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-25-lg {
        opacity: 0.25;
    }

    .opacity-25-lg-i {
        opacity: 0.25 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-25-md {
        opacity: 0.25;
    }

    .opacity-25-md-i {
        opacity: 0.25 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-25-sm {
        opacity: 0.25;
    }

    .opacity-25-sm-i {
        opacity: 0.25 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-25-xs {
        opacity: 0.25;
    }

    .opacity-25-xs-i {
        opacity: 0.25 !important;
    }
}

.opacity-30-all {
    opacity: 0.3;
}

.opacity-30-all-i {
    opacity: 0.3 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-30-xl {
        opacity: 0.3;
    }

    .opacity-30-xl-i {
        opacity: 0.3 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-30-lg {
        opacity: 0.3;
    }

    .opacity-30-lg-i {
        opacity: 0.3 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-30-md {
        opacity: 0.3;
    }

    .opacity-30-md-i {
        opacity: 0.3 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-30-sm {
        opacity: 0.3;
    }

    .opacity-30-sm-i {
        opacity: 0.3 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-30-xs {
        opacity: 0.3;
    }

    .opacity-30-xs-i {
        opacity: 0.3 !important;
    }
}

.opacity-35-all {
    opacity: 0.35;
}

.opacity-35-all-i {
    opacity: 0.35 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-35-xl {
        opacity: 0.35;
    }

    .opacity-35-xl-i {
        opacity: 0.35 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-35-lg {
        opacity: 0.35;
    }

    .opacity-35-lg-i {
        opacity: 0.35 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-35-md {
        opacity: 0.35;
    }

    .opacity-35-md-i {
        opacity: 0.35 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-35-sm {
        opacity: 0.35;
    }

    .opacity-35-sm-i {
        opacity: 0.35 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-35-xs {
        opacity: 0.35;
    }

    .opacity-35-xs-i {
        opacity: 0.35 !important;
    }
}

.opacity-50-all {
    opacity: 0.5;
}

.opacity-50-all-i {
    opacity: 0.5 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-50-xl {
        opacity: 0.5;
    }

    .opacity-50-xl-i {
        opacity: 0.5 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-50-lg {
        opacity: 0.5;
    }

    .opacity-50-lg-i {
        opacity: 0.5 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-50-md {
        opacity: 0.5;
    }

    .opacity-50-md-i {
        opacity: 0.5 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-50-sm {
        opacity: 0.5;
    }

    .opacity-50-sm-i {
        opacity: 0.5 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-50-xs {
        opacity: 0.5;
    }

    .opacity-50-xs-i {
        opacity: 0.5 !important;
    }
}

.opacity-75-all {
    opacity: 0.75;
}

.opacity-75-all-i {
    opacity: 0.75 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-75-xl {
        opacity: 0.75;
    }

    .opacity-75-xl-i {
        opacity: 0.75 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-75-lg {
        opacity: 0.75;
    }

    .opacity-75-lg-i {
        opacity: 0.75 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-75-md {
        opacity: 0.75;
    }

    .opacity-75-md-i {
        opacity: 0.75 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-75-sm {
        opacity: 0.75;
    }

    .opacity-75-sm-i {
        opacity: 0.75 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-75-xs {
        opacity: 0.75;
    }

    .opacity-75-xs-i {
        opacity: 0.75 !important;
    }
}

.opacity-80-all {
    opacity: 0.8;
}

.opacity-80-all-i {
    opacity: 0.8 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-80-xl {
        opacity: 0.8;
    }

    .opacity-80-xl-i {
        opacity: 0.8 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-80-lg {
        opacity: 0.8;
    }

    .opacity-80-lg-i {
        opacity: 0.8 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-80-md {
        opacity: 0.8;
    }

    .opacity-80-md-i {
        opacity: 0.8 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-80-sm {
        opacity: 0.8;
    }

    .opacity-80-sm-i {
        opacity: 0.8 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-80-xs {
        opacity: 0.8;
    }

    .opacity-80-xs-i {
        opacity: 0.8 !important;
    }
}

.opacity-90-all {
    opacity: 0.9;
}

.opacity-90-all-i {
    opacity: 0.9 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-90-xl {
        opacity: 0.9;
    }

    .opacity-90-xl-i {
        opacity: 0.9 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-90-lg {
        opacity: 0.9;
    }

    .opacity-90-lg-i {
        opacity: 0.9 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-90-md {
        opacity: 0.9;
    }

    .opacity-90-md-i {
        opacity: 0.9 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-90-sm {
        opacity: 0.9;
    }

    .opacity-90-sm-i {
        opacity: 0.9 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-90-xs {
        opacity: 0.9;
    }

    .opacity-90-xs-i {
        opacity: 0.9 !important;
    }
}

.opacity-95-all {
    opacity: 0.95;
}

.opacity-95-all-i {
    opacity: 0.95 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-95-xl {
        opacity: 0.95;
    }

    .opacity-95-xl-i {
        opacity: 0.95 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-95-lg {
        opacity: 0.95;
    }

    .opacity-95-lg-i {
        opacity: 0.95 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-95-md {
        opacity: 0.95;
    }

    .opacity-95-md-i {
        opacity: 0.95 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-95-sm {
        opacity: 0.95;
    }

    .opacity-95-sm-i {
        opacity: 0.95 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-95-xs {
        opacity: 0.95;
    }

    .opacity-95-xs-i {
        opacity: 0.95 !important;
    }
}

.opacity-100-all {
    opacity: 1;
}

.opacity-100-all-i {
    opacity: 1 !important;
}

@media screen and (min-width: 1200px) {
    .opacity-100-xl {
        opacity: 1;
    }

    .opacity-100-xl-i {
        opacity: 1 !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .opacity-100-lg {
        opacity: 1;
    }

    .opacity-100-lg-i {
        opacity: 1 !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .opacity-100-md {
        opacity: 1;
    }

    .opacity-100-md-i {
        opacity: 1 !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .opacity-100-sm {
        opacity: 1;
    }

    .opacity-100-sm-i {
        opacity: 1 !important;
    }
}

@media screen and (max-width: 576px) {
    .opacity-100-xs {
        opacity: 1;
    }

    .opacity-100-xs-i {
        opacity: 1 !important;
    }
}
/* Other */
.text-left-all {
    text-align: left;
}

.text-left-all-i {
    text-align: left !important;
}

@media screen and (min-width: 1200px) {
    .text-left-xl {
        text-align: left;
    }

    .text-left-xl-i {
        text-align: left !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .text-left-lg {
        text-align: left;
    }

    .text-left-lg-i {
        text-align: left !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .text-left-md {
        text-align: left;
    }

    .text-left-md-i {
        text-align: left !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .text-left-sm {
        text-align: left;
    }

    .text-left-sm-i {
        text-align: left !important;
    }
}

@media screen and (max-width: 576px) {
    .text-left-xs {
        text-align: left;
    }

    .text-left-xs-i {
        text-align: left !important;
    }
}

.text-center-all {
    text-align: center;
}

.text-center-all-i {
    text-align: center !important;
}

@media screen and (min-width: 1200px) {
    .text-center-xl {
        text-align: center;
    }

    .text-center-xl-i {
        text-align: center !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .text-center-lg {
        text-align: center;
    }

    .text-center-lg-i {
        text-align: center !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .text-center-md {
        text-align: center;
    }

    .text-center-md-i {
        text-align: center !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .text-center-sm {
        text-align: center;
    }

    .text-center-sm-i {
        text-align: center !important;
    }
}

@media screen and (max-width: 576px) {
    .text-center-xs {
        text-align: center;
    }

    .text-center-xs-i {
        text-align: center !important;
    }
}

.text-right-all {
    text-align: right;
}

.text-right-all-i {
    text-align: right !important;
}

@media screen and (min-width: 1200px) {
    .text-right-xl {
        text-align: right;
    }

    .text-right-xl-i {
        text-align: right !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .text-right-lg {
        text-align: right;
    }

    .text-right-lg-i {
        text-align: right !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .text-right-md {
        text-align: right;
    }

    .text-right-md-i {
        text-align: right !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .text-right-sm {
        text-align: right;
    }

    .text-right-sm-i {
        text-align: right !important;
    }
}

@media screen and (max-width: 576px) {
    .text-right-xs {
        text-align: right;
    }

    .text-right-xs-i {
        text-align: right !important;
    }
}

.w-100px {
    width: 100px;
    max-width: 100px;
}

.w-120px {
    width: 100px;
    max-width: 100px;
}

.bg-yellow {
    background-color: #ffda00;
}


.mt-60px-all {
    margin-top: 60px;
}

.mt-60px-all-i {
    margin-top: 60px !important;
}

@media screen and (min-width: 1200px) {
    .mt-60px-xl {
        margin-top: 60px;
    }

    .mt-60px-xl-i {
        margin-top: 60px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .mt-60px-lg {
        margin-top: 60px;
    }

    .mt-60px-lg-i {
        margin-top: 60px !important;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .mt-60px-md {
        margin-top: 60px;
    }

    .mt-60px-md-i {
        margin-top: 60px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 576px) {
    .mt-60px-sm {
        margin-top: 60px;
    }

    .mt-60px-sm-i {
        margin-top: 60px !important;
    }
}

@media screen and (max-width: 576px) {
    .mt-60px-xs {
        margin-top: 60px;
    }

    .mt-60px-i {
        margin-top: 60px !important;
    }
}

/*#region Background section Custom*/
.krungsri-bg {
    background-size: cover;
    height: auto;
    background-image: var(--bgDesktopUrl);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/*.krungsri-bg .col-12 {
    padding:0;
}*/

@media screen and (max-width:768px) {
    .krungsri-bg {
        background-size: cover;
        overflow-y: hidden;
        background-image: var(--bgMobileUrl);
        /*overflow: visible;*/
    } 
}

/*#endregion Background section Custom*/


footer {
    overflow:hidden;
}