@media (min-width: 601px) {
  .number-status .owl-carousel .item {
    min-width: 150px;

  }
}

@media (min-width:769px) {
  .web-none {
    display: none;
  }

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

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


}

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


}

@media (max-width:1279px) {
  .discount-bg button._bookDoc {
    background-color: #eb412f !important;
    padding: 5px 18px !important;
    color: #fff !important;
    margin-top: 20px !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: 130px !important
  }

  .top-md-90 {
    top: 90px !important
  }

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

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



  .p-md-aL {
    padding: 0 20px 10px !important;
  }

  .fav-mob {
    display: block;
  }

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

  .p-md-0-20 {
    padding: 0 20px;
  }

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

  .top-md-68 {
    top: 68px;
  }

  .top-md-14 {
    top: 14px;
  }

  .h-md-40 {
    height: 40px;
  }

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

  .evaluation-col span.badge {
    min-height: 35px !important;
    height: 40px !important;
    min-width: 32px !important;
    line-height: 34px !important;
    font-size: 16px !important;
  }

  branches-component .evaluation-col span.badge {
    min-height: 35px !important;
    height: 40px !important;
    min-width: 45px !important;
    line-height: 34px !important;
    font-size: 16px !important;
  }

  .mt-lg--24 {
    margin-top: -24px;
  }

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

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

  .discount-bg ._HosbookDoc {
    background-color: #eb412f !important;
    padding: 5px 18px !important;
    color: #fff !important;
    margin-top: 7px !important;
  }

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

  .t-md-100 {
    top: 130px !important;
  }

  .t-md-120 {
    top: 148px !important;
  }

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

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

  .specAlign {
    height: auto !important;
  }

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

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

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

@media (max-width:1028px) {
  .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: 20px;
    padding-left: 20px;
  }

  .t-md-120 {
    top: 120px !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: 100px !important;
  }

  .specialist-bg .nav-tabs {
    padding-left: 15px;
    padding-right: 15px;
  }



}

@media (max-width:992px) {
  .mt-md-40 {
    margin-top: 40px;
  }

  .trans.show {

    width: 100% !important;

    left: 0;
    right: 0 !important;
    transform: unset !important;
    transform: translateY(50px) !important;

  }



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

  .specialist-bg .media .rating.top-auto {
    margin-top: -83px !important;
  }

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

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

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

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

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

  .main-light-bg {
    padding: 30px 10px !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: 150px !important
  }
}

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

}

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

  .list-inline {
    display: none;
  }



  .t-md-130 {
    top: 115px !important
  }

  .bookReqHos {
    font-size: 12px;
    max-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .other-doctors-heading {
    font-size: 16px;
  }

  .btn-sm1 {
    font-size: 12px;
    padding: 4px 5px;
  }

  .d-block {
    display: block;
  }

  .confirmation-close .close {
    height: 25px;
    width: 25px;
  }

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

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

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

  .mobShow {
    display: block;
  }

  .fs-md-16 {
    font-size: 16px !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: 14px !important
  }

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

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


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

  .filters .p-dropdown {
    margin: 9px 0;
  }

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

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

  .widthMd {
    width: max-content !important;
    padding: 0 20px !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(12, 137, 68, 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: 20px;
  }

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

  /* .tooth-doc-area {
    padding: 20px !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: 28px;
  }

  .panel-light h2 {
    font-size: 36px;
  }

  .text-green {
    font-size: 36px;
  }

  .panel-sml .h3 {
    font-size: 28px;
  }

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

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

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

  .t-md-100 {
    top: 100px !important
  }

  .p-md-20 {
    /* padding: 0 20px !important; */
    padding: 0 5px !important;
  }

  .mt-md-3 {
    margin-top: 30px !important;
  }

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

  .sub-heading {
    font-size: 20px;
  }


  .total-price span.bold-p {

    font-size: 28px !important;
  }

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

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

  .total-price span.r-price {

    font-size: 24px !important;
  }



  .p-calendar {

    max-width: calc(100dvw - 40px);
  }

  .p-calendar .p-datepicker {

    min-width: calc(100dvw - 40px);
  }

  .p-datepicker {

    width: calc(100dvw - 60px);
  }


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

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

  .notWrap table th,
  td {

    padding: 2px;
  }















}

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

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

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

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

  .specFile {
    padding: 0 10px;
  }

  .discount-bg small {
    color: #eb412f;
    font-size: 11px !important;
  }

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




  /*-----------add clinic---------------*/
  .titleTextAdd {
    font-size: 34px;
  }

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





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

}

@media (max-width:576px) {
  .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: 250px !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: 10px;
    width: 100% !important;
  }

  .drop-bg {
    flex-direction: column;
    max-width: 300px;
  }

  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% - 20px) !important;
    max-width: 100% !important;
  }

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

  .panel-light .h5 {
    line-height: 1.5;
    font-size: 18px;
  }

  .panel-act .h5 {
    line-height: 1.5;
    font-size: 18px;
  }

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

  .panel-mid .h3 {
    font-size: 35px;
  }

  .numList li .value {
    font-size: 18px;
    line-height: 1.5;
  }

  .wrapList li p {
    font-size: 18px;
    line-height: 1.5;
  }

  .panel-gray .h4 {
    font-size: 26px;
    line-height: 1.5;
  }

  .panel-gray ul li span {
    font-size: 18px;
    line-height: 18px;
  }

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

}

@media (max-width:360px) {
  .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 10px 10px !important;
}

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

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

.hospPatientOp {
  box-shadow: 0 3px 6px 1px #0000001a;
  background-color: #fff;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  padding: 15px;
  width: 250px !important;
}

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

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

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


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

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


.number-status .icon-status img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  margin-bottom: 10px;
}


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


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


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

    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
    /* padding-left: 160px; */

  }

  .number-status .owl-carousel .item {
    min-width: 90px;
    margin-right: 15px;

    flex-shrink: 0;

  }

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

  .number-status ul li p {
    margin-bottom: 30px;
  }
}

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

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

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

}

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

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


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

  .other-doctors-row .col-md-3 {
    max-width: 150px !important;
    display: inline-block !important;
    padding: 5px !important;
  }

  .p-rating .p-rating-item .p-rating-icon.p-icon {
    width: 10px !important;
    height: 10px !important;
  }

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

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

  .tooth-area-one h5 {
    margin-bottom: 5px !important;
  }

  .tooth-area-one .reservation {
    padding: 5px !important;
  }

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

  .tooth-area-one .favrt.r-md-0 {
    position: absolute !important;
    left: 80% !important;
    top: 30px !important;
    width: 50px !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: 5px !important;
    margin-left: 5px !important;
    width: 50px !important;
    font-size: 12px !important;
    padding: 9px 2px 2px !important;
    height: 30px !important;
    max-width: 50px !important; */
    margin-right: 5px !important;
    margin-left: 5px !important;
    /* width: 42px !important; */
    width: max-content !important;
    font-size: 12px !important;
    padding: 6px 2px 2px !important;
    height: 22px !important;
    max-width: 50px !important;
  }

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

  .tooth-area-two .dis-pri .cart-discount-price {
    margin-top: 0px !important;
    margin-left: 5px !important;
    margin-right: 5px !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: 18px !important;
  }

  .main-light-bg {
    padding: 15px 10px !important;
  }

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

  .details-col {
    margin-top: 20px !important;
  }

  .panel-centent {
    padding: 12px !important;
  }

  .specialist-bg .doc-services-tabs {
    margin-bottom: 20px !important;
  }

  .ptb-3x {
    padding-top: 15px !important;
    padding-bottom: 15px !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: 14px;
  }

  doctor-booking-component .favrt {
    padding-right: 23px;
  }
}

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

@media (max-width:768px) {
  .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: 90px !important;

  }

}

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

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

  customer-profile-component .doctor-name span {
    margin-bottom: 10px !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: 10px !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: 16px !important;
  }
}