@media only screen and (max-width: 320px) {
  .hospital-img-content h2 {
    font-size: 30px;
  }

  .hospital-img-content p {
    font-size: 15px;
  }

  .hospital-btn {
    font-size: 11px;
  }

  .about-content {
    margin: 20px 0px 0px 0px;
  }


  .about-title {
    padding: 20px 0px 0px 0px;
  }

  iframe {
    width: 100%;
  }

  .num-info {
    display: block;
  }

  .about-save {
    display: block;
  }

  .about-know {
    margin: 0px 0px 20px 0px;
  }

  .hospital-btn {
    margin: 0px 0px 20px 0px;
  }



  .about-bot-img {
    position: relative;
    bottom: -30px;
  }

  .carehome-top-header .carehome-header {
    display: block;
  }

  .detail-time i {
    font-size: 30px;
    line-height: 45px;
  }

  .detail-read a {
    font-size: 14px;
  }

  .detail-date-time span {
    font-size: 15px;
  }

  .disease-pane {
    padding: 20px 20px;
  }

  .about-footer-one {
    text-align: center;
  }

  .about-footer-three {
    text-align: center;


  }

  .copyright-section-content {
    text-align: center;
  }

  .for-support ul li {
    font-size: 11px;


  }

  .carehome-header-contact {
    display: none;
  }


  .for-support ul li i {
    background-color: var(--color-white);
    color: var(--color-black);
    padding: 10px 10px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin: 0px 10px 0px 0px;
    text-align: center;
    line-height: 12px;
    /* font-size: 20px; */
  }



}


@media only screen and (max-width: 576px) {

  .mission-left img {
    width: 100%;
  }

}

@media only screen and (max-width: 768px) {

  .carehome-top-header .carehome-header {
    display: inline;
  }

  .about-footer-content {
    text-align: center;
  }

  .about-footer-title {
    text-align: center;
  }
}



@media only screen and (min-width: 992px) {


  .about-bot-img {
    position: absolute!important;
    right: 20px !important;
    bottom: -70px !important;
  }

      .num-info {
        display: flex!important;
    }

    .about-btns{
      display: flex;
      align-items: baseline;
    }

    .about-save{
      margin: 0px 0px 0px 10px!important;
      text-align: center;
    }

        .about-top-img img {
        width: 80%!important;
    }


}




@media only screen and (min-width: 320px) {

  .about-content {
    margin: 20px 0px 0px 0px;
  }


  .about-title {
    padding: 20px 0px 0px 0px;
  }

  .about-top-img img {
    width: 100%;
  }

  .about-bot-img {
    position: relative;
    bottom: -30px;
  }



  .about-bot-img img {
    width: 100%;

  }

  .num-info {
    display: block;
}

}


@media only screen and (min-width: 768px) {


  .about-bot-img {
    position: relative;

  }

  .about-bot-img img {
    width: 100%;
  }

  .num-info {
    display: block;
  }

  .about-btn {
    margin: 0px 0px 20px 0px;
    display: block;


  }


}

@media only screen and (min-width: 576px) {


  .about-bot-img {
    position: relative;

  }

  .about-bot-img img {
    width: 100%;
  }

}




@media only screen and (max-width: 992px) {
  .menu-section .menu-detail .nav-content {
    font-size: 13px;
  }

  .web-con {
    font-size: 13px;

  }





  .hospital-img-content h2 {
    font-size: 40px;
  }



  .hospital-img-content p {
    font-size: 20px;
  }


  .hospital-btn {
    font-size: 15px;
  }

  .services {
    margin: 0px 0px 30px 0px;
  }

  .services-2 {
    margin: 0px 0px 30px 0px;
  }

  .amala-detail {
    border: none !important;
  }

  .faq-map {
    margin: 0px 0px 20px 0px;
  }

}

@media only screen and (max-width: 416px) {
  .carehome-header-contact {
    display: none;
  }
}