
.padResponsive {
  padding: 10px !important;
}

.padResponsiveLr {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.padResponsiveTb {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.padResponsiveL {
  padding-left: 10px !important;
}

.padResponsiveR {
  padding-right: 10px !important;
}

.padResponsiveT {
  padding-top: 10px !important;
}

.padResponsiveB {
  padding-bottom: 10px !important;
}

.padResponsiveExtra {
  padding: 12px !important;
}

.padResponsiveExtraLr {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.padResponsiveExtraTb {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.padResponsiveExtraL {
  padding-left: 12px !important;
}

.padResponsiveExtraR {
  padding-right: 12px !important;
}

.padResponsiveExtraT {
  padding-top: 12px !important;
}

.padResponsiveExtraB {
  padding-bottom: 12px !important;
}

@media (min-width: 375px) {  .padResponsive {
    padding: 12px !important;
  }

  .padResponsiveLr {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .padResponsiveTb {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .padResponsiveL {
    padding-left: 12px !important;
  }

  .padResponsiveR {
    padding-right: 12px !important;
  }

  .padResponsiveT {
    padding-top: 12px !important;
  }

  .padResponsiveB {
    padding-bottom: 12px !important;
  }

  .padResponsiveExtra {
    padding: 18px !important;
  }

  .padResponsiveExtraLr {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .padResponsiveExtraTb {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  .padResponsiveExtraL {
    padding-left: 18px !important;
  }

  .padResponsiveExtraR {
    padding-right: 18px !important;
  }

  .padResponsiveExtraT {
    padding-top: 18px !important;
  }

  .padResponsiveExtraB {
    padding-bottom: 18px !important;
  }
}

@media (min-width: 768px) {  .padResponsive {
    padding: 18px !important;
  }

  .padResponsiveLr {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .padResponsiveTb {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  .padResponsiveL {
    padding-left: 18px !important;
  }

  .padResponsiveR {
    padding-right: 18px !important;
  }

  .padResponsiveT {
    padding-top: 18px !important;
  }

  .padResponsiveB {
    padding-bottom: 18px !important;
  }

  .padResponsiveExtra {
    padding: 36px !important;
  }

  .padResponsiveExtraLr {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  .padResponsiveExtraTb {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

  .padResponsiveExtraL {
    padding-left: 36px !important;
  }

  .padResponsiveExtraR {
    padding-right: 36px !important;
  }

  .padResponsiveExtraT {
    padding-top: 36px !important;
  }

  .padResponsiveExtraB {
    padding-bottom: 36px !important;
  }
}

@media (min-width: 1024px) {  .padResponsive {
    padding: 20px !important;
  }

  .padResponsiveLr {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .padResponsiveTb {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .padResponsiveL {
    padding-left: 20px !important;
  }

  .padResponsiveR {
    padding-right: 20px !important;
  }

  .padResponsiveT {
    padding-top: 20px !important;
  }

  .padResponsiveB {
    padding-bottom: 20px !important;
  }

  .padResponsiveExtra {
    padding: 40px !important;
  }

  .padResponsiveExtraLr {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .padResponsiveExtraTb {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .padResponsiveExtraL {
    padding-left: 40px !important;
  }

  .padResponsiveExtraR {
    padding-right: 40px !important;
  }

  .padResponsiveExtraT {
    padding-top: 40px !important;
  }

  .padResponsiveExtraB {
    padding-bottom: 40px !important;
  }
}

@media (min-width: 1280px) {  .padResponsive {
    padding: 20px !important;
  }

  .padResponsiveLr {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .padResponsiveTb {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .padResponsiveL {
    padding-left: 20px !important;
  }

  .padResponsiveR {
    padding-right: 20px !important;
  }

  .padResponsiveT {
    padding-top: 20px !important;
  }

  .padResponsiveB {
    padding-bottom: 20px !important;
  }

  .padResponsiveExtra {
    padding: 40px !important;
  }

  .padResponsiveExtraLr {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .padResponsiveExtraTb {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .padResponsiveExtraL {
    padding-left: 40px !important;
  }

  .padResponsiveExtraR {
    padding-right: 40px !important;
  }

  .padResponsiveExtraT {
    padding-top: 40px !important;
  }

  .padResponsiveExtraB {
    padding-bottom: 40px !important;
  }
}