/* 0 */
.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

/* 5 pixel */
.p-5 {
    padding: 5px !important;
}

.pt-5,
.py-5 {
    padding-top: 5px !important;
}

.pr-5,
.px-5 {
    padding-right: 5px !important;
}

.pb-5,
.py-5 {
    padding-bottom: 5px !important;
}

.pl-5,
.px-5 {
    padding-left: 5px !important;
}

/* 10 pixel */
.p-10 {
    padding: 10px !important;
}

.pt-10,
.py-10 {
    padding-top: 10px !important;
}

.pr-10,
.px-10 {
    padding-right: 10px !important;
}

.pb-10,
.py-10 {
    padding-bottom: 10px !important;
}

.pl-10,
.px-10 {
    padding-left: 10px !important;
}

/* 15 pixel */
.p-15 {
    padding: 15px !important;
}

.pt-15,
.py-15 {
    padding-top: 15px !important;
}

.pr-15,
.px-15 {
    padding-right: 15px !important;
}

.pb-15,
.py-15 {
    padding-bottom: 15px !important;
}

.pl-15,
.px-15 {
    padding-left: 15px !important;
}

/* 20 pixel */
.p-20 {
    padding: 20px !important;
}

.pt-20,
.py-20 {
    padding-top: 20px !important;
}

.pr-20,
.px-20 {
    padding-right: 20px !important;
}

.pb-20,
.py-20 {
    padding-bottom: 20px !important;
}

.pl-20,
.px-20 {
    padding-left: 20px !important;
}

/* 25 pixel */
.p-25 {
    padding: 25px !important;
}

.pt-25,
.py-25 {
    padding-top: 25px !important;
}

.pr-25,
.px-25 {
    padding-right: 25px !important;
}

.pb-25,
.py-25 {
    padding-bottom: 25px !important;
}

.pl-25,
.px-25 {
    padding-left: 25px !important;
}

/* 30 pixel */
.p-30 {
    padding: 30px !important;
}

.pt-30,
.py-30 {
    padding-top: 30px !important;
}

.pr-30,
.px-30 {
    padding-right: 30px !important;
}

.pb-30,
.py-30 {
    padding-bottom: 30px !important;
}

.pl-30,
.px-30 {
    padding-left: 30px !important;
}

/* 35 pixel */
.p-35 {
    padding: 35px !important;
}

.pt-35,
.py-35 {
    padding-top: 35px !important;
}

.pr-35,
.px-35 {
    padding-right: 35px !important;
}

.pb-35,
.py-35 {
    padding-bottom: 35px !important;
}

.pl-35,
.px-35 {
    padding-left: 35px !important;
}

/* 40 pixel */
.p-40 {
    padding: 40px !important;
}

.pt-40,
.py-40 {
    padding-top: 40px !important;
}

.pr-40,
.px-40 {
    padding-right: 40px !important;
}

.pb-40,
.py-40 {
    padding-bottom: 40px !important;
}

.pl-40,
.px-40 {
    padding-left: 40px !important;
}

/* 45 pixel */
.p-45 {
    padding: 45px !important;
}

.pt-45,
.py-45 {
    padding-top: 45px !important;
}

.pr-45,
.px-45 {
    padding-right: 45px !important;
}

.pb-45,
.py-45 {
    padding-bottom: 45px !important;
}

.pl-45,
.px-45 {
    padding-left: 45px !important;
}

/* 50 pixel */
.p-50 {
    padding: 50px !important;
}

.pt-50,
.py-50 {
    padding-top: 50px !important;
}

.pr-50,
.px-50 {
    padding-right: 50px !important;
}

.pb-50,
.py-50 {
    padding-bottom: 50px !important;
}

.pl-50,
.px-50 {
    padding-left: 50px !important;
}

/* mobile padding only */
@media (max-width: 768px) {

    /* 0 */
    .p-mob-0 {
        padding: 0 !important;
    }

    .pt-mob-0,
    .py-mob-0 {
        padding-top: 0 !important;
    }

    .pr-mob-0,
    .px-mob-0 {
        padding-right: 0 !important;
    }

    .pb-mob-0,
    .py-mob-0 {
        padding-bottom: 0 !important;
    }

    .pl-mob-0,
    .px-mob-0 {
        padding-left: 0 !important;
    }

    /* 5 pixel */
    .p-mob-5 {
        padding: 5px !important;
    }

    .pt-mob-5,
    .py-mob-5 {
        padding-top: 5px !important;
    }

    .pr-mob-5,
    .px-mob-5 {
        padding-right: 5px !important;
    }

    .pb-mob-5,
    .py-mob-5 {
        padding-bottom: 5px !important;
    }

    .pl-mob-5,
    .px-mob-5 {
        padding-left: 5px !important;
    }

    /* 10 pixel */
    .p-mob-10 {
        padding: 10px !important;
    }

    .pt-mob-10,
    .py-mob-10 {
        padding-top: 10px !important;
    }

    .pr-mob-10,
    .px-mob-10 {
        padding-right: 10px !important;
    }

    .pb-mob-10,
    .py-mob-10 {
        padding-bottom: 10px !important;
    }

    .pl-mob-10,
    .px-mob-10 {
        padding-left: 10px !important;
    }

    /* 15 pixel */
    .p-mob-15 {
        padding: 15px !important;
    }

    .pt-mob-15,
    .py-mob-15 {
        padding-top: 15px !important;
    }

    .pr-mob-15,
    .px-mob-15 {
        padding-right: 15px !important;
    }

    .pb-mob-15,
    .py-mob-15 {
        padding-bottom: 15px !important;
    }

    .pl-mob-15,
    .px-mob-15 {
        padding-left: 15px !important;
    }

    /* 20 pixel */
    .p-mob-20 {
        padding: 20px !important;
    }

    .pt-mob-20,
    .py-mob-20 {
        padding-top: 20px !important;
    }

    .pr-mob-20,
    .px-mob-20 {
        padding-right: 20px !important;
    }

    .pb-mob-20,
    .py-mob-20 {
        padding-bottom: 20px !important;
    }

    .pl-mob-20,
    .px-mob-20 {
        padding-left: 20px !important;
    }

    /* 25 pixel */
    .p-mob-25 {
        padding: 25px !important;
    }

    .pt-mob-25,
    .py-mob-25 {
        padding-top: 25px !important;
    }

    .pr-mob-25,
    .px-mob-25 {
        padding-right: 25px !important;
    }

    .pb-mob-25,
    .py-mob-25 {
        padding-bottom: 25px !important;
    }

    .pl-mob-25,
    .px-mob-25 {
        padding-left: 25px !important;
    }

    /* 30 pixel */
    .p-mob-30 {
        padding: 30px !important;
    }

    .pt-mob-30,
    .py-mob-30 {
        padding-top: 30px !important;
    }

    .pr-mob-30,
    .px-mob-30 {
        padding-right: 30px !important;
    }

    .pb-mob-30,
    .py-mob-30 {
        padding-bottom: 30px !important;
    }

    .pl-mob-30,
    .px-mob-30 {
        padding-left: 30px !important;
    }

    /* 35 pixel */
    .p-mob-35 {
        padding: 35px !important;
    }

    .pt-mob-35,
    .py-mob-35 {
        padding-top: 35px !important;
    }

    .pr-mob-35,
    .px-mob-35 {
        padding-right: 35px !important;
    }

    .pb-mob-35,
    .py-mob-35 {
        padding-bottom: 35px !important;
    }

    .pl-mob-35,
    .px-mob-35 {
        padding-left: 35px !important;
    }

    /* 40 pixel */
    .p-mob-40 {
        padding: 40px !important;
    }

    .pt-mob-40,
    .py-mob-40 {
        padding-top: 40px !important;
    }

    .pr-mob-40,
    .px-mob-40 {
        padding-right: 40px !important;
    }

    .pb-mob-40,
    .py-mob-40 {
        padding-bottom: 40px !important;
    }

    .pl-mob-40,
    .px-mob-40 {
        padding-left: 40px !important;
    }

    /* 45 pixel */
    .p-mob-45 {
        padding: 45px !important;
    }

    .pt-mob-45,
    .py-mob-45 {
        padding-top: 45px !important;
    }

    .pr-mob-45,
    .px-mob-45 {
        padding-right: 45px !important;
    }

    .pb-mob-45,
    .py-mob-45 {
        padding-bottom: 45px !important;
    }

    .pl-mob-45,
    .px-mob-45 {
        padding-left: 45px !important;
    }

    /* 50 pixel */
    .p-mob-50 {
        padding: 50px !important;
    }

    .pt-mob-50,
    .py-mob-50 {
        padding-top: 50px !important;
    }

    .pr-mob-50,
    .px-mob-50 {
        padding-right: 50px !important;
    }

    .pb-mob-50,
    .py-mob-50 {
        padding-bottom: 50px !important;
    }

    .pl-mob-50,
    .px-mob-50 {
        padding-left: 50px !important;
    }
}

/* tablet padding only */
@media (min-width: 768px) and (max-width: 1024px) {

    /* 0 */
    .p-tab-0 {
        padding: 0 !important;
    }

    .pt-tab-0,
    .py-tab-0 {
        padding-top: 0 !important;
    }

    .pr-tab-0,
    .px-tab-0 {
        padding-right: 0 !important;
    }

    .pb-tab-0,
    .py-tab-0 {
        padding-bottom: 0 !important;
    }

    .pl-tab-0,
    .px-tab-0 {
        padding-left: 0 !important;
    }

    /* 5 pixel */
    .p-tab-5 {
        padding: 5px !important;
    }

    .pt-tab-5,
    .py-tab-5 {
        padding-top: 5px !important;
    }

    .pr-tab-5,
    .px-tab-5 {
        padding-right: 5px !important;
    }

    .pb-tab-5,
    .py-tab-5 {
        padding-bottom: 5px !important;
    }

    .pl-tab-5,
    .px-tab-5 {
        padding-left: 5px !important;
    }

    /* 10 pixel */
    .p-tab-10 {
        padding: 10px !important;
    }

    .pt-tab-10,
    .py-tab-10 {
        padding-top: 10px !important;
    }

    .pr-tab-10,
    .px-tab-10 {
        padding-right: 10px !important;
    }

    .pb-tab-10,
    .py-tab-10 {
        padding-bottom: 10px !important;
    }

    .pl-tab-10,
    .px-tab-10 {
        padding-left: 10px !important;
    }

    /* 15 pixel */
    .p-tab-15 {
        padding: 15px !important;
    }

    .pt-tab-15,
    .py-tab-15 {
        padding-top: 15px !important;
    }

    .pr-tab-15,
    .px-tab-15 {
        padding-right: 15px !important;
    }

    .pb-tab-15,
    .py-tab-15 {
        padding-bottom: 15px !important;
    }

    .pl-tab-15,
    .px-tab-15 {
        padding-left: 15px !important;
    }

    /* 20 pixel */
    .p-tab-20 {
        padding: 20px !important;
    }

    .pt-tab-20,
    .py-tab-20 {
        padding-top: 20px !important;
    }

    .pr-tab-20,
    .px-tab-20 {
        padding-right: 20px !important;
    }

    .pb-tab-20,
    .py-tab-20 {
        padding-bottom: 20px !important;
    }

    .pl-tab-20,
    .px-tab-20 {
        padding-left: 20px !important;
    }

    /* 25 pixel */
    .p-tab-25 {
        padding: 25px !important;
    }

    .pt-tab-25,
    .py-tab-25 {
        padding-top: 25px !important;
    }

    .pr-tab-25,
    .px-tab-25 {
        padding-right: 25px !important;
    }

    .pb-tab-25,
    .py-tab-25 {
        padding-bottom: 25px !important;
    }

    .pl-tab-25,
    .px-tab-25 {
        padding-left: 25px !important;
    }

    /* 30 pixel */
    .p-tab-30 {
        padding: 30px !important;
    }

    .pt-tab-30,
    .py-tab-30 {
        padding-top: 30px !important;
    }

    .pr-tab-30,
    .px-tab-30 {
        padding-right: 30px !important;
    }

    .pb-tab-30,
    .py-tab-30 {
        padding-bottom: 30px !important;
    }

    .pl-tab-30,
    .px-tab-30 {
        padding-left: 30px !important;
    }

    /* 35 pixel */
    .p-tab-35 {
        padding: 35px !important;
    }

    .pt-tab-35,
    .py-tab-35 {
        padding-top: 35px !important;
    }

    .pr-tab-35,
    .px-tab-35 {
        padding-right: 35px !important;
    }

    .pb-tab-35,
    .py-tab-35 {
        padding-bottom: 35px !important;
    }

    .pl-tab-35,
    .px-tab-35 {
        padding-left: 35px !important;
    }

    /* 40 pixel */
    .p-tab-40 {
        padding: 40px !important;
    }

    .pt-tab-40,
    .py-tab-40 {
        padding-top: 40px !important;
    }

    .pr-tab-40,
    .px-tab-40 {
        padding-right: 40px !important;
    }

    .pb-tab-40,
    .py-tab-40 {
        padding-bottom: 40px !important;
    }

    .pl-tab-40,
    .px-tab-40 {
        padding-left: 40px !important;
    }

    /* 45 pixel */
    .p-tab-45 {
        padding: 45px !important;
    }

    .pt-tab-45,
    .py-tab-45 {
        padding-top: 45px !important;
    }

    .pr-tab-45,
    .px-tab-45 {
        padding-right: 45px !important;
    }

    .pb-tab-45,
    .py-tab-45 {
        padding-bottom: 45px !important;
    }

    .pl-tab-45,
    .px-tab-45 {
        padding-left: 45px !important;
    }

    /* 50 pixel */
    .p-tab-50 {
        padding: 50px !important;
    }

    .pt-tab-50,
    .py-tab-50 {
        padding-top: 50px !important;
    }

    .pr-tab-50,
    .px-tab-50 {
        padding-right: 50px !important;
    }

    .pb-tab-50,
    .py-tab-50 {
        padding-bottom: 50px !important;
    }

    .pl-tab-50,
    .px-tab-50 {
        padding-left: 50px !important;
    }
}

/* desktop padding only */
@media (min-width: 1024px) {

    /* 0 */
    .p-dt-0 {
        padding: 0 !important;
    }

    .pt-dt-0,
    .py-dt-0 {
        padding-top: 0 !important;
    }

    .pr-dt-0,
    .px-dt-0 {
        padding-right: 0 !important;
    }

    .pb-dt-0,
    .py-dt-0 {
        padding-bottom: 0 !important;
    }

    .pl-dt-0,
    .px-dt-0 {
        padding-left: 0 !important;
    }

    /* 5 pixel */
    .p-dt-5 {
        padding: 5px !important;
    }

    .pt-dt-5,
    .py-dt-5 {
        padding-top: 5px !important;
    }

    .pr-dt-5,
    .px-dt-5 {
        padding-right: 5px !important;
    }

    .pb-dt-5,
    .py-dt-5 {
        padding-bottom: 5px !important;
    }

    .pl-dt-5,
    .px-dt-5 {
        padding-left: 5px !important;
    }

    /* 10 pixel */
    .p-dt-10 {
        padding: 10px !important;
    }

    .pt-dt-10,
    .py-dt-10 {
        padding-top: 10px !important;
    }

    .pr-dt-10,
    .px-dt-10 {
        padding-right: 10px !important;
    }

    .pb-dt-10,
    .py-dt-10 {
        padding-bottom: 10px !important;
    }

    .pl-dt-10,
    .px-dt-10 {
        padding-left: 10px !important;
    }

    /* 15 pixel */
    .p-dt-15 {
        padding: 15px !important;
    }

    .pt-dt-15,
    .py-dt-15 {
        padding-top: 15px !important;
    }

    .pr-dt-15,
    .px-dt-15 {
        padding-right: 15px !important;
    }

    .pb-dt-15,
    .py-dt-15 {
        padding-bottom: 15px !important;
    }

    .pl-dt-15,
    .px-dt-15 {
        padding-left: 15px !important;
    }

    /* 20 pixel */
    .p-dt-20 {
        padding: 20px !important;
    }

    .pt-dt-20,
    .py-dt-20 {
        padding-top: 20px !important;
    }

    .pr-dt-20,
    .px-dt-20 {
        padding-right: 20px !important;
    }

    .pb-dt-20,
    .py-dt-20 {
        padding-bottom: 20px !important;
    }

    .pl-dt-20,
    .px-dt-20 {
        padding-left: 20px !important;
    }

    /* 25 pixel */
    .p-dt-25 {
        padding: 25px !important;
    }

    .pt-dt-25,
    .py-dt-25 {
        padding-top: 25px !important;
    }

    .pr-dt-25,
    .px-dt-25 {
        padding-right: 25px !important;
    }

    .pb-dt-25,
    .py-dt-25 {
        padding-bottom: 25px !important;
    }

    .pl-dt-25,
    .px-dt-25 {
        padding-left: 25px !important;
    }

    /* 30 pixel */
    .p-dt-30 {
        padding: 30px !important;
    }

    .pt-dt-30,
    .py-dt-30 {
        padding-top: 30px !important;
    }

    .pr-dt-30,
    .px-dt-30 {
        padding-right: 30px !important;
    }

    .pb-dt-30,
    .py-dt-30 {
        padding-bottom: 30px !important;
    }

    .pl-dt-30,
    .px-dt-30 {
        padding-left: 30px !important;
    }

    /* 35 pixel */
    .p-dt-35 {
        padding: 35px !important;
    }

    .pt-dt-35,
    .py-dt-35 {
        padding-top: 35px !important;
    }

    .pr-dt-35,
    .px-dt-35 {
        padding-right: 35px !important;
    }

    .pb-dt-35,
    .py-dt-35 {
        padding-bottom: 35px !important;
    }

    .pl-dt-35,
    .px-dt-35 {
        padding-left: 35px !important;
    }

    /* 40 pixel */
    .p-dt-40 {
        padding: 40px !important;
    }

    .pt-dt-40,
    .py-dt-40 {
        padding-top: 40px !important;
    }

    .pr-dt-40,
    .px-dt-40 {
        padding-right: 40px !important;
    }

    .pb-dt-40,
    .py-dt-40 {
        padding-bottom: 40px !important;
    }

    .pl-dt-40,
    .px-dt-40 {
        padding-left: 40px !important;
    }

    /* 45 pixel */
    .p-dt-45 {
        padding: 45px !important;
    }

    .pt-dt-45,
    .py-dt-45 {
        padding-top: 45px !important;
    }

    .pr-dt-45,
    .px-dt-45 {
        padding-right: 45px !important;
    }

    .pb-dt-45,
    .py-dt-45 {
        padding-bottom: 45px !important;
    }

    .pl-dt-45,
    .px-dt-45 {
        padding-left: 45px !important;
    }

    /* 50 pixel */
    .p-dt-50 {
        padding: 50px !important;
    }

    .pt-dt-50,
    .py-dt-50 {
        padding-top: 50px !important;
    }

    .pr-dt-50,
    .px-dt-50 {
        padding-right: 50px !important;
    }

    .pb-dt-50,
    .py-dt-50 {
        padding-bottom: 50px !important;
    }

    .pl-dt-50,
    .px-dt-50 {
        padding-left: 50px !important;
    }
}