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

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

.mt-xs-2 {
    margin-top: 6px;
}

.mb-xs-2 {
    margin-bottom: 6px;
}

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

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

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

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

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

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

.mt-sm-2 {
    margin-top: 14px;
}

.mb-sm-2 {
    margin-bottom: 14px;
}

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

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

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

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

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

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

.mt-md-2 {
    margin-top: 28px;
}

.mb-md-2 {
    margin-bottom: 28px;
}

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

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

.mt-lg-1 {
    margin-top: 40px;
}

.mb-lg-1 {
    margin-bottom: 40px;
}

.mt-lg-2 {
    margin-top: 60px;
}

.mb-lg-2 {
    margin-bottom: 60px;
}

.mt-lg-3 {
    margin-top: 80px;
}

.mb-lg-3 {
    margin-bottom: 80px;
}

.mt-xl-1 {
    margin-top: 100px;
}

.mb-xl-1 {
    margin-bottom: 100px;
}

.mt-xl-2 {
    margin-top: 120px;
}

.mb-xl-2 {
    margin-bottom: 120px;
}

.mt-xl-3 {
    margin-top: 140px;
}

.mb-xl-3 {
    margin-bottom: 140px;
}

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

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

.pt-xs-2 {
    padding-top: 6px;
}

.pb-xs-2 {
    padding-bottom: 6px;
}

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

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

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

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

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

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

.pt-sm-2 {
    padding-top: 14px;
}

.pb-sm-2 {
    padding-bottom: 14px;
}

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

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

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

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

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

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

.pt-md-2 {
    padding-top: 28px;
}

.pb-md-2 {
    padding-bottom: 28px;
}

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

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

.pt-lg-1 {
    padding-top: 40px;
}

.pb-lg-1 {
    padding-bottom: 40px;
}

.pt-lg-2 {
    padding-top: 60px;
}

.pb-lg-2 {
    padding-bottom: 60px;
}

.pt-lg-3 {
    padding-top: 80px;
}

.pb-lg-3 {
    padding-bottom: 80px;
}

.pt-xl-1 {
    padding-top: 100px;
}

.pb-xl-1 {
    padding-bottom: 100px;
}

.pt-xl-2 {
    padding-top: 120px;
}

.pb-xl-2 {
    padding-bottom: 120px;
}

.pt-xl-3 {
    padding-top: 140px;
}

.pb-xl-3 {
    padding-bottom: 140px;
}

@media only screen and (max-width: 1024px) {
    .mt-xl-1 {
        margin-top: 80px;
    }

    .mb-xl-1 {
        margin-bottom: 80px;
    }

    .mt-xl-2 {
        margin-top: 100px;
    }

    .mb-xl-2 {
        margin-bottom: 100px;
    }

    .mt-xl-3 {
        margin-top: 120px;
    }

    .mb-xl-3 {
        margin-bottom: 120px;
    }

    .pt-xl-1 {
        padding-top: 80px;
    }

    .pb-xl-1 {
        padding-bottom: 80px;
    }

    .pt-xl-2 {
        padding-top: 100px;
    }

    .pb-xl-2 {
        padding-bottom: 100px;
    }

    .pt-xl-3 {
        padding-top: 120px;
    }

    .pb-xl-3 {
        padding-bottom: 120px;
    }
}

@media only screen and (max-width: 770px) {
    .mt-lg-3 {
        margin-top: 60px;
    }

    .mb-lg-3 {
        margin-bottom: 60px;
    }

    .mt-xl-1 {
        margin-top: 60px;
    }

    .mb-xl-1 {
        margin-bottom: 60px;
    }

    .mt-xl-2 {
        margin-top: 80px;
    }

    .mb-xl-2 {
        margin-bottom: 80px;
    }

    .mt-xl-3 {
        margin-top: 100px;
    }

    .mb-xl-3 {
        margin-bottom: 100px;
    }

    .pt-lg-3 {
        padding-top: 60px;
    }

    .pb-lg-3 {
        padding-bottom: 60px;
    }

    .pt-xl-1 {
        padding-top: 60px;
    }

    .pb-xl-1 {
        padding-bottom: 60px;
    }

    .pt-xl-2 {
        padding-top: 80px;
    }

    .pb-xl-2 {
        padding-bottom: 80px;
    }

    .pt-xl-3 {
        padding-top: 100px;
    }

    .pb-xl-3 {
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 576px) {
    .mt-lg-2 {
        margin-top: 40px;
    }

    .mb-lg-2 {
        margin-bottom: 40px;
    }

    .mt-xl-1 {
        margin-top: 40px;
    }

    .mb-xl-1 {
        margin-bottom: 40px;
    }

    .mt-xl-2 {
        margin-top: 60px;
    }

    .mb-xl-2 {
        margin-bottom: 60px;
    }

    .mt-xl-3 {
        margin-top: 80px;
    }

    .mb-xl-3 {
        margin-bottom: 80px;
    }

    .pt-lg-2 {
        padding-top: 40px;
    }

    .pb-lg-2 {
        padding-bottom: 40px;
    }

    .pt-xl-1 {
        padding-top: 40px;
    }

    .pb-xl-1 {
        padding-bottom: 40px;
    }

    .pt-xl-2 {
        padding-top: 60px;
    }

    .pb-xl-2 {
        padding-bottom: 60px;
    }

    .pt-xl-3 {
        padding-top: 80px;
    }

    .pb-xl-3 {
        padding-bottom: 80px;
    }
}