/* --------------- */
.PadTop {
  --pt-min: 4px;
  --pt-max: 16px;
  padding-top: var(--pt-min);
}
@media (min-width: 576px) and (max-width: 767px) {
  .PadTop {
    padding-top: calc((var(--pt-min) + ((var(--pt-min) + var(--pt-max)) / 2)) / 2);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .PadTop {
    padding-top: calc((var(--pt-min) + var(--pt-max)) / 2);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .PadTop {
    padding-top: calc((var(--pt-max) + ((var(--pt-min) + var(--pt-max)) / 2)) / 2);
  }
}
@media (min-width: 1200px) {
  .PadTop {
    padding-top: var(--pt-max);
  }
}

/* --------------- */
.PadBott {
  --pb-min: 4px;
  --pb-max: 16px;
  padding-bottom: var(--pb-min);
}
@media (min-width: 576px) and (max-width: 767px) {
  .PadBott {
    padding-bottom: calc((var(--pb-min) + ((var(--pb-min) + var(--pb-max)) / 2)) / 2);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .PadBott {
    padding-bottom: calc((var(--pb-min) + var(--pb-max)) / 2);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .PadBott {
    padding-bottom: calc((var(--pb-max) + ((var(--pb-min) + var(--pb-max)) / 2)) / 2);
  }
}
@media (min-width: 1200px) {
  .PadBott {
    padding-bottom: var(--pb-max);
  }
}

/* --------------- */
.MarTop {
  --mt-min: 4px;
  --mt-max: 16px;
  margin-top: var(--mt-min);
}
@media (min-width: 576px) and (max-width: 767px) {
  .MarTop {
    margin-top: calc((var(--mt-min) + ((var(--mt-min) + var(--mt-max)) / 2)) / 2);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .MarTop {
    margin-top: calc((var(--mt-min) + var(--mt-max)) / 2);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .MarTop {
    margin-top: calc((var(--mt-max) + ((var(--mt-min) + var(--mt-max)) / 2)) / 2);
  }
}
@media (min-width: 1200px) {
  .MarTop {
    margin-top: var(--mt-max);
  }
}

/* --------------- */
.MarBott {
  --mb-min: 4px;
  --mb-max: 16px;
  margin-bottom: var(--mb-min);
}
@media (min-width: 576px) and (max-width: 767px) {
  .MarBott {
    margin-bottom: calc((var(--mb-min) + ((var(--mb-min) + var(--mb-max)) / 2)) / 2);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .MarBott {
    margin-bottom: calc((var(--mb-min) + var(--mb-max)) / 2);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .MarBott {
    margin-bottom: calc((var(--mb-max) + ((var(--mb-min) + var(--mb-max)) / 2)) / 2);
  }
}
@media (min-width: 1200px) {
  .MarBott {
    margin-bottom: var(--mb-max);
  }
}

/* --------------- */
.FontSize {
  --fs-min: 4px;
  --fs-max: 16px;
  font-size: var(--fs-min);
}
@media (min-width: 576px) and (max-width: 767px) {
  .FontSize {
    font-size: calc((var(--fs-min) + ((var(--fs-min) + var(--fs-max)) / 2)) / 2);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .FontSize {
    font-size: calc((var(--fs-min) + var(--fs-max)) / 2);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .FontSize {
    font-size: calc((var(--fs-max) + ((var(--fs-min) + var(--fs-max)) / 2)) / 2);
  }
}
@media (min-width: 1200px) {
  .FontSize {
    font-size: var(--fs-max);
  }
}