/*----------------------------------------*/
/*  03. SPACE CSS START
/*----------------------------------------*/
.mt-100 {
    margin-top: 100px;
    @include short-query(992px , 1199px) {
        margin-top: 80px;
    }
    @include short-query(768px , 991px) {
        margin-top: 70px;
    }
    @include media-query(767px) {
        margin-top: 50px;
    }
}
.mb-100 {
    margin-bottom: 100px;
    @include short-query(992px , 1199px) {
        margin-bottom: 80px;
    }
    @include short-query(768px , 991px) {
        margin-bottom: 70px;
    }
    @include media-query(767px) {
        margin-bottom: 50px;
    }
}
.mt-64 {
    margin-top: 64px;
    @include short-query(992px , 1199px) {
        margin-top: 48px;
    }
    @include short-query(768px , 991px) {
        margin-top: 42px;
    }
    @include media-query(767px) {
        margin-top: 32px;
    }
}
.mb-64 {
    margin-bottom: 64px;
    @include short-query(992px , 1199px) {
        margin-bottom: 48px;
    }
    @include short-query(768px , 991px) {
        margin-bottom: 42px;
    }
    @include media-query(767px) {
        margin-bottom: 32px;
    }
}
.mt-48 {
    margin-top: 48px;
    @include short-query(992px , 1199px) {
        margin-top: 42px;
    }
    @include short-query(768px , 991px) {
        margin-top: 32px;
    }
    @include media-query(767px) {
        margin-top: 24px;
    }
}
.mb-48 {
    margin-bottom: 48px;
    @include short-query(992px , 1199px) {
        margin-bottom: 42px;
    }
    @include short-query(768px , 991px) {
        margin-bottom: 32px;
    }
    @include media-query(767px) {
        margin-bottom: 24px;
    }
}
.mb-32 {
    margin-bottom: 32px;
    @include short-query(992px , 1199px) {
        margin-bottom: 26px;
    }
    @include short-query(768px , 991px) {
        margin-bottom: 22px;
    }
    @include media-query(767px) {
        margin-bottom: 18px;
    }
}
.mb-24 {
    margin-bottom: 24px;
    @include short-query(992px , 1199px) {
        margin-bottom: 22px;
    }
    @include short-query(768px , 991px) {
        margin-bottom: 16px;
    }
    @include media-query(767px) {
        margin-bottom: 14px;
    }
}
.mb-16 {
    margin-bottom: 16px;
    @include short-query(992px , 1199px) {
        margin-bottom: 15px;
    }
    @include short-query(768px , 991px) {
        margin-bottom: 12px;
    }
    @include media-query(767px) {
        margin-bottom: 10px;
    }
}
.mb-8 {
    margin-bottom: 8px;
}
.mb-4px {
    margin-bottom: 4px;
}

.mt-30-m{
    @include media-query(900px) {
       margin-top: 30px;
     }
}


.p-32 {
    padding: 32px;
}
.p-24 {
    padding: 24px;
}
.p-16 {
    padding: 16px;
    @include short-query(992px , 1199px) {
        padding: 15px;
    }
    @include short-query(768px , 991px) {
        padding: 13px;
    }
    @include media-query(767px) {
        padding: 10px;
    }
    @include media-query(490px) {
        padding: 10px;
    }
}

.pt-100{
    padding-top: 100px;
    @include media-query(575px) {
        padding-top: 60px;
    }
}
.pb-100{
    padding-bottom: 100px;
    @include media-query(575px) {
        padding-bottom: 60px;
    }
}