@import "../../variable";

@media (min-width: $sm-breakpoint) {
  .p-sm-grid {
    padding: $main-padding !important
  }

  .pt-sm-grid, .py-sm-grid {
    padding-top: $main-padding !important
  }

  .pr-sm-grid, .px-sm-grid {
    padding-right: $main-padding !important
  }

  .pb-sm-grid, .py-sm-grid {
    padding-bottom: $main-padding !important
  }

  .pl-sm-grid, .px-sm-grid {
    padding-left: $main-padding !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .pt-sm-0, .py-sm-0 {
    padding-top: 0 !important
  }

  .pr-sm-0, .px-sm-0 {
    padding-right: 0 !important
  }

  .pb-sm-0, .py-sm-0 {
    padding-bottom: 0 !important
  }

  .pl-sm-0, .px-sm-0 {
    padding-left: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .pt-sm-1, .py-sm-1 {
    padding-top: .25rem !important
  }

  .pr-sm-1, .px-sm-1 {
    padding-right: .25rem !important
  }

  .pb-sm-1, .py-sm-1 {
    padding-bottom: .25rem !important
  }

  .pl-sm-1, .px-sm-1 {
    padding-left: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .pt-sm-2, .py-sm-2 {
    padding-top: .5rem !important
  }

  .pr-sm-2, .px-sm-2 {
    padding-right: .5rem !important
  }

  .pb-sm-2, .py-sm-2 {
    padding-bottom: .5rem !important
  }

  .pl-sm-2, .px-sm-2 {
    padding-left: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .pt-sm-3, .py-sm-3 {
    padding-top: 1rem !important
  }

  .pr-sm-3, .px-sm-3 {
    padding-right: 1rem !important
  }

  .pb-sm-3, .py-sm-3 {
    padding-bottom: 1rem !important
  }

  .pl-sm-3, .px-sm-3 {
    padding-left: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .pt-sm-4, .py-sm-4 {
    padding-top: 1.5rem !important
  }

  .pr-sm-4, .px-sm-4 {
    padding-right: 1.5rem !important
  }

  .pb-sm-4, .py-sm-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-sm-4, .px-sm-4 {
    padding-left: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

  .pt-sm-5, .py-sm-5 {
    padding-top: 3rem !important
  }

  .pr-sm-5, .px-sm-5 {
    padding-right: 3rem !important
  }

  .pb-sm-5, .py-sm-5 {
    padding-bottom: 3rem !important
  }

  .pl-sm-5, .px-sm-5 {
    padding-left: 3rem !important
  }
}