/* padding */
.pt-0 { padding-top: 0; }
.pt-4 { padding-top: 4px; }
.pt-8 { padding-top: 8px; }
.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pt-24 { padding-top: 24px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-60 { padding-top: 60px; }
.pt-70 { padding-top: 70px; }
.pt-80 { padding-top: 80px; }
.pt-100 { padding-top: 100px; }
.pt-120 { padding-top: 120px; }
.pt-140 { padding-top: 140px; }
.pt-150 { padding-top: 150px; }
.pt-160 { padding-top: 160px; }
.pt-200 { padding-top: 200px; }

.pr-0 { padding-right: 0; }
.pr-4 { padding-right: 4px; }
.pr-8 { padding-right: 8px; }
.pr-10 { padding-right: 10px; }
.pr-20 { padding-right: 20px; }
.pr-24 { padding-right: 24px; }
.pr-30 { padding-right: 30px; }
.pr-40 { padding-right: 40px; }
.pr-60 { padding-right: 60px; }
.pr-70 { padding-right: 70px; }
.pr-80 { padding-right: 80px; }
.pr-100 { padding-right: 100px; }
.pr-120 { padding-right: 120px; }
.pr-140 { padding-right: 140px; }
.pr-150 { padding-right: 150px; }
.pr-160 { padding-right: 160px; }
.pr-200 { padding-right: 200px; }

.pb-0 { padding-bottom: 0; }
.pb-4 { padding-bottom: 4px; }
.pb-8 { padding-bottom: 8px; }
.pb-10 { padding-bottom: 10px; }
.pb-20 { padding-bottom: 20px; }
.pb-24 { padding-bottom: 24px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-60 { padding-bottom: 60px; }
.pb-60.location { padding-bottom: 57px;}
.pb-70 { padding-bottom: 70px; }
.pb-80 { padding-bottom: 80px; }
.pb-100 { padding-bottom: 100px; }
.pb-100 { padding-bottom: 100px; }
.pb-120 { padding-bottom: 120px; }
.pb-140 { padding-bottom: 140px; }
.pb-150 { padding-bottom: 150px; }
.pb-160 { padding-bottom: 160px; }
.pb-200 { padding-bottom: 200px; }

.pl-0 { padding-left: 0; }
.pl-4 { padding-left: 4px; }
.pl-8 { padding-left: 8px; }
.pl-10 { padding-left: 10px; }
.pl-20 { padding-left: 20px; }
.pl-24 { padding-left: 24px; }
.pl-30 { padding-left: 30px; }
.pl-40 { padding-left: 40px; }
.pl-60 { padding-left: 60px; }
.pl-70 { padding-left: 70px; }
.pl-80 { padding-left: 80px; }
.pl-100 { padding-left: 100px; }
.pl-120 { padding-left: 120px; }
.pl-140 { padding-left: 140px; }
.pl-150 { padding-left: 150px; }
.pl-160 { padding-left: 160px; }
.pl-200 { padding-left: 200px; }

.px-0 { padding-left: 0; padding-right: 0; }
.px-4 { padding-left: 4px; padding-right: 4px; }
.px-8 { padding-left: 8px; padding-right: 8px; }
.px-10 { padding-left: 10px; padding-right: 10px; }
.px-20 { padding-left: 20px; padding-right: 20px; }
.px-24 { padding-left: 24px; padding-right: 24px; }
.px-30 { padding-left: 30px; padding-right: 30px; }
.px-40 { padding-left: 40px; padding-right: 40px; }
.px-60 { padding-left: 60px; padding-right: 60px; }
.px-70 { padding-left: 70px; padding-right: 70px; }
.px-80 { padding-left: 80px; padding-right: 80px; }
.px-100 { padding-left: 100px; padding-right: 100px; }
.px-120 { padding-left: 120px; padding-right: 120px; }
.px-140 { padding-left: 140px; padding-right: 140px; }
.px-150 { padding-left: 150px; padding-right: 150px; }
.px-160 { padding-left: 160px; padding-right: 160px; }
.px-200 { padding-left: 200px; padding-right: 200px; }

.py-0 { padding-top: 0; padding-bottom: 0; }
.py-4 { padding-top: 4px; padding-bottom: 4px; }
.py-8 { padding-top: 8px; padding-bottom: 8px; }
.py-10 { padding-top: 10px; padding-bottom: 10px; }
.py-20 { padding-top: 20px; padding-bottom: 20px; }
.py-24 { padding-top: 24px; padding-bottom: 24px; }
.py-30 { padding-top: 30px; padding-bottom: 30px; }
.py-40 { padding-top: 40px; padding-bottom: 40px; }
.py-60 { padding-top: 60px; padding-bottom: 60px; }
.py-70 { padding-top: 70px; padding-bottom: 70px; }
.py-80 { padding-top: 80px; padding-bottom: 80px; }
.py-100 { padding-top: 100px; padding-bottom: 100px; }
.py-120 { padding-top: 120px; padding-bottom: 120px; }
.py-140 { padding-top: 140px; padding-bottom: 140px; }
.py-150 { padding-top: 150px; padding-bottom: 150px; }
.py-160 { padding-top: 160px; padding-bottom: 160px; }
.py-200 { padding-top: 200px; padding-bottom: 200px; }

@media (max-width: 767px) {
    .pt-sm-0 { padding-top: 0; }
    .pt-sm-4 { padding-top: 4px; }
    .pt-sm-8 { padding-top: 8px; }
    .pt-sm-10 { padding-top: 10px; }
    .pt-sm-20 { padding-top: 20px; }
    .pt-sm-24 { padding-top: 24px; }
    .pt-sm-30 { padding-top: 30px; }
    .pt-sm-40 { padding-top: 40px; }
    .pt-sm-60 { padding-top: 60px; }
    .pt-sm-70 { padding-top: 70px; }
    .pt-sm-80 { padding-top: 80px; }
    .pt-sm-100 { padding-top: 100px; }
    .pt-sm-120 { padding-top: 120px; }
    .pt-sm-140 { padding-top: 140px; }
    .pt-sm-150 { padding-top: 150px; }
    .pt-sm-160 { padding-top: 160px; }
    .pt-sm-200 { padding-top: 200px; }

    .pr-sm-0 { padding-right: 0; }
    .pr-sm-4 { padding-right: 4px; }
    .pr-sm-8 { padding-right: 8px; }
    .pr-sm-10 { padding-right: 10px; }
    .pr-sm-20 { padding-right: 20px; }
    .pr-sm-24 { padding-right: 24px; }
    .pr-sm-30 { padding-right: 30px; }
    .pr-sm-40 { padding-right: 40px; }
    .pr-sm-60 { padding-right: 60px; }
    .pr-sm-70 { padding-right: 70px; }
    .pr-sm-80 { padding-right: 80px; }
    .pr-sm-100 { padding-right: 100px; }
    .pr-sm-120 { padding-right: 120px; }
    .pr-sm-140 { padding-right: 140px; }
    .pr-sm-150 { padding-right: 150px; }
    .pr-sm-160 { padding-right: 160px; }
    .pr-sm-200 { padding-right: 200px; }

    .pb-sm-0 { padding-bottom: 0; }
    .pb-sm-4 { padding-bottom: 4px; }
    .pb-sm-8 { padding-bottom: 8px; }
    .pb-sm-10 { padding-bottom: 10px; }
    .pb-sm-20 { padding-bottom: 20px; }
    .pb-sm-24 { padding-bottom: 24px; }
    .pb-sm-30 { padding-bottom: 30px; }
    .pb-sm-40 { padding-bottom: 40px; }
    .pb-sm-60 { padding-bottom: 60px; }
    .pb-sm-70 { padding-bottom: 70px; }
    .pb-sm-80 { padding-bottom: 80px; }
    .pb-sm-100 { padding-bottom: 100px; }
    .pb-sm-120 { padding-bottom: 120px; }
    .pb-sm-140 { padding-bottom: 140px; }
    .pb-sm-150 { padding-bottom: 150px; }
    .pb-sm-160 { padding-bottom: 160px; }
    .pb-sm-200 { padding-bottom: 200px; }

    .pl-sm-0 { padding-left: 0; }
    .pl-sm-4 { padding-left: 4px; }
    .pl-sm-8 { padding-left: 8px; }
    .pl-sm-10 { padding-left: 10px; }
    .pl-sm-20 { padding-left: 20px; }
    .pl-sm-24 { padding-left: 24px; }
    .pl-sm-30 { padding-left: 30px; }
    .pl-sm-40 { padding-left: 40px; }
    .pl-sm-60 { padding-left: 60px; }
    .pl-sm-70 { padding-left: 70px; }
    .pl-sm-80 { padding-left: 80px; }
    .pl-sm-100 { padding-left: 100px; }
    .pl-sm-120 { padding-left: 120px; }
    .pl-sm-140 { padding-left: 140px; }
    .pl-sm-150 { padding-left: 150px; }
    .pl-sm-160 { padding-left: 160px; }
    .pl-sm-200 { padding-left: 200px; }

    .px-sm-0 { padding-left: 0; padding-right: 0; }
    .px-sm-4 { padding-left: 4px; padding-right: 4px; }
    .px-sm-8 { padding-left: 8px; padding-right: 8px; }
    .px-sm-10 { padding-left: 10px; padding-right: 10px; }
    .px-sm-20 { padding-left: 20px; padding-right: 20px; }
    .px-sm-24 { padding-left: 24px; padding-right: 24px; }
    .px-sm-30 { padding-left: 30px; padding-right: 30px; }
    .px-sm-40 { padding-left: 40px; padding-right: 40px; }
    .px-sm-60 { padding-left: 60px; padding-right: 60px; }
    .px-sm-70 { padding-left: 70px; padding-right: 70px; }
    .px-sm-80 { padding-left: 80px; padding-right: 80px; }
    .px-sm-100 { padding-left: 100px; padding-right: 100px; }
    .px-sm-120 { padding-left: 120px; padding-right: 120px; }
    .px-sm-140 { padding-left: 140px; padding-right: 140px; }
    .px-sm-150 { padding-left: 150px; padding-right: 150px; }
    .px-sm-160 { padding-left: 160px; padding-right: 160px; }
    .px-sm-200 { padding-left: 200px; padding-right: 200px; }

    .py-sm-0 { padding-top: 0; padding-bottom: 0; }
    .py-sm-4 { padding-top: 4px; padding-bottom: 4px; }
    .py-sm-8 { padding-top: 8px; padding-bottom: 8px; }
    .py-sm-10 { padding-top: 10px; padding-bottom: 10px; }
    .py-sm-20 { padding-top: 20px; padding-bottom: 20px; }
    .py-sm-24 { padding-top: 24px; padding-bottom: 24px; }
    .py-sm-30 { padding-top: 30px; padding-bottom: 30px; }
    .py-sm-40 { padding-top: 40px; padding-bottom: 40px; }
    .py-sm-60 { padding-top: 60px; padding-bottom: 60px; }
    .py-sm-70 { padding-top: 70px; padding-bottom: 70px; }
    .py-sm-80 { padding-top: 80px; padding-bottom: 80px; }
    .py-sm-100 { padding-top: 100px; padding-bottom: 100px; }
    .py-sm-120 { padding-top: 120px; padding-bottom: 120px; }
    .py-sm-140 { padding-top: 140px; padding-bottom: 140px; }
    .py-sm-150 { padding-top: 150px; padding-bottom: 150px; }
    .py-sm-160 { padding-top: 160px; padding-bottom: 160px; }
    .py-sm-200 { padding-top: 200px; padding-bottom: 200px; }
}

/* margin */
/* margin-left */
.ml-0 { margin-left: 0; }
.ml-4 { margin-left: 4px; }
.ml-8 { margin-left: 8px; }
.ml-10 { margin-left: 10px; }
.ml-20 { margin-left: 20px; }
.ml-24 { margin-left: 24px; }
.ml-30 { margin-left: 30px; }
.ml-40 { margin-left: 40px; }
.ml-60 { margin-left: 60px; }
.ml-70 { margin-left: 70px; }
.ml-80 { margin-left: 80px; }
.ml-100 { margin-left: 100px; }
.ml-120 { margin-left: 120px; }
.ml-140 { margin-left: 140px; }
.ml-150 { margin-left: 150px; }
.ml-160 { margin-left: 160px; }
.ml-200 { margin-left: 200px; }

/* margin-right */
.mr-0 { margin-right: 0; }
.mr-4 { margin-right: 4px; }
.mr-8 { margin-right: 8px; }
.mr-10 { margin-right: 10px; }
.mr-20 { margin-right: 20px; }
.mr-24 { margin-right: 24px; }
.mr-30 { margin-right: 30px; }
.mr-40 { margin-right: 40px; }
.mr-60 { margin-right: 60px; }
.mr-70 { margin-right: 70px; }
.mr-80 { margin-right: 80px; }
.mr-100 { margin-right: 100px; }
.mr-120 { margin-right: 120px; }
.mr-140 { margin-right: 140px; }
.mr-150 { margin-right: 150px; }
.mr-160 { margin-right: 160px; }
.mr-200 { margin-right: 200px; }

/* margin-bottom */
.mb-0 { margin-bottom: 0; }
.mb-4 { margin-bottom: 4px; }
.mb-8 { margin-bottom: 8px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-24 { margin-bottom: 24px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-100 { margin-bottom: 100px; }
.mb-120 { margin-bottom: 120px; }
.mb-140 { margin-bottom: 140px; }
.mb-150 { margin-bottom: 150px; }
.mb-160 { margin-bottom: 160px; }
.mb-200 { margin-bottom: 200px; }

/* margin-top */
.mt-0 { margin-top: 0; }
.mt-4 { margin-top: 4px; }
.mt-8 { margin-top: 8px; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-24 { margin-top: 24px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-100 { margin-top: 100px; }
.mt-120 { margin-top: 120px; }
.mt-140 { margin-top: 140px; }
.mt-150 { margin-top: 150px; }
.mt-160 { margin-top: 160px; }
.mt-200 { margin-top: 200px; }

@media (max-width: 767px) {
    /* margin-left-sm */
    .ml-sm-0 { margin-left: 0; }
    .ml-sm-4 { margin-left: 4px; }
    .ml-sm-8 { margin-left: 8px; }
    .ml-sm-10 { margin-left: 10px; }
    .ml-sm-20 { margin-left: 20px; }
    .ml-sm-24 { margin-left: 24px; }
    .ml-sm-30 { margin-left: 30px; }
    .ml-sm-40 { margin-left: 40px; }
    .ml-sm-60 { margin-left: 60px; }
    .ml-sm-70 { margin-left: 70px; }
    .ml-sm-80 { margin-left: 80px; }
    .ml-sm-100 { margin-left: 100px; }
    .ml-sm-120 { margin-left: 120px; }
    .ml-sm-140 { margin-left: 140px; }
    .ml-sm-150 { margin-left: 150px; }
    .ml-sm-160 { margin-left: 160px; }
    .ml-sm-200 { margin-left: 200px; }

    /* margin-right-sm */
    .mr-sm-0 { margin-right: 0; }
    .mr-sm-4 { margin-right: 4px; }
    .mr-sm-8 { margin-right: 8px; }
    .mr-sm-10 { margin-right: 10px; }
    .mr-sm-20 { margin-right: 20px; }
    .mr-sm-24 { margin-right: 24px; }
    .mr-sm-30 { margin-right: 30px; }
    .mr-sm-40 { margin-right: 40px; }
    .mr-sm-60 { margin-right: 60px; }
    .mr-sm-70 { margin-right: 70px; }
    .mr-sm-80 { margin-right: 80px; }
    .mr-sm-100 { margin-right: 100px; }
    .mr-sm-120 { margin-right: 120px; }
    .mr-sm-140 { margin-right: 140px; }
    .mr-sm-150 { margin-right: 150px; }
    .mr-sm-160 { margin-right: 160px; }
    .mr-sm-200 { margin-right: 200px; }

    /* margin-bottom-sm */
    .mb-sm-0 { margin-bottom: 0; }
    .mb-sm-4 { margin-bottom: 4px; }
    .mb-sm-8 { margin-bottom: 8px; }
    .mb-sm-10 { margin-bottom: 10px; }
    .mb-sm-20 { margin-bottom: 20px; }
    .mb-sm-24 { margin-bottom: 24px; }
    .mb-sm-30 { margin-bottom: 30px; }
    .mb-sm-40 { margin-bottom: 40px; }
    .mb-sm-60 { margin-bottom: 60px; }
    .mb-sm-70 { margin-bottom: 70px; }
    .mb-sm-80 { margin-bottom: 80px; }
    .mb-sm-100 { margin-bottom: 100px; }
    .mb-sm-120 { margin-bottom: 120px; }
    .mb-sm-140 { margin-bottom: 140px; }
    .mb-sm-150 { margin-bottom: 150px; }
    .mb-sm-160 { margin-bottom: 160px; }
    .mb-sm-200 { margin-bottom: 200px; }

    /* margin-top-sm */
    .mt-sm-0 { margin-top: 0; }
    .mt-sm-4 { margin-top: 4px; }
    .mt-sm-8 { margin-top: 8px; }
    .mt-sm-10 { margin-top: 10px; }
    .mt-sm-20 { margin-top: 20px; }
    .mt-sm-24 { margin-top: 24px; }
    .mt-sm-30 { margin-top: 30px; }
    .mt-sm-40 { margin-top: 40px; }
    .mt-sm-60 { margin-top: 60px; }
    .mt-sm-70 { margin-top: 70px; }
    .mt-sm-80 { margin-top: 80px; }
    .mt-sm-100 { margin-top: 100px; }
    .mt-sm-120 { margin-top: 120px; }
    .mt-sm-140 { margin-top: 140px; }
    .mt-sm-150 { margin-top: 150px; }
    .mt-sm-160 { margin-top: 160px; }
    .mt-sm-200 { margin-top: 200px; }
}