/* Hide desktop header on mobile */
@media(max-width: 991px){
	.testimonial-slider button.slick-next.slick-arrow {right: 0; width: 20px; background-size: contain !important;} 
	.testimonial-slider button.slick-prev.slick-arrow {left: 0; width: 20px; background-size: contain !important;} 
	footer .row {
		margin: 0;
	}
	header > nav.navbar { display: none!important; }
	.mobile-header { display: block; background:#000; padding: 10px;}
	.mobile-menu-drawer ul {
		padding: 0;
		margin: 0;
	}
	.mobile-menu-drawer ul li ul.sub-menu a {
		font-size: 15px;
	}
	footer .row .col-lg-6, footer .row .col-md-2, footer .row .col-md-4, footer .row .col-md-3 {
		padding: 0 20px;
	}
	footer form .input-group input[type="submit"] {
		margin-top: 15px;
	}
	.mobile-menu-drawer ul li a {
		text-decoration: none;
		color: #000;
		font-size: 17px;
	}
	.hero p {font-size: 18px;}
	/* Drawer */
	.mobile-menu-drawer {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		width: 80%;
		height: 100vh;
		background: #fff;
		z-index: 999999;
		padding: 20px;
		box-shadow: -4px 0 15px rgba(0,0,0,0.2);
		overflow-y: auto;
	}

	.mobile-menu-drawer.active { display: block; }

	.mobile-menu-close {
		font-size: 26px;
		margin-bottom: 15px;
	}

	.mobile-menu li {
		list-style: none;
		border-bottom: 1px solid #eee;
		position: relative;
	}

	.mobile-menu li a {
		display: block;
		padding: 12px 10px;
		font-size: 17px;
	}

	/* Submenu */
	.mobile-menu .sub-menu {
		display: none;
		padding-left: 15px;
		background: #fafafa;
	}

	.mobile-menu li.open > .sub-menu {
		display: block;
	}

	/* Toggle Button */
	.mobile-menu .submenu-toggle {
		position: absolute;
		right: 10px;
		top: 0;
		font-size: 20px;
		background: transparent;
		border: none;
		line-height: 1;
		cursor: pointer;
		padding: 6px 19px;
		min-height: 50px;
	}
	section.section.treatment-intro .col-md-3 {
		justify-content: flex-start !important;
		margin-top: 20px;
	}
	section.section.pt-0.treatment-sec .col-md-6.ps-5 {
		padding-left: 10px !important;
		padding-top: 20px;
	}
	.treatment-faq-row {padding-top:0px}
	.buttons-wrap.d-flex.gap-5 {
		gap: 1rem !important;
	}
	.content-box-inner h5 {font-size: 26px}
	section.section.pt-0.treatment-sec {
		padding-top: 0px !important;
	}
	.timeline-wrap {
		flex-direction: column;
		padding-left: 0;
	}

	.timeline-wrap .timeline-text-wrap {
		width: 100%;
	}
	.timeline {
		display: none;
	}
	.price-card h2 {
		font-size: 40px;
		margin-bottom: 10px;
	}
	div#benefitsAccordion {
		margin-bottom: 40px;
	}
	.gallery-slider .slide-item.slick-slide.slick-current .gallery-card img, .gallery-card img {
		height: 400px;
	}
	ul.slick-dots {
		display: block !important;
		bottom: -50px;
	}
	.slick-dots li.slick-active button {
		background: #ccc;
	}

	.slick-dots li button {background: #000;width: 10px;height: 10px;border-radius: 20px;}
	.gift_cards_name.fixed-top {
		top: 10px;
		gap: 1px;
	}
	.package-section {
		margin-top: 30px;
	}
	section.package-section-gray {
		padding-top: 30px;
	}
	section.package-section-gray {
		padding-top: 30px;
	}

	section.package-section-gray .filter-buttons {
		flex-wrap: wrap;
		gap: 11px;
	}

	section.package-section-gray .filter-buttons button.filter-btn {
		padding: 10px 22px;
		font-size: 13px;
	}
	section.experience-section.gray-background.package-section-gray {
		padding: 40px 20px;
		margin-top: 15px;
	}
	.experience-section-wrap {
		margin-top: 40px;
	}
	.social-wrap {
		flex-direction: column;
		align-items: flex-start !important;
		margin-bottom: 3rem;
	}
	.contact-info {
		padding-right: 0;
	}
	.contact-form {
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 4rem;
	}
	
}

.no-scroll { overflow: hidden; }



@media(max-width:768px){
	section.hero {
		height: auto;
		padding: 4rem 20px;
	}
	.hero h1 {
		font-size: 29px;
		line-height: normal;
	}
	.hero h1 br {
		display: none;
	} 
	section.treatments-section {
		padding: 40px 20px;
	}
	h2 {
		font-size: 27px;
	}
	h3 {
		font-size: 22px !important;
	}
	.treatment-buttons .btn-outline-dark {
		padding: 10px 9px;
		font-size: 12px;
	}
	.treatment-buttons {
		gap: 10px;
		justify-content: flex-start;
	}
	.treatment-image-wrap {
		height: 250px;
	}
	.treatment-card h5 {
		font-size: 20px;
	}
	.content-box {
		position: static;
	}
	.slick-slide a {
		text-decoration: none;
	}
	button.slick-prev.slick-arrow {
		left: 20px;
	}
	.treatments-section p {
		margin-bottom: 0;
	}
	.designed-section {
		height: auto;
		padding: 40px 20px;
		position: relative;
		margin-bottom: 20px;
	}
	.designed-section a.btn.btn-book {
		margin-top: 20px;
	}
	section.experience-section {
        padding: 0 20px 20px 20px;
    }
	.bottom-banner-content {
		flex-direction: column;
		min-height: 310px;
	}
	.blog-list .treatment-card-inner .content-box-inner {
		margin-top: 2rem;
	}
	.blog-list .treatment-card-inner {
		margin-bottom: 0px;
	}
	.thumb-image, 	.thumb-image img {
		height: auto;
		max-height:300px;
	}
	.experience-section .graphic-box {
		padding-right: 0;
		margin-bottom: 30px;
	}
	.experience-section h2 {
		margin-bottom: 10px;
	}
	section.testimonial-section {
		padding: 40px 20px;
	}
	.testimonial-section .testimonial-wrap .icon-quote {
		width: 40px;
		height: auto;
		margin-bottom: 15px;
	}
	.testimonial-section .testimonial-wrap p {
		font-size: 17px;
		line-height: 28px;
	}
	.testimonial-section .testimonial-wrap .author img {
		width: 40px;
		height: 40px;
	}
	.testimonial-section .testimonial-wrap .author{
		font-size:16px;
	}
	.hyperbaric-section .hyp-row {
		padding: 20px 30px;
		min-height: 360px;
	}
	.hyp-row .hyp-title h2.title-main {
		margin: 0;
	}
	.blog-section .title-wrap {
		flex-direction: column;
		align-items: flex-start !important;
	}
	section.blog-section {
		padding: 0px 20px;
	}
	.hyperbaric-section {
		padding: 40px 10px;
	}
	.news-caption {
		padding: 20px;
	}
	.news-caption a {
		font-size: 20px;
	}
	span.arrow.rotate-icon img {
		width: 30px;
	}

	section.hero.inner-Hero h1 {
		font-size: 26px;
		line-height: normal;
	}
	section.hero.inner-Hero {
		height: 300px;
	}
	section.section {
		padding: 40px 20px !important;
	}
	.treatment-image-wrap-inner {
		width: 100%;
		height: auto;
	}
	.content-box-inner {
		width: 100%;
	}
	.treatment-card-inner {
		flex-direction: column !important;
		gap: 0px !important;
		margin-bottom: 30px;
		padding: 10px 20px;
	}
	section.sec-padding {
		padding: 40px 20px !important;
	}
	section.sec-padding .col-md-6.ps-5 {
		padding-left: 11px !important;
		padding-top: 20px;
	}
	section.protocol-faq-sec {
		padding: 20px;
	}
	section.protocol-faq-sec .row.align-items-center.mt-5 {
		margin-top: 0 !important;
	}
	.graphic-box.ms-4.right-full-cover {
		margin:1rem 0 0 0 !important;
	}
	section.protocol-faq-sec .row {
		flex-direction: column-reverse;
		gap: 40px;
	}
	.protocol-faq-sec .accordion {
		margin-bottom: 1rem;
	}
	.accordion-body.text-white {
		padding: 0;
	}
	.row.key-benifits-wrapper {
		margin-top: 0 !important;
	}
	.key-icon {
		width: 60px;
	}
	.pricing-grid-wrap {
		display: flex !important;
		flex-direction: column;
	}
	div#accordionExample {
		margin-top: 2rem;
	}
	.membership-section {
		height: auto !important;
	}
	.overlay.mamber-shipinner {
		padding: 20px 10px;
	}
	.membership-tabs .tab-name {
		font-size: 14px;
		margin: 0 5px;
	}
	span.tab-name.active {
		font-size: 14px;
	}
	.membership-benefits.active ul li, .membership-benefits.active {
		font-size: 14px;
	}
	a.btn.btn-book {
		padding: 14px 21px;
		font-size: 13px;
	}
	.membership-benefits {
		flex-direction: column;
		align-items: flex-start !important;
	}
	.membership-btn.mt-4 {
		margin-top: 0 !important;
	}
	.space-section.ps-5 {
		padding-left: 0 !important;
	}
	.gift_cards_name a {
		padding: 7px;
		font-size: 13px;
	}

	.gift_cards_name {
		gap: 10px;
	}
	section.experience-section.discover_section {
		padding-top: 30px;
		padding-bottom: 50px;
	}
	.gift-grid-wrap {
		margin: 0;
		gap: 10px;
		grid-template-columns: repeat(2, 1fr);
	}
	.gift-card {
		padding: 20px;
	}
	.gift-card h2 {
		font-size: 24px;
	}
	.gift-card h3 {
		font-size: 17px !important;
		margin: 0;
	}
	.single_session_gifts-wrap {
		grid-template-columns: repeat(2, 1fr);
		margin: 0;
		gap: 10px;
	}
	.pricing-grid, .pricing-card {
		width: 100%;
	}
	.membership-plans {
		flex-direction: column;
	}
	.benefits-wrapper {
		flex-direction: column;
	}
	.graphic-box.ms-4 {
		margin-left: 0 !important;
		margin-bottom: 20px;
	}
	.book-now-info-text{
	    position:static;
	    width:100%;
	}
	footer .top-text {
    max-width: 477px;
    margin-bottom: 20px;
}
.category-badge{
    left:20px;
}
.sec-padding {
    padding: 50px 0px;
}
}