@media (min-width: 37.5625rem) {
  .number-status .owl-carousel .item {
    min-width: 9.375rem;

  }
}

@media (min-width:48.0625rem) {
  .web-none {
    display: none;
  }

  .d-md-block {
    display: block;
  }

  .d-md-none {
    display: none;
  }


}

@media (min-width:80rem) {
  .fav-mob {
    display: none !important;
  }


}

@media (max-width:77.4375rem) {
  .discount-bg button._bookDoc {
    background-color: #DC3546 !important;
    padding: 0.3125rem 1.125rem !important;
    color: #fff !important;
    margin-top: 1.25rem !important;
    z-index: 9 !important;
  }

  .d-small-none {
    display: none;
  }

  .d-xl-none {
    display: none !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .t-md-130 {
    top: 8.125rem !important
  }

  .top-md-90 {
    top: 5.625rem !important
  }

  .socialM {
    z-index: 1;
    right: unset !important;
    justify-content: end;
  }

  .m-md-unset {
    margin: unset !important;
  }



  .p-md-aL {
    padding: 0 1.25rem 0.625rem !important;
  }

  .fav-mob {
    display: block;
  }

  .ov-scr {
    max-width: 100%;
    overflow: scroll;
  }

  .p-md-0-20 {
    padding: 0 1.25rem;
  }

  .mt-md-0 {
    margin-top: 0;
  }

  .top-md-68 {
    top: 4.25rem;
  }

  .top-md-14 {
    top: 0.875rem;
  }

  .h-md-40 {
    height: 2.5rem;
  }

  .specialist-bg h4 {
    margin: 0 auto;
  }

  .evaluation-col span.badge {
    min-height: 2.1875rem !important;
    height: 2.5rem !important;
    min-width: 2rem !important;
    line-height: 2.125rem !important;
    font-size: 1rem !important;
  }

  branches-component .evaluation-col span.badge {
    min-height: 2.1875rem !important;
    height: 2.5rem !important;
    min-width: 2.8125rem !important;
    line-height: 2.125rem !important;
    font-size: 1rem !important;
  }

  .mt-lg--24 {
    margin-top: -1.5rem;
  }

  .w-md-100 {
    width: 100%;
    margin: 0 auto;
  }

  .mt-lg-unset {
    margin-top: unset !important;
  }

  .discount-bg ._HosbookDoc {
    background-color: #DC3546 !important;
    padding: 0.3125rem 1.125rem !important;
    color: #fff !important;
    margin-top: 0.4375rem !important;
  }

  .bg-grey1 {
    background: #F4FAFB !important;
  }

  .t-md-100 {
    top: 8.125rem !important;
  }

  .t-md-120 {
    top: 9.25rem !important;
  }

  .allDocAlign {
    text-align: right !important;
  }

  .b-md-60 {
    bottom: 3.75rem !important;
  }

  .specAlign {
    height: auto !important;
  }

  .p-md-40 {
    padding: 2.5rem !important;
  }

  .display-none-md {
    display: none !important;
  }

  .w-md-150 {
    width: 9.375rem !important;
  }
}

@media (max-width:64.25rem) {
  .float-none-md {
    float: none !important;
  }

  .top-body .tooth-area-one .professor-name {
    max-width: 65%;

  }

  .priceAlign-a {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;

  }

  .priceAlign-b {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;

  }

  .justify-content-center-md {
    justify-content: center !important;
  }

  .p-lg-20 {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }

  .t-md-120 {
    top: 7.5rem !important;
  }

  /*----Create Account Model --*/
  .create-account-modal .custom-modal {
    width: 75vw !important;
  }

  .custom-discount-bg {
    max-height: 100% !important;
  }

  .evaluation-col span.badge {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .mh-100 {
    min-height: 6.25rem !important;
  }

  .specialist-bg .nav-tabs {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }



}

@media (max-width:62rem) {
  .mt-md-40 {
    margin-top: 2.5rem;
  }

  .trans.show {

    width: 100% !important;

    left: 0;
    right: 0 !important;
    transform: unset !important;
    transform: translateY(3.125rem) !important;

  }



  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: .2rem !important;
    padding-left: .2rem !important;
  }

  .specialist-bg .media .rating.top-auto {
    margin-top: -5.1875rem !important;
  }

  .top-nav .navbar-nav .nav-link {
    font-size: .7rem !important;
    /* max-width: 6.25rem !important */
  }

  .w-lg-100 {
    width: 100% !important;
  }

  .posAb-top--70 {
    position: absolute !important;
    top: -4.375rem !important;
  }

  .m-md-unset {
    margin: unset !important;
  }

  .confModal .p-dialog {
    width: 90vw !important;
  }

  .main-light-bg {
    padding: 1.875rem 0.625rem !important;
  }

  .modal-change-pass .p-dialog {
    width: 75vw !important;
  }

  .notifi .p-dialog {
    width: 75vw !important;
  }

  .notfi-modal .p-dialog {
    width: 95vw !important;
  }

  ._notification .p-dialog {
    width: 95vw !important;
  }

  .changePassword_ .p-dialog {
    width: 90vw !important;
  }

  .notWrap {
    margin: 0 !important;
  }

  .services-section thead tr th {
    min-width: 9.375rem !important
  }
}

@media (max-width:59.375rem) {
  .checkoutAlign {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

}

@media (max-width: 48rem) {
  #home {
    padding-right: unset !important;
  }

  .list-inline {
    display: none;
  }



  .t-md-130 {
    top: 7.1875rem !important
  }

  .bookReqHos {
    font-size: 0.75rem;
    max-height: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .other-doctors-heading {
    font-size: 1rem;
  }

  .btn-sm1 {
    font-size: 0.75rem;
    padding: 0.25rem 0.3125rem;
  }

  .d-block {
    display: block;
  }

  .confirmation-close .close {
    height: 1.5625rem;
    width: 1.5625rem;
  }

  .aliMdst {
    text-align: center;
    margin: 0 auto;
  }

  .reservation-tab .card .card-body .right-col table tr.danger-row td {
    padding-left: 0.625rem !important;
  }

  .mob-none {
    display: none !important;
  }

  .mobShow {
    display: block;
  }

  .fs-md-16 {
    font-size: 1rem !important;
  }

  .media-body p {
    max-width: 90%;
  }

  .doc-locate {
    max-width: 100% !important;
  }

  .mobProfImgW {
    max-width: 100% !important;
    width: 100% !important;
    border-radius: unset !important;
    color: #fff !important;
  }

  /* .other-doctors-row {
    justify-content: center !important;
  } */

  .confirmation-close .close._clear {
    width: 0.875rem !important
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .pl-md-10 {
    padding-left: 0.625rem !important;
  }


  .wAlign {
    max-width: 70% !important;
    display: block;
  }

  .filters .p-dropdown {
    margin: 0.5625rem 0;
  }

  .d-md-flex {
    display: flex;
  }

  .pl-md-0 {
    padding-left: 0 !important;
  }

  .widthMd {
    width: max-content !important;
    padding: 0 1.25rem !important;
  }

  .w-md-unset {
    width: unset !important;
  }

  .m-md-0-auto {
    margin: 0 auto !important;
  }

  .aic {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .banner .jumbotron-slogan {
    /* background: rgb(2, 0, 36);
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(31, 171, 173, 1) 0%, rgba(92, 154, 42, 1) 100%);
    width: 100%;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center; */
    display: none;
  }

  .banner-container h4 {
    text-align: center;
    padding-bottom: 1.25rem;
  }

  .notFooter {
    max-width: 100% !important;
  }

  /* .tooth-doc-area {
    padding: 1.25rem !important;
  } */

  /*----SignIn Modal--*/
  .sign-in-modal .custom-modal {
    width: 75vw !important;
  }

  .p-dialog .p-dialog-content {
    padding: 0 !important;
  }

  .panel-acc .h3,
  .panel-light .h4 {
    font-size: 1.75rem;
  }

  .panel-light h2 {
    font-size: 2.25rem;
  }

  .text-green {
    font-size: 2.25rem;
  }

  .panel-sml .h3 {
    font-size: 1.75rem;
  }

  .services-form-group {
    flex-direction: column;
  }

  .services-form-group .form-control {
    margin-right: 0;
  }

  .responsive-header .mobile-filters-bar .btn-group {
    padding: 0.3125rem 0;
    justify-content: center;
    display: flex;
    align-items: center;
  }

  .t-md-100 {
    top: 6.25rem !important
  }

  .p-md-20 {
    /* padding: 0 1.25rem !important; */
    padding: 0 0.3125rem !important;
  }

  .mt-md-3 {
    margin-top: 1.875rem !important;
  }

  .flex-direction-unset-md {
    flex-direction: unset !important;
    margin: unset !important;
    justify-content: center !important;
  }

  .sub-heading {
    font-size: 1.25rem;
  }


  .total-price span.bold-p {

    font-size: 1.75rem !important;
  }

  .p-md-0-20 {
    padding: 0 1.25rem !important;
  }

  .w-md-70 {
    width: 70%;
  }

  .total-price span.r-price {

    font-size: 1.5rem !important;
  }



  .p-calendar {

    max-width: calc(100dvw - 2.5rem);
  }

  .p-calendar .p-datepicker {

    min-width: calc(100dvw - 2.5rem);
  }

  .p-datepicker {

    width: calc(100dvw - 3.75rem);
  }


  .notWrap table th:first-child,
  td:first-child {
    padding-left: 0px !important;
  }

  .notifModal .notWrap table th:first-child,
  td:first-child {
    padding-left: 1.875rem !important;
  }

  .notWrap table th,
  td {

    padding: 2px;
  }















}

@media (max-width: 35.5rem) {
  .patientOpinionAlign {
    align-items: center;
    justify-content: center !important;
    flex-direction: column !important;
  }

  .nav-tabs .nav-item {
    width: max-content;
  }

  p.reservation {
    font-size: 0.625rem !important;
    /* padding-right: 0px !important; */
  }

  .p-static {
    margin-left: unset !important;
  }

  .specFile {
    padding: 0 0.625rem;
  }

  .discount-bg small {
    color: #DC3546;
    font-size: 0.6875rem !important;
  }

  .mw-sm-70 {
    max-width: 70% !important;
  }




  /*-----------add clinic---------------*/
  .titleTextAdd {
    font-size: 2.125rem;
  }

  /*----Create Account Model --*/
  .p-dialog .p-dialog-header .p-dialog-title {
    font-size: 1rem;
  }





  /* .navbar {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  .navbar-brand {
    max-width: 50% !important;
  }
  .navbar-brand>img:nth-child(1) {
    max-width: 12.875rem !important;
  } */

}

@media (max-width:36rem) {
  .mAl {
    margin-right: 0;
    margin-left: 0;
    justify-content: center !important;
  }

  home-component .next-slide {
    display: none !important;
  }

  home-component .prev-slide {
    display: none !important;
  }

  .text-md-center {
    text-align: center;
    margin: 0 auto;
  }

  .cartValue {
    display: inline;
    /* flex-direction: column; */
    width: 15.625rem !important;
  }

  .paid-in-clinic {
    padding: 0;
    flex-direction: column;
    justify-content: center;
  }

  .top-body .amount-paid {
    justify-content: center;
    min-width: 100%;
  }

  .patOpAlign {
    flex-direction: column;
    align-items: center;

  }

  .hospPatientOp {
    margin-bottom: 0.625rem;
    width: 100% !important;
  }

  .drop-bg {
    flex-direction: column;
    max-width: 18.75rem;
  }

  cart-component .drop-bg {
    max-width: 100% !important;
  }

  .top-body .amount-paid p.paid-in-clinic>span:first-child {
    width: 50%;
  }

  .gm-style-iw .gm-style-iw-c,
  .gm-style .gm-style-iw-c {
    width: calc(100% - 1.25rem) !important;
    max-width: 100% !important;
  }

  .btnBar {
    margin: 0 auto !important;
    text-align: center;
    font-size: 1.125rem;
  }

  .panel-light .h5 {
    line-height: 1.5;
    font-size: 1.125rem;
  }

  .panel-act .h5 {
    line-height: 1.5;
    font-size: 1.125rem;
  }

  .panel-sml .h2,
  .panel-mid .h2,
  .panel-green .h2 {
    line-height: 1.5;
    font-size: 2.25rem;
  }

  .panel-mid .h3 {
    font-size: 2.1875rem;
  }

  .numList li .value {
    font-size: 1.125rem;
    line-height: 1.5;
  }

  .wrapList li p {
    font-size: 1.125rem;
    line-height: 1.5;
  }

  .panel-gray .h4 {
    font-size: 1.625rem;
    line-height: 1.5;
  }

  .panel-gray ul li span {
    font-size: 1.125rem;
    line-height: 1.125rem;
  }

  .panel-acc .h3,
  .panel-light .h4 {
    font-size: 1.125rem;
    line-height: 1.5;
  }

}

@media (max-width:22.5rem) {
  .add-clinic-header .filters {
    max-height: 100% !important;
  }

  .add-clinic-header .filters .row .col-md-6:last-child,
  .add-clinic-header .filters .row .col-md-6:first-child {
    padding: 0px !important;
  }
}

.centerAl {
  display: flex;
  align-items: center;
}

.map {
  display: block;
  justify-content: center;
  align-items: center;
}

.b-auto {
  bottom: auto !important;
}

.brdRadCus {
  border-radius: 0 0 0.625rem 0.625rem !important;
}

.p-static {
  position: static !important;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.hospPatientOp {
  box-shadow: 0 3px 0.375rem 1px #0000001a;
  background-color: #fff;
  border-radius: 1.5625rem;
  justify-content: center;
  align-items: center;
  padding: 0.9375rem;
  width: 15.625rem !important;
}

.patOpAlign {
  display: flex;
  justify-content: space-between;
}

.mt-20 {
  margin-top: 1.25rem !important;
}

.mAl {
  margin-right: 0 !important;
  margin-left: 0 !important;
}


.number-status {
  position: relative;
  margin: 0 auto;
  width: 100%;
  padding: 1.25rem 0;
}

.number-status .owl-carousel .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.625rem;
  border-radius: 0.3125rem;
  box-shadow: 0 2px 0.3125rem rgba(0, 0, 0, 0.1);
  margin-right: 0.625rem;
  min-width: 6.25rem;
}


.number-status .icon-status img {
  width: 3.75rem;
  height: 3.75rem;
  object-fit: contain;
  margin-bottom: 0.625rem;
}


.number-status .numbers {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.3125rem;
}


.number-status p {
  font-size: 1rem;
  color: #333;
}


@media (max-width: 37.5rem) {
  .number-status .owl-carousel {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;

    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.625rem;
    /* padding-left: 10rem; */

  }

  .number-status .owl-carousel .item {
    min-width: 5.625rem;
    margin-right: 0.9375rem;

    flex-shrink: 0;

  }

  .number-status .numbers {
    font-size: 1rem;
  }

  .number-status ul li p {
    margin-bottom: 1.875rem;
  }
}

.bgDo {
  border: 1px solid #d0d2d1;
  background: #fff !important;
  color: #1FABAD !important;
  cursor: pointer;
}

.bgDo.active {
  color: #fff !important;
  background: #00707E !important;
}

#pn_id_36 .p-dropdown-trigger {
  display: none;

}

.m-unset {
  margin: unset !important;
}

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


@media (max-width:47.9375rem) {
  .other-doctors-row {
    display: block !important;
    overflow-x: auto;
    white-space: nowrap;
  }

  .other-doctors-row .col-md-3 {
    max-width: 9.375rem !important;
    display: inline-block !important;
    padding: 0.3125rem !important;
  }

  .p-rating .p-rating-item .p-rating-icon.p-icon {
    width: 0.625rem !important;
    height: 0.625rem !important;
  }

  .other-doctors-row .doc-specialty-bg {
    padding: 0.625rem !important;
    border-radius: 0.625rem !important;
  }
}

@media (max-width:47.9375rem) {
  .tooth-area-one {
    position: relative;
    min-width: 100% !important;
  }

  .tooth-area-one h5 {
    margin-bottom: 0.3125rem !important;
  }

  .tooth-area-one .reservation {
    padding: 0.3125rem !important;
  }

  .tooth-area-one .reservation .color-red {
    font-size: 0.625rem !important;
  }

  .tooth-area-one .favrt.r-md-0 {
    position: absolute !important;
    left: 80% !important;
    top: 1.875rem !important;
    width: 3.125rem !important;
    margin: 0px !important;
  }

  .tooth-area-one .favrt.r-md-0 p {
    display: none !important;
  }

  .tooth-area-two .dis-pri {
    display: flex !important;
    align-items: center;

  }

  .tooth-area-two .dis-pri .pri-dis {
    margin-top: 0px !important;
  }

  .tooth-area-two .dis-pri span.dis-p {
    /* margin-right: 0.3125rem !important;
    margin-left: 0.3125rem !important;
    width: 3.125rem !important;
    font-size: 0.75rem !important;
    padding: 0.5625rem 2px 2px !important;
    height: 1.875rem !important;
    max-width: 3.125rem !important; */
    margin-right: 0.3125rem !important;
    margin-left: 0.3125rem !important;
    /* width: 2.625rem !important; */
    width: max-content !important;
    font-size: 0.75rem !important;
    padding: 0.375rem 2px 2px !important;
    height: 1.375rem !important;
    max-width: 3.125rem !important;
  }

  .tooth-area-two .dis-pri .pri-dis .fix-p {
    font-size: 1.125rem !important;
  }

  .tooth-area-two .dis-pri .cart-discount-price {
    margin-top: 0px !important;
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
  }

  .amount-paid .paid-in-clinic {
    display: flex !important;
    align-items: center;
    padding: 0px !important;
    width: 100% !important;
    flex-direction: row !important;
    justify-content: start;
  }

  .top-body .amount-paid {
    align-items: unset !important;
  }

  .amount-paid span strong {
    font-size: 1.125rem !important;
  }

  .main-light-bg {
    padding: 0.9375rem 0.625rem !important;
  }

  .sidebar-filters .pt-3.mb-4 {
    margin-bottom: 0px !important;
  }

  .details-col {
    margin-top: 1.25rem !important;
  }

  .panel-centent {
    padding: 0.75rem !important;
  }

  .specialist-bg .doc-services-tabs {
    margin-bottom: 1.25rem !important;
  }

  .ptb-3x {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }

  .new-page-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  .new-page-content.pl-5,
  .new-page-content.pr-5 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .readMore {
    justify-content: center !important;
  }

  .readMore:after {
    display: none !important;
  }

  .doctor-profile-details-row .media {
    text-align: center !important;
  }

  .doctor-profile-details-row .media .doctor-profile-pic {
    margin: auto !important;
  }

  .doctor-profile-details-row .rating {
    margin-top: 0px !important;
  }

  .doctor-profile-details-row .doctor-desc-table {
    text-align: left !important;
  }

  .doctor-profile-details-row .doctor-desc-table th,
  .doctor-profile-details-row .doctor-desc-table td {
    padding-bottom: 3px !important;
  }

  .responsive-header .top-header span {
    font-size: 0.875rem;
  }

  doctor-booking-component .favrt {
    padding-right: 1.4375rem;
  }
}

@media (max-width:22.9375rem) {
  .tooth-area-two .dis-pri {
    flex-direction: column !important;
  }
}

@media (max-width:48rem) {
  .drop-bg {
    flex-direction: row;
  }

  .amount-paid span {
    text-align: left;
  }

  .reviews-sec .media,
  .reviews-sec .media .media-body {
    display: flex;
    flex-direction: column !important;
    align-items: center !important;
  }

  .doc-inner {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .patient-opinions.patientOpinionAlign .patientOpinion ._patImage {

    width: 5.625rem !important;

  }

}

@media (max-width:48rem) {
  .successAlign td {
    padding-left: 0px !important;
  }

  customer-profile-component .reservation-tab .card .card-body .center-col .branch {
    margin-bottom: 0.625rem !important;
  }

  customer-profile-component .doctor-name span {
    margin-bottom: 0.625rem !important;
  }


  customer-profile-component .rating-tab .card .card-body .center-col {
    padding: 0;
  }

  customer-profile-component .reservation-tab .card .card-body .left-col p span {
    margin-bottom: 0.625rem !important;
  }


  customer-profile-component .rating-tab .card .card-body .center-col {
    padding: 0 !important;
  }


  customer-profile-component .reservation-tab .card .card-body .left-col div .service-name {
    margin-bottom: 0 !important;
  }



  customer-profile-component .reservation-tab .card .card-body .right-col table tr:first-child td {
    justify-content: start !important;

  }

  customer-profile-component .reservation-tab .card .card-body .right-col table tr:first-child td>span:last-child span {
    font-size: 1rem !important;
  }
}