.dt-container {
  // Remove unnecessary horizontal paddings for content
  .row > * {
    padding-left: 0;
    padding-right: 0;
  }

  // In smaller viewport, clean up top bar (entries per page and search)
  @include media-breakpoint-down(md) {
    .dt-length {
      float: left;

      label {
        display: none;
      }
    }

    .dt-search {
      float: left;
      width: 100%;

      label {
        display: none;
      }

      input {
        margin-left: 0 !important;
        width: 100% !important;
      }
    }
  }
}