/* ================================================================
   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: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)}
	.mob-sticky-btn--appt:hover {background: var(--clr-primary-mid)}
	.mob-sticky-btn--call:hover {background: var(--clr-accent-dark)}


}

@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 {display: flex !important; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
	.blog__grid .col-md-4 {flex: 0 0 33.333%; max-width: 33.333%; width: 33.333%;}


	.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) {
	.breadcrumb{align-items: flex-start;}
	.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);}
	.section-title.section-title--center, .section-subtitle.section-subtitle--center{max-width: 100%;}

}

@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;}
	.blog-sidebar-pro { margin-top: 50px; }
}

@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__title{font-size: 28px;}
	.hero__desc{margin-bottom: var(--sp-3);}
	.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;}
}
@media only screen and (max-width:359px) {
	.hero__title{font-size: 25px;}

}