.py-content-auto {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .py-content-auto {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .py-content-auto {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1200px) {
  .py-content-auto {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.px-content-auto {
  padding-bottom: 40px;
  padding-top: 40px;
}
@media (min-width: 768px) {
  .px-content-auto {
    padding-bottom: 55px;
    padding-top: 55px;
  }
}
@media (min-width: 992px) {
  .px-content-auto {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
@media (min-width: 1200px) {
  .px-content-auto {
    padding-bottom: 100px;
    padding-top: 100px;
  }
}
.mt-content-auto {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .mt-content-auto {
    margin-top: 15px;
  }
}
@media (min-width: 992px) {
  .mt-content-auto {
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  .mt-content-auto {
    margin-top: 40px;
  }
}
.mb-content-auto {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .mb-content-auto {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .mb-content-auto {
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .mb-content-auto {
    margin-bottom: 40px;
  }
}
/*# sourceMappingURL=tips-client.css.map */