@media only screen and (max-width: 1600px) {
    .box-vital .measurement-text {font-size: 12px;}
    .table-responsive .table-lg {min-width: 785px;}
    .datepicker table tr td, .datepicker table tr th{width:20px;height:20px;}
}
@media only screen and (max-width: 1490px) and (min-width: 1400px) {
    .user-img {width: 120px;}
}
@media only screen and (max-width: 1330px) {
    .measurement-list .measurement-li {padding: 0.813rem 0.5rem;}
}
@media only screen and (min-width: 1330px) {
    .dashboard #scrollContent {max-width: 95%;margin: 0 auto;}
    /*.dashboard .app-header-top .container-fluid, .dashboard .app-header-bottom .container-fluid {max-width: 95%;margin: 0 auto;}*/
}

@media only screen and (max-width: 1024px) {
    body {--bs-body-font-size: 13px;}
    .h1.big, h1.big {font-size: 32px;}
    .h1, h1 {font-size: 22px;}
    .h2, h2 {font-size: 20px;}
    .h3, h3 {font-size: 18px;}
    .h4, h4 {font-size: 16px;}
    .h5, h5 {font-size: 14px;}
    .h6, h6 {font-size: 13px;}
    .page-header {padding: 0.625rem 0.938rem;}
    .page-header-left {gap: 10px;}
    .page-body {padding: 0.938rem;}
    input.form-control, select.form-control {line-height: 32px;height: 34px;}
    .bootstrap-switch.bootstrap-switch-normal .bootstrap-switch-handle-on,
    .bootstrap-switch.bootstrap-switch-normal .bootstrap-switch-handle-off,
    .bootstrap-switch.bootstrap-switch-normal .bootstrap-switch-label {padding-block: 0.406rem;}
    .select2-container .select2-selection--single {height: 35px;}
    .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 33px;}
    .select2-container--default .select2-selection--single .select2-selection__arrow {height: 34px;}
    .comman-file-upload {padding-block: 0.406rem;}
    .btn-group.btn-group-toggle .btn {padding-block: 0.219rem;}
    .btn:not(.btn-sm) {padding-block: 0.344rem;}
    .btn-sm {padding-block: 0.125rem;}
    .dropdown-menu {--bs-dropdown-font-size: 14px;}
    .app-header .navbar {--bs-navbar-padding-y: 0.625rem;}
    .app-header-bottom {padding-block: 0.938rem;}
    .app-footer {font-size: 12px;padding: 0.5rem 0;}

    .content-list .content-li:not(:last-child) {margin-bottom: 10px;}
    .master-panel-main {position: relative;}
    .master-panel-left {position: absolute;left: 0;top: 0;z-index: 999;transform: translateX(-100%);}
    .master-panel-left.active {transform: translateX(0);}
    .master-panel-left.active .icon {transform: rotate(180deg);}
    .master-panel-left .btn-panel-left {display: inline-flex !important;}
    .master-panel-right {width: 100%;}
    .patient-img {width: 80px;height: 80px;padding: 0.313rem;}
    .sidebar-list .sidebar-link .sidebar-icon {min-width: 20px;font-size: 16px;}
    .sidebar-list .sidebar-link {font-size: 13px;padding: 0.625rem 0.938rem;}
    #EppMaster .page-header,{padding-inline-start: 2.5rem;}
    .chat-left {width: 200px;}
    .chart-right {width: calc(100% - 210px);}
    .about-modal table {font-size: 14px;}
    .page-footer {padding-inline: 0.938rem;}
    .btn:not(.btn-panel-left):not(.btn-group-toggle .btn):not(.content-header .btn):not(.btn.toggle):not(.toggle-on):not(.toggle-off):not(.toggle-handle) {min-height: 34px;}
    .btn-panel-left {min-height: 25px;}
    .btn-group-scroll {flex: 1;display: flex;overflow: auto;white-space: nowrap;}
    .table .btn-remove, .table .btn-remove:hover{background-color:transparent;}
    .custom-card .box .box-body {padding: 0.938rem;}
    .custom-card .data-list:not(#divAppt.custom-card .data-list):not(.custom-card .box .box-body .user-details ul):not(.flex-table .data-list) {padding-inline-end: 15px;}

    .rtl .master-panel-left {transform: translateX(100%);right: 0;left: auto;}
    .rtl .master-panel-left.active {transform: translateX(0);}
    .rtl .master-panel-left .icon {transform: rotate(180deg);}
    .rtl .master-panel-left.active .icon {transform: rotate(0deg);}
        ul.checkbox-group > li {
        width: 49.5%;
    }
 
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .measurement-list .measurement-li {padding-block: 0.906rem;}
}
@media only screen and (max-width: 991px) {
    .form-label {margin-bottom: .25rem;}
    .app-header .navbar {--bs-navbar-padding-y: 0.625rem;}
    .app-nav .nav-link {padding-inline: 0.625rem;border-radius: 0;}
    .app-nav .nav-link .nav-text {display: block;}
    .navbar-collapse {margin-top: 10px;width: 100%;}
    .app-nav .navbar-nav .dropdown-menu {margin-top: 0;padding: 0;background-color: transparent;border-left: 0;border-right: 0;border-radius: 0;border-top-color: rgba(var(--bs-white-rgb), 0.5);border-bottom-color: rgba(var(--bs-white-rgb), 0.5);}
    .app-nav .login-text {margin-inline-end: 0;padding: 7px 0.625rem;}
    .app-nav .app-lang .button-lang {padding: 0.438rem 0.625rem;}
    .header-dropdown li:not(:last-child), .app-lang .dropdown-menu li:not(:last-child) {border-bottom: 1px solid rgba(var(--bs-white-rgb), 0.5);}
    .app-nav .dropdown .nav-link::after {margin-inline-start: auto;}
    .app-nav .dropdown-item {padding-block: 0.438rem;padding-inline: 2.063rem;}
    .app-nav .dropdown-item .subnav-icon {color: var(--bs-white) !important;}
    .app-nav .dropdown-item .subnav-text {flex: 1;max-width: none;min-width: 0;}
    .app-nav .dropdown-item .subnav-text, .app-nav .app-lang .dropdown-item {font-size: 14px;color: var(--bs-white);}
    .app-nav .dropdown-menu .select2-container .select2-selection--single {height: 25px;}
    .app-nav .dropdown-menu .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 23px;}
    .app-nav .dropdown-menu .select2-container--default .select2-selection--single .select2-selection__arrow {height: 25px;}
    .auth-box {padding-inline: 1.25rem;}
    .app-lang {margin-inline-start: 20px;}
    .action-td [class*="fa-"]::before {font-size: 18px;}
    .measurement-img {width: 35px;}
    .measurement-list .measurement-li {padding: 1.25rem 0.375rem;}
    .chat-main {padding-top: 0.625rem;}
    .chat-left, .chart-right {width: 100%;}
    .media-list .media-li:not(:last-child) {margin-bottom: 2px;}
    .media-list .media-li {min-width: 170px;flex: 1 auto;display: grid;place-items: center;text-align:center;}
    .page-header-left {flex: 1;min-width: 0;white-space: nowrap;}
    .form-search {width: 100%;}     
    .modal-btn-group {width: 100%;justify-content: end;}
    .message-main {position: fixed;left: 0;bottom: 0;z-index: 999; padding: 0.938rem;width: 100%;background-color: rgba(var(--bs-black-rgb), 0.5);display:none;}
    #close-message {display: grid;position: absolute;padding:0;right: 5px;top: -10px;place-items: center;width: 20px;height: 20px;border-radius: 50%;color: var(--bs-white);box-shadow: 0 4px 15px rgba(var(--bs-black-rgb), 0.3);}
    #message-main.messageBox-XS {display: block !important;}
    .btn-sidebar {display:block;}
    .mini-widget .mini-widget-body .time {font-size: 26px;}

    .rtl .media-list .media-li:not(:last-child) {border-right: 0;border-left: 1px solid #ccc;}
    .rtl #close-message {right: auto;left: 5px;}
     .contentMiddle-fh .box-header{margin-top:20px;}
         #message-main {
        position: absolute;
        top:100px;
        right: 0px;
      background:#fff;
        padding-right: 15px;
        display:none !important;
        z-index:999;
    }
          #message-main.showMessage{display:block !important;top:0;}
          .showMessage .message-view .meassage-content{height: calc(100vh - 175px);}
         .message-view .newMessage {
    height: calc(100vh - 268px);
}
  
          
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .appointment-request .data-right .data-time {flex-direction: column;align-items: flex-end;gap: 0 !important;}    
}
@media only screen and (max-width: 767px) {
    .data-wrap-column {flex-wrap: nowrap;flex-direction: column;}
    .page-header-left {gap: 7px;}    
    .dropdown-lg > .dropdown-menu {min-width: 300px;}.measurement-list .measurement-li {padding: 0.938rem 0.625rem;}
    .date-block.w-\[200\] {width: 120px;}
    .date-block .datepicker.datepicker-dropdown {min-width: 200px;left: 0 !important;}
    .rtl .date-block .datepicker.datepicker-dropdown {min-width: 200px;left: auto !important;right: 0 !important}
    .btn-group-scroll {flex: auto;width: 100%;}
    .middle-view .middle-content-filter{height:auto;}
           .middle-view .middle-content-wt {
    height: calc(100vh - 310px);
}
         .middle-view .middle-content-wnote {
    height: calc(100vh - 428px);
}
}

@media only screen and (max-width: 576px) {
    .auth-box {padding-top: 2.25rem;}
    .app-logo {width: 160px;margin-bottom: 0;}
    .auth-card-header {padding: 2.688rem 0px;}
    .auth-card .auth-icon {width: 60px;height: 60px;padding: 0.563rem;line-height: 60px;top: 43px;}
    .separate-list li .separate-link {font-size: 12px;}
    .app-main {padding: 0;}
    .appointment-request .data-left, .medical-report .data-left, .visit-summary .data-left, .appointment-list .data-left, .education-materials .data-left {width: 100%;}
    .data-right {align-items: flex-start;width: 100%;}
    .btn-group-main {width: 100%;}    
    #educationpreview {width: calc(100% - calc(var(--bs-modal-margin) * 2)) !important;}
    .custom-card .box .box-body .user-details ul{padding-left:0 !important;}
    
}

@media only screen and (max-width: 480px) {
    .user-img {margin: 15px auto 0;}
    .user-details {flex: auto;width: 100%;}
    .user-details .user-name h1 {min-height: auto;justify-content: center;text-align: center;}
    .app-footer {font-size: 11px;}
    .measurement-list .measurement-li:not(.measurement-auto) {width: 50%;}
    .h3, h3{font-size:14px;}
}
@media only screen and (max-width: 430px) {    
    .form-search {width: 100%;max-width: 100%;}
    .app-footer {font-size: 9px;}
    .contentMiddle-fh {
    height: calc(100vh - 148px);
}
      #imgPatientPhoto{max-width:inherit;}
}