/* desktop devices  */
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
}


/* desktop devices  */
@media only screen and (min-width: 1366px) and (max-width: 1599px) {
	.nav-links {
		gap: 20px;
	}
}


/* laptop devices   */
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
	.navbar_logo {
		width: 200px;
	}

	.nav-links {
		gap: 10px;
		font-size: 17px;
	}
	.display-name{
		display: none !important;
	}
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.tm-professionals-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
		margin-bottom: 60px;
	}
	.tm-field {
		width: 150px !important;
	}
}


/* Tab devices   */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* home page start */
	#hero {
		padding: 80px 0;
	}

	.hero-title {
		font-size: 30px;
		line-height: 140%;
	}

		.hero-title .accent {
			font-size: 30px;
			line-height: 140%;
		}

	.hero-desc {
		font-size: 18px;
		margin-top: 5px;
		max-width: 700px;
	}

	#revolution {
		padding: 80px 0;
	}

	.revolution-title {
		font-size: 30px;
		line-height: 45px;
	}

	.revolution-description {
		font-size: 17px;
		line-height: 145%;
		margin-top: 10px;
	}

	.revolution-item-title-text {
		font-size: 20px;
		line-height: 136%;
	}

	.revolution-item-number-text {
		font-size: 20px;
		line-height: 140%;
	}

	.revolution-item-number {
		width: 45px;
		height: 45px;
	}

	.revolution-item-header {
		gap: 15px;
		margin-bottom: 15px;
	}

	p, span {
		font-size: 15px;
		line-height: 24px;
	}

	.revolution-item-paragraph {
		font-size: 17px;
	}

	.revolution-item-tags {
		gap: 12px;
		margin-top: 20px;
	}

	.revolution-item-tag {
		padding: 6px 16px;
		font-size: 16px;
	}

	.tpw-bg-001 {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.tpw-title-009 {
		font-size: 30px;
		line-height: normal;
	}

	.tpw-description-010 {
		font-size: 18px;
		margin-top: 13px;
		margin-bottom: 20px;
		line-height: 1.5;
	}

	.tpw-btn-011 {
		gap: 5px;
		padding: 10px 20px;
		font-size: 17px;
	}

	.doctors-section {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.doctors-header {
		gap: 8px;
	}

	.grid-12 {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: 24px;
		margin-top: 40px;
	}

	.doc-image {
		height: 290px;
	}

	.doc-body {
		padding: 15px;
		gap: 5px;
	}

	.doc-name {
		font-size: 18px;
	}

	.doc-role {
		font-size: 16px;
		padding-top: 2px;
		padding-bottom: 6px;
	}

	.success-stories-section {
		padding: 75px 0 0;
	}

	.success-title {
		font-size: 30px;
		margin-bottom: 30px;
	}

	.review-header h2 {
		font-size: 18px;
	}

	.review-card {
		padding: 20px;
		width: 430px;
	}

	.avatar {
		width: 54px;
		height: 54px;
	}

	.review-card p {
		font-size: 15px;
	}

	.blog-bg-123 {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.blog-title-789 {
		font-size: 30px;
	}

	.card-grid-987 {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.card-content-333 {
		padding: 15px;
	}

	.card-date-444 {
		font-size: 15px;
		margin-bottom: 10px;
	}

	.card-title-666 {
		font-size: 20px;
	}

	.card-desc-777 {
		color: #6b7280;
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 16px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.readmore-text-888 {
		font-size: 19px;
		gap: 10px;
	}

	.home-bookings-bg {
		padding: 80px 0;
	}

	.home-bookings-heading {
		font-size: 30px;
	}

	.footer-bg {
		padding-top: 50px;
	}

	/* home page end */

	/* consultation page  */
	.tm-professionals-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
		margin-bottom: 40px;
	}

	.tm-card-body {
		padding: 20px 16px;
		gap: 12px;
	}

	.tm-search-form button {
		padding: 12px 23px;
		gap: 8px;
	}

	/* consultation page  */
}


/* Tab lower only  */
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.navbar_logo {
		max-width: 140px !important;
	}
	.account-btn {
		border: 0;
		padding: 10px !important;
		color: #06b6b4;
		background: transparent !important;
		border: 1px solid #06b6b4;
	}
	.account-btn span {
		display: none !important;
	}

	.account-btn img {
		margin-right: 0px !important;
	}

	/* home page start */
	#hero {
		padding: 50px 0;
	}

	.hero-title {
		font-size: 24px;
		line-height: 130%;
	}

		.hero-title .accent {
			font-size: 24px;
			line-height: 130%;
		}

	.hero-desc {
		font-size: 16px;
		margin-top: 5px;
		max-width: 700px;
	}

	.hero-grid {
		gap: 12px;
	}

	.btn {
		gap: 5px;
		padding: 8px 16px;
		font-size: 15px;
	}

	.hero-actions {
		gap: 12px;
		margin-top: 30px;
	}

	#revolution {
		padding: 50px 0;
	}

	.revolution-title {
		font-size: 22px;
		line-height: 35px;
	}

	.revolution-description {
		font-size: 16px;
		line-height: 135%;
		margin-top: 10px;
	}

	.revolution-content {
		text-align: center;
		max-width: 100%;
		margin: 0 auto;
	}

	.revolution-item-grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
		margin-top: 50px;
	}

	.revolution-item-title-text {
		font-size: 17px;
		line-height: 136%;
	}

	.revolution-item-number-text {
		font-size: 18px;
		line-height: 130%;
	}

	.revolution-item-number {
		width: 40px;
		height: 40px;
	}

	.revolution-item-header {
		gap: 12px;
		margin-bottom: 10px;
	}

	p, span {
		font-size: 15px;
		line-height: 24px;
	}

	.revolution-item-paragraph {
		font-size: 15px;
	}

	.revolution-item-tags {
		gap: 8px;
		margin-top: 16px;
	}

	.revolution-item-tag {
		padding: 6px 16px;
		font-size: 15px;
	}

	.tpw-bg-001 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.tpw-grid-003 {
		display: flex;
		flex-direction: column-reverse;
		gap: 22px;
		align-items: center;
	}

	.tpw-title-009 {
		font-size: 24px;
		line-height: normal;
		text-align: center;
	}

	.tpw-description-010 {
		font-size: 17px;
		margin-top: 8px;
		margin-bottom: 12px;
		line-height: normal;
		text-align: center;
	}

	.tpw-btn-011 {
		gap: 5px;
		padding: 8px 10px;
		font-size: 17px;
		margin: 0 auto;
	}

	.image-wrapper-004 {
		max-height: 400px;
	}

	.doctors-section {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.doctors-title {
		font-size: 24px;
	}

	.doctors-header {
		gap: 5px;
	}

	.doctors-row {
		gap: 10px;
	}

	.grid-12 {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: 18px;
		margin-top: 40px;
	}

	.doc-image {
		height: 250px;
	}

	.doc-body {
		padding: 12px;
		gap: 5px;
	}

	.doc-name {
		font-size: 17px;
	}

	.doc-role {
		font-size: 15px;
		padding-top: 2px;
		padding-bottom: 6px;
	}

	.btn-book {
		padding: 8px 10px;
		font-size: 15px;
	}

	.success-stories-section {
		padding: 50px 0 0;
	}

	.success-title {
		font-size: 24px;
		margin-bottom: 30px;
	}

	.review-header h2 {
		font-size: 17px;
	}

	.review-card {
		padding: 16px;
		width: 400px;
	}

	.avatar {
		width: 44px;
		height: 44px;
	}

	.review-card p {
		font-size: 15px;
	}

	.blog-bg-123 {
		padding-top: 80px;
		padding-bottom: 50px;
	}

	.blog-title-789 {
		font-size: 24px;
	}

	.card-grid-987 {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}

	.card-img-222 {
		height: 260px;
	}

	.card-content-333 {
		padding: 15px;
	}

	.card-date-444 {
		font-size: 15px;
		margin-bottom: 10px;
	}

	.card-title-666 {
		font-size: 17px;
	}

	.card-desc-777 {
		color: #6b7280;
		font-size: 15px;
		margin-top: 10px;
		margin-bottom: 16px;
	}

	.readmore-text-888 {
		font-size: 16px;
		gap: 5px;
	}

	.home-bookings-bg {
		padding: 50px 0;
	}

	.home-bookings-heading {
		font-size: 24px;
	}

	.home-bookings-subtext {
		font-size: 15px;
		color: #667085;
		margin-top: 10px;
		text-align: center;
	}

	.home-bookings-buttons {
		display: flex;
		justify-content: center;
		gap: 1rem;
		margin-top: 24px;
		flex-wrap: wrap;
	}

	.footer-bg {
		padding-top: 30px;
	}

	/* home page end */

	/* Microbiota Analysis page start */
	#microbiota-hero {
		padding: 70px 0;
	}




	.microbiota-heading {
		font-size: 24px !important;
		line-height: 54px !important;
	}


	.microbiota-description {
		font-size: 15px !important;
		line-height: 28px !important;
		margin-top: 12px !important;
	}




	.microbiota-path-head-title-text {
		font-size: 24px !important;
		margin-bottom: 16px !important;
	}


	.microbiota-path-head-title-description {
		font-size: 17px !important;
	}


	.microbiota-path-head-progress-title, .microbiota-path-head-progress-percentage {
		font-size: 16px !important;
	}


	.microbiota-path-head-progress-bar {
		height: 12px !important;
	}


	.microbiota-path-body-title {
		margin-top: 24px !important;
		font-size: 18px !important;
	}


	.microbiota-path-body-timeline {
		padding: 24px !important;
		margin-top: 32px;
	}


	.step-title {
		font-size: 24px !important;
	}


	.step-description {
		font-size: 16px !important;
	}


	.action-link {
		gap: 8px !important;
		padding: 6px 10px !important;
		font-size: 13px !important;
	}


	.timeline-steps {
		gap: 18px !important;
	}


	#explore_section {
		padding: 70px 0 !important;
	}


	.explore-heading {
		font-size: 24px !important;
		line-height: 40px !important;
	}


	.explore-description {
		font-size: 16px !important;
		margin: 20px auto 0 !important;
	}


	.explore-body {
		gap: 30px !important;
		margin-top: 40px !important;
		flex-direction: column;
	}


	.explore-body-left, .explore-body-right {
		width: 100% !important;
	}


	.why-test-heading {
		font-size: 24px !important;
	}


	.why-test-body {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 24px;
	}


	.why-test-item {
		gap: 13px !important;
		padding: 30px 15px !important;
	}


	.why-test-item-title {
		font-size: 17px !important;
		margin-bottom: 10px;
	}


	.faq-title {
		font-size: 24px !important;
	}










	.accordion-body {
		padding: 10px 20px !important;
		font-size: 15px !important;
	}


	#faq-section, #book-consultation {
		padding: 70px 0;
		background: #fff;
	}


	.accordion-button {
		padding: 15px 30px !important;
		font-size: 20px !important;
	}


	.book-consultation-title {
		font-size: 24px !important;
		margin-bottom: 18px !important;
		text-align: center;
	}


	.book-consultation-content {
		display: flex;
		align-items: center;
		gap: 48px;
		flex-direction: column-reverse;
	}


	.book-consultation-left, .book-consultation-right {
		width: 100% !important;
	}


	/* Microbiota Analysis page end */


}


/* Mobile devices   */
@media only screen and (min-width: 375px) and (max-width: 575px) {
	.navbar_logo {
		max-width: 120px !important;
	}
	/* home page start */
	#hero {
		padding: 40px 0;
	}

	.hero-title {
		font-size: 20px;
		line-height: 130%;
		text-align: center;
	}

		.hero-title .accent {
			font-size: 20px;
			line-height: 130%;
		}

	.hero-desc {
		font-size: 15px;
		margin-top: 5px;
		max-width: 700px;
		text-align: center;
	}

	.hero-grid {
		gap: 12px;
		flex-direction: column;
	}

	.hero-content, .hero-image {
		width: 100%;
	}

	.btn {
		gap: 5px;
		padding: 6px 10px;
		font-size: 14px !important;
	}

	.nav-actions {
		gap: 15px;
	}

	.hero-actions {
		gap: 12px;
		margin-top: 30px;
		align-items: center;
		justify-content: center;
	}

	.account-btn {
		gap: 4px;
		padding: 8px 7px !important;
		font-size: 14px !important;
	}

	.account-btn {
		gap: 0px;
		padding: 5px !important;
		color: #06b6b4;
		font-size: 14px !important;
		background: transparent !important;
		border: 1px solid #06b6b4;
	}

		.account-btn span {
			display: none !important;
		}

		.account-btn img {
			margin-right: 0px !important;
		}
		
		.account-btn svg {
			width: 16px;
			height: 16px;
		}

			.account-btn svg:nth-last-child {
				margin-left: 1px !important;
			}

	#revolution {
		padding: 40px 0;
	}

	.revolution-title {
		font-size: 20px;
		line-height: 35px;
	}

	.revolution-description {
		font-size: 15px;
		line-height: 135%;
		margin-top: 10px;
	}

	.revolution-content {
		text-align: center;
		max-width: 100%;
		margin: 0 auto;
	}

	.revolution-item-grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 10px;
		margin-top: 50px;
	}

	.revolution-item-title-text {
		font-size: 16px;
		line-height: 136%;
	}

	.revolution-item-number-text {
		font-size: 16px;
		line-height: 130%;
	}

	.revolution-item-number {
		width: 30px;
		height: 30px;
	}

	.revolution-item-subtitle {
		padding: 6px 10px;
		font-size: 15px;
	}

	.revolution-item-header {
		gap: 12px;
		margin-bottom: 10px;
	}

	p, span {
		font-size: 14px;
		line-height: 24px;
	}

	.revolution-item-paragraph {
		font-size: 15px;
	}

	.revolution-item-tags {
		gap: 8px;
		margin-top: 16px;
	}

	.revolution-item-tag {
		padding: 6px 10px;
		font-size: 14px;
	}

	.tpw-bg-001 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.tpw-grid-003 {
		display: flex;
		flex-direction: column-reverse;
		gap: 22px;
		align-items: center;
	}

	.tpw-title-009 {
		font-size: 20px;
		line-height: normal;
		text-align: center;
	}

	.tpw-description-010 {
		font-size: 16px;
		margin-top: 8px;
		margin-bottom: 12px;
		line-height: normal;
		text-align: center;
	}

	.tpw-btn-011 {
		gap: 5px;
		padding: 6px 10px;
		font-size: 15px !important;
		margin: 0 auto;
	}

	.image-wrapper-004 {
		max-height: 400px;
	}

	.doctors-section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.doctors-title {
		font-size: 20px;
		text-align: center;
	}

	.doctors-header {
		gap: 5px;
	}

	.doctors-sub {
		font-size: 16px;
	}

	.doctors-row {
		gap: 10px;
		flex-direction: column;
		text-align: center;
	}

	.btn-outline {
		gap: 5px;
		padding: 6px 10px;
		font-size: 15px;
	}

	.grid-12 {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 12px;
		margin-top: 40px;
	}

	.doc-image {
		height: 250px;
	}

	.doc-body {
		padding: 12px;
		gap: 5px;
	}

	.doc-name {
		font-size: 16px;
	}

	.doc-role {
		font-size: 14px;
		padding-top: 2px;
		padding-bottom: 6px;
	}

	.btn-book {
		padding: 7px 10px;
		font-size: 14px;
	}

	.success-stories-section {
		padding: 40px 0 0;
		padding-bottom: 40px;
	}

	.success-title {
		font-size: 20px;
		margin-bottom: 30px;
	}

	.review-header h2 {
		font-size: 17px;
	}

	.review-card {
		padding: 13px;
		width: 300px;
	}

	.avatar {
		width: 40px;
		height: 40px;
	}

	.review-card p {
		font-size: 14px;
	}

	.blog-bg-123 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.blog-title-789 {
		font-size: 20px;
	}

	.btn-viewall-321 {
		gap: 8px;
		padding: 7px 10px;
		font-size: 14px;
	}

	.card-grid-987 {
		grid-template-columns: repeat(1, 1fr);
		gap: 12px;
	}

	.card-img-222 {
		height: 250px;
	}

	.card-content-333 {
		padding: 15px;
	}

	.card-date-444 {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.card-title-666 {
		font-size: 16px;
	}

	.card-desc-777 {
		color: #6b7280;
		font-size: 14px;
		margin-top: 5px;
		margin-bottom: 10px;
	}

	.readmore-text-888 {
		font-size: 14px;
		gap: 5px;
	}

	.home-bookings-bg {
		padding: 40px 0;
	}

	.home-bookings-heading {
		font-size: 20px;
	}

	.home-bookings-subtext {
		font-size: 14px;
		color: #667085;
		margin-top: 8px;
		text-align: center;
	}

	.home-bookings-buttons {
		display: flex;
		justify-content: center;
		gap: 12px;
		margin-top: 24px;
		flex-wrap: wrap;
	}

	.footer-bg {
		padding-top: 30px;
	}

	.footer-grid {
		display: flex;
		gap: 15px;
		padding: 20px 0;
		flex-direction: column;
	}

	.footer-section ul {
		margin-top: 16px;
	}

	.footer-section li {
		margin-bottom: 10px;
	}

	.footer-section h6 {
		font-size: 16px;
	}

	.footer-section a {
		font-size: 14px;
	}

	.footer-bottom {
		padding: 1rem 0;
		text-align: center;
	}

	/* home page end */

	/* Microbiota Analysis page start */
	#microbiota-hero {
		padding: 50px 0;
	}




	.microbiota-heading {
		font-size: 19px !important;
		line-height: 30px !important;
	}


	.microbiota-description {
		font-size: 14px !important;
		line-height: 25px !important;
		margin-top: 12px !important;
	}


	#microbiota-path {
		padding: 50px 0;
	}


	.microbiota-path-head-title-text {
		font-size: 20px !important;
		margin-bottom: 10px !important;
	}


	.microbiota-path-head-title-description {
		font-size: 16px !important;
	}


	.microbiota-path-head-progress-title, .microbiota-path-head-progress-percentage {
		font-size: 15px !important;
	}


	.microbiota-path-head-progress-bar {
		height: 12px !important;
	}


	.microbiota-path-body-title {
		margin-top: 20px !important;
		font-size: 17px !important;
	}


	.microbiota-path-body-timeline {
		padding: 16px !important;
		margin-top: 24px;
	}


	.step-title {
		font-size: 17px !important;
	}


	.step-description {
		font-size: 15px !important;
	}


	.action-link {
		gap: 8px !important;
		padding: 6px 10px !important;
		font-size: 12px !important;
	}


	.timeline-steps {
		gap: 18px !important;
	}


	#explore_section {
		padding: 50px 0 !important;
	}


	.explore-heading {
		font-size: 20px !important;
		line-height: 30px !important;
	}


	.explore-description {
		font-size: 15px !important;
		margin: 10px auto 0 !important;
	}


	.explore-body {
		gap: 20px !important;
		margin-top: 30px !important;
		flex-direction: column;
	}


	.explore-body-left, .explore-body-right {
		width: 100% !important;
	}


	.why-test-heading {
		font-size: 20px !important;
	}


	.why-test-body {
		grid-template-columns: repeat(1, 1fr) !important;
		gap: 12px !important;
	}


	.why-test-item {
		gap: 13px !important;
		padding: 30px 15px !important;
	}


	.why-test-item-title {
		font-size: 17px !important;
		margin-bottom: 10px;
	}


	.faq-title {
		font-size: 20px !important;
	}










	.accordion-body {
		padding: 10px 20px !important;
		font-size: 15px !important;
		line-height: 27px !important;
	}


	#faq-section, #book-consultation {
		padding: 40px 0;
		background: #fff;
	}


	.accordion-button {
		padding: 15px 30px !important;
		font-size: 16px !important;
	}


	.book-consultation-title {
		font-size: 20px !important;
		margin-bottom: 18px !important;
		text-align: center;
	}


	.book-consultation-content {
		display: flex;
		align-items: center;
		gap: 28px !important;
		flex-direction: column-reverse;
	}


	.book-consultation-left, .book-consultation-right {
		width: 100% !important;
	}


	.book-consultation-button {
		margin-top: 30px !important;
		padding: 7px 20px !important;
		font-size: 16px !important;
	}


	/* Microbiota Analysis page end */


}


/* Extra Small Mobile devices   */
@media only screen and (max-width: 374px) {

	/* home page start */
	.navbar_logo{
		max-width: 120px !important;
	}
	#hero {
		padding: 30px 0;
	}

	.hero-title {
		font-size: 18px;
		line-height: 130%;
		text-align: center;
	}

		.hero-title .accent {
			font-size: 18px;
			line-height: 130%;
		}

	.hero-desc {
		font-size: 15px;
		margin-top: 5px;
		max-width: 700px;
		text-align: center;
	}

	.hero-grid {
		gap: 12px;
		flex-direction: column;
	}

	.hero-content, .hero-image {
		width: 100%;
	}

	.btn {
		gap: 5px;
		padding: 6px 10px;
		font-size: 14px !important;
	}

	.nav-actions {
		gap: 15px;
	}

	.hero-actions {
		gap: 10px;
		margin-top: 20px;
		align-items: center;
		justify-content: center;
	}

	.account-btn {
		gap: 0px;
		padding: 5px !important;
		color: #06b6b4 ;
		background: transparent !important;
		border: 1px solid #06b6b4;
		font-size: 14px !important;
	}

		.account-btn span {
			display: none !important;
		}
		.account-btn img {
			margin-right: 0px !important;
		}
		.account-btn svg {
			width: 16px;
			height: 16px;
		}

			.account-btn svg:nth-last-child {
				margin-left: 1px !important;
			}

	#revolution {
		padding: 40px 0;
	}

	.revolution-title {
		font-size: 18px;
		line-height: 30px;
	}

	.revolution-description {
		font-size: 15px;
		line-height: 135%;
		margin-top: 5px;
	}

	.revolution-content {
		text-align: center;
		max-width: 100%;
		margin: 0 auto;
	}

	.revolution-item-grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 10px;
		margin-top: 30px;
	}

	.revolution-item-title-text {
		font-size: 16px;
		line-height: 136%;
	}

	.revolution-item-number-text {
		font-size: 14px;
		line-height: 130%;
	}

	.revolution-item-number {
		width: 30px;
		height: 30px;
	}

	.revolution-item-subtitle {
		padding: 6px 10px;
		font-size: 15px;
	}

	.revolution-item-header {
		gap: 12px;
		margin-bottom: 10px;
	}

	p, span {
		font-size: 14px;
		line-height: 24px;
	}

	.revolution-item-paragraph {
		font-size: 15px;
	}

	.revolution-item-tags {
		gap: 5px;
		margin-top: 16px;
	}

	.revolution-item-tag {
		padding: 6px 10px;
		font-size: 14px;
	}

	.tpw-bg-001 {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.tpw-grid-003 {
		display: flex;
		flex-direction: column-reverse;
		gap: 22px;
		align-items: center;
	}

	.tpw-title-009 {
		font-size: 18px;
		line-height: normal;
		text-align: center;
	}

	.tpw-description-010 {
		font-size: 15px;
		margin-top: 8px;
		margin-bottom: 12px;
		line-height: normal;
		text-align: center;
	}

	.tpw-btn-011 {
		gap: 5px;
		padding: 6px 10px;
		font-size: 14px !important;
		margin: 0 auto;
	}

	.image-wrapper-004 {
		max-height: 400px;
	}

	.doctors-section {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.doctors-title {
		font-size: 18px;
		text-align: center;
	}

	.doctors-header {
		gap: 5px;
	}

	.doctors-sub {
		font-size: 15px;
	}

	.doctors-row {
		gap: 10px;
		flex-direction: column;
		text-align: center;
	}

	.btn-outline {
		gap: 5px;
		padding: 6px 10px;
		font-size: 15px;
	}

	.grid-12 {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 12px;
		margin-top: 30px;
	}

	.doc-image {
		height: 250px;
	}

	.doc-body {
		padding: 12px;
		gap: 5px;
	}

	.doc-name {
		font-size: 15px;
	}

	.doc-role {
		font-size: 14px;
		padding-top: 2px;
		padding-bottom: 6px;
	}

	.btn-book {
		padding: 7px 10px;
		font-size: 14px;
	}

	.success-stories-section {
		padding: 30px 0 0;
		padding-bottom: 30px;
	}

	.success-title {
		font-size: 18px;
		margin-bottom: 30px;
	}

	.review-header h2 {
		font-size: 17px;
	}

	.review-card {
		padding: 13px;
		width: 300px;
	}

	.avatar {
		width: 30px;
		height: 30px;
	}

	.review-card p {
		font-size: 14px;
	}

	.blog-bg-123 {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.blog-title-789 {
		font-size: 18px;
	}

	.btn-viewall-321 {
		gap: 8px;
		padding: 7px 10px;
		font-size: 14px !important;
	}

	.card-grid-987 {
		grid-template-columns: repeat(1, 1fr);
		gap: 12px;
	}

	.card-img-222 {
		height: 250px;
	}

	.card-content-333 {
		padding: 12px;
	}

	.card-date-444 {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.card-title-666 {
		font-size: 16px;
	}

	.card-desc-777 {
		color: #6b7280;
		font-size: 14px;
		margin-top: 5px;
		margin-bottom: 10px;
	}

	.readmore-text-888 {
		font-size: 14px;
		gap: 5px;
	}

	.home-bookings-bg {
		padding: 40px 0;
	}

	.home-bookings-heading {
		font-size: 18px;
	}

	.home-bookings-subtext {
		font-size: 14px;
		color: #667085;
		margin-top: 8px;
		text-align: center;
	}

	.home-bookings-buttons {
		display: flex;
		justify-content: center;
		gap: 12px;
		margin-top: 24px;
		flex-wrap: wrap;
	}

	.footer-bg {
		padding-top: 30px;
	}

	.footer-grid {
		display: flex;
		gap: 15px;
		padding: 20px 0;
		flex-direction: column;
	}

	.footer-section ul {
		margin-top: 16px;
	}

	.footer-section li {
		margin-bottom: 10px;
	}

	.footer-section h6 {
		font-size: 16px;
	}

	.footer-section a {
		font-size: 14px;
	}

	.footer-bottom {
		padding: 1rem 0;
		text-align: center;
	}

	/* home page end */

	/* Microbiota Analysis page start */
	#microbiota-hero {
		padding: 50px 0;
	}


	.microbiota-heading {
		font-size: 19px !important;
		line-height: 30px !important;
	}

	.microbiota-description {
		font-size: 14px !important;
		line-height: 25px !important;
		margin-top: 12px !important;
	}

	#microbiota-path {
		padding: 50px 0;
	}

	.microbiota-path-head-title-text {
		font-size: 20px !important;
		margin-bottom: 10px !important;
	}

	.microbiota-path-head-title-description {
		font-size: 16px !important;
	}

	.microbiota-path-head-progress-title, .microbiota-path-head-progress-percentage {
		font-size: 15px !important;
	}

	.microbiota-path-head-progress-bar {
		height: 12px !important;
	}

	.microbiota-path-body-title {
		margin-top: 20px !important;
		font-size: 17px !important;
	}

	.microbiota-path-body-timeline {
		padding: 16px !important;
		margin-top: 24px;
	}

	.step-title {
		font-size: 17px !important;
	}

	.step-description {
		font-size: 15px !important;
	}

	.action-link {
		gap: 8px !important;
		padding: 8px 10px !important;
		font-size: 12px !important;
	}

	.timeline-steps {
		gap: 18px !important;
	}

	#explore_section {
		padding: 50px 0 !important;
	}

	.explore-heading {
		font-size: 20px !important;
		line-height: 30px !important;
	}

	.explore-description {
		font-size: 15px !important;
		margin: 10px auto 0 !important;
	}

	.explore-body {
		gap: 20px !important;
		margin-top: 30px !important;
		flex-direction: column;
	}

	.explore-body-left, .explore-body-right {
		width: 100% !important;
	}

	.why-test-heading {
		font-size: 20px !important;
	}

	.why-test-body {
		grid-template-columns: repeat(1, 1fr) !important;
		gap: 12px !important;
	}

	.why-test-item {
		gap: 13px !important;
		padding: 30px 15px !important;
	}

	.why-test-item-title {
		font-size: 17px !important;
		margin-bottom: 10px;
	}

	.faq-title {
		font-size: 20px !important;
	}





	.accordion-body {
		padding: 10px 20px !important;
		font-size: 15px !important;
		line-height: 27px !important;
	}

	#faq-section, #book-consultation {
		padding: 40px 0;
		background: #fff;
	}

	.accordion-button {
		padding: 15px 30px !important;
		font-size: 16px !important;
		line-height: 27px !important;
	}

	.book-consultation-title {
		font-size: 20px !important;
		margin-bottom: 18px !important;
		text-align: center;
	}

	.book-consultation-content {
		display: flex;
		align-items: center;
		gap: 28px !important;
		flex-direction: column-reverse;
	}

	.book-consultation-left, .book-consultation-right {
		width: 100% !important;
	}

	.book-consultation-button {
		margin-top: 30px !important;
		padding: 7px 20px !important;
		font-size: 16px !important;
	}

	.step-actions {
		display: flex;
		flex-direction: column;
		gap: 10px !important;
		margin-top: 20px;
	}

	/* Microbiota Analysis page end */
}


















/* *this is for nav */
/* Hamburger button */
.hamburger {
	display: none;
	flex-direction: column;
	justify-content: space-between;
	width: 25px;
	height: 20px;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	z-index: 1001;
}

	.hamburger span {
		display: block;
		height: 3px;
		width: 100%;
		background: var(--primary-text);
		border-radius: 2px;
	}

	/* Hamburger button default */
	.hamburger span {
		display: block;
		height: 3px;
		width: 100%;
		background: var(--primary-text);
		border-radius: 2px;
		transition: all 0.3s ease;
	}

	/* When hamburger is open */
	.hamburger.open span:nth-child(1) {
		transform: rotate(45deg) translate(6px, 5px);
	}

	.hamburger.open span:nth-child(2) {
		opacity: 0;
		/* middle line disappears */
	}

	.hamburger.open span:nth-child(3) {
		transform: rotate(-45deg) translate(7px, -6px);
	}


/* Responsive only for nav */

@media (max-width: 1199px) {
	.nav-links {
		position: absolute;
		top: 80px;
		/* adjust to navbar height */
		left: 0;
		right: 0;
		flex-direction: column;
		gap: 15px;
		background: #fff;
		overflow: hidden;
		max-height: 0;
		/* hidden initially */
		transition: max-height 0.5s ease, opacity 0.5s ease;
		opacity: 0;
		border-top: 1px solid #eee;
		z-index: 999;
		padding-bottom: 20px;
		padding-top: 10px;
		box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
	}

		.nav-links.active {
			max-height: 500px;
			/* enough to show all links */
			opacity: 1;
		}

	.hamburger {
		display: flex;
	}

	.nav-links {
		transform: translateY(-20px);
		transition: transform 0.4s ease, opacity 0.4s ease;
	}

		.nav-links.active {
			transform: translateY(0);
		}
}

/* *this is for nav */

