//
// MARGIN / PADDING
// --------------------------------
.margin-bottom-xxs {
  margin-bottom: 7px !important
}

.margin-bottom-xs {
  margin-bottom: 15px !important
}

.margin-bottom-s {
  margin-bottom: 25px !important
}

.margin-bottom-m {
  margin-bottom: 40px !important
}

.margin-bottom-l {
  margin-bottom: 60px !important
}

.margin-top-xxs {
  margin-top: 7px !important
}

.margin-top-xs {
  margin-top: 15px !important
}

.margin-top-s {
  margin-top: 25px !important
}

.margin-top-m {
  margin-top: 40px !important
}

.margin-top-l {
  margin-top: 60px !important
}

.padding-bottom-xxs {
  padding-bottom: 7px !important
}

.padding-bottom-xs {
  padding-bottom: 15px !important
}

.padding-bottom-s {
  padding-bottom: 25px !important
}

.padding-bottom-m {
  padding-bottom: 40px !important
}

.padding-bottom-l {
  padding-bottom: 60px !important
}

.padding-top-xxs {
  padding-top: 7px !important
}

.padding-top-xs {
  padding-top: 15px !important
}

.padding-top-s {
  padding-top: 25px !important
}

.padding-top-m {
  padding-top: 40px !important
}

.padding-top-l {
  padding-top: 60px !important
}


.padding-x-xxs {
  padding-left: 7px !important;
  padding-right: 7px !important;
}
.padding-x-xs {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.padding-x-s {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.padding-x-m {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.padding-x-l {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.padding-y-xxs {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.padding-y-xs {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.padding-y-s {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.padding-y-m {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.padding-y-l {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

@media (max-width: 767px) {
  .margin-bottom-hidden-xs {
    margin-bottom: 0 !important
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .margin-bottom-hidden-sm {
    margin-bottom: 0 !important
  }
}