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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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