/************************************/
/***      37. Responsive css      ***/
/************************************/

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

	.bg-section {
		width: calc(100% - 40px);
		max-width: 100%;
		margin: 0 20px;
		border-radius: 30px;
	}

	.topbar .container-fluid,
	header.main-header .container-fluid,
	.hero-section .container-fluid {
		padding: 0 15px;
	}

	.page-header,
	.hero {
		margin-top: -115px;
	}

	header.main-header .header-sticky.active {
		padding: 0;
	}
}


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

	.topbar {
		width: calc(100% - 40px);
		margin: 0 auto;
	}

	header.main-header .header-sticky.active {
		border-radius: 0;
	}
}

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

	.topbar-contact-info ul li {
		margin-right: 15px;
		padding-right: 15px;
	}

	.main-menu .nav-menu-wrapper {
		margin: 0 10px;
	}

	.main-menu ul li a {
		padding: 10px !important;
	}
}

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

	.btn-default {
		padding: 14px 45px 14px 20px;
	}

	.btn-default::before {
		top: 14px;
		right: 20px;
	}

	.topbar {
		width: 100%;
		padding: 15px 0;
		margin: 0;
	}

	.topbar-contact-info ul {
		justify-content:left;
	}

	.topbar-contact-info .hide-mobile {
		display: none;
	}

	.topbar-social-links {
		display: none;
	}

	header.main-header .header-sticky {
		max-width: 100%;
		margin: 0;
	}

	.navbar {
		padding: 15px 0;
	}

	.slicknav_nav li,
	.slicknav_nav ul {
		display: block;
	}

	.responsive-menu,
	.navbar-toggle {
		display: block;
	}

	.header-btn {
		display: none;
	}

	.bg-section {
		width: 100%;
		border-radius: 0;
		margin: 0;
	}

	.section-row {
		margin-bottom: 40px;
	}

	.section-content-btn .section-btn {
		margin-top: 20px;
	}

	.section-title {
		margin-bottom: 30px;
	}

	.section-title h1 {
		font-size: 50px;
	}

	.section-title h2 {
		font-size: 36px;
	}

	.section-title p {
		margin-top: 10px;
	}

	.section-title-content {
		margin-top: 10px;
	}

	.section-btn {
		text-align: left;
		margin-top: 15px;
	}

	.hero {
		padding: 150px 0 0;
		margin-top: -82px;
	}

	.hero.hero-video {
		padding: 160px 0 80px;
	}

	.hero.hero-slider-layout .hero-slide {
		padding: 160px 0 80px;
	}

	.hero.hero-slider-layout .hero-pagination {
		bottom: 30px;
	}

	.hero-content {
		height: auto;
		align-content: start;
		margin-bottom: 30px;
	}

	.hero.hero-video .hero-content {
		margin-bottom: 0;
	}

	.hero-content-list ul li {
		padding-left: 25px;
	}

	.hero-content-list ul li:before {
		font-size: 18px;
	}

	.hero-body {
		gap: 20px 30px;
		margin-top: 30px;
		padding-top: 30px;
	}

	.hero-img {
		width: 100%;
		max-width: 80%;
		margin: 0 auto;
	}

	.hero-img img {
		margin: 0;
	}

	.hero-info {
		padding: 40px 0 0;
	}

	.hero-info-list {
		max-width: 100%;
	}

	.hero-info-item {
		width: calc(50% - 15px);
		padding: 20px;
	}

	.hero-info-header {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.hero-info-body ul li {
		margin-bottom: 15px;
	}

	.hero-info-body h3 {
		font-size: 18px;
	}

	.hero-info-btn {
		margin-top: 20px;
	}

	.hero-info-btn .btn-default {
		padding: 14px;
	}

	.about-us {
		padding: 50px 0;
	}

	.about-us-images {
		max-width: 80%;
		margin: 0 auto;
		margin-bottom: 30px;
		padding: 0 35px 54px 50px;
	}

	.about-us-img-2 {
		right: 20px;
	}

	.about-list-btn {
		width: calc(100% - 170px);
	}

	.about-list ul li {
		padding-left: 25px;
		margin-bottom: 15px;
	}

	.about-list ul li:before {
		font-size: 18px;
	}

	.about-btn {
		margin-top: 30px;
	}

	.book-consult-circle a {
		padding: 10px;
	}

	.book-consult-circle a img {
		max-width: 120px;
	}

	.our-services {
		padding: 50px 0;
	}

	.service-item {
		padding: 20px;
	}

	.service-body .icon-box {
		margin-bottom: 40px;
	}

	.service-readmore-btn {
		margin-top: 15px;
	}

	.section-footer-text {
		margin-top: 10px;
	}

	.our-commitment {
		padding: 50px 0 0;
	}

	.our-commitment-content {
		margin-bottom: 30px;
	}

	.our-commitment-content,
	.our-commitment-image {
		height: auto;
	}

	.commitment-list ul li {
		padding-left: 25px;
	}

	.commitment-item-list {
		margin-top: 20px;
		padding-top: 20px;
	}

	.commitment-item-list h3 {
		padding-left: 25px;
		margin-bottom: 15px;
	}

	.commitment-list ul li:before,
	.commitment-item-list h3::before {
		font-size: 18px;
	}

	.commitment-btn {
		margin-top: 30px;
	}

	.our-commitment-image {
		width: 100%;
		max-width: 50%;
		margin: 0 auto;
	}

	.our-commitment-image img {
		margin: 0;
	}

	.how-it-work {
		padding: 50px 0;
	}

	.work-step-nav {
		margin-bottom: 40px;
	}

	.work-step-nav .nav-tabs {
		gap: 15px;
	}

	.work-step-nav ul li {
		width: calc(33.33% - 10px);
	}

	.work-step-nav ul li .nav-link {
		font-size: 18px;
		border-radius: 12px;
		padding: 15px 10px;
	}

	.work-step-nav ul li .nav-link img {
		max-width: 24px;
		margin-right: 10px;
	}

	.work-step-content {
		margin-bottom: 30px;
		padding-left: 0px;
	}

	.work-step-item {
		margin-bottom: 30px;
	}

	.work-step-item::before {
		left: -30px;
		top: 15px;
		font-size: 16px;
	}

	.work-step-item::after {
		transform: translate(-23px, 45px);
		height: calc(100% + 15px);
	}

	.work-step-btn {
		margin-top: 30px;
	}

	.work-step-image img {
		aspect-ratio: 1 / 0.55;
	}

	.why-choose-us {
		padding: 50px 0;
	}

	.why-choose-box {
		width: calc(50% - 15px);
	}

	.why-choose-item {
		padding: 30px;
	}

	.why-choose-item h2 {
		font-size: 36px;
		margin-bottom: 15px;
	}

	.why-choose-item h3 {
		margin-bottom: 15px;
	}

	.why-choose-btn {
		margin-top: 20px;
	}

	.why-choose-btn .btn-default {
		padding: 14px;
	}

	.why-choose-image img {
		aspect-ratio: 1 / 0.93;
	}

	.our-facts {
		padding: 50px 0;
	}

	.fact-content {
		margin-bottom: 30px;
	}

	.fact-image img {
		aspect-ratio: 1 / 0.52;
	}

	.fact-info-box .fact-image {
		margin-bottom: 30px;
	}

	.fact-list ul li {
		padding-left: 25px;
		margin-bottom: 15px;
	}

	.fact-list ul li:before {
		font-size: 18px;
	}

	.fact-counter-list {
		margin-top: 30px;
		padding-top: 30px;
	}

	.fact-counter-item h2 {
		font-size: 34px;
		margin-bottom: 5px;
	}

	.our-pricing {
		padding: 50px 0;
	}

	.pricing-item {
		padding: 30px 25px;
	}

	.pricing-header {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.pricing-header p {
		margin-bottom: 20px;
	}

	.pricing-header h2 {
		font-size: 36px;
	}

	.pricing-body {
		margin-bottom: 30px;
	}

	.pricing-body ul li {
		padding-left: 25px;
		margin-bottom: 15px;
	}

	.pricing-body ul li::before {
		font-size: 16px;
		top: 2px;
	}

	.pricing-btn .btn-default {
		padding: 14px;
	}

	.pricing-benefit-list {
		margin-top: 10px;
	}

	.pricing-benefit-list ul {
		gap: 20px 30px;
	}

	.cta-box {
		padding: 50px 0;
	}

	.cta-contact-item {
		margin-right: 30px;
		padding-right: 30px;
	}

	.cta-btn {
		margin-top: 40px;
	}

	.our-team {
		padding: 50px 0 20px;
	}

	.team-content h3 {
		margin-bottom: 5px;
	}

	.our-testimonials {
		padding: 50px 0;
	}

	.review-image-box {
		padding: 28px;
		flex-direction: column;
		align-items: stretch;
	}

	.review-box {
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		margin: 0 0 18px 0;
		padding: 0 0 18px 0;
	}

	.review-box:last-child {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.review-icon img {
		max-width: 40px;
	}

	.customer-img.add-more,
	.customer-img {
		width: 48px;
		height: 48px;
	}

	.customer-img.add-more p {
		font-size: 18px;
	}

	.customer-images {
		width: 100%;
		justify-content: flex-start;
	}

	.testimonial-item {
		padding: 30px 25px;
	}

	.testimonial-header {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.testimonial-slider .testimonial-pagination {
		margin-top: 30px;
	}

	.our-faqs {
		padding: 50px 0;
	}

	.faqs-content {
		position: initial;
		top: 0px;
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.faq-accordion .accordion-item {
		margin-bottom: 20px;
	}

	.faq-accordion .accordion-header .accordion-button {
		padding: 15px 40px 15px 15px;
	}

	.faq-accordion .accordion-item .accordion-button::after,
	.faq-accordion .accordion-item .accordion-button.collapsed::after {
		right: 15px;
	}

	.faq-accordion .accordion-item .accordion-body {
		padding: 15px;
	}

	.our-appointment {
		padding: 50px 0;
	}

	.appointment-form {
		margin-bottom: 30px;
	}

	.appointment-form form .form-control {
		padding: 12px 15px;
	}
	
	.calendar-icon{
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    pointer-events:none;
    color:#000;
}

.form-control[type="date"]{
    padding-right:40px;
}


	.appointment-form form .form-group select {
		padding: 12px 30px 12px 15px;
	}

	.appointment-form .contact-form-btn {
		margin-top: 10px;
	}

	.our-appointment-image {
		margin-left: 0;
	}

	.our-appointment-image figure img {
		aspect-ratio: 1 / 0.8;
	}

	.open-time-box {
		bottom: 20px;
		left: 20px;
		right: 20px;
	}

	.open-time-box .icon-box {
		width: 50px;
		height: 50px;
		margin-right: 15px;
	}

	.open-time-box .icon-box img {
		max-width: 28px;
	}

	.open-time-box-content {
		width: calc(100% - 65px);
	}

	.our-blog {
		padding: 50px 0 20px;
	}

	.post-featured-image {
		margin-bottom: 15px;
	}

	.main-footer-box {
		padding: 40px 0;
	}

	.about-footer {
		margin-right: 0;
		margin-bottom: 30px;
		text-align: center;
	}

	.footer-logo {
		margin-bottom: 20px;
		text-align: center;
	}

	.footer-logo img {
		max-width: 140px;
		height: auto;
		filter: drop-shadow(0 0 15px rgba(255, 105, 180, 0.4));
		transition: all 0.3s ease;
	}

	.footer-logo img:hover {
		transform: scale(1.05);
		filter: drop-shadow(0 0 20px rgba(255, 105, 180, 0.6));
	}

	.about-footer-content {
		margin-bottom: 25px;
		text-align: center;
	}

	.footer-links {
		margin-bottom: 30px;
		text-align: center;
		padding: 10px 0;
	}

	.footer-links h3 {
		margin-bottom: 20px;
		font-size: 18px;

		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

	.footer-links .row {
		justify-content: center;
		gap: 20px;
	}

	.footer-privacy-policy ul {
		margin-top: 20px;
		padding-top: 20px;
	}

	.footer-newsletter-form .form-group .form-control {
		padding: 10px 15px;
	}

	.footer-newsletter-form .form-group .btn-default {
		padding: 15px;
	}

	.footer-copyright-text {
		padding: 20px 0;
	}

	.page-header {
		margin-top: -82px;
		padding: 140px 0 60px;
	}

	.page-header-box h1 {
		font-size: 50px;
		margin-bottom: 10px;
	}

	.our-approach {
		padding: 50px 0;
	}

	.our-approach-image {
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.our-approach-image img {
		aspect-ratio: 1 / 0.7;
	}

	.approach-item-box {
		gap: 30px;
	}

	.approach-item {
		padding: 20px;
	}

	.approach-item .icon-box {
		margin-bottom: 30px;
	}

	.approach-item .icon-box img {
		max-width: 40px;
	}

	.our-benefits {
		padding: 50px 0;
	}

	.our-benefits-content {
		margin-bottom: 30px;
	}

	.benefits-item {
		padding: 20px;
	}

	.benefits-image {
		max-width: 80%;
		margin: 0 auto;
	}

	.who-we-are {
		padding: 50px 0;
	}

	.who-we-content {
		margin-bottom: 30px;
	}

	.who-we-btn {
		margin-top: 30px;
	}

	.who-we-image {
		max-width: 80%;
		margin: 0 auto;
		padding: 0 50px 0 80px;
	}

	.years-expertise-box h2 {
		font-size: 34px;
	}

	.our-values {
		padding: 50px 0;
	}

	.values-counter-box {
		margin-bottom: 30px;
	}

	.values-counter-item-content h2 {
		font-size: 36px;
	}

	.values-counter-item .icon-box img {
		max-width: 40px;
	}

	.values-image-content {
		padding: 20px;
	}

	.values-image figure img {
		aspect-ratio: 1 / 0.9;
	}

	.page-services {
		padding: 50px 0 20px;
	}

	.page-service-single {
		padding: 0px 0;
	}

	.page-single-sidebar {
		position: initial;
		margin: 0 0 30px 0;
	}

	.page-catagory-list {
		margin-bottom: 30px;
	}

	.page-catagory-list h3 {
		padding: 15px 20px;
	}

	.page-catagory-list ul {
		padding: 20px;
	}

	.page-catagory-list ul li {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.page-single-image {
		margin-bottom: 30px;
	}

	.service-entry {
		margin-bottom: 40px;
	}

	.service-entry h2 {
		font-size: 36px;
		margin-bottom: 15px;
	}

	.service-entry p {
		margin-bottom: 15px;
	}

	.service-expert-box,
	.service-path-box,
	.service-step-box {
		margin-top: 40px;
	}

	.service-expert-image-list {
		padding: 10px 0 0 30px;
		margin-top: 30px;
	}

	.service-expert-item {
		margin-bottom: 30px;
	}

	.service-expert-item h3 {
		padding-left: 25px;
		margin-bottom: 10px;
	}

	.service-expert-item h3::before {
		font-size: 18px;
	}

	.service-entry-image-content {
		margin-top: 30px;
	}

	.service-entry-content {
		padding: 25px;
	}

	.service-path-list {
		gap: 20px;
		padding: 20px;
		margin-top: 30px;
	}

	.service-path-item {
		width: calc(33.33% - 13.33px);
		padding: 20px;
	}

	.service-path-item .icon-box {
		margin-bottom: 40px;
	}

	.service-path-item .icon-box img {
		max-width: 40px;
	}

	.service-step-list-image {
		margin-top: 30px;
	}

	.service-step-list {
		padding-left: 35px;
	}

	.page-blog {
		padding: 50px 0;
	}

	.page-blog .post-item {
		height: calc(100% - 30px);
		margin-bottom: 30px;
	}

	.page-pagination {
		margin-top: 10px;
	}

	.page-single-post {
		padding: 50px 0;
	}

	.post-image {
		margin-bottom: 20px;
	}

	.post-entry h1,
	.post-entry h2,
	.post-entry h3,
	.post-entry h4,
	.post-entry h5,
	.post-entry h6 {
		margin: 0 0 0.47em;
	}

	.post-entry h2 {
		font-size: 36px;
	}

	.post-entry p {
		margin-bottom: 15px;
	}

	.post-entry ol li,
	.post-entry ul li {
		margin-bottom: 10px;
	}

	.post-entry blockquote {
		background-position: 20px 20px;
		background-size: 40px;
		padding: 20px 20px 20px 70px;
		margin-bottom: 20px;
	}

	.post-entry blockquote p {
		font-size: 18px;
	}

	.post-tags {
		margin-bottom: 20px;
	}

	.post-tags .tag-links a {
		padding: 12px 15px;
	}

	.post-social-sharing ul {
		text-align: left;
	}

	.page-case-study {
		padding: 50px 0 20px;
	}

	.case-study-item {
		height: calc(100% - 30px);
		margin-bottom: 30px;
	}

	.case-study-image {
		margin-bottom: 15px;
	}

	.page-case-study-single {
		padding: 50px 0;
	}

	.case-study-category-list {
		padding: 20px;
		margin-bottom: 30px;
	}

	.case-study-category-item {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.case-study-entry {
		margin-bottom: 40px;
	}

	.case-study-entry p {
		margin-bottom: 15px;
	}

	.case-study-entry h2 {
		font-size: 36px;
		margin-bottom: 15px;
	}

	.case-study-entry ul li {
		padding-left: 25px;
		margin-bottom: 10px;
	}

	.case-study-entry ul li:before {
		font-size: 18px;
	}

	.case-study-success-box,
	.case-study-fertility-box,
	.case-study-guide-box {
		margin-top: 40px;
	}

	.case-study-success-list {
		gap: 30px;
		margin-top: 30px;
	}

	.case-study-success-header {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.case-study-success-header img {
		max-width: 34px;
		margin-right: 10px;
	}

	.case-study-success-header h3 {
		font-size: 18px;
	}

	.fertility-content ul {
		margin: 30px 0;
	}

	.fertility-item-box {
		padding: 15px;
	}

	.fertility-item-box .icon-box {
		margin-right: 10px;
	}

	.fertility-item-box .icon-box img {
		max-width: 35px;
	}

	.fertility-item-conetnt {
		width: calc(100% - 45px);
	}

	.fertility-item-conetnt h3 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.case-study-guide-list {
		margin: 30px 0;
		gap: 20px;
	}

	.case-study-guide-item {
		width: calc(50% - 10px);
		padding: 20px;
	}

	.page-team {
		padding: 50px 0 20px;
	}

	.page-team-single {
		padding: 50px 0;
	}

	.team-member-about,
	.team-personal-info {
		margin-bottom: 50px;
	}

	.team-member-about {
		padding: 30px;
		gap: 30px;
	}

	.team-member-image {
		width: calc(40% - 15px);
	}

	.team-member-content {
		width: calc(60% - 15px);
	}

	.team-member-image img {
		margin-bottom: -30px;
	}

	.member-content-body ul {
		gap: 10px;
	}

	.member-content-body ul li {
		width: 100%;
	}

	.member-social-list {
		gap: 20px;
		margin-top: 20px;
		padding-top: 20px;
	}

	.team-personal-item {
		width: calc(50% - 15px);
		padding: 20px;
	}

	.team-expertise {
		width: 100%;
	}

	.member-expertise-list ul li {
		padding-left: 25px;
		margin-bottom: 15px;
	}

	.member-expertise-list ul li::before {
		font-size: 18px;
	}

	.team-skills-list {
		margin-top: 30px;
		padding-top: 30px;
	}

	.page-pricing {
		padding: 50px 0;
	}

	.page-testimonials {
		padding: 50px 0 20px;
	}

	.page-gallery {
		padding: 50px 0 20px;
	}

	.page-video-gallery {
		padding: 50px 0 20px;
	}

	.page-faqs {
		padding: 50px 0;
	}

	.page-faqs-catagery .page-faq-accordion {
		margin-bottom: 40px;
	}

	.page-contact-us {
		padding: 50px 0;
	}

	.contact-form-section {
		margin-top: 50px;
	}

	.google-map-iframe,
	.google-map-iframe iframe {
		width: 100%;
		height: 450px;
	}

	.contact-us-form {
		width: 100%;
		padding: 30px;
	}

	.contact-form .form-control {
		border-radius: 12px;
		padding: 12px 15px;
	}

	.page-book-appointment {
		padding: 50px 0;
	}

	.error-page {
		padding: 50px 0;
	}

	.error-page-image {
		margin-bottom: 20px;
	}

	.error-page-image img {
		max-width: 80%;
	}

	.error-page-content .section-title,
	.error-page-content-body p {
		margin-bottom: 15px;
	}
}

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

	.section-row {
		margin-bottom: 30px;
	}

	.section-title h1 {
		font-size: 30px;
	}

	.section-title h2 {
		font-size: 26px;
	}

	.topbar {
		padding: 10px 0;
	}

	.topbar-contact-info .hide-mobile {
		display: none;
	}

	.topbar-contact-info ul li {
		font-size: 14px;
		margin-right: 10px;
		padding-right: 10px;
	}

	.topbar-contact-info ul li:nth-last-child(2) {
		margin: 0;
		padding: 0;
		border: none;
	}

	.topbar-contact-info ul li img {
		max-width: 14px;
		margin-right: 5px;
	}

	.hero.hero-slider-layout .hero-pagination {
		text-align: center;
		padding-left: 15px;
	}

	.hero.hero-video .hero-section {
		text-align: left;
	}

	.hero.hero-video .hero-body,
	.hero.hero-video .hero-content-list ul {
		justify-content: left;
	}

	.hero-content-list ul {
		gap: 10px 20px;
	}

	.hero-content-list ul li {
		width: 100%;
	}

	.hero-body {
		margin-top: 20px;
		padding-top: 20px;
	}

	.hero-body .video-play-button p {
		margin-right: 10px;
	}

	.hero-img {
		max-width: 100%;
	}

	.hero-info-item {
		width: 100%;
	}

	.hero-info-header {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.hero-info-header h3 {
		font-size: 18px;
	}

	.hero-info-header img {
		max-width: 24px;
	}

	.hero-info-body p {
		margin-bottom: 15px;
	}

	.hero-info-body h3 {
		font-size: 16px;
	}

	.about-us-images {
		max-width: 100%;
		padding: 0 40px 54px 20px;
	}

	.about-us-img-2 {
		right: 10px;
	}

	.about-us-img-2 {
		max-width: 175px;
	}

	.about-experience-box {
		padding: 10px;
		max-width: 125px;
	}

	.about-experience-box .icon-box img {
		max-width: 35px;
	}

	.about-experience-box .about-experience-content h3 {
		font-size: 16px;
	}

	.about-list-btn {
		width: 100%;
	}

	.book-consult-circle a {
		padding: 7px;
	}

	.book-consult-circle a img {
		max-width: 100px;
	}

	.service-body .icon-box {
		margin-bottom: 30px;
	}

	.service-body .icon-box img {
		max-width: 40px;
	}

	.service-content-info h3 {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.commitment-list ul {
		gap: 10px;
	}

	.commitment-list ul li {
		width: 100%;
	}

	.commitment-item-list h3 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.our-commitment-image {
		max-width: 100%;
	}

	.work-step-nav ul li .nav-link {
		font-size: 14px;
		flex-direction: column;
		padding: 10px;
	}

	.work-step-nav ul li .nav-link img {
		margin: 0 0 5px 0;
	}

	.work-step-item h2 {
		font-size: 18px;
	}

	.work-step-image img {
		aspect-ratio: 1 / 0.7;
	}

	.why-choose-box {
		width: 100%;
		gap: 20px;
	}

	.why-choose-item {
		padding: 20px;
	}

	.why-choose-box:nth-child(3n + 2) {
		flex-direction: initial;
	}

	.why-choose-item h2 {
		font-size: 26px;
		margin-bottom: 10px;
	}

	.why-choose-item h3 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.fact-list {
		width: 100%;
	}

	.book-consult-circle.accent-circle a {
		padding: 7px;
	}

	.book-consult-circle.accent-circle a img {
		max-width: 90px;
	}

	.fact-counter-list {
		margin-top: 20px;
		padding-top: 20px;
	}

	.fact-counter-item h2 {
		font-size: 28px;
	}

	.fact-counter-item p {
		font-size: 14px;
	}

	.pricing-item {
		padding: 20px;
	}

	.pricing-header h3 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.pricing-header h2 {
		font-size: 26px;
	}

	.pricing-benefit-list {
		margin-top: 5px;
	}

	.pricing-benefit-list ul {
		gap: 15px;
	}

	.pricing-benefit-list ul li {
		font-size: 14px;
	}

	.pricing-benefit-list ul li img {
		max-width: 16px;
		margin-right: 5px;
	}

	.cta-content-body {
		display: block;
	}

	.cta-contact-item {
		border-right: none;
		margin-right: 0px;
		padding-right: 0px;
		margin-bottom: 20px;
	}

	.cta-contact-header h3 {
		font-size: 18px;
	}

	.cta-contact-header img {
		max-width: 18px;
	}

	.cta-contact-item-content p {
		font-size: 14px;
	}

	.cta-btn {
		margin-top: 30px;
	}

	.cta-btn::before {
		bottom: 10px;
		width: 80px;
		height: 40px;
	}

	.review-image-box {
		padding: 18px;
		display: block;
		text-align: left;
	}

	.review-box {
		border-right: none;
		margin: 0 0 16px 0;
		padding: 0 0 16px 0;
		flex-direction: column;
		align-items: flex-start;
	}

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

	.review-content ul {
		flex-wrap: wrap;
	}

	.customer-images {
		justify-content: flex-start;
	}

	.customer-img,
	.customer-img.add-more {
		width: 46px;
		height: 46px;
	}

	.testimonial-item {
		padding: 20px;
	}

	.testimonial-content h3,
	.author-content h3 {
		font-size: 18px;
	}

	.faqs-contact-box-title {
		padding: 12px 15px;
	}

	.faqs-contact-box-title h3 {
		font-size: 18px;
	}

	.faqs-contact-item-box {
		padding: 15px;
	}

	.faq-accordion .accordion-header .accordion-button {
		font-size: 16px;
	}

	.our-appointment-image figure img {
		aspect-ratio: 1 / 0.967;
	}

	.open-time-box-content p {
		font-size: 14px;
	}

	.post-item-content h2 {
		font-size: 18px;
	}

	.footer-header .book-consult-circle,
	.footer-header .section-title {
		width: 100%;
	}

	.footer-header .book-consult-circle {
		text-align: left;
	}

	.footer-links h3 {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.footer-links ul li {
		margin-bottom: 8px;
	}

	.footer-privacy-policy ul {
		gap: 10px 20px;
	}

	.footer-privacy-policy ul li::before {
		right: -13px;
	}

	.footer-newsletter-form .form-group .btn-default {
		font-size: 14px;
	}

	.footer-copyright-text {
		padding: 15px 0;
	}

	.page-header-box h1 {
		font-size: 30px;
	}

	.page-header-box ol li.breadcrumb-item {
		font-size: 14px;
	}

	.approach-item-content h3 {
		font-size: 18px;
	}

	.benefits-item {
		width: 100%;
	}

	.benefits-item-content h3 {
		font-size: 18px;
	}

	.benefits-image {
		max-width: 100%;
		padding: 0 50px;
	}

	.who-we-list ul {
		gap: 10px;
	}

	.who-we-list ul li {
		width: 100%;
	}

	.who-we-image {
		max-width: 100%;
		padding: 0 10px 0 40px;
	}

	.who-we-image figure::before {
		width: 280px;
		height: 280px;
	}

	.years-expertise-box {
		padding: 10px 20px 10px 10px;
		border-radius: 12px;
	}

	.years-expertise-box h2 {
		font-size: 28px;
	}

	.years-expertise-box p {
		font-size: 14px;
	}

	.values-counter-box {
		gap: 20px;
	}

	.values-counter-item {
		width: 100%;
		padding: 15px 15px 20px 20px;
	}

	.values-counter-item-content h2 {
		font-size: 26px;
	}

	.values-image,
	.values-content {
		width: 100%;
	}

	.values-content p {
		margin-bottom: 20px;
	}

	.page-catagory-list h3 {
		font-size: 18px;
	}

	.page-single-image {
		margin-bottom: 20px;
	}

	.page-single-image img {
		aspect-ratio: 1 / 0.7;
	}

	.service-entry h2 {
		font-size: 26px;
	}

	.service-expert-image-list {
		padding: 20px 0 0 20px;
		gap: 20px;
	}

	.service-expert-list,
	.service-expert-image {
		width: 100%;
	}

	.service-expert-list {
		padding: 0 20px 0 0;
	}

	.service-expert-item {
		margin-bottom: 20px;
	}

	.service-expert-item h3 {
		font-size: 18px;
	}

	.service-expert-image {
		margin-left: 60px;
	}

	.service-entry-image-content {
		gap: 20px;
	}

	.service-entry-image,
	.service-entry-content {
		width: 100%;
	}

	.service-entry-content {
		padding: 20px;
	}

	.service-entry-content h3 {
		font-size: 18px;
	}

	.service-path-item {
		width: 100%;
	}

	.service-path-item-content h3 {
		font-size: 18px;
	}

	.service-step-list,
	.service-step-image {
		width: 100%;
	}

	.service-step-list .work-step-item h2 {
		font-size: 18px;
	}

	.service-step-image img {
		aspect-ratio: 1 / 0.9;
	}

	.post-single-meta ol li {
		font-size: 16px;
	}

	.post-single-meta ol li i {
		font-size: 16px;
	}

	.post-image img {
		aspect-ratio: 1 / 0.7;
	}

	.post-entry blockquote {
		background-position: 15px 15px;
		padding: 60px 15px 15px 15px;
	}

	.post-entry blockquote p {
		font-size: 16px;
	}

	.post-entry h2 {
		font-size: 26px;
	}

	.tag-links {
		font-size: 18px;
	}

	/* .case-study-item-content h3{
		font-size: 18px;
	} */

	.case-study-category-content h3 {
		font-size: 18px;
	}

	.case-study-entry h2 {
		font-size: 26px;
	}

	.case-study-success-item {
		width: 100%;
	}

	.fertility-image,
	.fertility-content {
		width: 100%;
	}

	.fertility-image img {
		aspect-ratio: 1 / 0.99;
	}

	.fertility-content ul {
		margin: 20px 0;
	}

	.case-study-guide-list {
		margin: 20px 0;
	}

	.case-study-guide-item {
		width: 100%;
		padding: 15px;
	}

	.case-study-guide-item h3 {
		font-size: 18px;
	}

	.team-member-about {
		padding: 20px;
		flex-direction: column-reverse;
	}

	.team-member-image,
	.team-member-content {
		width: 100%;
	}

	.team-member-image img {
		margin-bottom: -20px;
	}

	.member-content-body ul li,
	.member-social-list span {
		font-size: 18px;
	}

	.member-content-body ul li span {
		width: 62%;
	}

	.member-social-list {
		gap: 10px;
	}

	.member-social-list ul li {
		margin-right: 5px;
	}

	.team-personal-list {
		gap: 20px;
	}

	.team-personal-item {
		width: 100%;
	}

	.team-personal-item-header img {
		margin-right: 15px;
	}

	.team-personal-item-header h3 {
		font-size: 18px;
	}

	.skills-progress-bar {
		margin-bottom: 20px;
	}

	.skills-progress-bar .skillbar .skill-data {
		margin-bottom: 10px;
	}

	.google-map-iframe,
	.google-map-iframe iframe {
		height: 350px;
	}

	.contact-us-form {
		padding: 20px;
	}

	.MOBILE-VIWE {
	flex-direction: column-reverse;
	}

	.iui-container {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 20px;
		flex-direction: column;
	}

	.iui-right {
		flex: 0.5;
		display: flex;
		justify-content: center;
		align-items: center;
		height: -webkit-fill-available;
		width: -webkit-fill-available;
	}

	/* ============================= */
	/* Doctor Carousel Responsive Adjustments */
	@media screen and (max-width: 768px) {
		.custom-doctor-carousel .item {
			padding: 15px;
		}

		.card-container .card {
			background-color: #fff;
			border-radius: 10px;
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
			width: 40%;
			overflow: hidden;
			transition: transform 0.3s;
		}

	}

	@media screen and (max-width: 480px) {
	    
	    
		.custom-doctor-carousel .item {
			padding: 10px;
		}

		.custom-doctor-carousel .item h3 {
			font-size: 1rem;
		}

		.custom-doctor-carousel .item p {
			font-size: 0.85rem;
		}
	}

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

		body {
			font-size: 15px;
		}

		.card-container .card {
			background-color: #fff;
			border-radius: 10px;
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
			width: 100%;
			overflow: hidden;
			transition: transform 0.3s;
		}

		.container,
		.container-fluid,
		.hero-section .container-fluid,
		.topbar .container-fluid {
			padding-left: 12px;
			padding-right: 12px;
		}

		.section-title h1 {
			font-size: 32px;
		}

		.section-title h2,
		.hero .section-title h2 {
			font-size: 24px;
		}

		.btn-default {
			width: 100%;
			/* padding: 12px 18px; */
		}

		.hero-body {
			flex-direction: column;
			align-items: flex-start;
			gap: 15px;
		}

		.hero-body .video-play-button {
			width: 100%;
			justify-content: space-between;
		}

		.hero-info-list {
			gap: 15px;
		}

		.hero-info-item {
			padding: 18px;
		}

		.hero-info-header h3,
		.hero-info-body h3 {
			font-size: 16px;
		}

		.service-item {
			margin-bottom: 18px;
			padding: 18px;
		}

		.service-body .icon-box {
			margin-bottom: 20px;
		}

		.service-content-info h3 {
			font-size: 18px;
		}

		.why-choose-item {
			padding: 18px;
		}

		.fact-counter-list {
			flex-direction: column;
			gap: 20px;
		}

		.fact-counter-item {
			width: 100%;
			text-align: center;
			margin-right: 0;
		}

		.pricing-item {
			padding: 20px;
		}

		.cta-contact-item {
			align-items: flex-start;
			flex-direction: column;
			gap: 8px;
		}

		.testimonial-header {
			flex-direction: column;
			align-items: flex-start;
			gap: 15px;
		}

		.testimonial-author {
			align-items: flex-start;
			gap: 12px;
		}

		.faq-accordion .accordion-header .accordion-button {
			font-size: 15px;
			padding: 12px 40px 12px 12px;
		}

		.appointment-form form .form-control,
		.contact-form .form-control {
			font-size: 15px;
			padding: 12px;
		}

		.post-item {
			margin-bottom: 18px;
		}

		.footer-newsletter-form .form-group {
			flex-direction: column;
			gap: 10px;
		}

		.footer-newsletter-form .form-group .form-control,
		.footer-newsletter-form .form-group .btn-default {
			width: 100%;
		}
	}

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

		body {
			font-size: 14px;
		}

		.section-title h1 {
			font-size: 26px;
		}

		.section-title h2 {
			font-size: 20px;
		}

		.hero-content-list ul li,
		.hero-content p,
		.section-title p {
			font-size: 14px;
		}

		.hero-info-header h3,
		.hero-info-body h3 {
			font-size: 15px;
		}

		.service-content-info h3 {
			font-size: 16px;
		}

		.service-content-info p,
		.why-choose-item p,
		.testimonial-content p,
		.faq-accordion .accordion-body p,
		.contact-form .form-control::placeholder {
			font-size: 14px;
		}

		.testimonial-content p {
			-webkit-line-clamp: 5;
			line-clamp: 5;
		}

		.faq-accordion .accordion-header .accordion-button {
			padding-right: 35px;
			font-size: 14px;
		}

		.footer-links h3,
		.footer-links ul li {
			font-size: 15px;
		}

		.footer-newsletter-form .form-group .btn-default {
			padding: 12px;
		}
	}
}