/* Default Padding Classes */
/* Padding classes with 2 pixels */
/* Apply these styles only for desktop devices */
@media (min-width: 992px) {
    .pp-r-2 { padding-right: 2px; }
    .pp-r-3 { padding-right: 3px; }
    .pp-r-4 { padding-right: 4px; }
    .pp-r-5 { padding-right: 5px; }

    .pp-l-2 { padding-left: 2px; }
    .pp-l-3 { padding-left: 3px; }
    .pp-l-4 { padding-left: 4px; }
    .pp-l-5 { padding-left: 5px; }

    .pp-t-0 { padding-top: 0; }
    .pp-t-2 { padding-top: 2px; }
    .pp-t-3 { padding-top: 3px; }
    .pp-t-4 { padding-top: 4px; }
    .pp-t-5 { padding-top: 5px; }

    .pp-b-2 { padding-bottom: 2px; }
    .pp-b-3 { padding-bottom: 3px; }
    .pp-b-4 { padding-bottom: 4px; }
    .pp-b-5 { padding-bottom: 5px; }

    /* Default Margin Classes */
    .pm-r-2 { margin-right: 2px; }
    .pm-r-3 { margin-right: 3px; }
    .pm-r-4 { margin-right: 4px; }
    .pm-r-5 { margin-right: 5px; }

    .pm-l-2 { margin-left: 2px; }
    .pm-l-3 { margin-left: 3px; }
    .pm-l-4 { margin-left: 4px; }
    .pm-l-5 { margin-left: 5px; }

    .pm-t-2 { margin-top: 2px; }
    .pm-t-3 { margin-top: 3px; }
    .pm-t-4 { margin-top: 4px; }
    .pm-t-5 { margin-top: 5px; }

    .pm-b-2 { margin-bottom: 2px; }
    .pm-b-3 { margin-bottom: 3px; }
    .pm-b-4 { margin-bottom: 4px; }
    .pm-b-5 { margin-bottom: 5px; }


}