@media only screen and (max-width: 991px) {
  .menu-links .nav > li:hover > a, .menu-links .nav > li.active > a {
    color: #f17732 !important;
  }
}

footer .ft-contact .contact-bx .contact-number .number {
  white-space: nowrap;
}

@media only screen and (max-width: 575px) {
  .header .secondary-menu {
    height: unset;
  }
}
@media only screen and (max-width: 991px) {
  .header .secondary-menu {
    margin-top: 10px !important;
  }
}

@media (min-width: 1080px) and (max-width: 1340px) {
  .menu-links .nav > li > a {
    padding: 45px 12px !important;
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1140px) {
  .menu-links .nav > li > a {
    padding: 45px 7px !important;
    font-size: 13px;
  }
}

@media (max-width: 1179px) {
  .dashboard-button {
    padding: 15px !important;
  }
}
@media (max-width: 1140px) {
  .dashboard-button {
    padding: 15px 8px !important;
  }
}

@media (max-width: 1179px) {
  .appointment-header-btn {
    padding: 15px 30px 15px 15px !important;
  }
}
@media (max-width: 1140px) {
  .appointment-header-btn {
    padding: 15px 30px 15px 6px !important;
  }
}

.menu-links .nav > li:hover a i {
  transform: unset;
}

@media only screen and (max-width: 991px) {
  .menu-links .nav > li .mega-menu li a {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .menu-links .nav li .sub-menu li a {
    width: 100%;
  }
}

.mobile-logo {
  width: 60px !important;
  height: auto !important;
}

@media (max-width: 1230px) and (min-width: 992px) {
  .menu-logo img {
    width: 60px !important;
  }
}
@media (max-width: 575px) {
  .menu-logo img {
    width: 60px !important;
  }
}

@media (max-width: 375px) {
  .appointment-container {
    display: flex !important;
    flex-direction: column;
  }
}

@media (max-width: 375px) {
  .appointment-available, .appointment-booked {
    width: 100%;
  }
}

@media (max-width: 375px) {
  .appointment-available div {
    margin-left: 0 !important;
  }
}

@media (max-width: 360px) {
  .medical-heading {
    font-size: 32px !important;
  }
}

@media (max-width: 340px) {
  .breadcrumb-row {
    padding: 10px 14px !important;
  }
}

@media (max-width: 1199px) {
  .blog-area .pt-img2 {
    bottom: 0 !important;
  }
}
@media (max-width: 991px) {
  .blog-area .pt-img2 {
    bottom: -20px !important;
  }
}

.feature-bx2 .feature-box-xl img {
  width: 60px;
  height: 60px;
}

.phone-number .hide {
  display: none;
}
.phone-number #error-msg {
  color: #f72b50;
}
.phone-number #valid-msg {
  color: #209f84;
}

.iti {
  width: 100%;
}

@media (max-width: 575px) {
  .main-banner {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .pt-img1.animate-wave {
    top: 70px;
  }
}

.appointment-calendar {
  color: #444 !important;
}

.swiper-pagination .swiper-pagination-bullet {
  display: none !important;
}

@media (max-width: 380px) {
  .appointment-thumb {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .rs-nav .menu-links {
    background-color: #333f6c;
  }
}

@media (max-width: 340px) {
  .menu-links .nav {
    width: 100%;
    min-width: unset;
  }
}

@media (max-width: 290px) {
  .appointment-button .btn {
    font-size: 13px;
  }
}

.swiper-slide {
  height: auto;
}
.swiper-slide .feature-container {
  height: 93%;
}

.front-slot-data .time-slot.bookedSlot {
  background: #f62947 !important;
}
.front-slot-data .time-slot.bookedSlot:hover {
  background: #ec0927 !important;
}
.front-slot-data .time-slot.activeSlot {
  background: #5d5dc2 !important;
}
.front-slot-data .time-slot:hover {
  background: #5d5dc2 !important;
}

@media (max-width: 300px) {
  .contact-bx {
    flex-direction: column;
  }
}
@media (max-width: 300px) {
  .contact-bx .contact-number {
    text-align: center;
  }
}
@media (max-width: 300px) {
  .contact-bx .contact-number span {
    margin-top: 10px;
  }
}

@media (max-width: 365px) {
  .team-member .doctor-appointment-btn, .team-member .about-appointment-btn {
    margin-left: -25px;
    margin-right: -25px;
  }
}
.team-member .team-media img {
  width: 170px;
  height: 170px;
  -o-object-fit: cover;
     object-fit: cover;
}

.datepicker table tr td.active.active {
  background-image: linear-gradient(to bottom, #565acf, #565acf);
}
.datepicker table tr td.active.active:hover {
  background-image: linear-gradient(to bottom, #494db0, #494db0);
}

.booking-button {
  padding: 20px 30px;
}
@media (max-width: 280px) {
  .booking-button {
    padding: 20px 10px;
  }
}

.booking-home-button {
  padding: 20px 20px;
}

.btn-icon-bx {
  min-width: 40px;
  width: auto;
}

@media (max-width: 575px) and (min-width: 430px) {
  .team-member .team-media::before {
    background-size: 57%;
  }
}
@media (max-width: 575px) and (min-width: 430px) {
  .team-member .team-media::after {
    background-size: 80%;
  }
}

.table-condensed tbody tr .today {
  background-color: #e8e8e8 !important;
  background-image: linear-gradient(to bottom, #e8e8e8, #e8e8e8) !important;
}
.table-condensed tbody tr .today:hover {
  background-color: #dedede !important;
  background-image: linear-gradient(to bottom, #dedede, #dedede) !important;
}
.table-condensed tbody tr .today.active {
  background-image: linear-gradient(to bottom, #565acf, #565acf) !important;
}
.table-condensed tbody tr .today.active:hover {
  background-image: linear-gradient(to bottom, #494db0, #494db0) !important;
}

.w-20px {
  width: 20px;
}