@media only screen and (min-device-width: 320px) and (max-device-width: 1240px) and (-webkit-min-device-pixel-ratio: 1) {
  .d-filter {
    display: none !important;
  }

  .d-filter-mobile {
    display: block !important;
    position: relative !important;
  }
}
@media only screen and (min-device-width: 1800px) {
  .dashboard-cards {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }
}

@media only screen and (min-device-width: 1220px) and (max-device-width: 1800px) and (-webkit-min-device-pixel-ratio: 1) {
  .dashboard-cards {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  /* profile page */
  .mh-admin-profile {
    width: 90%;
  }
}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .mh-form-area {
    width: 100%;
  }
  /* profile page */
  .mh-admin-profile {
    width: 80%;
  }
  .mh-wellness-indicators {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    margin-top: 10px;
  }
}

/* ------------------------------------------------------------ iPhone X ---------------------------------------------------------------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
  .mh-form-area {
    width: 100%;
  }
  .mh-content-footer {
    flex-direction: column !important;
  }
  .mh-page-navigation {
    margin-top: 10px !important;
  }
  .mh-modal-dialog {
    width: auto !important;
  }
  .modal-dialog-graph {
    width: auto !important;
  }
  /* profile page */
  .mh-admin-profile {
    width: 100%;
  }

  .mh-admin-profile-img {
    flex-direction: column;
  }

  .mh-admin-name {
    margin: 0px !important;
    text-align: center;
  }
  /* report page */
  .mh-report-form {
    justify-content: space-between !important;
  }
  .mh-mb-list-items {
    height: auto;
    max-height: calc(100vh - 244px);
  }
  .bell-dropdown {
    left: -165px !important;
    height: 632px !important;
  }
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .mh-chart-info {
    height: auto !important;
  }
  .ins-tab-single {
    height: auto !important;
    max-height: calc(100vh - -87px) !important;
  }
  .bell-dropdown {
    overflow: auto;
    height: 312px !important;
  }
}
/* ---------------------------------------------- iPhone 6+, 7+ and 8+ ----------------------------------------- */

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
  .bell-dropdown {
    left: -165px !important;
    height: 632px !important;
  }
  .bell-sub-menu {
    height: 475px !important;
  }
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .mh-mb-list-items {
    height: auto !important;
    max-height: calc(100vh - 4px) !important;
  }
  .bell-dropdown {
    overflow: auto;
    height: 352px !important;
  }
}

/* ---------------------------------------------------------- iPhone 6, 6S, 7 and 8 ------------------------------------------------------------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .mh-form-area {
    width: 100%;
  }
  .mh-content-footer {
    flex-direction: column !important;
  }
  .mh-page-navigation {
    margin-top: 10px !important;
  }
  .mh-modal-dialog {
    width: auto !important;
  }
  .modal-dialog-graph {
    width: auto !important;
  }

  /* profile page */
  .mh-admin-profile {
    width: 100%;
  }

  .mh-admin-profile-img {
    flex-direction: column;
  }

  .mh-admin-name {
    margin: 0px !important;
    text-align: center;
  }

  .mh-report-form {
    justify-content: space-between !important;
  }

  .mh-wellness-indicators {
    overflow-x: auto;
    display: flex;
  }

  .mh-indicator {
    min-width: 250px !important;
    height: 61px;
  }
  .mh-filter-submit-btn button {
    margin-top: 10px;
  }
  .bell-dropdown {
    left: -165px !important;
    height: 560px !important;
  }
  .bell-sub-menu {
    height: 475px !important;
  }
}
/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .mh-mb-list-items {
    height: auto !important;
    max-height: calc(100vh - 4px) !important;
  }
  .mh-chart-info {
    height: auto !important;
  }
  .bell-dropdown {
    overflow: auto;
    height: 290px !important;
  }
  .bell-sub-menu {
    height: 400px !important;
  }
}

/* -------------------------------------------------------- iPhone 5, 5S, 5C and 5SE ------------------------------------------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .mh-form-area {
    width: 100%;
  }
  .mh-content-footer {
    flex-direction: column !important;
  }
  .mh-page-navigation {
    margin-top: 10px !important;
  }
  .mh-modal-dialog {
    width: auto !important;
  }
  .modal-dialog-graph {
    width: auto !important;
  }
  .mh-report-form {
    justify-content: space-between !important;
  }

  .mh-filter-submit-btn button {
    margin-top: 10px;
  }
  .mh-admin-profile {
    width: 100%;
  }

  .mh-admin-profile-img {
    flex-direction: column;
  }
  .mh-admin-name {
    margin: 0px !important;
    text-align: center;
  }
  .bell-dropdown {
    left: -169px !important;
    height: 488px;
  }
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .bell-dropdown {
    overflow: auto;
    height: 269px !important;
  }
  .bell-sub-menu {
    height: 400px !important;
  }
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .mh-collapse-top-info .mh-mb-button {
    font-size: 13px !important;
    padding: 8px 6px !important;
  }
}

/* ......................----------------------------------------------------------------------------------- */

@media screen and (max-device-width: 1440px) {
  .mh-custom-table thead th,
  .mh-custom-table th {
    font-size: 12px;
  }
}

@media only screen and (max-device-width: 1536px) and (-webkit-min-device-pixel-ratio: 1) {
  .mh-wellness-indicators {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin-top: 10px;
  }
}

.cus-col {
  margin-bottom: 0px;
}

@media only screen and (max-device-width: 769px) {
  .top-field {
    margin-bottom: 15px;
  }
}

@media screen and (max-device-width: 700px) {
  .mh-chart-indicators {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  }
}

@media screen and (max-device-width: 525px) {
  .mh-mobile-chart-info {
    display: block;
  }

  .mh-desktop-chart-info {
    display: none;
  }
}

/*     new styles     */

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
  .tabcontent,
  .mh-insight-tab-content {
    width: 100% !important;
  }

  .tab,
  .mh-insight-tab {
    width: 100% !important;
  }

  .mh-chart-info-tabs {
    width: calc(100vw - 88%);
  }
}

/* ----------- Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  .tabcontent,
  .mh-insight-tab-content {
    width: 100% !important;
  }

  .tab,
  .mh-insight-tab {
    width: 100% !important;
  }

  .mh-chart-info-tabs {
    width: calc(100vw - 90%);
  }
}

@media screen and (max-device-width: 1200px) {
  .tabcontent,
  .mh-insight-tab-content {
    width: 100% !important;
  }

  .tab,
  .mh-insight-tab {
    width: 100% !important;
  }

  .mh-chart-info-tabs {
    width: calc(100vw - 60%);
  }
}

@media only screen and (max-device-width: 700px) {
  .mh-date-range-rprt-mntr {
    display: flex;
    flex-direction: column;
  }

  .mh-pro-details {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #00000014;
  }

  .mh-report-form-mntr {
    width: 100%;
    justify-content: flex-end !important;
    padding-top: 10px;
    margin: 0px 10px;
  }
}

@media only screen and (max-device-width: 525px) {
  .mh-report-form-mntr {
    flex-direction: column;
    padding-top: 10px;
  }

  .mh-apply-btn {
    margin-left: 0px;
    padding: 4px 10px;
    margin-top: 10px;
  }

  .mh-date-picker {
    /* margin-bottom: 10px; */
    display: grid;
    grid-template-columns: 47% 6% 47%;
  }
  .mh-diff {
    display: grid;
    place-items: center;
  }
}

@media only screen and (max-device-width: 450px) {
  .mh-rainyday-info-detail {
    flex-direction: column;
  }

  .mh-rainyday-filter:first-child {
    margin-right: 0px;
    margin-bottom: 10px;
  }
}

@media only screen and (min-device-width: 767px) {
  .mh-filter-submit-btn button {
    margin-top: 10px;
  }
}