@media (min-width: 768px) {
  .doc-viewer {
     min-height: calc(100vh - 200px);
  }
}

@media screen and (max-width: 767px) {
  .doc-viewer {
     min-height: calc(100vh - 250px);
  }
}

@media screen and (max-width: 576px) {
  .doc-viewer {
     min-height: calc(100vh - 250px);
  }
}

@media screen and (max-width: 375px) {
  .doc-viewer  {
    min-height: calc(100vh - 80px);
  }
}