/* Mobile View style start here */
@media (max-width: 767px) {
  .chart-modal-link {
    margin-top: -12px;
    display: block;
    margin-bottom: 20px;
    position: relative;
    right: unset !important;
    bottom: unset !important;
}
}
@media (max-width: 991px) {
  body {
    padding-top: 65px;
    padding-left: 0px;
  }
  .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url("../images/close-icon.png");
  }
  .navbar-toggler {
    padding: 6px 8px;
  }
  .siderbar {
    width: 0px;
    transition: all 200ms;
    top: 135px;
    left: -22px;
    z-index: 2;
    position: fixed;
    flex-basis: 100%;
  }
  .siderbar.show {
    display: block;
    position: fixed;
    left: 0;
    top: 135px;
    bottom: 0;
    background: #fff;
    width: 80px;
  }
  .header-menu {
    position: fixed;
    left: 0;
    right: 0;
    background: #fff;
    top: 0;
    z-index: 2;
  }

  .dashboard-title-col,
  .search-col , .info-card-col ul{
    flex-wrap: wrap;
  }
  .header-collapse {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 66px;
    background: #fff;
    z-index: 9999;
  }
  .header-collapse .header-title {
    padding: 15px;
  }
  .header-collapse .header-title ul {
    gap: 10px;
  }
  .header-section .header-logo {
    width: 70px;
    height: 65px;
  }
  .siderbar ul li a {
    padding: 20px 10px;
    position: relative;
}
.search-col .patient-search .form-control , .patient-search {
    width: 100%;
}
.dashboard-title-col {
    gap: 15px;
}
.main-wrapper {
    padding: 20px 5px;
}
.info-card-col ul li {
    width: 100%;
}
.nav-col ul {
    gap: 15px;
}
.nav-col ul li a {
padding: 0px !important;
}
.btn {
    padding: 10px 20px;
}
.breadcrumb-col {
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}
.breadcrumb-col .breadcrumb-list {
    gap: 15px;
    flex-wrap: wrap;
}
.modal-btn .btn {
    padding: 15px 14px;
}
.modal-exercise-card li {
  width: 47%;
}
#chart {
  padding: 0px;
}
.chart-modal-link {
  right: 15px;
  bottom: 18px;
}
.search-col .date-range-selector {
  background: #fff;
  border-radius: 8px;
  width: 100%;
}
.search-col .date-range-selector .form-control {
  width: 100%;
}
.setting-form {
  gap: 15px;
}
.setting-form label {
  margin-bottom: 8px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.dashboard-title-col , .search-col {
  flex-wrap: wrap;
  gap: 15px;
}
.info-card-col ul li {
  width: 32%;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
  .dashboard-title-col , .search-col {
    flex-wrap: wrap;
    gap: 15px;
  }
  .dashboard-title-col h2{
    font-size: 26px;
  }
  .info-card-col ul li {
    width: 32%;
  }
  .search-col .patient-search .form-control {
    width: 220px;
}
.btn {  
  padding: 14px 20px;
}
nav {
  display: none !important;
}
.header-section .header-title {
display: flex !important
}
.info-card-col ul {
  flex-wrap: wrap;
}

}

@media(min-width: 1800px) {
  .main-wrapper {
    min-height: 100vh;
  }
}