@media screen and (min-width: 992px) and (max-width: 1199px) {
	/* Medium devices (laptops/desktops, 992px and up) */
	:root {
		--container-max-width: 900px;
	}

	/* --- Hero-Navbar ---- */

	#hero-nav {
		padding: 0 0;
	}

	.icon {
		font-size: 12px;
	}

	.hero-nav-left-details span {
		font-size: 12px;
	}

	.hero-nav-right-details a {
		font-size: 12px;
	}

	.hero-nav-right-details {
		align-items: normal;
	}

	.line {
		color: #fff;
		font-size: 18px;
		padding-top: 15px;
	}

	/* ---- Main-Navabr ---- */

	.logo-container img {
		width: 65px;
	}

	.nav-item a {
		font-size: 12px;
	}

	.mega-panel a {
		padding: 5px 0px;
	}

	/* ---- Intro-Section ---- */

	/* .intro-content {
		background: linear-gradient(
			to bottom,
			rgba(0, 0, 0, 0.55),
			rgba(0, 0, 0, 0.25)
		);
	} */

	#intro #intro-carousel,
	#intro .carousel-inner,
	#intro .carousel-item {
		height: 79vh;
		min-height: 360px;
	}

	.carousel-item img {
		height: 85vh;
	}

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

	.intro-content h2 span {
		font-size: 20px;
	}

	.intro-content h2 strong {
		font-size: 30px;
	}

	/* ---- About-Section ---- */

	/* Section spacing */
	#about-section {
		padding: 60px 0;
	}

	.about-us-intro h2.style-1 {
		font-size: 50px;
	}

	/* Featurette alignment */
	.featurette {
		align-items: center;
	}

	.text {
		font-size: 34px;
		padding-bottom: 30px;
	}

	/* Image styling */
	.res-css-img img {
		width: 100%;
		height: 360px;
		object-fit: cover;
		border-radius: 14px;
	}

	/* Content padding */
	.res-css-content {
		padding: 0 20px;
	}

	/* .regular-content.rc-style-4 {
		padding: 10px;
	} */

	.regular-content.rc-style-4 p:first-of-type::first-letter {
		font-size: 30px;
		line-height: 0.8;
		float: left;
	}

	/* Paragraph text */
	.regular-content.rc-style-4 p {
		font-size: 16px;
		line-height: 1.7;
	}

	/* ---- Treatments-section ---- */

	#Treatments-section {
		padding: 90px 0;
	}

	.services .service {
		padding: 28px 18px;
		height: 100%;
	}

	.hover-effect {
		margin: 15px 0;
	}

	.text-center {
		padding: 0 50px;
	}

	.services .service .heading {
		font-size: 18px;
	}

	.services .service .description {
		font-size: 15px;
		line-height: 1.6;
	}

	.services .hover-effect .service .icon-holder img {
		width: 50px;
		height: 50px;
	}

	.round-shape {
		width: 150px;
		top: 100px;
	}

	.curve-top,
	.curve-bottom {
		height: 90px;
	}

	.curve-bottom {
		overflow: hidden;
	}

	/* .curved-section {
		padding-top: 80px;
		padding-bottom: 100px;
	}

	.curve {
		height: 80px;
	} */

	/* ---- mission-vision ---- */

	#mission-vision {
		padding: 100px 0;
	}

	.mv-grid {
		gap: 30px;
	}

	.mv-card {
		padding: 30px;
	}

	.mv-card h3 {
		font-size: 22px;
	}

	.mv-card.mission ul li {
		font-size: 15px;
	}

	.mv-top-curve,
	.mv-bottom-curve {
		height: 90px;
	}

	/* ---- clinic-facilities ---- */

	#clinic-facilities {
		padding: 50px 0;
	}

	.facilities-list {
		grid-template-columns: repeat(2, 1fr); /* 2 columns */
		gap: 18px 24px;
	}

	.facilities-list li {
		font-size: 15px;
		padding: 16px 18px 16px 42px;
	}

	/* ---- contact-section ---- */

	/* .content-block {
		padding: 80px 0;
	} */

	.block-heading h1 {
		font-size: 32px;
	}

	.form-control {
		height: 46px;
		font-size: 15px;
	}

	.contact-info {
		padding: 0px 50px;
	}

	.contact-info p {
		line-height: 35px;
	}

	.sqaure-nebir {
		height: 36px;
		width: 36px;
	}

	.rotated-icon i {
		top: 0;
		left: 10px;
		font-size: 16px;
	}

	.contact-info p {
		font-size: 15px;
	}

	/* .social-box {
		justify-content: flex-start;
	} */

	/* ---- footer-section ---- */

	#footer-section {
		padding: 0 0;
	}

	.footer-brand img {
		max-width: 120px;
	}

	.copyright p {
		font-size: 14px;
	}

	/* ---- our-expertise ---- */

	/* ---- orthodontic-Services ---- */

	.orthodontic-Services {
		padding: 50px 20px;
	}

	.orthodontic-Services h2.text {
		font-size: 32px;
	}

	.orthodontic-Services p {
		font-size: 17px;
		max-width: 700px;
	}

	/* ---- ortho-variant-2 ---- */

	.ortho-variant-2 {
		padding: 20px 0;
	}

	.ortho-variant-2 .ortho h2 {
		font-size: 30px;
	}

	.ortho h2::after {
		left: 10%;
	}

	.ov2-title {
		margin: 0 0 0;
		font-size: 16px;
	}

	.ov2-desc {
		font-size: 14px;
	}

	.ortho-variant-2 .ov2-list {
		max-width: 900px;
		gap: 16px 24px;
	}

	.ortho-variant-2 .ov2-list li {
		font-size: 15px;
		padding: 12px 16px;
	}

	/* ---- clinic tour ---- */

	.gallery-grid {
		grid-template-columns: repeat(auto-fit, minmax(273px, 1fr));
	}

	.gallery {
		padding: 41px 12px;
	}

	.card-overlay h3 {
		font-size: 20px;
	}

	/* ---- Patients-Gallery ---- */

	#patients-gallery {
		margin: 35px 0;
	}

	/* ---- neurosurgery ---- */

	.about-us-intro {
		margin: 15px 0;
	}

	.lead-neuro {
		font-size: 18px;
		margin: 20px 20px;
		text-align: center;
	}

	.dr-neuro {
		width: 360px;
		border-radius: 15px;
	}

	#Conditions-section {
		padding: 40px 0;
	}

	.neuro-gallery {
		padding: 40px 20px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	/* Small devices (tablets, 768px and up) */
	:root {
		--container-max-width: 730px;
	}

	/* ---- Hero Nav ---- */

	.icon {
		font-size: 14px;
		padding-right: 6px;
	}

	.hero-nav-left-details span {
		font-size: 13px;
	}

	.hero-nav-right-details a {
		font-size: 13px;
	}

	.hero-nav-right-details {
		align-items: normal;
	}

	/* ---- Main-Navbar ---- */

	.logo-container img {
		width: 60px;
	}

	.dropdown-menu {
		width: 60%;
	}

	.mega-panel a {
		padding: 5px;
	}

	/* ---- Intro-Section ---- */

	.intro-content {
		background: linear-gradient(
			to bottom,
			rgba(0, 0, 0, 0.55),
			rgba(0, 0, 0, 0.25)
		);
	}

	.carousel-item img {
		height: 75vh;
	}

	.intro-content h2 {
		font-size: 36px;
	}

	.intro-content h2 span {
		font-size: 18px;
	}

	.intro-content h2 strong {
		font-size: 16px;
	}

	.bottom-curve {
		height: 120px;
	}

	/* ---- About-Section ---- */

	/* Reduce section spacing */
	#about-section {
		padding: 40px 0;
	}

	.about-us-intro h2 .style-1 {
		font-size: 40px;
	}

	/* Stack content more comfortably */
	.featurette {
		align-items: center;
	}

	.text {
		font-size: 30px;
		padding-bottom: 20px;
	}

	/* Image sizing */
	.res-css-img img {
		width: 100%;
		height: 320px;
		object-fit: cover;
		border-radius: 12px;
	}

	/* Text area */
	.res-css-content {
		padding: 20px 15px;
	}

	.regular-content.rc-style-4 {
		padding: 0;
	}

	.regular-content.rc-style-4 p:first-of-type::first-letter {
		font-size: 28px;
		line-height: 0.8;
		float: left;
	}

	/* Paragraph text */
	.regular-content.rc-style-4 p {
		font-size: 15px;
		line-height: 1.6;
	}

	/* ---- Treatments-section ---- */

	#Treatments-section {
		padding: 70px 0;
	}

	.orthodontic-Treatments h2 {
		font-size: 26px;
		/* text-align: center; */
	}

	.orthodontic-Treatments.style-6 h2::after {
		left: 19%;
	}

	.text-center {
		padding: 0 30px;
	}

	.services {
		margin-top: 30px;
	}

	/* .services .col-md-4 {
		margin-bottom: 25px;
	} */

	.services .service {
		padding: 17px 16px;
		text-align: center;
	}

	.services .service .heading {
		font-size: 17px;
	}

	.services .service .description {
		font-size: 14px;
	}

	.services .hover-effect .service .icon-holder img {
		width: 45px;
		height: 45px;
	}

	.round-shape {
		width: 120px;
		top: 80px;
		right: -40px;
	}

	.curve-top,
	.curve-bottom {
		height: 70px;
	}

	.curve-bottom {
		overflow: hidden;
	}

	/* .curve {
		height: 60px;
	}

	.curved-section {
		padding-top: 60px;
		padding-bottom: 70px;
	}

	.text-center {
		padding: 0 30px;
	}

	.services .service {
		padding: 30px 10px 10px;
	}

	.services .service .icon-holder {
		width: 60px;
		height: 60px;
	}

	.services .service .heading {
		font-size: 17px;
	}

	.services .service .description {
		font-size: 13px;
	} */

	/* ---- mission-vision ---- */

	#mission-vision {
		padding: 80px 0;
	}

	.mv-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.mv-card {
		padding: 28px;
	}

	.mv-card h3 {
		font-size: 21px;
	}

	.mv-card.mission ul li {
		font-size: 15px;
	}

	.mv-top-curve,
	.mv-bottom-curve {
		height: 70px;
	}

	/* ---- clinic-facilities ---- */

	#clinic-facilities {
		padding: 30px 0;
	}

	.facilities-list {
		grid-template-columns: repeat(2, 1fr); /* still 2 columns */
		gap: 16px 20px;
	}

	.facilities-list li {
		font-size: 15px;
		line-height: 1.6;
		padding: 16px 16px 16px 40px;
	}

	.facilities-list li::before {
		left: 16px;
		top: 16px;
	}

	/* ---- contact-section ---- */

	/* .content-block {
		padding: 70px 0;
	} */

	/* Stack form & info */
	#contact-section .row > .col-md-6 {
		margin-bottom: 40px;
	}

	.block-heading h1 {
		font-size: 30px;
	}

	.block-heading {
		margin-bottom: 30px;
	}

	.contact-btn {
		text-align: center;
	}

	.contact-info {
		/* text-align: center; */

		padding: 0px 15px;
		font-size: 15px;
		margin-top: 15px;
	}

	.sqaure-nebir {
		height: 34px;
		width: 34px;

		border: 3px double #ffff;
	}

	.rotated-icon i {
		top: 0px;
		font-size: 16px;
		left: 9px;
	}

	.contact-info p {
		line-height: 38px;
	}

	.social-box {
		justify-content: center;
	}

	/* ---- footer-section ---- */

	#footer-section {
		padding: 0 0;
	}

	.footer-wrapper {
		/* flex-direction: column; */
		text-align: center;
		gap: 16px;
	}

	.footer-brand img {
		max-width: 110px;
	}

	.copyright p {
		font-size: 12px;
	}

	/* ---- our-expertise ---- */

	/* ---- orthodontic-Services ---- */

	.orthodontic-Services {
		padding: 40px 18px;
	}

	.orthodontic-Services h2.text {
		font-size: 28px;
	}

	.orthodontic-Services p {
		font-size: 16px;
		line-height: 1.65;
		max-width: 100%;
	}

	/* ---- ortho-variant-2 ---- */

	.ortho-variant-2 {
		padding: 10px 16px;
	}

	.ortho-variant-2 .ortho h2 {
		font-size: 26px;
		margin-bottom: 32px;
	}

	.ortho h2::after {
		left: 12%;
	}

	.ov2-grid {
		gap: 25px;
	}

	.ov2-title {
		margin: 0 0 0;
		font-size: 15px;
	}

	.ov2-desc {
		font-size: 13px;
	}

	.ortho-variant-2 .ov2-list {
		grid-template-columns: 1fr;
		max-width: 100%;
	}

	.ortho-variant-2 .ov2-list li {
		font-size: 15px;
	}

	/* ---- clinic tour ---- */

	.page-header .lead {
		font-size: 13px;
	}

	.gallery-grid {
		grid-template-columns: repeat(auto-fit, minmax(334px, 1fr));
	}

	.gallery {
		padding: 35px 12px;
	}

	.card-overlay h3 {
		font-size: 20px;
	}

	/* ---- Patients-Gallery ---- */

	#patients-gallery {
		margin: 30px 0;
	}

	#patients-gallery .lead {
		font-size: 15px;
	}

	/* ---- neurosurgery ---- */

	#neuro-section {
		margin: 30px 0;
	}

	.about-us-intro {
		margin: 15px 0;
	}

	.lead-neuro {
		font-size: 16px;
		margin: 23px 30px;

		text-align: center;
	}

	.name-neuro {
		font-size: 20px;
	}

	.dr-neuro {
		width: 300px;
		border-radius: 15px;
	}

	#Conditions-section {
		padding: 30px 0;
	}

	.neuro-gallery {
		padding: 30px 10px;
	}
}
@media screen and (min-width: 576px) and (max-width: 767px) {
	/* Small devices (landscape phones, 576px and up) */
}
@media screen and (max-width: 575px) {
	/* Small devices (portrait phones, 575px and up) */
	:root {
		--container-max-width: 320px;
	}

	/* ---- Hero Nav ---- */

	#hero-nav {
		padding: 5px 0;
	}

	.icon {
		font-size: 10px;
		padding-right: 5px;
	}

	.hero-nav-left-details span {
		font-size: 10px;
	}

	.hero-nav-right-details a {
		display: none;
	}

	.hero-nav-right-details {
		align-items: normal;
	}

	.line {
		padding-right: 5px;
	}

	/* --- Main-Navbar ---- */

	.logo-container img {
		width: 50px;
	}

	.mega-menu {
		width: 300px;
	}

	.navbar {
		padding: 10px 0;
	}

	.nav-link {
		font-size: 16px;
		padding: 12px 0;
	}

	.mega-left {
		flex-direction: column;
	}

	.mega-left li strong {
		font-size: 7px;
	}

	.mega-left li {
		padding: 10px;
	}

	.mega-panel a {
		font-size: 7px;
		padding: 0 0;
	}

	.mega-panel.show {
		grid-template-columns: 1fr;
	}

	.dropdown-menu {
		width: 100%;
	}

	/* ---- Intro-section ---- */

	.carousel-item img {
		height: 75vh; /* mobile friendly */
		object-fit: cover; /* keep image covering */
		object-position: center top; /* focus on top */
	}

	.intro-content {
		background: linear-gradient(
			to bottom,
			rgba(0, 0, 0, 0.55),
			rgba(0, 0, 0, 0.25)
		);
	}

	.intro-content {
		padding: 15px;
	}

	.intro-content h2 {
		font-size: 24px;
		line-height: 1.3;
	}

	.intro-content h2 span {
		font-size: 15px;
		margin-top: 6px;
	}

	.intro-content h2 strong {
		font-size: 14px;
		margin-top: 8px;
	}

	.bottom-curve {
		height: 90px;
	}

	/* ---- About-Section ---- */

	#about-section {
		padding-top: 35px;
	}

	.about-us-intro h2.style-1 {
		font-size: 33px;
	}

	.position--realtive {
		width: 100%;
		/* max-width: 100%; */
		/* height: 500px; */
		margin-top: 10px;
	}

	.regular-content.rc-style-4 {
		max-width: 320px;
		/* margin: 0 auto; */
		padding: 20px 15px;
	}

	.text {
		font-size: 24px;
		padding-bottom: 15px;
	}

	.regular-content.rc-style-4 p:first-of-type::first-letter {
		font-size: 25px;
		line-height: 0.8;
		float: left;
		/* padding-left: 40px; */
	}

	.regular-content.rc-style-4 p {
		font-size: 13px;
		/* text-align: center; */
	}

	.about-us-space {
		flex-direction: column-reverse;
	}

	/* ---- Treatments-section ---- */

	#Treatments-section {
		padding: 60px 0 40px;
	}

	.head_title.text-center {
		padding: 0 10px;
	}

	.head_title h3 {
		font-size: 20px;
	}

	.head_title p {
		font-size: 14px;
		line-height: 1.6;
	}

	.orthodontic-Treatments h2 {
		font-size: 22px;
		margin-bottom: 20px;
		/* text-align: center; */
	}

	.orthodontic-Treatments.style-6 h2::after {
		left: 34%;
	}

	.services .col-md-4 {
		margin-bottom: 5px;
	}

	.services .service {
		padding: 20px 14px;
		border-radius: 14px;
	}

	.services .service .heading {
		font-size: 16px;
	}

	.services .service .description {
		font-size: 13px;
	}

	.services .hover-effect .service .icon-holder img {
		width: 40px;
		height: 40px;
	}

	/* Curves smaller */
	.curve-top,
	.curve-bottom {
		height: 50px;
	}

	.curve-bottom {
		overflow: hidden;
	}

	/* Hide decorative shape on mobile */
	.round-shape {
		display: none;
	}

	/* .curve {
		height: 100px;
	}

	.curved-section {
		padding-top: 70px;
		padding-bottom: 100px;
	}

	.text-center {
		padding: 0 0;
	}

	.head_title p {
		font-size: 15px;
	}

	.orthodontic-Treatments h2 {
		font-size: 22px;
	}

	.orthodontic-Treatments.style-6 h2::after {
		left: 37%;
	}

	.services .service {
		padding: 36px 14px;
		min-height: 300px;
		margin: 28px 0;
	}
	.services .service .icon-holder {
		width: 56px;
		height: 56px;
		top: -24px;
	}
	.services .service .icon-holder > img.icon {
		width: 28px;
		height: 28px;
	}
	.services .service .heading {
		font-size: 20px;
	}
	.services .service .description {
		width: 90%;
		font-size: 14px;
	} */

	/* ---- mission-vision ---- */

	#mission-vision {
		padding: 60px 0 50px;
	}

	.about-us-intro h2 {
		font-size: 26px;
	}

	.mv-grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.mv-card {
		padding: 22px;
		border-radius: 14px;
	}

	.mv-card h3 {
		font-size: 19px;
	}

	.mv-card.mission ul li {
		font-size: 14px;
		line-height: 1.6;
	}

	.mv-top-curve,
	.mv-bottom-curve {
		height: 40px;
	}

	/* ---- clinic-facilities ----  */

	#clinic-facilities {
		padding: 20px 0 50px;
	}

	.facilities-list {
		grid-template-columns: 1fr; /* Single column */
		gap: 14px;
	}

	.facilities-list li {
		font-size: 14px;
		padding: 14px 14px 14px 38px;
		border-radius: 12px;
	}

	.facilities-list li::before {
		left: 14px;
		top: 14px;
		font-size: 14px;
	}

	/* ---- contact-section ---- */

	/* .content-block {
		padding: 60px 0 50px;
	} */

	.block-heading {
		margin-bottom: 10px;
	}

	.block-heading h1 {
		font-size: 26px;
		/* margin-bottom: 30px; */
	}

	.text-center {
		padding: 0 0;
	}

	.form-control {
		height: 44px;
		font-size: 14px;
	}

	.contact-btn {
		text-align: center;
	}

	.btn-default.button {
		width: 100%;
		padding: 12px;
	}

	.contact-info p {
		font-size: 13px;
		/* text-align: center; */
		line-height: 30px;
	}

	.contact-info {
		padding: 0px 5px;
		margin-top: 40px;
	}

	.rotated-icon i {
		top: -2px;
		left: 8px;
		font-size: 14px;
	}

	.sqaure-nebir {
		height: 30px;
		width: 30px;
		border: 3px double #ffff;
	}
	/* .rotated-icon {
		margin: 0 auto 8px;
	} */

	.social-box {
		justify-content: center;
	}

	/* ---- footer-section ---- */

	#footer-section {
		padding: 0 0;
	}

	.footer-wrapper {
		/* flex-direction: column; */
		text-align: center;
		gap: 14px;
	}

	.footer-brand img {
		max-width: 95px;
	}

	.copyright p {
		font-size: 10px;
		line-height: 1.5;
	}

	.copyright i {
		font-size: 10px;
	}

	/* ---- our-expertise ---- */

	/* ---- orthodontic-Services ---- */

	.orthodontic-Services {
		padding: 30px 14px;
		text-align: center;
	}

	.orthodontic-Services h2.text {
		font-size: 24px;
		margin-bottom: 14px;
	}

	.orthodontic-Services p {
		font-size: 14px;
		line-height: 1.6;
	}

	/* ---- ortho-variant-2 ---- */

	.ortho-variant-2 {
		/* padding: 0 14px; */
	}

	.ortho-variant-2 .ortho h2 {
		font-size: 22px;
		margin-bottom: 24px;
	}

	.ortho h2::after {
		left: 24%;
	}

	.ortho-variant-2 .ov2-list {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.ortho-variant-2 .ov2-list li {
		font-size: 14px;
		padding: 12px 14px;
		border-radius: 10px;
	}

	.ortho-variant-2 .ov2-badge {
		min-width: 22px;
		height: 22px;
		font-size: 12px;
	}

	.ov2-grid {
		gap: 20px;
	}

	.ov2-title {
		margin: 0 0 0;
		font-size: 14px;
	}

	.ov2-desc {
		font-size: 12px;
	}

	/* ---- clinic tour ---- */

	.gallery-grid {
		grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
	}

	.page-header .lead {
		font-size: 12px;
	}

	.gallery {
		padding: 30px 12px;
	}

	.card-overlay h3 {
		font-size: 18px;
	}

	/* ---- Patients-Gallery ---- */

	#patients-gallery {
		margin: 40px 0;
	}

	#patients-gallery .lead {
		font-size: 13px;
		margin-bottom: 30px;
		text-align: center;
	}

	/* ---- neurosurgery ---- */

	#neuro-section {
		margin: 40px 0;
	}

	.about-us-intro {
		margin: 20px 0;
	}

	.lead-neuro {
		font-size: 17px;
		margin: 20px 15px;

		text-align: center;
	}

	.name-neuro {
		font-size: 20px;
	}

	.dr-neuro {
		width: 310px;
		border-radius: 15px;
	}

	#Conditions-section {
		padding: 30px 0;
	}

	.card-items {
		margin-top: 15px;
		grid-template-columns: repeat(auto-fit, minmax(306px, 1fr));
	}

	.neuro-gallery {
		padding: 30px 20px;
	}
}