## Padding

###### Set Padding

You can set a padding to an element instantly by using the following utilities classes.

.pd-t-30
.pd-t-50
.pd-t-70

###### Media Query Padding

You can also set a padding to a different media query using the following utilities classes.

Class | Value
--- | ---
`.pd-[size]-t-[value]` (or) `.pt-[size]-[value]` `.pd-[size]-r-[value]` (or) `.pe-[size]-[value]` `.pd-[size]-b-[value]` (or) `.pb-[size]-[value]` `.pd-[size]-l-[value]` (or) `.ps-[size]-[value]` | size: xs | sm | md | lg | xl value: the padding value (refer to code above)

###### Sales Summary

###### Total Revenue

weekly profit

##### $15,300

###### Total Tax

weekly profit

##### $1,625

###### Total Income

weekly profit

##### $55,897

###### Total Loss

weekly profit

##### 20%