/* Responsive */
@media screen and (max-width: 1280px) {
  .email-header {
    height: auto;
  }
  .email-content {
    padding: 100px 0 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .email-header {
    border-top-left-radius: 0.25rem;
  }
  .email-sidebar {
    left: -280px;
  }
  .email-content {
    margin-left: 0;
  }
  .email-header {
    left: 0;
  }
  .email-toggled .email-sidebar {
    left: 0;
  }
  .email-toggled .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 250px;
    background: #000;
    opacity: 0.5;
    z-index: 9;
    display: block;
    cursor: move;
    transition: all 0.3s ease-out;
  }
  .chat-header {
    border-top-left-radius: 0.25rem;
  }
  .chat-footer {
    border-bottom-left-radius: 0.25rem;
  }
  .chat-sidebar {
    left: -370px;
  }
  .chat-content {
    margin-left: 0;
  }
  .chat-header {
    left: 0;
  }
  .chat-footer {
    left: 0;
  }
  .chat-toggled .chat-sidebar {
    left: 0;
  }
  .chat-toggled .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 340px;
    background: #000;
    opacity: 0.5;
    z-index: 11;
    display: block;
    cursor: move;
    transition: all 0.3s ease-out;
  }
}
/* Toogle in responsive */
@media only screen and (max-width: 1199px) {
  .table-responsive {
    white-space: nowrap;
  }
  .sidebar-wrapper {
    left: -260px;
  }
  .sidebar-wrapper .sidebar-header .sidebar-close {
    display: flex;
  }
  .top-header .navbar {
    left: 0;
  }
  .toggled .sidebar-wrapper {
    width: 260px;
    left: 0px;
  }
  .toggled .sidebar-wrapper .sidebar-header {
    width: 260px;
  }
  .toggled .sidebar-wrapper .sidebar-bottom {
    width: 260px;
  }
  .toggled .logo-name {
    display: block;
  }
  .toggled .top-header .navbar {
    left: 0px;
  }
  .toggled .page-footer {
    left: 0px;
  }
  .toggled .main-wrapper {
    margin-left: 0;
  }
  .toggled .overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    z-index: 11;
    display: block;
    cursor: move;
    transition: all 0.23s ease-out;
  }
}
@media only screen and (max-width: 1199px) {
  .top-header .navbar {
    left: 0;
  }
  .top-header .navbar .dropdown {
    position: static;
  }
  .top-header .navbar .dropdown .dropdown-menu {
    width: 100%;
  }
  .top-header .navbar .dropdown .dropdown-menu::after {
    display: none;
  }
  .top-header .navbar .mega-menu-widgets {
    padding: 1rem;
    position: relative;
    height: 480px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .main-wrapper {
    margin-left: 0;
  }
  /* The .page-footer is position:fixed on these widths, so it sits on top of
     the page. Reserve space at the bottom of the scrollable content equal to
     the footer's height so page content (pagination, action buttons, etc.) is
     never clipped behind it. This replaces the per-page/per-product patches
     that used to nudge individual elements. */
  .main-wrapper .main-content {
    padding-bottom: calc(60px + 1rem);
  }
  /*page footer*/
  .page-footer {
    left: 0px;
    height: auto;
    min-height: 60px;
    padding: 0.75rem 1rem;
    text-align: center;
  }
  .page-footer p {
    white-space: normal;
  }
}
@media only screen and (max-width: 992px) {
  .search-popup {
    position: fixed !important;
    top: 0 !important;
    z-index: 10;
  }
}
/* Shrink pagination on phones so first/prev/…/next/last fit on one row
   instead of the "last" button wrapping to a lonely second line. */
@media only screen and (max-width: 575.98px) {
  .pagination {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: 0.8125rem;
  }
  /* On the narrowest phones the footer copyright wraps to a second line and
     grows past 60px, so reserve a little more room below the content. */
  .main-wrapper .main-content {
    padding-bottom: calc(84px + 1rem);
  }
}/*# sourceMappingURL=responsive.css.map */