@charset "utf-8";
/* CSS Document */

@media (max-width: 1240px){
	.foil{max-width:100vw;}
	.foil{padding-left:20px; padding-right: 20px}
}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 991px) {

}

@media screen and (max-width:768px){
	
	input.medium,
	input.large,
	input.xlarge{flex: 1; width:100%;}
	select.fill{flex:1;}
	
	.outer {padding-top: 40px; padding-bottom: 40px;}
	/*.outer .foil{padding-top:0;padding-bottom:0;}*/
	.foil[class*="pt"]{padding-top:0;padding-bottom:0;}

	.inner.row{flex-direction: column; grid-row-gap: 30px; row-gap:30px}
	.inner.row.aic{align-items: stretch;}
	
	[class*="fw"]{flex:0 1 auto;}
	
	.input__foil.inline .label{flex-direction: column-reverse; align-items: stretch;}

	/*------------ Page Header/Top Navigation------------*/	
	.top-nav__foil .foil{padding:0;}
	.top-nav__foil .foil.row{flex-direction: column; align-items:stretch}
	
	.top-nav__left .item:first-child{flex:1 1 auto;}
	.top-nav__left .item:not(:first-child) .text{display: none;}
	
	.top-nav__right .label{flex:1 1 auto;text-align: center}
	.top-nav__right .account .sub .tag{display: none;}
	.top-nav__right .account .sub::before{margin-right: 0;}
	
	/*------------ Page Header/Main Navigation ------------*/	
	.main-nav__foil .foil{padding: 10px;justify-content: center}
	
	.main-nav__foil .logo .label{font-size: 16px}
	.main-nav__foil .logo img{height: 54px;}
	
  .main-nav__foil label[for="mainNav"]{
    display: flex;
    cursor: pointer;
		align-items: center;
		position: absolute;
		right: 10px
  }
	
	.main-nav__foil #mainNav:checked ~ .main-nav {
		opacity: 1;
		visibility: visible;
		display: flex;
    flex-flow: column nowrap;
    align-items:stretch;
	}

	.main-nav {
    position: absolute;
    opacity: 0;
    visibility: collapse;
		display:none;
    top: 38px;
    right: 30px;
    background: #fff;
		border:2px solid #e9e9e9;
		border-radius: 2px;
		z-index: 111;
		min-width:220px;
  }
	
	.main-nav a.active{border:none;}
	.main-nav a{
		border-bottom:2px solid #e9e9e9;
		border-radius: 2px;
		color:var(--thm-font-color);
		padding:10px 15px;
		font-size:16px;
	}
	
	/*------------ Page Header/footer ------------*/	
	.header-footer .tag{font-size:16px;}

	/*------------ Page Fooer ------------*/		
	.page-footer .page-footer__top{padding-top:30px; padding-bottom: 30px}
	.page-footer .page-footer__top .inner.row{row-gap: 20px}
	.page-footer__top .item.middle{margin-right: 0;}
	.page-footer__top .contact{row-gap:5px}
	.page-footer__top .social{justify-content: center}
	
	.footer-nav.inner.row.aic {align-items: center; gap:5px;grid-gap:5px; column-gap: 20px;}
	.footer-nav__right{justify-content: center;}
	
	/*------------------------ Home Page/Intro Section ------------------------------*/	
	.home-intro__foil.outer {padding-top: 20px;}
	
	.home-intro__foil .feature2__foil .item .header::before{
		left: 0;
		right: 0;
		border-left-color: rgba(var(--thm-color-rgb),.4);
		border-right-color:rgba(var(--thm-color-rgb),.4);
	}
	
	/*------------------------ Home Page/Book Section ------------------------------*/
	.home-book__foil .input__foil{padding-top:20px;padding-bottom: 0}
	.home-book__foil .inner.row{grid-row-gap: 20px; row-gap:20px;}
	.home-book__foil .inline.col{flex-direction: row; column-gap: 20px;}

	/*------------------------ Home/About ------------------------------*/
	.home-about__foil.outer{padding-top: 30px;}
	/*.home-about__foil h2{line-height: 1.2em}*/
	.home-about__foil .about__top.row{flex-direction:column; row-gap:10px}
	.home-about__foil .about__top .image{align-self: center}
	.home-about__foil .about__bottom{ margin-top: 20px}
	
	/*------------------------ Home Page/FAQ Section ------------------------------*/
	/*.home-faq__foil.outer{padding-top: 30px}*/
	
	/*------------------------ Home Page/Reviews Section ------------------------------*/
	.home-reviews__foil.outer{padding-top: 30px;}
	.home-reviews__foil .cards__foil{margin-top: 20px;}
	
	/*------------------------ Home Page/Blogs Section ------------------------------*/
	.home-blogs__foil.outer{padding-top: 30px; padding-bottom: 0;}
	.home-blogs__foil .blogs__foil{margin-top: 10px;row-gap:0}
	.home-blogs__foil .blogs__foil .blog:not(:first-child){margin-top:-10px}
	
	/*----------- Add Appointment Page ----------- */
	.book__foil.outer{padding-top: 20px;}
	
	.step-nav.row {flex-direction:column; justify-content: flex-start; align-items: stretch; row-gap:5px}
	.step-nav .item{
		border-bottom: none;
		border-left:4px solid var(--thm-silver);
		flex-direction: row;
		column-gap: 10px;
		padding: 5px;
	}
	.calender-slots .slot{padding:5px;}
	.book__foil .ui-datepicker.ui-datepicker-inline {width: auto !important;}
	
	.book__foil .input__foil{padding: 20px;}
	.book__foil .input__foil .label:not(.zip){flex:1;}
	.book__foil .input__foil .fill.mb-8{margin-bottom: 0;}
	.book__foil .book-confirm {padding: 20px;}
		
	/*----------- Login/Reset/Request UIs ----------- */	
	.login__foil .image{display: none;}
	.login__foil .input__foil{margin:20px; padding: 20px}
	
	
	.request__foil .input__foil{margin: 20px; padding: 30px}
	
	.login__foil .input__foil .inner.row.aife{align-items: flex-start}
	
	.login__foil .input__foil .title,
	.request__foil .input__foil .title{font-size: 22px;}
	
	.reset__foil .box-01,
	.reset__foil .box-01 .input__foil{padding:20px;}
	
	.reset__foil .guide,
	.reset__foil .guide .mb-30{margin-top: 0; margin-bottom: 0}
	
	/*------------------------ About us Page ------------------------------*/
	.about__foil.outer{padding-top: 20px;}

	/*------------------------ Packages Page ------------------------------*/
	.packages__foil.outer{padding-top: 20px;}
	
	.packages__foil .row.inner{row-gap:20px;}

	.package-card2 .header .price{
		background-color: rgba(var(--brand-blue-dark-rgb),.8);
		color:var(--thm-white);
		font-family: var(--thm-font-4);
	}
	.package-card2 .header .offer{margin-top: 30px} 
	.package-card2 .header .offer .title{
		padding-left:80px;
		padding-right: 10px;
	}
	
	.package-card2 .content{padding:20px 10px;}
	.package-card2 .footer {padding: 0 10px 10px;}
	.package-card2 .footer .label{margin-bottom: 10px;}
	/*------------------------ Gallery Page ------------------------------*/
	.gallery__foil.outer{padding-top: 20px;}
	
	/*------------------------ Reviews Page ------------------------------*/
	.reviews__foil.outer{padding-top: 20px;}
	
	.review-card{flex:1;}
	.review-card.row{flex-direction: column}
	.review-card .content{padding: 10px 20px 20px; row-gap:0;}

	/*------------------------ FAQs Page ------------------------------*/
	.faq__foil.outer{padding-top: 20px;}

	/*------------------------ Contact us Page ------------------------------*/
	.contact__foil.outer{padding-top: 20px;}
	
	/*------------------------ Blogs Page ------------------------------*/
	.blogs__foil.outer{padding-top:20px}
	.blogs__foil .search{row-gap:15px}

	.blog-single__foil.outer{padding-top:20px}

	/*------------------------ Service Terms Page ------------------------------*/
	.service-terms__foil.outer{padding-top: 20px;}

	/*------------------------ Privacy Policy Page ------------------------------*/
	.privacy__foil.outer{padding-top: 20px;}

}

@media screen and (max-width:360px){
	
	h1,	h2{font-size: 22px;}
	
	.page-footer__top .image img{width: 60px}
	.footer-nav{font-size:13px;}
}