@media (max-width: 767.98px) {
  .oh-main__titlebar-button-container .oh-btn-group.ml-2 {
    margin-left: 0 !important;
  }
  .oh-view-types.ml-2 {
    margin-left: 0;
    margin-right: 10px;
  }
  .oh-btn-group.ml-2:last-child {
    margin-left: 0 !important;
  }
  .oh-main__titlebar-button-container {
    margin-top: 0 !important;


  }
  .oh-main__titlebar--right {
    width: unset;
  }
  // Dropdown layout fix on mobile devices.
  .oh-dropdown__filter {
    z-index: 9999;
    left: 50%;
    position: fixed;
    width: 80%;
    transform: translateX(-50%);
  }
}

@media (max-width: 575.98px) {
  .oh-dropdown__filter {
    width: 95%;
  }

  // Check in, Check out button
  .attendance-activity-container {
    button {
      padding: 0 !important;
      border: none !important;
      .hr-check-in-out-text {
        display: none;
      }
    }
  }
  .oh-navbar__clock-icon {
    font-size: 1.35rem !important;
  }

  // Navbar Title
  .oh-tabs__movable-title {
    display: none;
  }

  .oh-view-types.ml-2 {
    margin-left: 0;
  }
  .oh-main__titlebar-button-container {
    margin-top: 0.5rem;
  }
  .oh-main__titlebar--right {
    flex-direction: column;
    align-items: flex-start;
  }
  .oh-btn-group.ml-2{
    margin-left: 0;
  }
  .oh-main__titlebar-button-container .oh-btn.oh-btn--shadow{
    box-shadow: none !important;
  }
}