
.marginResponsive {
  margin: 10px !important;
}

.marginResponsiveT {
  margin-top: 10px !important;
}

.marginResponsiveB {
  margin-bottom: 10px !important;
}

.marginResponsiveL {
  margin-left: 10px !important;
}

.marginResponsiveR {
  margin-right: 10px !important;
}

.marginResponsiveLr {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.marginResponsiveTb {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.marginResponsiveExtra {
  margin: 12px !important;
}

.marginResponsiveExtraLr {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.marginResponsiveExtraTb {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.marginResponsiveExtraL {
  margin-left: 12px !important;
}

.marginResponsiveExtraR {
  margin-right: 12px !important;
}

.marginResponsiveExtraT {
  margin-top: 12px !important;
}

.marginResponsiveExtraB {
  margin-bottom: 12px !important;
}

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

  .marginResponsiveT {
    margin-top: 12px !important;
  }

  .marginResponsiveB {
    margin-bottom: 12px !important;
  }

  .marginResponsiveL {
    margin-left: 12px !important;
  }

  .marginResponsiveR {
    margin-right: 12px !important;
  }

  .marginResponsiveLr {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  .marginResponsiveTb {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }

  .marginResponsiveExtra {
    margin: 18px !important;
  }

  .marginResponsiveExtraLr {
    margin-left: 18px !important;
    margin-right: 18px !important;
  }

  .marginResponsiveExtraTb {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  }

  .marginResponsiveExtraL {
    margin-left: 18px !important;
  }

  .marginResponsiveExtraR {
    margin-right: 18px !important;
  }

  .marginResponsiveExtraT {
    margin-top: 18px !important;
  }

  .marginResponsiveExtraB {
    margin-bottom: 18px !important;
  }
}

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

  .marginResponsiveT {
    margin-top: 18px !important;
  }

  .marginResponsiveB {
    margin-bottom: 18px !important;
  }

  .marginResponsiveL {
    margin-left: 18px !important;
  }

  .marginResponsiveR {
    margin-right: 18px !important;
  }

  .marginResponsiveLr {
    margin-left: 18px !important;
    margin-right: 18px !important;
  }

  .marginResponsiveTb {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  }

  .marginResponsiveExtra {
    margin: 36px !important;
  }

  .marginResponsiveExtraLr {
    margin-left: 36px !important;
    margin-right: 36px !important;
  }

  .marginResponsiveExtraTb {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }

  .marginResponsiveExtraL {
    margin-left: 36px !important;
  }

  .marginResponsiveExtraR {
    margin-right: 36px !important;
  }

  .marginResponsiveExtraT {
    margin-top: 36px !important;
  }

  .marginResponsiveExtraB {
    margin-bottom: 36px !important;
  }
}

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

  .marginResponsiveT {
    margin-top: 20px !important;
  }

  .marginResponsiveB {
    margin-bottom: 20px !important;
  }

  .marginResponsiveL {
    margin-left: 20px !important;
  }

  .marginResponsiveR {
    margin-right: 20px !important;
  }

  .marginResponsiveLr {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .marginResponsiveTb {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .marginResponsiveExtra {
    margin: 40px !important;
  }

  .marginResponsiveExtraLr {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .marginResponsiveExtraTb {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .marginResponsiveExtraL {
    margin-left: 40px !important;
  }

  .marginResponsiveExtraR {
    margin-right: 40px !important;
  }

  .marginResponsiveExtraT {
    margin-top: 40px !important;
  }

  .marginResponsiveExtraB {
    margin-bottom: 40px !important;
  }
}

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

  .marginResponsiveT {
    margin-top: 20px !important;
  }

  .marginResponsiveB {
    margin-bottom: 20px !important;
  }

  .marginResponsiveL {
    margin-left: 20px !important;
  }

  .marginResponsiveR {
    margin-right: 20px !important;
  }

  .marginResponsiveLr {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .marginResponsiveTb {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .marginResponsiveExtra {
    margin: 40px !important;
  }

  .marginResponsiveExtraLr {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .marginResponsiveExtraTb {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .marginResponsiveExtraL {
    margin-left: 40px !important;
  }

  .marginResponsiveExtraR {
    margin-right: 40px !important;
  }

  .marginResponsiveExtraT {
    margin-top: 40px !important;
  }

  .marginResponsiveExtraB {
    margin-bottom: 40px !important;
  }
}

.stackResponsive > :not(:last-child) {
  margin-bottom: 10px;
}

.stackResponsiveA > * {
  margin-bottom: 10px;
}

.stackResponsiveR > :not(:last-child) {
  margin-right: 10px;
}

@media (min-width: 375px) {  .stackResponsive > :not(:last-child) {
    margin-bottom: 12px;
  }

  .stackResponsiveA > * {
    margin-bottom: 12px;
  }

  .stackResponsiveR > :not(:last-child) {
    margin-right: 12px;
  }
}

@media (min-width: 768px) {  .stackResponsive > :not(:last-child) {
    margin-bottom: 18px;
  }

  .stackResponsiveA > * {
    margin-bottom: 18px;
  }

  .stackResponsiveR > :not(:last-child) {
    margin-right: 18px;
  }
}

@media (min-width: 1024px) {  .stackResponsive > :not(:last-child) {
    margin-bottom: 20px;
  }

  .stackResponsiveA > * {
    margin-bottom: 20px;
  }

  .stackResponsiveR > :not(:last-child) {
    margin-right: 20px;
  }
}

@media (min-width: 1280px) {  .stackResponsive > :not(:last-child) {
    margin-bottom: 20px;
  }

  .stackResponsiveA > * {
    margin-bottom: 20px;
  }

  .stackResponsiveR > :not(:last-child) {
    margin-right: 20px;
  }
}