/* CSS Document */

/* 1 percent */
.p-1pct {
    padding: 1% !important;
}

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

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

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

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

/* 2 percent */
.p-2pct {
    padding: 2% !important;
}

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

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

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

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

/* 3 percent */
.p-3pct {
    padding: 3% !important;
}

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

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

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

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

/* 4 percent */
.p-4pct {
    padding: 4% !important;
}

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

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

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

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

/* 5 percent */
.p-5pct {
    padding: 5% !important;
}

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

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

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

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

/* 6 percent */
.p-6pct {
    padding: 6% !important;
}

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

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

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

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

/* 7 percent */
.p-7pct {
    padding: 7% !important;
}

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

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

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

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

/* 8 percent */
.p-8pct {
    padding: 8% !important;
}

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

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

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

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

/* 9 percent */
.p-9pct {
    padding: 9% !important;
}

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

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

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

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

/* 10 percent */
.p-10pct {
    padding: 10% !important;
}

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

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

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

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

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

    /* 1 percent */
    .p-mob-1pct {
        padding: 1% !important;
    }

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

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

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

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

    /* 2 percent */
    .p-mob-2pct {
        padding: 2% !important;
    }

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

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

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

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

    /* 3 percent */
    .p-mob-3pct {
        padding: 3% !important;
    }

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

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

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

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

    /* 4 percent */
    .p-mob-4pct {
        padding: 4% !important;
    }

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

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

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

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

    /* 5 percent */
    .p-mob-5pct {
        padding: 5% !important;
    }

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

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

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

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

    /* 6 percent */
    .p-mob-6pct {
        padding: 6% !important;
    }

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

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

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

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

    /* 7 percent */
    .p-mob-7pct {
        padding: 7% !important;
    }

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

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

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

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

    /* 8 percent */
    .p-mob-8pct {
        padding: 8% !important;
    }

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

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

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

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

    /* 9 percent */
    .p-mob-9pct {
        padding: 9% !important;
    }

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

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

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

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

    /* 10 percent */
    .p-mob-10pct {
        padding: 10% !important;
    }

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

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

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

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

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

    /* 1 percent */
    .p-tab-1pct {
        padding: 1% !important;
    }

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

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

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

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

    /* 2 percent */
    .p-tab-2pct {
        padding: 2% !important;
    }

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

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

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

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

    /* 3 percent */
    .p-tab-3pct {
        padding: 3% !important;
    }

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

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

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

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

    /* 4 percent */
    .p-tab-4pct {
        padding: 4% !important;
    }

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

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

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

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

    /* 5 percent */
    .p-tab-5pct {
        padding: 5% !important;
    }

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

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

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

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

    /* 6 percent */
    .p-tab-6pct {
        padding: 6% !important;
    }

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

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

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

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

    /* 7 percent */
    .p-tab-7pct {
        padding: 7% !important;
    }

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

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

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

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

    /* 8 percent */
    .p-tab-8pct {
        padding: 8% !important;
    }

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

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

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

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

    /* 9 percent */
    .p-tab-9pct {
        padding: 9% !important;
    }

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

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

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

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

    /* 10 percent */
    .p-tab-10pct {
        padding: 10% !important;
    }

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

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

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

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

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

    /* 1 percent */
    .p-dt-1pct {
        padding: 1% !important;
    }

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

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

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

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

    /* 2 percent */
    .p-dt-2pct {
        padding: 2% !important;
    }

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

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

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

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

    /* 3 percent */
    .p-dt-3pct {
        padding: 3% !important;
    }

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

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

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

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

    /* 4 percent */
    .p-dt-4pct {
        padding: 4% !important;
    }

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

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

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

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

    /* 5 percent */
    .p-dt-5pct {
        padding: 5% !important;
    }

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

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

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

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

    /* 6 percent */
    .p-dt-6pct {
        padding: 6% !important;
    }

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

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

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

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

    /* 7 percent */
    .p-dt-7pct {
        padding: 7% !important;
    }

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

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

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

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

    /* 8 percent */
    .p-dt-8pct {
        padding: 8% !important;
    }

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

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

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

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

    /* 9 percent */
    .p-dt-9pct {
        padding: 9% !important;
    }

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

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

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

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

    /* 10 percent */
    .p-dt-10pct {
        padding: 10% !important;
    }

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

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

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

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