/* ========================================== */
/* First Breakpoint from max-width= "1199px" */
/* ======================================== */

@media screen and (max-width: 1199px) {
  .revenue-info {
    font-size: 16px;
  }
}

/* ========================================== */
/* Second Breakpoint from max-width= "991px" */
/* ======================================== */

@media screen and (max-width: 991px) {
  html[data-placement='horizontal'] .nav-container .logo .img,
  html[data-placement='horizontal'] .nav-container .logo img,
  html[data-placement='vertical'] .nav-container .logo .img,
  html[data-placement='vertical'] .nav-container .logo img {
    width: 70px;
    min-height: 50px;
  }

  html[data-placement='horizontal'] .nav-container.mobile-side-ready .nav-content .logo,
  html[data-placement='vertical'] .nav-container .nav-content .logo,
  html[data-placement='vertical'] .nav-container.mobile-side-ready .nav-content .logo {
    margin-bottom: 10px;
  }

  .page-title-container h1 {
    font-size: 18px;
  }

  .breadcrumb .breadcrumb-item,
  .breadcrumb .breadcrumb-item a {
    font-size: 14px;
  }

  .revenue-info {
    font-size: 14px;
  }

  .btnadd {
    padding: 8px 20px;
    height: auto;
  }

  table.dataTable thead > tr > th.sorting,
  table.dataTable thead > tr > th.sorting_asc {
    white-space: nowrap;
  }

  div.dataTables_wrapper div.dataTables_length {
    text-align: left;
  }

  div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
  }

  .revenue-nav.nav {
    row-gap: 12px;
    justify-content: space-evenly;
  }

  /* ==================================== */
  .active-logs-acti .activity .logs .time {
    flex-basis: auto;
  }

  .active-logs-acti::after {
    /* left: 8%; */
    left: 130px;
    top: 21px;
  }

  .activity .logs .content::before {
    /* left: -8.2%; */
    left: -16px;
  }

  .active-logs-acti .activity:nth-child(even) .logs,
  .active-logs-acti .activity:nth-child(even) .logs .logs-type {
    justify-content: flex-start;
    flex-direction: row;
  }

  .active-logs-acti .activity:nth-child(even) .logs .logs-type .content::before {
    border-left-color: transparent;
    border-right-color: #3c8ce7;
    /* left: -8.2%; */
    left: -16px;
  }

  .active-logs-acti .activity .logs .time p {
    font-size: 16px;
  }
}

/* ================================================ */
/* Mobile First Breakpoint from max-width= "576px" */
/* ============================================== */

@media screen and (max-width: 576px) {
  html[data-placement='horizontal'] .nav-container .logo .img,
  html[data-placement='horizontal'] .nav-container .logo img,
  html[data-placement='vertical'] .nav-container .logo .img,
  html[data-placement='vertical'] .nav-container .logo img {
    width: 70px;
    min-height: 50px;
  }

  html[data-placement='horizontal'] .nav-container.mobile-side-ready .nav-content .logo,
  html[data-placement='vertical'] .nav-container .nav-content .logo,
  html[data-placement='vertical'] .nav-container.mobile-side-ready .nav-content .logo {
    margin-bottom: 0px;
  }

  .dashboard-gy .dashboard-top-cards {
    grid-template-columns: 1fr;
    row-gap: 16px;
  }

  .dashboard-gy {
    row-gap: 1.8rem;
  }

  .revenue-nav.nav {
    column-gap: 0;
    row-gap: 12px;
    justify-content: space-evenly;
  }

  /* div.dataTables_wrapper div.dt-row {
        overflow: auto;
    } */

  div.dataTables_wrapper div.dataTables_length {
    margin-bottom: 10px;
  }

  .page-title-container h1 {
    font-size: 14px;
  }

  .breadcrumb .breadcrumb-item,
  .breadcrumb .breadcrumb-item a {
    font-size: 10px;
  }

  .btn {
    font-size: 12px;
    border-radius: 6px;
  }

  .btnadd {
    padding: 6px 20px;
    height: auto;
  }

  .btn-icon.btn-icon-only {
    padding: 6px 10px;
    width: auto;
  }

  .form-select {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 12px;
  }

  .form-select-title {
    font-size: 12px;
  }

  .detail-grid {
    grid-template-columns: 1fr;
  }

  ul.detail-grid li p,
  ul.detail-grid li,
  .list-unstyled li {
    font-size: 12px;
    margin: 0;
  }

  ul.detail-grid li {
    margin: 5px 0;
  }

  .about-info p,
  .avaliability p,
  .services-row p,
  .Caption,
  .contact-info {
    font-size: 12px;
  }

  .nav-pills .nav-link {
    padding: 6px 10px;
    font-size: 12px;
    border-radius: 6px;
  }

  .modal-title {
    font-size: 14px;
  }

  label[for='selectcat'] {
    font-size: 12px;
  }

  .modal-content .modal-body h4,
  .modal-title {
    font-size: 14px;
  }

  .modal-content .btn,
  .text-end .btn {
    padding: 6px 10px;
  }

  .btn-icon.btn-sm.btn-icon-only {
    padding: 5px;
    width: auto;
    height: auto;
  }

  .post-detail img {
    width: 100% !important;
  }

  .post-detail .profile-img {
    width: 4rem !important;
  }

  .label-small {
    font-size: 12px;
    margin-bottom: 4px;
  }

  .mapCity-event-list ul li p {
    font-size: 12px;
  }

  .mapCity-event-list#style-8::-webkit-scrollbar {
    width: 5px;
  }

  .revenue-msg {
    font-size: 12px;
  }

  .revenue-info {
    font-size: 12px;
  }

  .cta-1 {
    font-size: 16px;
  }

  .reset-password-info p,
  .register-info p,
  .login-info p {
    font-size: 12px;
  }

  .filled .form-control {
    font-size: 12px;
    min-height: 35px;
    padding-left: 25px;
    border-radius: 6px;
  }

  .forgot-btn {
    top: 10px !important;
  }

  .activity .logs {
    flex-wrap: wrap;
  }

  .active-logs-acti .activity .logs .time p {
    text-align: start;
    font-size: 12px;
  }

  .activity .logs .content {
    width: 75vw;
  }

  .active-logs-acti::after {
    /* left: 8%; */
    left: 20px;
    top: 21px;
  }

  .activity .logs .content::before {
    /* left: -8.2%; */
    left: -16px;
  }

  .active-logs-acti .activity:nth-child(even) .logs,
  .active-logs-acti .activity:nth-child(even) .logs .logs-type {
    justify-content: flex-start;
    flex-direction: row;
  }

  .active-logs-acti .activity:nth-child(even) .logs .logs-type .content::before {
    border-left-color: transparent;
    border-right-color: #3c8ce7;
    /* left: -8.2%; */
    left: -16px;
  }

  div.dataTables_wrapper div.dataTables_length {
    text-align: left;
  }

  div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
  }

  div.dataTables_wrapper div.dataTables_length select {
    width: 100%;
  }

  .dashboard-card-title {
    font-size: 16px;
  }

  .form-control-xl {
    font-size: 16px;
    height: 35px;
  }
}

@media screen and (max-width: 500px) {
  .activity .logs .content {
    width: 60vw;
  }
}