@media only screen and (max-width:767px) {
	.home-banner-content {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 70%
	}

	.home-banner-content h1 {
		font-size: 16px
	}

	.home-banner-content span {
		font-size: 16px
	}

	.home-banner-content p {
		font-size: 14px
	}

	.home-banner-content .btn-call {
		font-size: 14px
	}

	.home-banner-content .btn-call:hover {
		font-size: 14px
	}

	.card.home-about-card {
		background-color: var(--white);
		padding: 5px;
		border-radius: 25px;
		margin-top: -1px
	}

	.welcome-baby img {
		width: 200px
	}

	.welcome-leaf img {
		width: 90px
	}

	.we-offer-leaf img {
		width: 200px
	}

	.we-offer-leaf-bottom img {
		width: 300px
	}

	.we-offer-leaf-end img {
		width: 150px
	}

	.about-title h2 {
		font-size: 25px
	}

	.about-title h3 {
		font-size: 18px
	}

	#makes-appointment {
		margin-top: -1px
	}

	.overview-content h2 {
		font-size: 25px
	}

	.overview-content span {
		font-size: 25px
	}

	.overview-circle img {
		width: 200px
	}

	.apponitment-text h2 {
		font-size: 25px
	}

	.apponitment-text span {
		font-size: 25px
	}

	.btn.btn-book-an {
		font-size: 20px
	}

	.btn.btn-book-an:hover {
		font-size: 20px
	}

	.mother-title h2 {
		font-size: 25px
	}

	.mother-title h3 {
		font-size: 18px
	}

	.latest-news-text h2 {
		font-size: 25px;
		color: var(--orange);
		font-family: 'OpenSans-Light'
	}

	.latest-news-text span {
		font-size: 25px;
		color: var(--blue);
		font-family: 'OpenSans-Bold'
	}

	.dr-appointment-text h2 {
		font-size: 25px
	}

	.dr-appointment-text h3 {
		font-size: 20px
	}

	.dr-title h3 {
		font-size: 20px
	}

	.proven-success-vector img {
		width: 100px
	}

	.patients-leaf img {
		width: 150px
	}

	.patient-leaf-end img {
		width: 150px
	}

	.latest-news-end img {
		width: 150px
	}
}