@media (max-height: 600px) {
    #hero {
      height: 50vh!important;
    }
  }

  @media (max-width: 576px) {
    /* Your CSS styles for mobile devices go here */
    #hero {
        height: 100% !important;
    }
    .hero-mobile {
        margin-top: 38px;
    }
    .about-hospital-content .title .main-title h1 {
        font-size: 32px;
    }
    .about-doctor .title .main-title h1 {
        font-size: 32px;
    }
    .facilities .title .main-title h1 {
        font-size: 32px;
    }
    .services .title .main-title h1 {
        font-size: 32px;
    }
    .facilities {
        padding-bottom: 0px;
    }
    .service-media {
        	align-items: normal;
    		display: flex;
    		justify-content: center;
    		margin-bottom: 15px;
			padding-bottom: 0;
    }
	 .service-mt {
		margin-top: 0 !important;
	 }
	 .services {
		padding-bottom: 10px;
	 }
	 .contact-media {
		padding-top: 0;
	 }
	 .info .phone {
		margin-bottom: 40px;
	 }

  }