@media (max-width: 767px) {
  html,
  body {
    font-size: 14px !important;
  }
}
@media (min-width: 768px) {
  html,
  body {
    font-size: 14px !important;
  }
}
@media (min-width: 992px) {
  html,
  body {
    font-size: 14px !important;
  }
}
@media (min-width: 1200px) {
  html,
  body {
    font-size: 14px !important;
  }
}
@media (min-width: 1400px) {
  html,
  body {
    font-size: 16px !important;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-resolution: 170dpi) {
  /* Even higher DPI devices */
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px),
  only screen and (min-resolution: 170dpi) and (max-width: 767px) {
  html,
  body {
    font-size: 16px !important;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px),
  only screen and (min-resolution: 170dpi) and (min-width: 768px) {
  html,
  body {
    font-size: 15px !important;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 992px),
  only screen and (min-resolution: 170dpi) and (min-width: 992px) {
  html,
  body {
    font-size: 14px !important;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px),
  only screen and (min-resolution: 170dpi) and (min-width: 1200px) {
  html,
  body {
    font-size: 14px !important;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1400px),
  only screen and (min-resolution: 170dpi) and (min-width: 1400px) {
  html,
  body {
    font-size: 16px !important;
  }
}