img,
video {
  max-width: 100%;
}

@media (max-width: 991px) {
  .card-body,
  .x_content,
  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .nav-pills {
    flex-wrap: wrap;
  }

  .nav-pills .nav-item {
    flex: 1 1 46%;
    max-width: 100%;
  }

  .nav-pills .nav-link {
    font-size: 14px;
    padding: 0.65rem 0.5rem;
  }

  .wizard-card .nav > li,
  .wizard-card .nav-pills > li {
    width: 100% !important;
    float: none;
  }

  .navbar .navbar-title {
    display: inline-block;
    max-width: 52vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
  }

  .btSearchCMP,
  .content .btn-block {
    white-space: normal;
  }
}

@media (max-width: 575px) {
  .content {
    padding: 12px;
  }

  .card .card-body,
  .card .card-header {
    padding-left: 12px;
    padding-right: 12px;
  }

  .nav-pills .nav-item {
    flex-basis: 100%;
  }

  .form-group .btn,
  .btSearchCMP {
    width: 100%;
    margin-top: 8px;
  }
}