@media (max-width: 575.98px) {
}

@media (max-width: 767.98px) {
}

@media (max-width: 991.98px) {
  .heading h3 {
    font-size: 25px;
  }
  .darkBgButton {
    font-size: 16px;
  }
  /* topbar */
  .topbar {
    height: 70px;
    position: relative;
    padding-block: 25px;
    transition: all 0.5s linear;
  }

  .topbar.show {
    height: 135px;
  }
  .topbar__right {
    flex-direction: column;
  }

  .topbar .topToggle,
  .topbar .tobbar__left {
    visibility: hidden;
    opacity: 0;
  }

  .topbar.show .topToggle,
  .topbar.show .tobbar__left {
    visibility: visible;
    opacity: 1;
  }

  .mobileArrow {
    background-color: var(--color-darkMain);
    height: 30px;
    width: 100%;
    position: relative;
    left: 0;
    bottom: 5px;
    cursor: pointer;
    z-index: 1000;
  }
  .mobileArrow.hide {
    display: none;
  }
  .mobileArrow i {
    font-size: 40px;
    color: var(--color-white);
    width: inherit;
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: topArrow 0.7s linear infinite;
  }

  .topbar.show .mobileArrow {
    transform: rotate(-180deg) !important;
    background-color: var(--color-darkMain);
    bottom: 0;
  }

  @keyframes topArrow {
    from {
      transform: translateY(10px);
    }
    to {
      transform: translateX(0);
    }
  }

  /* =============== Website mobile nav part OPEN ===================== */
  .header .navwrap {
    justify-content: space-between;
    padding-block: 20px;
  }

  .header .hamburger i {
    font-size: 30px;
    color: var(--color-darkMain);
    position: relative;
  }

  .menu {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(100%);
    height: 100vh;
    width: 100%;
    overflow-y: scroll;
    max-width: 350px;
    background-color: var(--color-white);
    z-index: 99999;
    transition: all 0.5s linear;
  }

  .menu.show {
    transform: translateX(0%);
  }
  .menu .mainMenu .mainMenu__item {
    padding: 15px;
  }
  .menu .mainMenu .mainMenu__item:hover {
    padding: 15px;
    background-color: transparent;
  }
  .menu .mainMenu {
    flex-direction: column;
    padding-top: 50px;
    align-items: unset;
    justify-content: flex-start;
  }
  .menu .bookapp {
    padding-left: 15px;
  }
  .closeNav {
    position: absolute;
    right: 50px;
    top: 25px;
  }
  .closeNav i {
    font-size: 22px;
  }
  .menu .mainMenu .mainMenu__item .mainMenu__link {
    font-weight: var(--fw-bold);
  }
  .firstStepChild a {
    font-weight: var(--fw-medium);
  }

  .secondStepChild a {
    font-weight: var(--fw-regular);
  }
  .thirdStepChild a {
    color: var(--color-main);
  }
  .firstStepChild,
  .secondStepChild,
  .thirdStepChild {
    position: relative;
    top: 0;
    left: 0;
    display: none;
    box-shadow: none;
    background-color: transparent;
  }

  .firstStepChild.active,
  .secondStepChild.active,
  .thirdStepChild.active {
    display: block;
  }

  .firstStepChild a,
  .secondStepChild a,
  .thirdStepChild a {
    padding-left: 30px;
  }

  .secondStepChild a {
    padding-left: 45px;
  }

  .thirdStepChild a {
    padding-left: 60px;
  }
  /* =============== Website mobile nav part CLOSE ===================== */

  /* Hero */
  .hero__caption h2 {
    font-size: 35px;
  }
  .hero__caption h3 {
    font-size: 20px;
  }

  .hero video {
    height: 80vh;
  }
  /* whychoose */
  .whyChoose {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .whychooseCard {
    margin-top: 20px;
  }

  .whyChoose .heading h5 {
    font-size: 16px;
  }
  .card__item {
    flex-direction: column;
  }
  .card__item__right::after {
    top: 0;
    width: 100%;
    height: 1px;
  }
  .card__item {
    gap: 25px;
  }
  .card__item__right {
    padding-top: 20px;
  }
  .card__stack {
    min-height: calc(180px + 310px);
  }
  .card__item__left h4 {
    font-size: 22px;
  }
  .smileArchit {
    margin-top: 40px;
  }
  .smileArchit .heading {
    margin-bottom: 30px;
  }
  .smileArchit .smileArchit__right img {
    margin-top: 20px;
    height: 350px;
  }
  .smileArchit__left h5 {
    font-size: 22px;
  }

  .testomonial {
    margin-top: 40px;
    overflow: hidden;
  }
  .testomonialInner .swiper-slide h4 {
    font-size: 21px;
  }
  .testomonialInner .swiper-slide h5 {
    font-size: 18px;
  }
  .testomonialInner .swiper-slide-next {
    position: relative;
    transform: unset !important;
  }
  .testomonialInner .swiper-slide-next h4,
  .testomonialInner .swiper-slide-next h5,
  .testomonialInner .swiper-slide-next p {
    transform: unset !important;
  }
  .testomonialInner .swiper-slide {
    padding: 20px 25px;
  }
  .testoSlide {
    padding: unset;
  }
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 60px;
  }
  .homeBlog__right {
    margin-top: 20px;
  }
  .instagramApi {
    margin-top: 40px;
  }
  .homePlan {
    margin-top: 40px;
    overflow: hidden;
  }
  .footer__infos,
  .footer__openHour,
  .footer__socialLinks {
    margin-top: 26px;
  }
  .homeBlog {
    overflow: hidden;
  }
  .homeBlog .homeBlog__left {
    padding-left: unset;
  }

  /* Care Work */
  .careInnerCards {
    flex-direction: column;
  }
  .careInnerCards .cardHeader {
    display: flex;
    gap: 15px;
    justify-content: space-between;
  }
  .careInnerCards .cardHeader .icon {
    margin-top: -10px;
  }
  .careInnerCards .cardHeader .icon i {
    font-size: 30px;
    color: var(--color-white);
  }
  .careInnerCards .careCrad.active .icon i {
    color: var(--color-darkMain);
  }
  .careCrad h4 {
    font-size: 20px;
  }

  .careCrad .bookBtn {
    position: unset;
  }

  .careInner {
    height: 100%;
  }
  .carewrap video {
    height: 120vh;
  }
  .pageHeader .pageHeader__content h2 {
    font-size: 35px;
  }

  .aboutTop {
    margin-top: 40px;
  }
  .aboutTop__right .imageCard .aboutfront {
    display: none;
  }
  .aboutTop__right {
    margin-left: 0;
  }
  .aboutTop__right .imageCard .aboutback {
    position: relative;
    width: 100%;
    border-radius: 0;
    margin-top: 20px;
  }
  .aboutTop__right p {
    padding: 0;
    margin-top: 20px;
    font-size: 16px;
  }
  .aboutTop__right .imageCard {
    height: auto;
  }
  .meetDoctor {
    margin-top: 40px;
  }
  .meetDoctor__left img {
    height: 400px;
    object-position: center top;
  }
  .meetDoctor__right {
    margin-left: 0;
  }
  .meetDoctor__right {
    margin-top: 20px;
  }
  .meetDoctor__right .heading h3 {
    font-size: 25px;
  }
  .meetDoctor__quote h4 {
    font-size: 18px;
  }
  .missionVission .twoCard {
    margin-bottom: 20px;
  }
  .chooseUs,
  .exploreClinic {
    margin-top: 40px;
  }
  .chooseCard .cardHeading h4 {
    font-size: 20px;
  }
  .exploreClicnic .swiper-slide img {
    height: 350px;
  }
  /* services page */
  .serviceTop {
    margin-top: 40px;
  }
  .servicesTop__right {
    padding-left: unset;
    margin-bottom: 40px;
  }
  .serviceTop__left img,
  .hygineWrap__right img {
    height: 400px;
  }
  .hygineWrap {
    margin-top: 40px;
  }
  .hygineWrap__left {
    padding-right: unset;
    margin-bottom: 40px;
  }
  .offerCoupon h5,
  .offer__left h3 {
    font-size: 25px;
  }

  .offer__right::before {
    width: 100%;
    left: 0;
    right: 0;
    height: 2px;
  }
  .offer .offerWrap {
    padding: 20px;
  }
  .offer__right p {
    padding-top: 25px;
  }
  .offer,
  .bookIn {
    margin-top: 40px;
  }
  .multiBtn {
    flex-wrap: wrap;
    gap: 20px;
  }
}

@media (max-width: 1199.98px) {
}

@media (max-width: 1399.98px) {
}