@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) {
  .admin-ui-sidebar{
    width: 8%;
  }
  .admin-ui-sidebar.admin-ui-collapse-sidebar{
    width: 26%;
  }
  .admin-ui-main-wrapper{
    margin-left: 8%;
  }
  .payment-link-header-sec{
    flex-wrap: wrap;
  }
  .admin-ui-main-wrapper.admin-collapse-main-wrapper {
    margin-left: 0%;
    width: 100%;
  }
}

@media (max-width: 991.98px) {
    .resp-mrg-btm-md{
        margin-bottom: 2em;
    }
    .admin-ui-sidebar.admin-ui-collapse-sidebar {
      width: 33%;
      z-index: 9999;
    }
    .admin-ui-sidebar {
      width: 10%;
    }
    .admin-ui-main-wrapper{
      margin-left: 9%;
    }
    .admin-ui-sidebar.admin-ui-collapse-sidebar .offcanvas-close{
      display: flex;
    }
}


@media (max-width: 767.98px) {
    .admin-ui-main-wrapper {
        margin-left: 0%!important;
    }
    .admin-ui-collapse-sidebar{
        width: 80%!important;
    }
    .admin-ui-header-sec{
        padding: 0.5em 0.5em!important;
    }
.admin-ui-collapse-sidebar .offcanvas-close{
    padding-right: 0!important;
    padding-bottom: 0!important;
}
.admin-ui-logo-sec{
  padding-bottom: 0;
}
.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;
}
.resp-marg-btm-xs {
    margin-bottom: 2em;
  }

  .efi-auth-item {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .efi-logo-sec {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .payment-content-sec h1 {
    font-size: 2em !important;
    text-align: center !important;
  }

  .payment-top-sec {
    padding: 1em 1em !important;
  }

  .payment-form .form-group, .payment-bottom-sec .form-group, .payment-out-form .form-group {
    padding-left: 1em !important;
    padding-right: 1em !important;
  }

  .qr-scan {
    width: 6em !important;
    height: 6em !important;
    object-fit: contain;
    margin: auto;
  }
  .efi-payment-left-wrapped{
    text-align: center!important;
    margin-bottom: 1em;
  }
  .efi-payment-left-wrapped h1 {
    font-size: 2em!important;
}
.payment-main-wrapped {
  padding: 2em 0!important;
}
.efi-form-wrap-top {
  padding: 1em!important;
}
.card-details-form {
  padding: 1em 1em!important;
}
.efi-pay-method-info .total-amount-crypt {
  flex-direction:row!important;
}
.dashboard-sec {
  padding: 1em;
}
.dashboard-box {
  grid-template-columns: repeat(1, 1fr);
}
.dashboard-transaction-box{
  padding: 1em;
}
.dashboard-body-sec {
  margin-top: 1em;
}
.dashboard-transaction-multiple-graph-sec {
  margin-top: 1em;
  grid-template-columns: repeat(1, 1fr);
}
.dashboard-card {
  padding: 1em;
}
.dashboard-transaction-multiple-card{
  padding: 1em;
}
.recharts-responsive-container{
  width:100%!important;
  height: 100%!important;
}
.recharts-wrapper{
  width:100%!important;
  height: 100%!important;
}
.recent-transaction-table-sec th{
  white-space: nowrap;
}
.recent-transaction-table-sec td{
  white-space: nowrap;
}
.admin-ui-sec{
  overflow-x: hidden;
}
.admin-ui-main-wrapper.admin-collapse-main-wrapper{
  width: 100%!important;
}

.admin-user-details{
  width: 100%;
  justify-content: space-between;
}
.admin-ui-sidebar{
  display: none;
}
.payment-link-sec {
  padding: 1em;
}
.payment-link-sec {
  padding: 1em;
}
.payment-link-header-sec{
  flex-direction: column;
  gap:1em;
  align-items: unset;
}
.efi-payment-btn{
  padding: 0.6em 1em!important;
}
.recent-transaction-table-sec.payment-link-table-sec{
  overflow: auto;
}
.payment-type-box {
  grid-template-columns: repeat(1, 1fr);
}
.create-payment-link-sec{
  padding: 1em;
}
.settlement-header-box {
  grid-template-columns: repeat(1, 1fr);
  }
  .settlement-sec{
    padding: 1em;
  }
  .header-search .input-group{
    min-width: 100%;
  }
  .settlement-title-sec{
    justify-content: center;
  }
  .settlement-tab-sec .nav-pills {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }
  .no-data-found-sec img{
    max-width: 15em;
    margin: auto;
  }
  .settlement-table-sec th{
    white-space: nowrap;
  }
  .settlement-table-sec td{
    white-space: nowrap;
  }
  .bank-account-box{
    padding: 1em;
  }
  .bank-account-sec {
    padding: 1em;
  }
  .request-payout-payment-method-btn-sec{
    flex-wrap: wrap;
    justify-content: center;
  }
  .bank-account-img-sec{
    margin-top: 2em;
  }
  .profile-account-user-details-sec{
    flex-direction: column;
    display: flex;
    align-items: center;
    gap: 1.5em;
  }
  .profile-account-header-sec{
    flex-direction: column;
  }
  .profile-account-user-img-edit-icon{
    bottom: 5px;
    right: 0px;
  }
  .profile-account-sec {
    padding: 1em;
  }
  .profile-account-list-card{
    align-items: flex-start;
    justify-content: space-between;
    gap: 1em;
    flex-direction: column;
    padding: 1em;
  }
  .profile-account-list-btn-sec{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
  }
  .customise-box{
    padding: 1em;
  }
  .cutomise-logo-sec-box{
    padding: 1em;
  }
  .customise-flex{
    flex-direction: row-reverse;
  }
  .chat-support-ticket-dropdown .dropdown-toggle{
    margin-top:1em;
  }
  .user-dropdown-sec .dropdown-toggle{
    padding-left: 0!important;
  }
  .transactions-list-filter-sec{
    flex-direction: column;
  }
  .admin-ui-sidebar.admin-ui-collapse-sidebar .offcanvas-close{
    display: flex;
  }
  .admin-ui-title-sec h2{
    font-size: 1.1em;
  }
  .logo {
    max-height: 50px;
  }

  .chat-support-ticket-dropdown .dropdown-menu{
    width:100%;
  }

  .auth-efi-pay-img-sec{
    display: none;
  }
  .efi-auth-box{
    padding: 2em 1em;
  }
  .resp-marg-btm-xs-small{
    margin-bottom: 1em;
  }
  .payment-link-header-right-sec{
    grid-template-columns: repeat(1, 1fr);
  }
  .settlement-top-sec{
    flex-direction: column;
    gap: 1em;
    justify-content: center;
  }
  .header-search form{
    flex-direction: column;
  }
  .header-search .date-sec .rmdp-input{
    height: 45px!important;
    min-width: calc(100vw - 32px);
    width: 100% !important;
  }
  .bank-account-list-box {
    grid-template-columns: repeat(1, 1fr);
  }
  .bank-account-list-footer-sec{
    flex-direction: column;
    align-items: flex-start;
    gap: 1em;
  }
  .profile-account-list-details-sec{
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
}

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

/* Large Device CSS */

@media screen and (min-width: 1400px) {
    .container {
      width: 1320px;
      max-width: 100%;
    }
  }
  
  @media screen and (min-width: 1600px) {
    .container {
      width: 1320px;
      max-width: 100%;
    }
  }
  
  @media screen and (min-width: 1900px) {
    .container {
      width: 1520px;
      max-width: 100%;
    }
  }