.main-content {
  min-height: calc(100vh - 156px - 186px) !important; /* viewport - header - footer */
}

@media only screen and (max-width: 991px) {
  .main-content {
    min-height: calc(100vh - 156px - 186px) !important; /* viewport - header - footer */
  }
}