@media (min-width: 1366px) {
  .room-card-wrapper {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1024px) and (max-width: 1366px) {
  .room-card-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1024px) {
  .desktop-filter-area {
    display: none;
  }
  .room-card-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .right-room-list {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 992px) {
  .navbar-brand .nav-logo {
    max-width: 105px !important;
  }
  .navbar .dropdown-menu {
    display: block;
    position: relative;
    box-shadow: none !important;
    border: none;
    background: none;
    background-color: transparent !important;
    width: 100% !important;
    padding: 0 !important;
  }
  .navbar .dropdown-menu-list li {
    padding: 0.75rem 0rem !important;
  }
  .navbar .dropdown-menu-list li .dropdown-item {
    padding: 0 !important;
  }
  .navbar .dropdown-menu.type-2 .dropdown-menu-list {
    width: 100% !important;
  }
  .navbar .dropdown-menu.type-2 .dropdown-menu-list li .desc {
    display: none;
  }
  .navbar .dropdown-menu.type-3 .dropdown-menu-list {
    column-count: 1 !important;
  }
  .navbar .navbar-right svg {
    width: 20px !important;
  }
  .navbar .navbar-right .avatar {
    padding: 2px !important;
  }
  .navbar .navbar-right .avatar img {
    width: 24px;
    height: 24px;
  }
  .navbar .nav-link {
    font-size: 1rem;
  }
  .navbar .nav-link i {
    display: none;
  }
  .navbar .navbar-toggler {
    padding-left: 0;
  }
  .navbar .navbar-toggler .navbar-toggler-icon {
    width: 1.75rem;
    height: 1.75rem;
  }
  .navbar .offcanvas.offcanvas-start {
    width: 350px;
  }
  .navbar .dropdown .dropdown-menu#avatarMenu {
    display: none;
    box-shadow: 0 4px 8px rgba(146, 146, 146, 0.1) !important;
    border-color: #e3e3e3 !important;
    padding: 0.75rem 0.75rem !important;
    animation-duration: 0.3s !important;
    -webkit-animation-duration: 0.3s !important;
    animation-fill-mode: both !important;
    -webkit-animation-fill-mode: both;
    -webkit-animation-name: slideIn !important;
    animation-name: slideIn !important;
    position: absolute !important;
    right: 0 !important;
    background-color: #fff !important;
    z-index: 100000 !important;
    width: 285px !important;
  }
  .room-rack-color-page .room-card {
    max-width: 225px;
  }
}
@media (max-width: 768px) {
  .custom-container {
    padding: 0 0.75rem;
  }
  .subTab-wrapper .subTab-buttons .nav-tabs {
    padding: 0 8px;
  }
  .subTab-wrapper .subTab-buttons i {
    padding: 7px;
    background-color: #ffffff;
  }
  .subTab-wrapper .subTab-buttons i.icon-chevron-left {
    left: -22px;
  }
  .subTab-wrapper .subTab-buttons i.icon-chevron-right {
    right: -20px;
  }
  .subTab-wrapper .tab-content .tab-pane .galery-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .subTab-wrapper .tab-content .tab-pane .upload-files-container.selected .drag-file-area .upload-buttons {
    flex-direction: column;
    gap: 4px;
  }
  .subTab-wrapper .tab-content .tab-pane .upload-files-container.selected .drag-file-area .upload-buttons span {
    padding: 8px 3px;
    width: 80px;
    font-size: 12px;
  }
  .subTab-wrapper .tab-content .tab-pane .form-label {
    font-size: 12px;
  }
  .subTab-wrapper .tab-content .tab-pane .tab-content-title {
    margin-bottom: 1rem;
  }
  .modal.custom-modal {
    width: 90%;
  }
  .modal .modal-title {
    font-size: 16px;
  }
  .modal .accordion .accordion-button {
    font-size: 16px;
  }
  .modal .modal-content .table-row-title {
    width: 100% !important;
  }
  .main-buttons-wrapper .main-buttons .nav-tabs {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .main-buttons-wrapper i {
    padding: 7px;
  }
  .main-buttons-wrapper i.icon-chevron-left {
    left: -22px;
  }
  .main-buttons-wrapper i.icon-chevron-right {
    right: -20px;
  }
  #maintenance-screen-tab-pane .card .card-title {
    font-size: 0.85rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 95%;
  }
  .cancel-button {
    position: relative;
    top: 0;
    right: 0;
    margin-top: 1rem;
  }
  .cancel-button .btn {
    width: 100%;
  }
}

/*# sourceMappingURL=responsive.css.map */