/*  Responsive Css */
@media screen and (min-width: 320px) and (max-width: 480px) {
  html {
      font-size: 18px;
  }
}


@media (max-width: 767.98px) {
		.last-slide-cta {
		    display:unset !important;
    justify-content: flex-start;
    align-items: center;
	}
	
	#customPagination {
    width: auto !important;      
    margin: 0 auto;                 
    display: flex;
    justify-content: center;
    align-items: center;
  }

	
	
	.wellness-faq .accordion-body{
    padding-left: 3.4rem;
}
	.mukhalepam-faq-section .accordion-body{
    padding-left: 3.938rem !important;
}
	.expect-list {
    padding-left:0.75rem;
}
	
.nav-link {
  padding: 0.5rem 0rem;

}
/* 	.blog-section .side-blog .card-body{
	padding:1.688rem 1.5rem;
} */
	.navbar-brand img {
    padding-left: 0.625rem;
  }
	
		.first-footer {
    padding-bottom:0;
}
  .founder-section {
    background-image: none;
  }

	.treatment-card {
    margin: 3rem 2.688rem;
    width: auto !important;
}
	.slider-nav .slick-prev {
    position: relative;
    top: 1rem;
}
	.slider-nav .slick-next {
    position: relative;
    top: 1rem;

}
	.corner-decor {
    display: none;
  }
	  .review-cards {
    flex-direction: column;
    align-items: center;
    padding: 0.625rem;
  }

  .review-card {
    width: 100%;
    max-width: 95%;
  }

  .review-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.625rem;
  }

  .reviewer-name {
    margin-left: 0;
  }

  .google-icon {
    align-self: flex-end;
  }
	 .wellness-card {
    text-align: center;
  }
	 .ayurveda-facial {
    display:none;
  }
	.ayurveda-faq{
		display:inline-block;
		margin-top: -100px;
	}
	.ayurveda-faq h3{
		display:flex;
		text-align:center;
	}
	 .col-md-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
	.ayurvedic-tratments-banner .banner-img,
	.mukhalepam-banner .banner-img{
    height: 45vh;
    object-fit: cover;
  }

  .banner-title {
    font-size: 1.4rem;
    padding: 0 0.625rem;
  }
	.wellness-contact::before, .wellness-contact::after{
		    background-size: cover;
	}

/* 	 .side-blog-img {
    width: 26vw;     
    height: 39vh;   
  } */
	.info-content .appointment-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem auto;
  }
	.wellness-banner .banner-title, 
	.tratments-banner .banner-title, 
	.ayurvedic-tratments-banner .banner-title, 
	.contact-banner .banner-title,
	.mukhalepam-banner .banner-title {
		font-size:2rem;
	}
	  .wellness-contact::before,
  .wellness-contact::after {
    background: none !important;
  }
		
}


@media (min-width: 768px) {
  .custom-dropdown-menu.clean-style {
      position: absolute;
      top: 100%;
      left: 14.5rem;
      background-color: #fff;
      padding: 1rem 1.5rem;
      border-radius: 0.625rem;
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
      width: 32vw;
      border-bottom: 3px solid #9FCB3B;
      z-index: 999;
  }
	
	

@media (min-width: 998px) and (max-width:1025px){
	.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 0.5rem;
}
}
@media (min-width:1400px){
	.founder-section {
    background-position: center center;
    background-size: 32% auto;
    background-color: #f8fdf0;
    position: relative;
    z-index: 1;
}
	.founder-img-row .col-md-3{		    
        flex: 0 0 auto;
        width: 20%;
    }

}

@media (min-width: 1920px) {
/*   .container {
      max-width: 80%;
  } */
		.treatment-card img{
		width:100%;
    height: 25vh;
    object-fit: cover;
}
	.treatment-card:hover .overlay-content h5 {
  transform: translateY(-150px);
}
	.treatments-slider .slick-slide {
  width: 16.25rem; 
}
		.featured-img-wrapper {
    height: 25vh !important;
    overflow: hidden !important;
}
}


@media (min-width: 1921px) and (max-width: 5210px) {
  html {
      font-size: 22px;
  }
	.appointment-btn .appoinment-num {
    font-size: 25px !important;
}
	.appointment-btn .btn-text span{
		font-size:18px !important;
	}

}
@media screen and (min-width: 1826px) and (max-width: 1920px) {
  html {
      font-size: 20px;
  }
}
@media screen and (min-width: 1681px) and (max-width: 1825px) {
  html {
      font-size: 18px;
  }
}

@media screen and (width: 1024px) and (height: 768px) {
  .wellness-faq .col-md-5 {
    padding: 0 !important;
  }
}
@media (min-width:1900px){
	.custom-dropdown-menu {
 width: 40vw;

}
	.specialities-item .custom-dropdown-menu {
  left: 14.563rem;
  width: 35vw;
  background-color: #fff;
  border-bottom: 0.188rem solid #9FCB3B;
}
}


	@media (max-width: 768px) {
  .mobile-strip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background:  #6f3a35;
    padding: 0.75rem 1rem;
    width: 100%;
  }

  .mobile-strip a {
    color: #fff;
    font-weight: bold;
    font-size: 0.938rem;
    text-decoration: none;
  }

  .mobile-strip .btn-primary {
    background: #9FCB3B;
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
  }
}
	
	@media (max-width: 767px) {
  .pagination.default { display: none; }
  .pagination.mobile { display: flex; }
}

@media (min-width: 768px) {
  .pagination.default { display: flex; }
  .pagination.mobile { display: none; }
}
	@media (min-width: 1920px) {
  .review-card {
    flex: 1 1 20%;
    max-width: 17.5rem; 
  }
}