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

	/* ----Section banner---- */

	h1.title {
		font-size: 45px;
		line-height: 25px;
	}

	h1.title span {
		font-size: 20px;
		line-height: 28px;
	}

	/* ----navbar---- */

	.logo-container {
		gap: 28px;
	}

	.container-fluid img {
		width: 48px;
	}

	.container-fluid h3 {
		font-size: 28px;
		/* margin-left: -25px; */
		line-height: 15px;
	}

	.container-fluid span {
		font-size: 10px;
	}

	.media i {
		font-size: 24px;
	}

	.media-title {
		line-height: 1.3;
		font-size: 15px;
	}

	.info {
		font-size: 15px;
	}

	/* ----Orthopaedic Section---- */

	#orthopaedic-section {
		padding: 50px 0px;
	}

	.orthopaedic-detail h2 {
		font-size: 35px;
		line-height: 40px;
	}

	.orthopaedic-detail p {
		font-size: 17px;
		line-height: 30px;
		/* text-align: center; */
	}

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

	/* .bg-profile {
		display: none !important;
	} */

	/* .col-md-7 {
		width: 100%;
	} */

	.profile-desc {
		/* margin-bottom: 70px; */
		padding-left: 20px;
	}

	.section-title {
		font-size: 40px;
		padding: 50px 0px;
		text-align: center;
		line-height: 25px;
	}

	.lead {
		font-size: 17px;
		line-height: 30px;
		margin: 0 0 5px;
		/* text-align: center; */
	}

	/* ----Section Skill---- */

	/* .skill-box {
		margin-bottom: 60px;
	} */

	/* ----Section Portfolio---- */

	.section-heading {
		width: 100%;
	}

	.portfolio-title {
		margin-bottom: 45px;
		font-weight: 700;
		font-size: 40px;
		line-height: 30px;
	}

	.section-heading p {
		font-size: 18px;
		line-height: 30px;
		margin: 0 0 10px;
	}

	.portfolio-box {
		width: 32%;
	}

	.portfolio-box img {
		max-width: 90px;
	}

	.portfolio-box h2 {
		font-size: 18px;
	}

	/* ----section-statistics---- */

	#section-statistics {
		padding: 50px 0;
	}

	.item-title {
		font-size: 20px;
	}

	/* ----Footer Section---- */

	/* ----Section Footer Details---- */

	.footer-title h4 {
		font-size: 21px;
	}

	.footer-title span {
		font-size: 13px;
	}

	.footer-title p {
		font-size: 13px;
	}

	.departments-name {
		font-size: 24px;
	}

	.footer-contact ul li i {
		font-size: 15px;
	}

	.footer-email ul li i {
		font-size: 15px;
	}

	.footer-social ul li a i {
		font-size: 20px;
	}

	.footer-location ul li p {
		font-size: 11px;
	}

	.footer-location ul i {
		margin-left: -38px;
	}

	.footer-location ul li p {
		margin-left: -19px;
	}

	.footer-location ul li small {
		margin-left: -20px;
	}
}

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

	/* ----Section banner---- */

	#section-banner,
	#section-banner-other {
		max-height: 60vh;
	}

	#section-banner::before,
	#section-banner-other::before {
		content: '';
		position: absolute;
		inset: 0;
		background-color: rgba(255, 255, 255, 0.7);
		z-index: 1;
		pointer-events: none;
		transition: background-color 0.35s ease, opacity 0.35s ease;
		opacity: 1;
	}

	.section-details .title span {
		position: relative;
		display: inline-block;
	}

	.section-details .title span::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: -8px;
		height: 3px;
		width: 0%;
		background: #26235d;
		/* transition: width 0.45s ease; */
	}

	.section-details .title span::after {
		width: 56%;
	}

	.section-details {
		padding: clamp(6rem, 5vw, 5rem) 0rem;
	}

	h1.title {
		font-size: 40px;
		line-height: 10px;
	}

	h1.title span {
		font-size: 20px;
		line-height: 30px;
	}

	/* ----navbar---- */

	.navbar-collapse {
		border-top: 1px solid white;
	}

	.logo-container {
		gap: 10px;
	}

	.container-fluid img {
		width: 45px;
	}

	.container-fluid h3 {
		font-size: 27px;
		/* margin-left: -280px; */
		line-height: 15px;
	}

	.container-fluid span {
		font-size: 10px;
	}

	.media i {
		font-size: 22px;
	}

	.media-title {
		line-height: 1.3;
		font-size: 15px;
	}

	.info {
		font-size: 15px;
	}

	/* ----Orthopaedic Section---- */

	#orthopaedic-section {
		padding: 50px 0px;
	}

	.orthopaedic-detail h2 {
		font-size: 30px;
		line-height: 35px;
	}

	.orthopaedic-detail p {
		font-size: 16px;
		line-height: 28px;
		/* text-align: center; */
	}

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

	.bg-profile {
		display: none !important;
	}

	.col-md-7 {
		width: 100%;
	}

	.section-title {
		font-size: 30px;
		padding: 50px 0px;
		text-align: center;
		line-height: 25px;
	}

	.lead {
		font-size: 18px;
		line-height: 30px;
		margin: 0 0 5px;
		text-align: center;
	}

	/* ----section Video---- */

	/* ----Section Skill---- */

	.skill-box {
		margin-bottom: 80px;
	}

	/* ----Section Portfolio---- */

	.section-heading {
		width: 100%;
	}

	.portfolio-title {
		margin-bottom: 40px;
		font-weight: 700;
		font-size: 30px;
		line-height: 30px;
	}

	.section-heading p {
		font-size: 17px;
		line-height: 30px;
		margin: 0 0 10px;
	}

	.portfolio-box {
		width: 50%;
	}

	.portfolio-box img {
		max-width: 90px;
	}

	.portfolio-box h2 {
		font-size: 18px;
	}

	/* ----section-statistics---- */

	#section-statistics {
		padding: 50px 0;
	}

	.item-title {
		font-size: 20px;
	}

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

	.contact-left p {
		line-height: 25px;
	}

	/* ----Footer Section---- */

	/* ----Section Footer Details---- */
	/* 
	.footer-title {
		width: 35%;
	} */

	/* .departments-names {
		width: 45%;
	} */

	.footer-social ul {
		display: flex;
		/* justify-content: center;
		align-items: center; */
	}

	.bi-facebook {
		margin-left: 0px;
	}

	/* .footer-social ul li a i {
		padding: 0 20px;
	} */

	.footer-contact ul li i {
		font-size: 15px;
	}

	.footer-email ul li i {
		font-size: 15px;
	}

	.footer-social ul li a i {
		font-size: 15px;
	}

	.departments-name {
		width: max-content;
		font-size: 22px;
	}

	.departments-names ul li a {
		font-size: 15px;
	}

	/* .responsive-flex {
		display: flex;
		flex-direction: column;
		align-items: center;
	} */

	.responsive-contact {
		padding-right: 90px;
	}

	.col-reset {
		flex: none;
		width: auto;
	}

	.footer-location ul i {
		margin-left: -25px;
	}

	.footer-location ul li p {
		margin-left: 0px;
	}

	.footer-location li small {
		margin-left: -5px;
	}

	/* .respon-padding {
		padding: 30px;
	} */

	/* .respon-line {
		text-align: center;
		margin-left: -30px;
	} */

	/* .respon-line::before {
		left: 80px;
	} */

	/* .footer-location {
		margin-left: 53px;
	} */

	/* ----Knee-replacement---- */

	#item-section {
		padding: 36px 12px;
	}
	.item-content-1 {
		padding: 18px;
		border-radius: 10px;
	}
	.item-content-1 h2 {
		font-size: 1.25rem;
	}
	.knee-list li {
		padding: 12px;
		font-size: 0.97rem;
	}
}

@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;
	}

	/* ----Section banner---- */

	#section-banner,
	#section-banner-other {
		max-height: 100vh;
		width: 100%;
		height: 75vh;
		position: relative;
		background-size: cover;
		background-position: center top;
	}

	#section-banner::before,
	#section-banner-other::before {
		content: '';
		position: absolute;
		inset: 0;
		background-color: rgba(255, 255, 255, 0.7);
		z-index: 1;
		pointer-events: none;
		/* transition: background-color 0.35s ease, opacity 0.35s ease;
		opacity: 1; */
	}

	/* #section-banner:hover {
		background-size: cover;
	} */

	/* #section-banner:hover {
		background-size: 200%;
	} */

	.section-details {
		/* text-align: left; */
		/* padding-left: 2rem;
		padding-right: 2rem;
		position: absolute;
		bottom: 75px; */

		/* padding-right: 15px; */
		/* padding-left: 570px; */
		/* padding-top: 120px; */
		/* text-align: center; */
		/* padding: clamp(15rem, 5vw, 5rem) 1rem; */
		position: relative;
		z-index: 2;
		/* display: flex; */
		/* justify-content: flex-end; */

		/* right: -140px; */
	}

	.title {
		font-size: 25px;
		line-height: 25px;
	}

	h1.title span {
		font-size: 15px;
		line-height: 20px;
		padding: 0 0;
		text-align: center;
	}

	.section-details .title span {
		position: relative;
		display: inline-block;
	}

	.section-details .title span::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: -8px;
		height: 3px;
		width: 0%;
		background: #26235d;
		/* transition: width 0.45s ease; */
	}

	.section-details .title span::after {
		width: 56%;
	}

	/* .btn-default {
		font-size: 18px;
		line-height: 24px;
		padding: 20px 19px;
		border: 2px solid #fff;
		text-transform: uppercase;
		border-radius: 0px;
		font-weight: 700;
		background: transparent;
		color: #fff;
		margin-bottom: 50px;
	} */

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

	.navbar-collapse {
		border-top: 1px solid white;
	}

	/* .service-inner {
		float: left;
		margin-right: 12px;
		margin-bottom: 20px;
		width: 100%;
		display: flex;
		align-items: baseline;
	} */

	.logo-container {
		gap: 48px;
	}

	.container-fluid img {
		width: 40px;
		height: 40px;
	}

	.container-fluid h3 {
		font-size: 25px;
		margin-left: -40px;
		line-height: 12px;
	}

	.container-fluid span {
		font-size: 8px;
	}

	.media i {
		font-size: 20px;
	}

	.media-title {
		line-height: 1.3;
		font-size: 12px;
	}

	.info {
		font-size: 12px;
	}

	/* ----Orthopaedic Section---- */

	#orthopaedic-section {
		padding: 50px 0px;
	}

	.orthopaedic-detail h2 {
		font-size: 24px;
		line-height: 31px;
	}

	.orthopaedic-detail p {
		font-size: 14px;
		line-height: 25px;
		text-align: center;
	}

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

	.bg-profile {
		/* display: none !important; */
		min-height: 100vh;
		max-width: 100%;
		background-position: 0px center, 0px center;
	}
	.container-1 {
		padding-right: 10px;
		/* margin-right: auto; */
	}

	/* .section-profile {
		margin-left: 0px;
		margin-right: 0px;
	} */

	.bg-img {
		padding-right: 0px;
		padding-left: 0px;
	}

	.profile-desc {
		/* margin-bottom: 70px; */
		padding-left: 20px;
	}

	.section-title {
		font-size: 20px;
		padding: 30px 0px;
		text-align: center;
		/* line-height: 24px; */
	}

	.lead {
		font-size: 16px;
		/* line-height: 25px; */
		margin: 0 0 5px;
		text-align: center;
	}

	/* ----section-video---- */

	#video-section {
		margin-bottom: 30px;
	}

	.videos-youtube iframe {
		width: 100%;
	}

	/* ----Section Skill---- */

	/* .timeline-title {
		font-size: 8px;
		line-height: 20px;
	}

	.resume-details {
		padding: 100px 15px;
	}

	.resume-inner {
		width: 90%;
		margin-bottom: 50px;
	}

	.testimonial-carousel {
		width: 100%;
	} */

	/* ----Section Portfolio---- */

	.section-heading {
		width: 100%;
	}

	.portfolio-title {
		margin-bottom: 30px;
		font-weight: 700;
		font-size: 20px;
		line-height: 40px;
	}

	.section-heading p {
		font-size: 17px;
		line-height: 25px;
		margin: 0 0 10px;
		text-align: center;
	}

	.portfolio-box {
		width: 100%;
	}

	.portfolio-box img {
		max-width: 90px;
	}

	.portfolio-box h2 {
		font-size: 18px;
	}

	/* ----section-statistics---- */

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

	.statistics-deatils {
		display: flex;
		flex-wrap: wrap;
		/* justify-content: space-between; */
		/* align-items: center; */
	}

	.statistics-title {
		padding: 10px 0;
	}

	.title-value {
		font-size: 30px;
		text-align: left;
	}

	.item-title {
		font-size: 20px;
	}

	/* ----Section contact---- */

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

	/* ----Footer Section---- */

	/* ----Section Footer Details---- */

	.section-footer-detail {
		display: flex;
		flex-direction: column;
	}

	.footer-title {
		text-align: center;
	}

	.departments-names {
		text-align: center;
	}

	.departments-name::before {
		width: 100%;
	}

	.res-pad {
		margin-bottom: 20px;
	}

	.footer-contact ul li i {
		font-size: 15px;
	}

	.footer-email ul li i {
		font-size: 15px;
	}

	.footer-social ul li a i {
		font-size: 15px;
	}

	.footer-location ul i {
		margin-left: -280px;
	}

	.footer-social ul {
		display: flex;
	}

	.bi-facebook {
		margin-left: 42px;
	}

	/* .footer-social ul li a i {
		padding: 0 20px;
	} */

	/* .footer-location li small {
		margin-left: -100px;
	} */

	/* ----Section Footer---- */

	.section-footer h4 {
		font-size: 10px;
	}

	/* ---- knee-replacement---- */

	#knee-replacement-section {
		padding: 50px 0px;
	}

	#knee-replacement-section .col-md-4 img {
		height: 220px; /* main large image */
	}
	#knee-replacement-section .col-md-2 img {
		height: 120px; /* stacked smaller images */
	}

	#knee-replacement-section .row.gx-2 {
		gap: 0.5rem;
	}

	.kn-replace-title {
		font-size: 21px;
		text-align: center;
		padding-left: 0px;
		margin-top: 15px;
	}

	.knee-replacement-details p {
		font-size: 15px;
		padding-left: 0px;
		padding-top: 15px;
		text-align: center;
	}

	#item-section {
		padding: 20px 0;
	}

	.item-content-1 h2 {
		font-size: 18px;
		text-align: center;
	}

	.item-content-1 p {
		font-size: 16px;
		text-align: center;
	}

	.item-content-1 .price {
		font-size: 10px;
	}

	.item-content-1 .note {
		font-size: 10px;
	}

	.item-content-1 .duration-time {
		font-size: 12px;
	}

	.contact-cta p {
		font-size: 16px;
		text-align: center;
	}
}