/* ================================================================
   TRAYAM HOSPITAL — responsive.css
   1200+ | 1024-1199 | 768-1023 | 576-767 | 320-575 |
   ================================================================ */
@media only screen and (min-width:1200px) {
	:root {
		--container-pad: 20px
	}
	.breadcrumb > a:hover{color: var(--clr-primary); }

	.slick-dots li button:hover,
	.slick-dots li button:focus {
		outline: none;
	}

	.slick-dots li button:hover:before,
	.slick-dots li button:focus:before {
		opacity: 1;
	}

	.btn-primary:hover {
		background: var(--clr-accent);
		border-color: var(--clr-accent);
		transform: translateY(-2px);
		box-shadow: var(--shadow-green);
		color: #fff
	}

	.btn-secondary:hover {
		background: #fff;
		color: var(--clr-primary);
		transform: translateY(-2px)
	}

	.btn-primary:hover .btn-icon {
		transform: translateX(4px);
		background: var(--clr-primary-dark)
	}

	.btn-whatsapp:hover {
		background: #1fba58;
		border-color: #1fba58;
		transform: translateY(-2px);
		box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
		color: #fff
	}

	.top-bar__item:hover {
		color: #fff
	}

	.top-bar__emergency:hover {
		background: #b91c1c;
		color: #fff
	}

	.spec-card:hover {
		border-color: var(--clr-accent);
		box-shadow: 0 10px 36px rgba(44, 160, 90, 0.12);
		transform: translateY(-4px)
	}

	.spec-card__btn:hover {
		color: var(--clr-accent)
	}

	.spec-card__btn:hover i {
		transform: translateX(4px)
	}

	.spec-card--featured .spec-card__btn:hover {
		color: #fff
	}

	.service-card:hover {
		border-color: var(--clr-accent);
		box-shadow: 0 10px 36px rgba(13, 148, 136, 0.15);
		transform: translateY(-6px)
	}

	.service-card:hover .service-card__img-wrap {
		opacity: 1;
		visibility: visible
	}

	.service-card__img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transform: scale(1.12);
		transition: transform 0.7s ease
	}

	.service-card:hover .service-card__img {
		transform: scale(1)
	}

	.service-card:hover .service-card__icon {
		background: rgba(255, 255, 255, 0.18);
		backdrop-filter: blur(8px);
		color: #fff;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2)
	}

	.service-card:hover .service-card__title {
		color: var(--clr-accent);
	}

	.service-card:hover .service-card__text {
		color: var(--clr-body);
	}

	.service-card__arrow:hover {
		background: var(--clr-accent);
		transform: translateX(3px) scale(1.08)
	}

	.service-card:hover .service-card__arrow {
		background: var(--clr-accent);
		color: #fff;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15)
	}

	.service-card--cta:hover {
		transform: translateY(-4px)
	}

	.service-card--cta:hover .service-card__icon {
		background: var(--clr-primary-light);
		color: var(--clr-accent)
	}

	.service-card--cta:hover .service-card__title {
		color: var(--clr-dark)
	}

	.service-card--cta:hover .service-card__text {
		color: var(--clr-body)
	}

	.team-card:hover {
		transform: translateY(-5px)
	}

	.team-card:hover .team-card__img {
		transform: scale(1.05)
	}

	.team-card:hover .team-card__overlay {
		opacity: 1
	}

	.team-card__social:hover {
		background: var(--clr-accent);
		color: #fff;
		transform: translateY(-3px)
	}

	.appt-form__submit:hover {background: var(--clr-accent); transform: translateY(-2px); box-shadow: var(--shadow-green); border: 2px solid var(--clr-accent);}

	.marquee__inner:hover {
		animation-play-state: paused
	}

	.marquee__item:hover img {
		transform: scale(1.06)
	}

	.visit__info-card:hover {
		border-color: var(--clr-accent);
		box-shadow: var(--shadow-sm)
	}

	.visit__info-card a:hover {
		color: var(--clr-accent)
	}

	.visit__contacts li a:hover {
		color: var(--clr-accent)
	}

	.blog-card:hover {
		transform: translateY(-4px)
	}

	.blog-card:hover .blog-card__img img {
		transform: scale(1.06)
	}

	.blog-card__link:hover {
		gap: 10px;
		color: var(--clr-primary)
	}

	.faq-item__trigger:hover {
		color: var(--clr-accent)
	}

	.footer-brand__emergency-num:hover {
		color: var(--clr-accent-mid)
	}

	.footer-brand__social:hover {
		background: var(--clr-accent);
		transform: translateY(-2px)
	}

	.footer-col__list a:hover {
		color: var(--clr-accent-mid)
	}

	.site-footer__bottom-nav a:hover {
		color: var(--clr-accent-mid)
	}

	.whatsapp-float:hover {
		transform: scale(1.12);
		box-shadow: 0 6px 26px rgba(37, 211, 102, 0.65);
		color: #fff;
		animation: none
	}

	.whatsapp-float:hover .whatsapp-float__tooltip {
		opacity: 1
	}

	.back-to-top:hover {
		background: var(--clr-accent);
		transform: translateY(-3px)
	}



}

@media only screen and (min-width: 1200px) and (max-width:1300px) {
	.whyus__panel.whyus__panel--light .whyus__row{padding-right: 80px;}
	
	.whyus__panel.whyus__panel--dark .whyus__row{padding-left: 80px;}
}

/* 1024-1199 */
@media(min-width:1024px) and (max-width:1199px) {
	:root {
		--container-pad: 20px;
		--container-max: 100%;
	}

	.nav__menu {
		gap: 16px
	}

	/*.nav__link, .nav__dropdown .nav__link{font-size:13px}*/
	.header-cta {
		padding: 9px 16px;
		font-size: 14px
	}

	.usp-strip__item {
		padding: 8px 30px
	}

	.specialties__grid {
		gap: 18px
	}

	.services__grid {
		grid-template-columns: repeat(3, 1fr)
	}

	.whyus__grid {
		grid-template-columns: 1fr 190px 1fr
	}

	.team__grid {
		gap: 18px
	}

	.appointment__grid {
		gap: 44px
	}

	.visit__grid {
		gap: 36px
	}

	.site-footer__grid {
		gap: 32px
	}

	.nav__mega-dropdown {
		min-width: 680px
	}

	.mega-grid {
		grid-template-columns: repeat(3, 1fr)
	}

	/* contact us page start */
	.form-section-grid{gap:var(--sp-7);}
	/* contact us page end */

}

/* 768-1023 */
@media(min-width:768px) and (max-width:1023px) {
	:root {
		--container-pad: 20px;
		--header-h: 68px
	}

	.logo__img {
		height: 60px;
	}

	.top-bar__left {
		gap: 14px
	}

	.top-bar__item {
		font-size: 11px
	}

	/* mobile nav */
	.nav-toggle {
		display: block
	}

	.nav-close {
		display: block
	}

	.nav {
		position: fixed;
		top: 0;
		right: -100%;
		width: 300px;
		height: 100vh;
		background: #fff;
		flex-direction: column;
		align-items: stretch;
		padding: 74px 0 28px;
		gap: 0;
		overflow-y: auto;
		z-index: 999;
		box-shadow: -4px 0 22px rgba(0, 0, 0, 0.13);
		transition: right 0.3s ease
	}

	.nav.is-open {
		right: 0
	}

	.nav__menu {
		flex-direction: column;
		width: 100%;
		gap: 0
	}

	.nav__item {
		width: 100%;
		border-bottom: 1px solid #f0f0f0
	}

	.nav__link,
	.nav__dropdown .nav__link {
		padding: 13px 22px;
		justify-content: space-between;
		font-size: 15px
	}

	.nav__mega-dropdown,
	.nav__dropdown {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border-top: none;
		border-radius: 0;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
		min-width: 0;
		padding: 0
	}

	.nav__item.is-open>.nav__mega-dropdown,
	.nav__item.is-open>.nav__dropdown {
		max-height: 800px
	}

	.mega-grid {
		grid-template-columns: 1fr !important;
		padding: 8px 22px 12px
	}

	.mega-col__title {
		font-size: 12px
	}

	.mega-link {
		padding: 6px 12px;
		font-size: 13px
	}

	.nav__dropdown .nav__link {
		padding: 10px 22px 10px 38px;
		background: #f8faf9
	}

	.nav__item.is-open>.nav__link i,
	.nav__dropdown-item.is-open>.nav__dropdown-link i {
		transform: rotate(180deg)
	}

	.nav__submenu,
	.nav__dropdown {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border-top: none;
		border-radius: 0;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s
	}

	.nav__dropdown-item.is-open>.nav__submenu,
	.nav-item.is-open>.nav__dropdown {
		max-height: 300px
	}

	/*.nav__submenu .nav__dropdown-link, .nav__dropdown .nav__link{padding-left:56px;background:#f0f5f3}*/
	.header-cta {
		margin: 18px 22px;
		justify-content: center
	}

	/* hero */
	/*.hero__slide{height:60vh;min-height:380px}*/
	.hero__arrow {
		display: none !important
	}

	.hero .slick-dots {
		text-align: left;
		padding-left: 22px;
		bottom: 18px
	}

	/* usp */
	.usp-strip__grid {
		flex-direction: column
	}

	.usp-strip__item {
		padding: 16px 22px
	}

	.usp-strip__divider {
		width: 100%;
		height: 1px;
		min-height: 0
	}

	/* specialties */
	.specialties__grid {
		grid-template-columns: 1fr 1fr;
		gap: 18px
	}

	/* whyus */
	.whyus__grid {
		grid-template-columns: 1fr
	}

	.whyus__center {
		height: 240px;
		order: -1
	}

	.whyus__row--dark {
		justify-content: flex-start;
		text-align: left;
		flex-direction: row
	}

	/* services */
	.services__grid {
		grid-template-columns: repeat(2, 1fr)
	}

	.services__header {
		flex-direction: column;
		align-items: flex-start
	}

	/* team */
	.team__grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 18px
	}

	.team__header {
		flex-direction: column;
		align-items: flex-start
	}

	/* testi */
	.testimonials__slider {
		margin: 0 -8px
	}

	.testimonials__slider .slick-slide {
		padding: 0 8px
	}

	/* appt */
	.appointment__grid {
		grid-template-columns: 1fr;
		gap: 40px
	}

	.appointment__form-wrap {
		padding: 30px 26px
	}

	/* marquee */
	.marquee__item {
		width: 210px;
		height: 155px
	}

	/* visit */
	.visit__grid {
		grid-template-columns: 1fr;
		gap: 30px
	}

	.visit__map {
		min-height: 320px
	}

	.visit__map iframe {
		min-height: 320px
	}

	/* blog */
	.blog__grid {
		grid-template-columns: 1fr 1fr;
		gap: 22px
	}

	.blog__header {
		flex-direction: column;
		align-items: flex-start
	}

	/* faq */
	.faqs__grid {
		grid-template-columns: 1fr
	}

	/* footer */
	.site-footer__grid {
		grid-template-columns: 1fr 1fr;
		gap: 36px
	}

	.site-footer__bottom-inner {
		flex-direction: column;
		text-align: center
	}

	/* section */
	.section {
		padding: 68px 0
	}

	.section-title {
		font-size: 34px
	}

	/* sticky footer show on tablet too */
	.mobile-sticky-footer {
		display: flex
	}

	.whatsapp-float {
		bottom: 80px
	}

	.back-to-top {
		bottom: 140px
	}

	body {
		padding-bottom: 70px
	}

	.whyus__row {
		padding: 24px;
	}

	/*Contact Us Page start*/
	.hero-sec{padding:var(--sp-8) 0 var(--sp-8);}
	.hero-title{font-size:var(--fs-3xl);}
	.hero-sub{font-size:var(--fs-base);}
	.form-section{padding:var(--sp-9) 0;}
	.form-section-grid{grid-template-columns:1fr;gap:var(--sp-6);}
	.cta-cards-sec{padding:var(--sp-9) 0;}
	.cta-cards-grid{grid-template-columns:repeat(2,1fr);}
	.cta-header h2{font-size:var(--fs-2xl);}
	.map-section iframe{height:340px;}
	/*Contact Us Page end*/

}

/* 576-767 */
@media(min-width:576px) and (max-width:767px) {
	:root {
		--container-pad: 15px;
		--header-h: 64px
	}

	.logo__img {
		height: 54px;
	}

	/*.top-bar__inner{flex-direction:column;align-items:flex-start;gap:7px}*/
	.top-bar__item[href*='mailto'] {
		display: none;
	}

	.top-bar__left {
		gap: 12px
	}

	.top-bar__item {
		font-size: 11px
	}

	/* mobile nav */
	.nav-toggle {
		display: block
	}

	.nav-close {
		display: block
	}

	.nav {
		position: fixed;
		top: 0;
		right: -100%;
		width: 290px;
		height: 100vh;
		background: #fff;
		flex-direction: column;
		align-items: stretch;
		padding: 72px 0 28px;
		gap: 0;
		overflow-y: auto;
		z-index: 999;
		box-shadow: -4px 0 22px rgba(0, 0, 0, 0.13);
		transition: right 0.3s ease
	}

	.nav.is-open {
		right: 0
	}

	.nav__menu {
		flex-direction: column;
		width: 100%;
		gap: 0
	}

	.nav__item {
		width: 100%;
		border-bottom: 1px solid #f0f0f0
	}

	.nav__link,
	.nav__dropdown .nav__link {
		padding: 13px 20px;
		justify-content: space-between;
		font-size: 14px
	}

	.nav__mega-dropdown,
	.nav__dropdown {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border-top: none;
		border-radius: 0;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
		min-width: 0;
		padding: 0
	}

	.nav__item.is-open>.nav__mega-dropdown,
	.nav__item.is-open>.nav__dropdown {
		max-height: 800px
	}

	.mega-grid {
		grid-template-columns: 1fr;
		padding: 8px 20px 12px
	}

	.mega-col__title {
		font-size: 11px
	}

	.mega-link {
		padding: 6px 10px;
	}

	.nav__dropdown .nav__link {
		padding: 10px 20px 10px 36px;
		background: #f8faf9;
	}

	.nav__item.is-open>.nav__link i,
	.nav__dropdown-item.is-open>.nav__dropdown-link i {
		transform: rotate(180deg)
	}

	.nav__submenu,
	.nav__dropdown {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border-top: none;
		border-radius: 0;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s
	}

	.nav__dropdown-item.is-open>.nav__submenu,
	.nav-item.is-open>.nav__dropdown {
		max-height: 300px
	}

	/*.nav__submenu .nav__dropdown-link, .nav__dropdown .nav__link{padding-left:52px;background:#f0f5f3}*/
	.header-cta {
		margin: 16px 20px;
		justify-content: center
	}

	/* hero */
	/*.hero__slide{height:100svh;max-height:none}*/
	.hero__content {
		align-items: flex-start;
		text-align: left;
		justify-content: flex-end;
		padding-bottom: 80px
	}

	.hero__actions {
		justify-content: flex-start
	}

	.hero__arrow {
		display: none !important
	}

	.hero .slick-dots {
		text-align: left;
		padding-left: 18px;
		bottom: 22px
	}

	/* usp */
	.usp-strip__grid {
		flex-direction: column
	}

	.usp-strip__item {
		padding: 14px 18px
	}

	.usp-strip__divider {
		width: 100%;
		height: 1px;
		min-height: 0
	}

	/* specialties */
	.specialties__grid {
		grid-template-columns: 1fr
	}

	/* whyus */
	.whyus__grid {
		grid-template-columns: 1fr
	}

	.whyus__center {
		height: 230px;
		order: -1
	}

	.whyus__row--dark {
		justify-content: flex-end;
		text-align: left;
		flex-direction: row-reverse;
	}

	/* services */
	.services__grid {
		grid-template-columns: 1fr 1fr;
		gap: 14px
	}

	.services__header {
		flex-direction: column;
		align-items: flex-start
	}

	/* team */
	.team__grid {
		grid-template-columns: 1fr 1fr;
		gap: 14px
	}

	.team__header {
		flex-direction: column;
		align-items: flex-start
	}

	/* testi */
	.testimonials__slider {
		margin: 0 -7px
	}

	.testimonials__slider .slick-slide {
		padding: 0 7px
	}

	/* appt */
	.appointment__grid {
		grid-template-columns: 1fr;
		gap: 34px
	}

	.appointment__form-wrap {
		padding: 26px 20px
	}

	/* marquee */
	.marquee__item {
		width: 190px;
		height: 140px
	}

	/* visit */
	.visit__grid {
		grid-template-columns: 1fr;
		gap: 26px
	}

	.visit__map {
		min-height: 290px
	}

	.visit__map iframe {
		min-height: 290px
	}

	/* blog */
	.blog__grid {
		grid-template-columns: 1fr;
		gap: 22px
	}

	.blog__header {
		flex-direction: column;
		align-items: flex-start
	}

	/* faq */
	.faqs__grid {
		grid-template-columns: 1fr
	}

	/* footer */
	.site-footer__grid {
		grid-template-columns: 1fr;
		gap: 32px
	}

	.site-footer__bottom-inner {
		flex-direction: column;
		text-align: center
	}

	/* section */
	.section {
		padding: 60px 0
	}

	.section-title {
		font-size: 28px
	}

	/* sticky footer */
	.mobile-sticky-footer {
		display: flex
	}

	.whatsapp-float {
		bottom: 80px
	}

	.back-to-top {
		bottom: 140px
	}

	body {
		padding-bottom: 68px
	}

	.whyus__row {
		padding: 20px;
	}

	/*Contact Us Page start*/
	.header-ref .nav-ref{display:none;}
	.hero-sec{padding:var(--sp-8) 0;}
	.hero-title{font-size:var(--fs-2xl);white-space:normal;}
	.hero-sub{font-size:var(--fs-base);}
	.hero-actions{gap:var(--sp-2);}
	.form-section{padding:var(--sp-8) 0;}
	.form-section-grid{grid-template-columns:1fr;gap:var(--sp-5);}
	.form-card{padding:var(--sp-6) var(--sp-5);}
	.form-row{grid-template-columns:1fr;gap:var(--sp-3);}
	.form-card-title{font-size:var(--fs-xl);}
	.cta-cards-sec{padding:var(--sp-8) 0;}
	.cta-cards-grid{grid-template-columns:1fr;gap:var(--sp-4);}
	.cta-header h2{font-size:var(--fs-xl);}
	.map-section iframe{height:290px;}
	/*Contact Us Page end*/

}

/* 320-575 */
@media(min-width:320px) and (max-width:575px) {
	:root {
		--container-pad: 15px;
		--header-h: 62px
	}

	/* topbar */
	.top-bar__inner {
		flex-direction: row;
		align-items: center;
		gap: 6px;
		justify-content: flex-end;
	}

	.top-bar__left {
		flex-direction: row;
		gap: 4px;
		display: none;
	}

	.top-bar__item {
		font-size: 11px
	}

	.top-bar__emergency {
		font-size: 11px;
		padding: 3px 10px
	}

	/*.top-bar__emergency-label{display:none}*/
	.top-bar__left a i+span {
		display: none;
	}

	/* logo */
	.logo__img {
		height: 54px;
	}

	.logo__name {
		font-size: 15px
	}

	.logo__tagline {
		font-size: 9px
	}

	/* mobile nav */
	.nav-toggle {
		display: block;
		font-size: 20px
	}

	.nav-close {
		display: block
	}

	.nav {
		position: fixed;
		top: 0;
		right: -100%;
		width: 278px;
		height: 100vh;
		background: #fff;
		flex-direction: column;
		align-items: stretch;
		padding: 68px 0 28px;
		gap: 0;
		overflow-y: auto;
		z-index: 999;
		box-shadow: -4px 0 22px rgba(0, 0, 0, 0.13);
		transition: right 0.3s ease
	}

	.nav.is-open {
		right: 0
	}

	.nav__menu {
		flex-direction: column;
		width: 100%;
		gap: 0
	}

	.nav__item {
		width: 100%;
		border-bottom: 1px solid #f0f0f0
	}

	.nav__link,
	.nav__dropdown .nav__link {
		padding: 12px 18px;
		justify-content: space-between;
		font-size: 14px
	}

	.nav__mega-dropdown,
	.nav__dropdown {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border-top: none;
		border-radius: 0;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
		min-width: 0;
		padding: 0
	}

	.nav__item.is-open>.nav__mega-dropdown,
	.nav__item.is-open>.nav__dropdown {
		max-height: 800px
	}

	.mega-grid {
		/*grid-template-columns: 1fr;*/
		grid-template-columns: 1fr !important;
		padding: 6px 18px 10px
	}

	.mega-col__title {
		font-size: 11px;
		padding: 8px 10px 5px
	}

	/*.mega-link{padding:5px 10px;font-size:12px}*/
	.nav__dropdown .nav__link {
		padding: 9px 18px 9px 34px;
		background: #f8faf9;
	}

	.nav__item.is-open>.nav__link i,
	.nav__dropdown-item.is-open>.nav__dropdown-link i {
		transform: rotate(180deg)
	}

	.nav__submenu,
	.nav__dropdown {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border-top: none;
		border-radius: 0;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s
	}

	.nav__dropdown-item.is-open>.nav__submenu,
	.nav-item.is-open>.nav__dropdown {
		max-height: 300px
	}

	/*.nav__submenu .nav__dropdown-link, .nav__dropdown .nav__link{padding-left:50px;background:#f0f5f3}*/
	.header-cta {
		margin: 14px 16px;
		justify-content: center;
		font-size: 12px;
		padding: 9px 16px
	}

	/* hero */
	.hero__slide {
		height: 80svh;
		max-height: none
	}

	.hero__content {
		align-items: flex-start;
		text-align: left;
		justify-content: flex-end;
		padding: 32px 0px 60px
	}

	/*.hero__actions{flex-direction:column;width:100%}*/
	/*.hero__actions .btn-primary,.hero__actions .btn-secondary{width:100%;justify-content:center}*/
	.hero__arrow {
		display: none !important
	}

	.hero .slick-dots {
		text-align: left;
		padding-left: 14px;
		bottom: 22px
	}

	/* usp */
	.usp-strip {
		padding: 24px 0
	}

	.usp-strip__grid {
		flex-direction: column
	}

	.usp-strip__item {
		padding: 12px 14px
	}

	.usp-strip__divider {
		width: 100%;
		height: 1px;
		min-height: 0
	}

	.usp-strip__icon {
		width: 44px;
		height: 44px;
		font-size: 17px
	}

	/* section */
	.section {
		padding: 40px 0
	}

	.section-title {
		font-size: 24px
	}

	/* specialties */
	.specialties__grid {
		grid-template-columns: 1fr
	}

	.spec-card {
		padding: 26px 20px 22px
	}

	/* whyus */
	.whyus__grid {
		grid-template-columns: 1fr
	}

	.whyus__center {
		height: 210px;
		order: -1
	}

	.whyus__row {
		padding: 18px 14px
	}

	.whyus__row--dark {
		justify-content: flex-end;
		text-align: left;
		flex-direction: row-reverse;
	}

	/* services */
	.services__grid {
		grid-template-columns: 1fr
	}

	.services__header {
		flex-direction: column;
		align-items: flex-start
	}

	/* team */
	.team__grid {
		grid-template-columns: 1fr
	}

	.team__header {
		flex-direction: column;
		align-items: flex-start
	}

	/* testi */
	.testimonials {
		padding-bottom: 80px
	}

	.testimonials__slider {
		margin: 0 -6px
	}

	.testimonials__slider .slick-slide {
		padding: 0 6px
	}

	.testi-card {
		padding: 22px 18px
	}

	/* appt */
	.appointment__grid {
		grid-template-columns: 1fr;
		gap: 28px
	}

	.appointment__form-wrap {
		padding: 22px 16px
	}

	.appt-form__title {
		font-size: 19px
	}

	.appointment__ctas {
		flex-direction: column
	}

	.appointment__ctas .btn-primary,
	.appointment__ctas .btn-whatsapp {
		width: 100%;
		justify-content: center
	}

	/* marquee */
	.marquee__item {
		width: 170px;
		height: 125px
	}

	/* visit */
	.visit__grid {
		grid-template-columns: 1fr;
		gap: 22px
	}

	.visit__map {
		min-height: 260px
	}

	.visit__map iframe {
		min-height: 260px
	}

	.visit__info-card {
		padding: 16px 14px
	}

	/* blog */
	.blog__grid {
		grid-template-columns: 1fr
	}

	.blog__header {
		flex-direction: column;
		align-items: flex-start
	}

	/* faq */
	.faqs__grid {
		grid-template-columns: 1fr
	}

	/* footer */
	.site-footer__grid {
		grid-template-columns: 1fr;
		gap: 28px
	}

	.site-footer__bottom-inner {
		flex-direction: column;
		text-align: center
	}

	.site-footer__bottom-nav {
		gap: 16px
	}

	.footer-brand__emergency-num {
		font-size: 16px
	}

	/* btns */
	/*.btn-primary,.btn-secondary{padding:10px 14px;font-size:14px}*/
	/* sticky mobile footer */
	.mobile-sticky-footer {
		display: flex;
		padding: 6px;
	}

	.mob-sticky-btn {
		font-size: 12px;
	}

	.whatsapp-float {
		bottom: 78px;
		right: 16px;
		width: 50px;
		height: 50px;
		font-size: 22px
	}

	.back-to-top {
		bottom: 138px;
		right: 16px;
		width: 40px;
		height: 40px;
		font-size: 14px
	}

	body {
		padding-bottom: 66px;
	}

	/*Contact Us Page start*/
	.header-ref .nav-ref{display:none;}
	.hero-sec{padding:var(--sp-7) 0 var(--sp-7);}
	.hero-title{font-size:var(--fs-2xl);white-space:normal;}
	.hero-sub{font-size:var(--fs-sm);}
	.hero-actions{flex-direction:column;gap:var(--sp-2);}
	.hero-actions .btn{width:100%;justify-content:center;}
	.form-section{padding:var(--sp-7) 0;}
	.form-section-grid{grid-template-columns:1fr;gap:var(--sp-5);}
	.form-card{padding:var(--sp-5) var(--sp-4);border-radius:var(--radius-lg);}
	.form-row{grid-template-columns:1fr;gap:var(--sp-3);}
	.form-card-title{font-size:var(--fs-lg);}
	.form-submit-row{flex-direction:column;align-items:stretch;}
	.submit-btn{width:100%;justify-content:center;padding:13px 24px;}
	.cta-cards-sec{padding:var(--sp-7) 0;}
	.cta-cards-grid{grid-template-columns:1fr;gap:var(--sp-4);}
	.cta-header{margin-bottom:var(--sp-6);}
	.cta-header h2{font-size:var(--fs-lg);}
	.cta-header p{font-size:var(--fs-sm);}
	.cta-card{padding:var(--sp-6) var(--sp-5);}
	.map-section iframe{height:240px;}
	/*Contact Us Page end*/

}
@media only screen and (max-width:1199px) {
	.site-header.is-scrolled .site-header__inner {
		height: 60px;
	}

	.site-header.is-scrolled .logo__img {
		height: 48px;
	}

	.whyus__header {
		margin-bottom: var(--sp-7);
	}

	.whyus__center {
		display: none;
	}

	.slick-arrow {
		width: 40px;
		height: 40px;
		background-size: 16px;
		margin-top: -20px;
	}

	.hero__slider,
	.hero__slide {
		height: 50vh;
		min-height: 500px;
		max-height: 100%;
	}

	.gallery-grid__container {
		grid-template-columns: repeat(4, 1fr);
	}

}

@media only screen and (max-width:1023px) {
	.zigzag__image-wrap{position: static;}

	.nav__item.is-open>.nav__mega-dropdown,
	.nav__item.is-open>.nav__dropdown {
		max-height: unset;
		overflow: unset;
	}

	.mega-col__title {
		padding-left: 0;
		padding-right: 0;
	}

	.nav__item:hover>.nav__mega-dropdown {
		transform: unset;
	}

	.mega-col__head,
	.mega-col__spec {
		font-size: 14px;
	}

	.nav__mega-dropdown {
		border-bottom: 0;
	}

	.hero__slider,
	.hero__slide {
		height: 50vh;
		min-height: 400px;
		max-height: 100%;
	}

	.gallery-grid {
		padding: 60px 0;
	}

	.gallery-grid__header {
		margin-bottom: 40px;
	}

	.gallery-grid__container {
		grid-template-columns: repeat(3, 1fr);
		gap: 12px;
		margin-bottom: 40px;
	}

	.hero__actions .btn-primary, .hero__actions .btn-secondary {min-height: 42px;}
	.hero__actions .btn-primary .btn-icon, .hero__actions .btn-secondary .btn-icon {display: none;}
	.cmsPage h1{font-size:var(--fs-3xl); line-height:var(--lh-snug); }
   	.cmsPage h2{font-size:var(--fs-2xl); line-height:var(--lh-snug); }
   	.cmsPage h3{font-size:var(--fs-xl); line-height:var(--lh-snug); }
   	.cmsPage h4{font-size:var(--fs-lg); line-height:var(--lh-snug); }
   	.cmsPage h5{font-size:var(--fs-md); line-height:var(--lh-snug); }
   	.cmsPage h6{font-size:var(--fs-md); line-height:var(--lh-snug); }
   	.cmsPage p, .cmsPage ol li,.cmsPage ul li{font-size: var(--fs-sm);}
   	.cmsPage ul li::before{top: 8px;}
   	.cmsPage ul li::after{top: 10px;}

}

@media only screen and (max-width:767px) {
	.top-bar__inner {
		justify-content: flex-end;
	}

	.top-bar__left {
		display: none;
	}

	/*.hero__overlay {
		opacity: 80%;
	}*/

	.hero__slide {
		height: 100%;
		max-height: unset;
		min-height: 400px;
		display: flex;
		align-items: center;
	}

	.btn-primary,
	.btn-secondary {
		padding: 8px 16px;
		text-align: center;
		justify-content: center;
		align-items: center;
		min-height: 48px;
	}

	.whyus__grid {
		flex-direction: column;
		border-radius: 0px;
	}

	.whyus__panel--dark {
		border-radius: 0px;
	}

	.whyus__panel {
		width: 100%;
	}

	.blog__grid.slick-slider {
		padding-bottom: 10px;
	}

	.faqs__grid {
		gap: 0;
	}

	.slick-arrow.slick-next,
	.slick-arrow.slick-prev {
		z-index: 1;
	}

	.slick-arrow.slick-next {
		right: 0;
	}

	.slick-arrow.slick-prev {
		left: 0;
	}

	.hero__slider, .hero__slide { height: 46vh; min-height: 380px; max-height: 100%;}

	.service_title_link .service-card__arrow.static {
		display: none;
	}

	.spec-card__btn.service-card__read_more {
		display: flex;
	}

	.service-card__text {
		margin-bottom: var(--sp-3);
	}

	.gallery-grid {
		padding: 48px 0;
	}

	.gallery-grid__header {
		margin-bottom: 32px;
	}

	.gallery-grid__container {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		margin-bottom: 32px;
	}

	.gallery-grid__overlay i {
		font-size: 24px;
	}

	.specialties__grid, .services__grid, .team__grid, .blog__grid{display: block !important; margin-left: -10px; margin-right: -10px; margin-top: 20px;}
   	.mobile-slide{padding-left: 10px; padding-right: 10px;}
   	.tkr-proc-types__grid{margin-top: 20px;}

   	.hero__content_img{flex-direction: column;}
   	.hero__content{max-width: 100%;}
   	.hero__slide_img{display: none;}
   	.hero__content {align-items: center; text-align: center; justify-content: center;}

   	.error-msg{font-size: 24px;}
   	.error-quote p{font-size: 16px;}

   	.team__grid.no-mobile-slider {display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 18px;}

}

@media only screen and (max-width:479px) {
	.hero__actions .btn-primary, .hero__actions .btn-secondary {min-width: 214px;}
   	.error-quote p{font-size: 14px;}

   	.team__grid.no-mobile-slider {grid-template-columns: repeat(2, 1fr); gap: 15px;}
}