/* ANCHOR: Extra small devices (phones, less than 320px) */
@media screen and (max-width: 320px) {
  .page-title {
    font-size: 1rem !important;
  }

  .form-title {
    font-size: .9rem !important;
  }
}

/* ANCHOR: Small devices (landscape phones, less than 480px) */
@media screen and (max-width: 480px) {
  .sm-p-0 {
    padding: 0 !important;
  }

  .page-title {
    font-size: 1.2rem;
  }

  .wrapper-page-head.d-flex {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px;
  }

  .form-title {
    font-size: 1rem;
  }

  .wrapper-head-action>* {
    margin-bottom: 0.5rem;
  }

  .card-body .wrapper-btn-form-action .btn-form-action {
    min-width: 72px;
  }

  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: left !important;
  }
}

/* ANCHOR: Medium devices (tablets, less than 768px) */
@media screen and (min-width: 481px) and (max-width: 768px) {}

/* ANCHOR: Medium devices (tablets, less than 992px) */
@media screen and (min-width: 769px) and (max-width: 992px) {}

/* ANCHOR: Medium devices (desktops, less than 1200px) */
@media screen and (min-width: 993px) and (max-width: 1200px) {}

/* ANCHOR: Medium devices (desktops, greater than 1200px) */
@media screen and (min-width: 1201px) {}