/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .min-h-100vh {
    /* min-height: 100vh; */
    min-height: auto;
  }

  .camg-sidebar-header-logo {
    display: none;
  }

  .camg-top-header-action-btn {
    display: none;
  }

  .camg-responsive-nav-logo,
  .nav-toggle-btn,
  .nav-toggle-close-btn,
  .responsive-overlay.active {
    display: block !important;
  }

  .camg-top-header {
    padding-left: 24px;
  }

  .responsive-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 98 !important;
    top: 0;
    background: rgba(31, 44, 51, 0.50);

    transition: all 0.6s ease-in-out;
  }

  .nav-toggle-close-btn {
    position: absolute;
    right: -50px;
    top: 16px;
  }

  .camg-sidebar {
    position: fixed;
    left: -100%;
    top: 0;
    width: 300px;
    z-index: 99;
    padding: 24px !important;
    visibility: hidden;
    opacity: 0;
    transition: all 0.6s ease-in-out;
  }

  .camg-sidebar.active {
    left: 0;
    visibility: visible;
    opacity: 1;
    width: 300px;
  }

  .camg-sidebar-nav ul li a span {
    display: block !important;
  }

  .camg-sidebar-nav ul li a {
    justify-content: start !important;
  }

  .camg-responsive-nav-logo {
    margin-bottom: 24px;
  }

  .camg-search-input-wrapper {
    width: auto;
  }

  /* Fix conversation cards for very small screens */
  .camg-conversation-card-wrap {
    flex-direction: column;
    gap: 8px;
    padding: 8px;
  }

  .camg-conversation-card-single {
    width: 100% !important;
    padding: 12px;
    min-width: 0;
    box-sizing: border-box;
  }

  .camg-conversation-card-single .camg-card-content p {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    max-width: 100%;
    font-size: 14px;
    word-break: break-all;
    white-space: normal;
  }

  .camg-conversation-card-single .camg-card-icon-wrap h3 {
    width: 100%;
    font-size: 14px;
  }

  .camg-conversation-card-single .camg-card-action-btn {
    font-size: 14px;
    padding: 8px 12px;
  }

  .camg-user-profile-info-single {
    width: 100%;
  }
}

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

  .camg-sidebar-header-logo .logo {
    display: none;
  }

  .responsive-logo {
    display: block;
  }

  .camg-sidebar-header {
    padding: 0;
  }

  .camg-sidebar {
    padding: 12px 16px !important;
  }

  .camg-sidebar-nav ul li a span {
    display: none;
  }

  .camg-sidebar-nav ul li a {
    padding: 12px;
    justify-content: center;
  }


  .camg-card-wrap {
    flex-direction: column;
  }

  .camg-card-single {
    width: 100%;
  }

  .camg-flow-card-single {
    width: 100%;
  }

  .camg-flow-card-wrap {
    flex-direction: column;
  }

  .w-25-percent {
    width: 100%;
  }

  .camg-main-content {
    padding-right: 0;
  }

  /* Fix conversation cards layout for small screens */
  .camg-conversation-card-wrap {
    flex-direction: column;
    gap: 12px;
    padding: 12px;
  }

  .camg-conversation-card-single {
    width: 100% !important;
    margin-bottom: 0;
    padding: 16px;
    min-width: 0;
    box-sizing: border-box;
  }

  .camg-conversation-card-single .camg-card-content p {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    max-width: 100%;
    word-break: break-all;
    white-space: normal;
  }

  .camg-conversation-card-single .camg-card-icon-wrap {
    flex-wrap: wrap;
    gap: 8px;
  }

  .camg-conversation-card-single .camg-card-icon-wrap h3 {
    width: 100%;
    font-size: 16px;
  }

}

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .camg-file-card-actions {
    flex-direction: column;
  }

  .camg-search-toggle-area {
    flex-direction: column;
    gap: 10px;
    justify-content: start;
    align-items: self-start;
  }

  .camg-user-profile-action a span {
    display: none;
  }

  .camg-card-action-btn.text-btn:hover {
    color: var(--primary-default);
  }

  .w-25-percent {
    width: 50%;
  }

  .camg-card-wrap.search-list {
    flex-wrap: wrap;
  }

  .camg-conversation-card-wrap {
    flex-wrap: wrap;
  }

  .camg-conversation-card-single {
    width: 100%;
  }
}

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* // X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
  .camg-card-wrap {
    flex-wrap: wrap;
  }
}

/* // XX-Large devices (larger desktops) */
/* // No media query since the xxl breakpoint has no upper bound on its width */