e-extend/assets/scss/components/_space.scss

.pt-100 {
  padding-top: 100px;

  @media #{$md} {
    padding-top: 80px;
  }

  @media #{$sm} {
    padding-top: 50px;
  }
}

.pt-120 {
  padding-top: 120px;

  @media #{$lg} {
    padding-top: 100px;
  }

  @media #{$md} {
    padding-top: 80px;
  }

  @media #{$sm} {
    padding-top: 50px;
  }
}

.pt-125 {
  padding-top: 125px;

  @media #{$lg} {
    padding-top: 100px;
  }

  @media #{$md} {
    padding-top: 80px;
  }

  @media #{$sm} {
    padding-top: 50px;
  }
}

.pt-130 {
  padding-top: 130px;

  @media #{$lg} {
    padding-top: 100px;
  }

  @media #{$md} {
    padding-top: 80px;
  }

  @media #{$sm} {
    padding-top: 50px;
  }
}

.pt-140 {
  padding-top: 140px;

  @media #{$lg} {
    padding-top: 100px;
  }

  @media #{$md} {
    padding-top: 80px;
  }

  @media #{$sm} {
    padding-top: 50px;
  }
}

.pt-150 {
  padding-top: 150px;

  @media #{$lg} {
    padding-top: 100px;
  }

  @media #{$md} {
    padding-top: 80px;
  }

  @media #{$sm} {
    padding-top: 50px;
  }
}

.pt-170 {
  padding-top: 170px;

  @media #{$lg} {
    padding-top: 100px;
  }

  @media #{$md} {
    padding-top: 80px;
  }

  @media #{$sm} {
    padding-top: 50px;
  }
}

// Padding Bottom
.pb-100 {
  padding-bottom: 100px;

  @media #{$md} {
    padding-bottom: 80px;
  }

  @media #{$sm} {
    padding-bottom: 50px;
  }
}

.pb-110 {
  padding-bottom: 110px;

  @media #{$lg} {
    padding-bottom: 100px;
  }

  @media #{$md} {
    padding-bottom: 80px;
  }

  @media #{$sm} {
    padding-bottom: 50px;
  }
}

.pb-120 {
  padding-bottom: 120px;

  @media #{$lg} {
    padding-bottom: 100px;
  }

  @media #{$md} {
    padding-bottom: 80px;
  }

  @media #{$sm} {
    padding-bottom: 50px;
  }
}

.pb-125 {
  padding-bottom: 125px;

  @media #{$lg} {
    padding-bottom: 100px;
  }

  @media #{$md} {
    padding-bottom: 80px;
  }

  @media #{$sm} {
    padding-bottom: 50px;
  }
}

.pb-130 {
  padding-bottom: 130px;

  @media #{$lg} {
    padding-bottom: 100px;
  }

  @media #{$md} {
    padding-bottom: 80px;
  }

  @media #{$sm} {
    padding-bottom: 50px;
  }
}

.pb-140 {
  padding-bottom: 140px;

  @media #{$lg} {
    padding-bottom: 100px;
  }

  @media #{$md} {
    padding-bottom: 80px;
  }

  @media #{$sm} {
    padding-bottom: 50px;
  }
}

.pb-150 {
  padding-bottom: 150px;

  @media #{$lg} {
    padding-bottom: 100px;
  }

  @media #{$md} {
    padding-bottom: 80px;
  }

  @media #{$sm} {
    padding-bottom: 50px;
  }
}


// Margin top
.mt-130 {
  margin-top: 130px;

  @media #{$lg} {
    margin-top: 100px;
  }

  @media #{$md} {
    margin-top: 80px;
  }

  @media #{$sm} {
    margin-top: 50px;
  }
}

// 
.plr-50 {
  padding-left: 50px;
  padding-right: 50px;

  @media #{$md} {
    padding-left: 30px;
    padding-right: 30px;
  }

  @media #{$sm} {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.plr-100 {
  padding-left: 100px;
  padding-right: 100px;

  @media #{$lg} {
    padding-left: 50px;
    padding-right: 50px;
  }

  @media #{$md} {
    padding-left: 30px;
    padding-right: 30px;
  }

  @media #{$sm} {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.plr-90 {
  padding-left: 90px;
  padding-right: 90px;

  @media #{$lg} {
    padding-left: 50px;
    padding-right: 50px;
  }

  @media #{$md} {
    padding-left: 30px;
    padding-right: 30px;
  }

  @media #{$sm} {
    padding-left: 15px;
    padding-right: 15px;
  }
}