@media (max-width: 575.98px) {}

@media (min-width: 576px) and (max-width: 767.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {}

@media (min-width: 992px) and (max-width: 1199.98px) {}

@media (min-width: 992px) {}

@media (min-width: 1440px) {}

@media (max-width: 1199.98px) {
  .ai-tool-card-img {
    height: 16em !important;
    aspect-ratio: 1 / 2;
  }

  .ai-header-search-frame {
    min-width: 299px !important;
    margin-right: 1em !important;
  }
}

@media (max-width: 991.98px) {
  .resp-mrg-btm-md {
    margin-bottom: 2em;
  }

  .ai-home-grid-layout {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1em !important;
  }

  .ai-tool-card-img {
    height: 16em !important;
    aspect-ratio: 1 / 2;
  }
}

@media (max-width: 991.98px) {
  .admin-ui-sidebar {
    display: none;
  }

  .admin-ui-sidebar.admin-ui-collapse-sidebar {
    position: fixed;
    z-index: 99999;
    top: 0;
  }

  .admin-ui-main-wrapper {
    margin-left: 0% !important;
  }
}


@media (max-width: 767.98px) {

  .resp-mb {
    margin-bottom: 1em;
  }

  .order-by{
    order: 1;
  }

  .admin-ui-collapse-sidebar {
    width: 80% !important;
  }

  .admin-ui-header-sec {
    padding: 0.5em 0.5em !important;
  }

  .admin-collapse-main-wrapper .admin-ui-header-sec {
    left: 0 !important;
  }

  .admin-ui-collapse-sidebar .offcanvas-close {
    padding-right: 0 !important;
    padding-bottom: 0 !important;
  }

  .admin-ui-logo {
    max-width: 7em !important;
  }

  .admin-your-bot-list-header-sec {
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 1em;
  }

  .admin-your-bot-list-header-right-sec {
    justify-content: center !important;
    align-items: center !important;
  }

  .admin-ui-sidebar.admin-ui-collapse-sidebar .offcanvas-close {
    display: block !important;
  }

  .ai-home-grid-layout {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 1em !important;
  }

  .ai-content-wrapped {
    /* padding: 1em!important; */
  }

  .admin-ui-main-wrapper .admin-ui-header-sec {
    left: 0 !important;
  }

  /* new */

  .admin-ui-header-sec.chat-room-header-sec{
    /* display: flex;
    align-items: center;
    gap: 1em;
    justify-content: space-between; */
    display: grid;
    grid-template-columns: 60px auto;
    align-items: center;
  }

  .chat-room-action-btn{
    display: flex;
    align-items: center;
    gap: 1em;
    justify-content: flex-end;
  }

  .admin-ui-header-sec.chat-room-header-sec .accept-detail-btn{
    width: auto;
  }

  .admin-ui-header-sec.chat-room-header-sec .accept-detail-btn .header-icon{
    display: none;
  }

  .admin-ui-collapse-btn {
    display: block;
  }

  .admin-ui-sidebar.admin-ui-collapse-sidebar {
    display: flex;
    background: #ddf2d9;
    padding:0.5em;
  }

  .main-layout-sec {
    padding: 0;
    padding-top: 1em !important;
    padding-bottom: 1em;
    margin-top: 5em;
  }

  .header-navigation ul {
    display: none;
  }


  .dashboard-ticket-box {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 1em;
  }

  .ticked-card-body {
    display: grid;
    /* grid-template-columns: repeat(1, 1fr); */
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 1em;
  }
  .ticked-card-body .ticket-id-copy{
    grid-area: 1 / 1 / 2 / 5;
  }
  .ticked-card-body .ticked-card-action{
    grid-area: 3 / 1 / 4 / 5;
  }
  .ticked-card-body div:nth-child(2).ticked-card-status{
    grid-area: 2 / 1 / 3 / 3;
  }
  .ticked-card-body div:nth-child(3).ticked-card-status{
    grid-area: 2 / 3 / 3 / 5;
  }
  .all-ticket-head {
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 1em;
  }
  .ticket-card-head {
  align-items: flex-start!important;
  flex-direction: column;
  gap: 1em;
}
.ticket-email-sec,.ticket-card-time p{
text-align: start;
}

  .all-ticket-action {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1em;
    width: 100%;
  }

  .all-ticket-action>* {
    flex: 1 1 45%;
    max-width: 100%;
  }
  /* .media-img-chat {
    width: 8em!important;
    height: 6em!important;
  } */
  .message-input-box{
  position: relative!important;
  }
  /* .grid-layout-two video{
  width: 8em!important;
  max-height: 8em!important;
  } */
  .grid-layout-two{
    grid-template-columns:repeat(1, 1fr)
  }
  .audio-card{
  padding: 0.5em;
  }
  .all-ticket-action {
    >*:nth-child(3) {
      flex-basis: 100%;
      max-width: 100%;
    }
  }
  
  .ticked-card-action{
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .accept-detail-btn{
  width: 100%;
  }
  .view-card-detail-btn{
  width: 100%;
  }
  .card-chat-btn {
  width: 100%;
  }
  .card-border-right::after{
  display: none;
  }
  .chat-ticket-box{
    max-height: calc(100vh - 175px) !important;
  }

  .chat-box-head{
    justify-content: space-between;
    align-items: start;
    gap: 1em;
    padding: 1em;
    margin-top: -1.4em;
  }
  .goog-te-combo{
    display:none;
  }

  .chat-box-main {
    height: calc(100vh - 210px) !important;
    /* padding: 1em; */
  }
  .admin-chat-media{
  padding: 0.5em!important;
  }

  .vido-call-sec{
    padding: 1em;
    height: calc(100vh - 460px) !important;
    margin-top: 1em;
  }

  .video-call-img {
    height: 20em;
    width: 100%;
    object-fit: cover;
  }

  .video-call-detail{
    height: calc(100vh - 520px) !important;
  }

  .video-call-ticket-box{
    height: calc(100vh - 615px) !important;
  }
  
  .video-chat{
    height: calc(100vh - 615px) !important;
    padding: 1em;
  }
  
  .audio-call-sec{
    padding: 1em;
  }

  .audio-call-box{
    gap: 1em;
  }
  
  .audio-call-main{
    height: calc(100vh - 565px) !important;
  }

  .audio-call-img {
    height: 6em;
    width: 6em;
    border-radius: 50%;
    object-fit: cover;
}

.auth-sec,
.auth-form{
  padding: 1em;
}

.auth-detil{
  display: none;
}

.auth-form-heading h3{
  margin-bottom: .7em;
  text-align: center;
}

.auth-form-heading p{
  text-align: center;
}

.dashboard-tick-id {
  max-width: 15ch !important;
}
.notification-card{
  align-items: center;
  justify-content: space-between;
  gap: 0.5em;
}
.notification-time p{
  text-align: left;
}
.notification-box-sec{
  padding: 1em;
}
.profile-sec .profile-picture-sec {
  flex-direction: column;
  margin-top: 2em;
}
.profile-sec .profile-picture-sec button{
  width: 100%;
}
.profile-modal .nav-pills{
  margin-bottom: 1em;
}
.change-password{
  margin-top: 2em;
}
.dashboard-chart{
  padding: 1em;
}
.unassigned-ticket-card{
  padding: 1em;
  background-image: unset!important;
}
.chat-device-form{
  padding:1em;
}
.notify-action-frame{
  padding-top: 1em;
}
.user-dropdown-sec{
  grid-template-columns: 40px auto;
  gap: 1em;
  margin-top: 1em;
}
.dropdown-menu{
  min-width: 100% !important;
  left: unset !important;
  top:unset!important
}
.user-profile-info h4{
  font-size: 0.9em;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1;
  width: 7em;
}
.modal-img{
  width: 8em;
}
.no-chat-frame h4{
  font-size: 0.9em;
}
.chat-user-box-device{
  padding-top: 5em;
}
.chat-upload-img-box{
  grid-template-columns: repeat(2, 1fr)!important;
}
.chat-upload-img-box .chat-upload-img{
  width: 100%!important;
  height: 10em!important;
}
.chat-upload-video{
  height: 10em;
}
.dashboard-space-sec{
  margin-top: 0;
}
.notifiy-box-head{
  flex-direction: column;
    gap: 1em;
    align-items: flex-start!important;
}
.notify-action-head{
  width: 100%;
}
.notification-tab .notification-card{
  flex-direction: column;
  align-items: unset!important;
}
.notification-tab .notification-action-btn{
  display: grid;
  justify-content: unset!important;
  grid-template-columns: repeat(2, 1fr) !important;
}
}

@media (max-width: 575.98px) {}