/***************** spacing padding *************/
.ptb-140 {
    padding: 140px 0;
    @include screen-768 {
        padding: 80px 0;
    }
}
.pt-140 {
    padding-top: 140px;
    @include screen-768 {
        padding-top: 80px;
    }
}
.pb-140 {
    padding-bottom: 140px;
    @include screen-768 {
        padding-bottom: 80px;
    }
}
.pt-120 {
    padding-top: 120px;
    @include screen-768 {
        padding-top: 70px;
    }
}

.ptb-120 {
    padding: 120px 0;
    @include screen-768 {
        padding: 70px 0;
    }
}

.pt-100 {
    padding-top: 100px;
    @include screen-768 {
        padding-top: 80px;
    }
}

.ptb-60 {
    padding: 60px 0;
}

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

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

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

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

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

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

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

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

.pb-100 {
    padding-bottom: 100px;
    @include screen-768 {
        padding-bottom: 70px;
    }
}

.pb-140 {
    padding-bottom: 140px;
    @include screen-768 {
        padding-bottom: 100px;
    }
}

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

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

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

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

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

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


/*********************** spacing margin ***********************/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-50 {
    margin-bottom: 50px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mb-70 {
    margin-bottom: 70px;
}
.mb-100 {
    margin-bottom: 100px;
}
.mx-32 {
    margin-left: 32px;
    margin-right: 32px;
}
.mx-40 {
    margin-left: 40px;
    margin-right: 40px;
}
.my-32 {
    margin-top: 32px;
    margin-bottom: 32px;
}
.my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mt-120 {
    margin-top: 120px;
    @include screen-768 {
        margin-top: 70px;
    }
}