@media screen and (min-width: 1600px) and (max-width: 3000px) {
      .table tbody tr td {
          font-size: 18px;
      }
      .table>thead>tr>th {
          font-size: 18px;
      }
      span.text-wrap1 {
          font-size: 18px;
      }
      .outline-bttn {
          display: inline-block;
          font-size: 16px;
      }
      .gray-bttn {
          display: inline-block;
          font-size: 16px;
      }
      .solid-bttn {
          display: inline-block;
          font-size: 14px;
      }
      label.top-label {
          font-size: 16px;
      }
      .top-heading-wrap .top-heading {
          font-size: 18px;
      }
      .notification-bell-wrap ul li a {
          text-decoration: none;
          font-size: 16px;
      }
      .left-menu .treeview-menu>li>a {
          font-size: 15px !important;
      }
      .dr-name {
          font-size: 14px;
      }
      span.dr-desgnation {
          font-size: 14px;
      }
      span.day {
          font-size: 18px;
      }
      .label-gy {
          font-size: 18px;
      }
      .big-digit {
          font-size: 40px;
      }
      .recent-activity-wrap ul li .short-description {
          font-size: 16px;
      }
      .recent-activity-wrap ul li .time {
          font-size: 16px;
      }
      .form-label {
          font-size: 18px;
      }
      .filter-select-wrap button.btn.dropdown-toggle.selectpicker.btn-default {
          font-size: 16px;
      }
      input[type="text"],
      input[type="password"],
      textarea {
          font-size: 16px;
      }
      .dr-m-list-wrap ul li a {
          text-decoration: none;
          font-size: 16px;
      }
      .emr-tab ul li a {
          font-size: 18px;
      }
      .pic-note-para {
          font-size: 14px;
      }
      [type="radio"]:not(:checked)+label,
      [type="radio"]:checked+label {
          font-size: 16px;
      }
      [type="checkbox"]+label {
          font-size: 16px;
      }
      .emr-tab ul li a span {
          width: 21px;
          height: 21px;
      }
      .excel-tbl .table tbody tr td {
          font-size: 15px;
      }
  }
  
  @media (max-width: 1500px) {
      .api-inner-col-1 {
          padding: 0 15px;
          margin: 0 -32px 0 0;
      }
      p.error-page-para {
          font-size: 25px;
      }
      .dmy-wrap span {
          font-size: 15px;
      }
      /*.commn-select-wrap button.btn.dropdown-toggle.selectpicker.btn-default {
    font-size: 15px;
    height: 39px;
    }*/
      .green-wrapper {
          /*    background: #6f77ed;
    padding: 15px 51px 15px 89px;
    border-radius: 5px 5px 0 0;*/
      }
      /*.form-one:before {
    display: none;
    }
    .form-one:after {
    display: none;
    }*/
      .left-menu ul li a label.nav-txt {
          cursor: pointer;
      }
  }
  
  @media (max-width: 1350px) {
      /*aside {
    left: -250px;
    }*/
      /*.right-panel {
    margin: 0px 0 0 0px;
    padding: 67px 0 0 0px; 
    }*/
      /*body.tb aside {
    left: 0px;
    }
    body.tb .left-menu ul li a label.nav-txt {
    display:inline-block;
    }*/
      /*body.tb .right-panel {
    margin: 0px 0 0 0px;
    padding: 67px 0 0 0px; 
    }*/
      /*body.tb .left-panel-show {
    width: 200px ;
    }
    body.tb .right-panel {
    margin: 0px 0 0 100px;
    padding: 67px 0 0 0px; 
    }
    body.tb .left-menu ul li a label.nav-txt {
    display:inline-block;
    }
    /*body.tb .left-menu ul li a {
    width: 100%;
    padding: 8px;
    }*/
      .input-search-top-wrap.show-search {
          top: 25px;
          right: 0;
          left: -96px;
          width: 314px;
      }
  }
  
  @media (max-width: 1280px) {
      .outline-bttn {
          display: inline-block;
          font-size: 12px;
          padding: 6px 10px;
          font-weight: 400;
          margin-bottom: 0;
          line-height: 1.42857143;
          text-align: center;
          white-space: nowrap;
          vertical-align: middle;
          background: transparent;
          cursor: pointer;
          color: #6f77ed;
          letter-spacing: 0.5px;
          border: 1px solid #6f77ed;
          border-radius: 4px;
      }
      .brand-wrap-index figure img {
          width: 200px;
      }
      .brand-wrap-index {
          padding-bottom: 20px;
      }
      .index-form-wrap {
          padding: 30px 0;
      }
      p.index-title-line {
          font-size: 18px;
      }
      .index-inner-form-wrap {
          padding: 10px 25px;
      }
      .right-col-foot {
          width: 100%;
      }
      .login_filed {
          font-size: 15px;
      }
      button.login-bttn {
          font-size: 15px;
      }
      .forgot {
          font-size: 15px;
      }
      .login-otp {
          font-size: 15px;
      }
      p.commn-note {
          font-size: 16px;
      }
  }
  
  @media (max-width: 1280px) {
      .top-head .heading-col {
          width: 65%;
      }
      .top-head .total-count {
          width: 35%;
      }
  }
  
  @media (max-width: 840px) {
      .top-head .heading-col {
          width: 75%;
      }
      .top-head .total-count {
          width: 25%;
      }
      .top-head .heading-col h2 {
          font-size: 12px;
      }
      .top-head .total-count .total {
          font-size: 13px;
      }
      .top-head .total-count .digit {
          font-size: 12px;
      }
  }
  
  @media (max-width: 1150px) {
      aside {
          left: -250px;
      }
      .inner-right-panel {
          margin: 5px;
      }
      .right-panel {
          margin: 0;
      }
      .left-panel-show {
          width: 200px;
          left: 0;
      }
      body.body-sm .left-menu ul li a label.nav-txt {
          display: inline-block;
      }
      body.body-sm .treeview .treeview-menu {
          margin: 0;
          padding: 0;
          display: none;
          background: #032b4d;
          padding: 0px 0 20px 0;
          position: static;
      }
      body.body-sm .dr-name,
      body.body-sm .dr-desgnation {
          display: block;
      }
      .left-menu ul li a {
          font-size: 14px;
      }
      .left-menu .treeview-menu>li>a {
          font-size: 13px !important;
      }
      body.body-sm .right-panel {
          margin: 0;
      }
      body.body-sm .inner-right-panel {
          margin: 0;
      }
      span.text-wrap1 {
          font-size: 12px;
      }
      .table tbody tr td {
          font-size: 12px;
      }
      .body-sm {
          position: relative;
          overflow: hidden;
      }
      .body-sm::before {
          position: fixed;
          content: "";
          top: 0;
          height: 100vh;
          width: 100%;
          background: #00000080;
          z-index: 99;
      }
      .left-panel-cross {
          background-image: url('../images/cross-menu.svg');
          background-position: center;
          display: inline-block;
          position: absolute;
          z-index: 99;
          width: 20px;
          height: 20px;
          background-size: 84%;
          background-repeat: no-repeat;
          right: 5px;
          top: 6px;
          cursor: pointer;
      }
      .desktop-btn-wrap {
          display: none;
      }
      .mob-top-toggle-patient-header {
          display: block;
      }
  }
  
  @media (max-width: 900px) {
      .mob-top-toggle {
          display: block;
      }
      .pat-dtl-leftcol {
          float: left;
          width: 92%;
      }
      .pat-dtl-rightcol {
          width: 7%;
      }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1024px) {
      .inner-patient-wraper ul li a {
          font-size: 14px;
          padding: 20px 21px 24px 58px;
          margin: 13px 0 0 0;
      }
      span.add-icon {
          right: 22px;
          top: 40px;
          padding: 2px 7px;
          font-size: 14px;
          border-radius: 3px;
          cursor: pointer;
      }
      .food-quantity-wrap .cross-icon,
      .food-quantity-wrap .cross-icon-child {
          width: 25px;
          height: 25px;
          font-size: 14px;
          padding: 13px;
          right: 21px;
          top: 5px;
          cursor: pointer;
      }
      .pt-emr-pic .show-pic-block {
          width: 151px;
          height: 200px;
      }
      .input-search-top-wrap.show-search {
          top: 7px;
          right: 10px;
          left: auto;
          transform: none;
      }
  }
  
  @media (max-width: 766px) {
      .form-label {
          font-size: 14px;
          margin: 8px 0 8px;
      }
      .input-search-top-wrap.show-search {
          top: 10px;
          left: 1px;
          right: 0;
      }
      .notification-wrap {
          width: 400px;
          right: 20px;
      }
      .noti-list-img {
          width: 40px;
          height: 40px;
          margin: 8px auto;
      }
      .noti-list-img img {
          width: 100%;
          position: relative;
      }
      .noti-head {
          font-size: 14px;
          padding: 8px 16px;
      }
      .notification-label {
          font-size: 12px;
          font-weight: normal;
      }
      .notification-time {
          font-size: 10px;
      }
      .inner-notification-wrap ul {
          margin: 0;
          padding: 5px 0;
      }
      .dr-detail-wrap .uhid {
          margin: 0;
      }
      .dr-detail-wrap .mob-no {
          margin: 0;
      }
      .step-text {
          display: none;
      }
      .dtl-wrapper {
          padding: 2px 65px;
      }
      .calling-dtl-list-wrap ul li .calling-ico {
          position: absolute;
          width: 60px;
          height: 100%;
          font-size: 30px;
          padding: 5px 0 0 0;
      }
      .dtl-wrapper .call-prsn-name {
          font-size: 14px;
          font-weight: normal;
      }
      .time-call {
          font-size: 12px;
          font-weight: normal;
      }
      .hwrap span.cross-icon {
          position: absolute;
          font-size: 12px;
          top: 7px;
          right: 10px;
          background: #6f77ed;
          width: 20px;
          text-align: center;
          height: 20px;
      }
      #list1 li,
      #list2 li {
          float: left;
          width: 100%;
      }
      .das-col-wrap ul li {
          width: 50%;
          border-bottom: 1px solid #e6dede;
      }
      .dmy-wrap {
          display: none;
      }
      .input-search-top-wrap {
          position: absolute;
          left: 26px;
          top: -100%;
          transform: translate(-51%, -100%);
          width: 300px;
          -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
          transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
      }
      .inner-notification-user ul li a {
          margin: 0;
          display: block;
          padding: 13px 7px;
      }
      .prs-icon {
          position: absolute;
          width: 40px;
          height: 40px;
      }
      .top-head .heading-col h2 {
          font-size: 12px;
          margin: 5px 10px 6px;
          padding: 8px 0 0 39px;
      }
      .top-head .heading-col {
          width: 70%;
      }
      .symptom-col {
          width: 100%;
      }
      .activity-col {
          width: 100%;
      }
      .top-head .total-count {
          width: 30%;
      }
      .top-head .total-count .digit {
          font-size: 12px;
      }
      .top-head .total-count .total {
          font-size: 12px;
      }
      .recent-activity-wrap ul li .time {
          font-size: 11px;
      }
      .recent-activity-wrap ul li .short-description {
          font-size: 12px;
      }
      .slot-mg {
          margin: 8px 0 -8px -26px !important;
      }
      .form-label {
          font-size: 14px;
          margin: 8px 0 8px;
          word-wrap: break-word;
      }
      body {
          overflow-x: hidden !important;
      }
      .wrap-pt-dtl {
          border-bottom: 1px solid #d9d9d9;
          border-right: 0;
          padding: 0 0 8px 0;
      }
      #age {
          width: 100% !important;
      }
      span.year {
          left: 0;
      }
      span.add-icon {
          right: 0;
          top: 6px;
      }
      .accordian-para .row .col-sm-3 {
          width: 50%;
          padding: 0 8px;
      }
      .dr-detail-wrap .dr-bell {
          font-size: 12px;
          margin: 0 10px 0 0;
          position: absolute;
          left: -20px;
          top: 3px;
      }
      .accord-wrap .ac-title p {
          font-size: 14px;
      }
      .emr-tab {
          margin: 5px 10px 0 0;
          padding: 0;
          border-right: 4px solid #6f77ed;
          position: absolute;
          z-index: 99;
          width: 98%;
          left: -100%;
      }
      .emr-left-mob {
          font-size: 22px;
          position: fixed;
          z-index: 10;
          background: #6f77ed;
          padding: 0 10px 0 10px;
          border-radius: 0 5px 5px 0;
          left: -5px;
          color: #fff;
          cursor: pointer;
          display: block;
      }
      .show-emr {
          left: 0;
          height: 100%;
          background: #fff;
          position: fixed;
          top: -5px;
          overflow-y: scroll;
      }
      .emr-right-col {
          width: 100%;
      }
      .hide-scroll {
          overflow: hidden;
      }
      .col-xs-6 .aft-bfr-pic-wrap .show-pic-block {
          width: 100%;
          height: 150px;
      }
      .tap-call {
          font-size: 15px;
      }
      .notification-bell-wrap {
          margin: 10px 0 10px 0;
          padding: 0;
          text-align: center;
      }
      .button-wrap {
          margin: 8px 0 8px;
      }
      .pt-emr-pic .show-pic-block {
          width: 150px;
          height: 180px;
      }
      .button-wrap ul li {
          margin: 4px 0px 4px 8px;
      }
      .sender-wrapper {
          margin: 5px 0 5px;
      }
      .day-list-slot ul li {
          display: inline-block;
          width: 30%;
          margin: 6px 0;
      }
      .day-list-slot ul li label.lbl-check {
          font-size: 12px;
      }
  }
  
  @media (max-width: 750px) {
      .left-col {
          display: none;
      }
      .right-col {
          float: right;
          width: 100%;
          position: relative;
      }
  }
  /*************************360****************************/
  
  @media screen and (min-width: 320px) and (max-width: 640px) {
      .index-form-wrap {
          padding: 5px;
      }
      .index-inner-form-wrap {
          padding: 0 11px;
          height: 428px;
          width: 100%;
      }
      .brand-wrap-index {
          text-align: center;
          padding: 24px;
      }
      .brand-wrap-index figure img {
          width: 160px;
      }
      .index-title-line {
          font-size: 13px;
          margin: 8px 0px 0 0;
      }
      .login_filed {
          font-size: 14px !important;
          padding: 5px !important;
      }
      label.input-label {
          font-size: 13px !important;
      }
      .strong-label {
          font-size: 13px;
      }
      .forgot {
          font-size: 14px;
      }
      .login-otp {
          font-size: 14px;
      }
      button.login-bttn {
          font-size: 16px;
      }
      .right-col-foot {
          width: 100%;
          padding: 8px;
      }
      .right-col-foot a {
          font-size: 12px;
      }
      .commn-note {
          font-size: 12px;
      }
      .right-col-foot p {
          font-size: 13px;
      }
      .brand-wrap a {
          width: 91px;
      }
      .inner-notification-user ul li a {
          margin: 0;
          display: block;
          padding: 13px 10px;
      }
      .inner-notification-user ul li a figure img {
          width: 18px;
      }
      .inner-notification-user ul li a figure span {
          position: absolute;
          content: "";
          color: #fff;
          top: -8px;
          right: -8px;
          font-size: 9px;
          height: 15px;
          width: 15px;
      }
      .top-heading-wrap .top-heading {
          font-size: 14px;
      }
      label.top-label {
          font-size: 12px;
      }
      .button-wrap {}
      .outline-bttn {
          display: inline-block;
          font-size: 11px;
          padding: 4px 4px;
      }
      .paination-wraper ul li a {
          padding: 4px 5px;
          font-size: 10px;
      }
      .gray-label {
          font-size: 8px;
      }
      .paination-wraper {
          margin: 6px 0 0 0;
      }
      .notification-wrap {
          width: 95%;
          right: 7px;
      }
      .noti-list-img {
          width: 40px;
          height: 40px;
          margin: 8px auto;
      }
      .noti-head {
          font-size: 14px;
          padding: 8px 16px;
      }
      .notification-label {
          font-size: 12px;
          font-weight: normal;
      }
      .notification-time {
          font-size: 10px;
      }
      input[type="text"],
      input[type="password"],
      textarea {
          padding: 7px 5px;
          font-size: 12px;
      }
      .admin-label {
          font-size: 12px;
      }
      #calendar button {
          font-size: 11px !important;
          font-weight: normal !important;
      }
      .fc-toolbar .fc-center h2 {
          font-size: 17px;
          margin: 10px 0;
      }
      .fc-button-group {
          margin: 0 1px;
      }
      .ui-widget-header a {
          color: #6f77ed;
          font-size: 11px;
          margin: 0 5px 0 0;
      }
      .change-box {
          width: 100%;
      }
      .mce-listbox button {
          text-align: left;
          padding-right: 0;
          position: relative;
      }
      .mce-btn-group .mce-btn {
          margin-left: -10px;
          padding: 0;
      }
      .dr-img-wrap figure {
          width: 50px;
          height: 50px;
      }
      .dr-detail-wrap .uhid {
          margin: 0;
          font-size: 12px;
      }
      .dr-detail-wrap .mob-no {
          font-size: 12px;
          margin: 0 0 0 0;
      }
      .solid-bttn {
          display: inline-block;
          font-size: 11px;
          padding: 5px 9px;
      }
      .inner-patient-wraper ul li a {
          padding: 13px 35px 11px 70px;
      }
      .inner-patient-wraper ul li a::before {
          position: absolute;
          border-top: 24px solid transparent;
          border-bottom: 22px solid transparent;
          border-left: 48px solid #414141;
      }
      .inner-patient-wraper ul li a::after {
          position: absolute;
          border-top: 24px solid transparent;
          border-bottom: 24px solid transparent;
          border-left: 52px solid #838383;
      }
      .commn-icon {
          width: 25px;
          height: 25px;
          margin: 0 10px 0 0;
      }
      .commn-icon img {
          width: 100%;
      }
      .heading {
          font-size: 14px;
          display: inline-block;
          font-family: 'Roboto-Medium';
          width: 230px;
          margin: 0;
          vertical-align: middle;
      }
      .gray-bttn {
          display: inline-block;
          font-size: 13px;
          padding: 3px 12px;
      }
      .measurment-cbc-hb-wrap ul li span {
          font-size: 13px;
          margin: 0 15px 0 15px;
          padding: 2px;
      }
      .b-s-label {
          font-size: 12px;
          margin: 5px 0 5px;
      }
      .new-switch-tab ul li a span {
          width: 20px;
          height: 20px;
      }
      span.add-icon {
          /* padding: 2px 7px;
        font-size: 14px;
        border-radius: 3px;
        cursor: pointer; */
          padding: 2px 7px;
          /* font-size: 14px; */
          /* border-radius: 3px; */
          /* cursor: pointer; */
          top: 34px;
          right: 17px;
      }
      /* .add-icon {
      
    } */
      .food-quantity-wrap .cross-icon,
      .food-quantity-wrap .cross-icon-child {
          width: 25px;
          height: 25px;
          font-size: 14px;
          padding: 13px;
          right: 21px;
          top: 5px;
          cursor: pointer;
      }
      .chat-list-col {
          float: left;
          width: 100%;
      }
      .messages-col {
          float: right;
          width: 100%;
      }
      .type-text-box {
          float: left;
          width: 82%;
      }
      .send-icon-wrap {
          width: 18%;
      }
      .send-icon-wrap span {
          font-size: 16px;
      }
      .dtl-wrapper .call-prsn-name {
          font-size: 14px;
          font-weight: normal;
          text-overflow: ellipsis;
          width: 150px;
          overflow: hidden;
          display: block;
          white-space: nowrap;
      }
      .accordian-para .row .col-sm-3 {
          width: 100%;
          padding: 0 8px;
      }
      .add-practise-time {
          color: #fff;
          right: 16px;
          top: 37px;
      }
      .user-call-wrap {
          top: 50%;
          transform: translateY(-50%);
          overflow-y: scroll;
          overflow-x: hidden;
          max-height: 130px;
      }
      button.outline-bttn.mobile-btn {
          display: none;
      }
      button.outline-bttn.desktop-btn {
          display: none;
      }
      button.outline-bttn.mobile-btn {
          display: block;
          border: 1px solid #4e9bd7;
          color: #4e9bd7;
      }
      button.outline-bttn.mobile-btn:active,
      button.outline-bttn.mobile-btn:hover {
          background: #4e9bd7;
          color: #fff;
      }
      .brand-wrap {
          margin: 0 -8px;
      }
      .fc-button-month.fc-state-default,
      .fc-button-agendaWeek.fc-state-default,
      .fc-button-agendaDay.fc-state-default {
          min-width: 30px !important;
      }
      #calendar span {
          font-size: 12px !important;
      }
      .fc-header-title h2 {
          margin-top: 9px !important;
          white-space: nowrap;
          font-size: 12px !important;
          font-weight: 100;
          margin-bottom: 0;
      }
      .fc-header td {
          white-space: nowrap !important;
          padding: 9px 10px 0px !important;
      }
      span.fc-button {
          font-size: 12px !important;
      }
      .fc-header td {
          white-space: nowrap;
          padding: 9px 4px 0px !important;
      }
      .fc-state-disabled {
          width: 50px !important;
          margin: 6px 0 6px 0 !important;
          display: block !important;
      }
      .fc-button {
          position: relative;
          display: inline-block !important;
          padding: 0px 4px !important;
          overflow: hidden;
      }
      .Patient-modal {
          width: 95%;
      }
      .Patient-modal .search-icon {
          width: 30px;
          height: 48%;
          bottom: 0;
          top: auto;
      }
      .more-option--wrapeer {
          bottom: 0;
      }
      .input-search-top-wrap.show-search {
          top: 10px;
          left: auto;
          transform: initial;
          right: 28px;
      }
      .preview-signature {
          width: 100%;
      }
      .togglenav {
          padding: 10px 30px 10px 50px !important;
          font-size: 12px !important;
      }
      .togglenav .plus-icon {
          width: 15px;
          height: 15px;
          top: 12px;
          left: 10px;
      }
      .bootstrap-select.btn-group .btn .caret {
          right: 2px;
      }
      .add-medical-certificate ul li {
          width: 100%;
          margin: 0 0 8px 0;
      }
      .add-medical-certificate ul li:last-child {
          margin: 0;
      }
      .filter-select-wrap.select-instruction-wrap {
          width: 100%;
      }
      .top-heading-wrap {
          position: sticky;
          top: 0;
          z-index: 9;
      }
      .status-block ul li {
          display: inline-block;
          float: initial;
      }
      .mssg-usr-list {
          margin: 0 0 13px 0;
          border-bottom: 1px solid #ccc;
      }
  }
  
  @media screen and (min-width: 320px) and (max-width: 640px) and (orientation: landscape) {}