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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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