@media screen and (min-width:200px) and (max-width:683px) {
    body {
        font-size: 85%;
    }

   
    .header header nav li:hover > ul {
        display: block;
        position: relative;
        top: 100%;
        left: 0;
        width: 100%;
        max-width: 300px;
    }

   :root {

    --big-radius: 30px;
   
}

    .container {
        width: 85%;
    }

  

    .medium-container {
        width: 85%;
    }

 
    .contact-btn a {
        display: none;
    }


  
    .hamburger .line {
        width: 20px;
        height: 2px;
        background-color: #fff;
        display: block;
        margin: 4px 0;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .navbar .menu-items {
        width: 100%;
		text-align: left;
    padding-left: 50px;
    text-transform: uppercase;
    }
	.navbar .menu-items li {
		margin-bottom: 15px;
	}
    .main-header a.btn.yelow {
        display: none;
    }
	.navbar-container input[type="checkbox"], .navbar-container .hamburger-lines {
		height: 20px;
    width: 25px;
	}
     .cart {
        display: none;
    }
    .home-treatment ul {
        flex-wrap: wrap;
        gap: 20px;
    }
    .home-treatment li {
    width: 100%;
		display: flex;
		align-items: center;
    text-align: center;
    justify-content: center;
}
	.home-treatment li img {
		width: 100px;
    height: 100px;
    padding: 0 20px 0 0;
    object-fit: contain;
	}
    .set-block {
        position: relative;
        right: 0;
		bottom: -20px;
    }
    .flex {
        flex-wrap: wrap;
    }
	.home-treatment li h3 {
		padding: 0 0 0 0;
		font-size: 1.2em;
	}
    .set {
        width: 100%;
    }
    .set-block {
        width: 100%;
        padding: 30px;
    }
    a.btn {
        padding: 10px 20px;
		font-size: 15px;
    }
    .set img {
        height: 200px;
    }
    .client-review {
        padding: 0 0 100px 0;
    }
    .science-content {
        grid-template-columns: 100%;
        padding: 30px;
		grid-gap: 0;
    }
    .home-products {
        padding: 30px 0;
    }
    .home-products .carousel-cell {
        width: 70%;
		margin: 0 0.6%;
    }
	.case-studies p {
		padding: 10px 0 0 0;
	}
        .home-products  .flickity-prev-next-button {
        top: 30%;
    }
    .case-studies-content {
        width: 100%;
        padding: 40px 30px;
		left: 0;
    }
    .case-studies-block.flex {
        flex-direction: column-reverse;
    }
    .case-studies-img {
        width: 100%;
        position: relative;
        left: 0;
        right: 0;
        top: 0;
    }
    .case-studies-img img {
       height: 220px;
    object-position: top;
    }
    .video-btn img {
        width: 50px;
        height: 50px;
    }
    .case-studies {
        margin: 0 0 0 0;
    }
    .ayurveda-img ul li:nth-child(1) {
    border-right: 1px solid #d7cdcd;
     border-bottom: 1px solid #d7cdcd;
    padding: 10px;
}
.ayurveda-img ul li:nth-child(2) {
   
     border-bottom: 1px solid #d7cdcd;
    padding: 10px;
}
.ayurveda-img ul li:nth-child(3) {
    border-right: 1px solid #d7cdcd;
    
    padding: 10px;
}
.ayurveda-img ul li:nth-child(4) {
   
    
    padding: 10px;
}
    .ayurveda-img img {
        width: 50px;
        height: 50px;
		display: none;
}  
    .ayurveda-img {
        padding: 0 0 50px 0;
    }
	.contact-detailed.inner .banner-text h1 {
		font-size: 2em;
	}
    #counter li {
        font-size: 22px;
    margin: 30px 0 0 0;
		flex: 40%;
    }
    #counter b {
    color: #fff;
    font-size: 12px;
    display: block;
    text-align: center;
}
    .home-blog-sec {
        padding: 50px 0;
    }
    .blog-left {
    width: 100%;
    padding: 0 0% 0 0;
}
    .blog-right {
    width: 100%;
}
    .divider {
        flex-wrap: wrap;
        display: flex;
    gap: 20px;
    padding: 0 0 30px 0;
     justify-content: flex-start; 
    align-items: flex-start;
    }
    .footer-second ul a {
        font-size: 18px;
    }
    .footer-links {
        grid-template-columns: 100%;
        padding: 30px;
    }
    .address {
    padding: 10px 15% 10px 0;
}
    .nav-links {
    padding: 0 0 0 0;
}
    .footer {
        padding: 0 0 50px 0;
    }
	     .customers .box-block-sec:nth-child(1) {
        width: 100%;
    box-shadow: inset 0px 100px 0 #fcf9f4;
    }
   .customers .box-block-sec {
        width: 100%;
		box-shadow: none;
    }
	  .box-block-sec {
        width: 100%;
		
    }
	.menu-items li:hover > ul {
		display: none;
	}
    .doctors-banner h1 {
        font-size: 4em;
    }
    .doctors-block {
		width: 100%;
      display: flex;
    justify-content: flex-start;
    align-items: center;
		text-align: left;
		border-bottom: 1px solid #e0e0e0;
    padding: 0 0 15px 0;
    }
	.doctors-block:last-child {
		border-bottom: 0;
	}
    .doctors-sec {
        flex-wrap: wrap;
		padding: 0 0 0 0;
    margin: 0 0 30px 0;
    }
    .about-doctor .container {
        padding: 0 0 0 0;
    }
    .doctor-main-description {
        padding: 10px 20px;
        width: 90%;
		position: relative;
		width: 100%;
		top: 0;
    }
	.single-treatments.headerbg .main-header.bgcolor {
		background-color: #2a2929;
	}
	.single-treatments.inner.banner-top .banner  {
		padding: 0 0 0 0; 
    margin: 0 0 0 0;
    align-items: center;
    text-align: center;
    height: 45vh;
	}
	.single-treatments .customers .box-block-sec {
    width: 100%;
    box-shadow: none;
}
	.nav-links a {
		font-size: 1.2em;
	}
	.divider p {
		max-width: 90%;
	}
		.single-treatments .banner.inner-banner .text h1 {
		font-size: 3em;
	}
    .ayurveda-origin {
        padding: 30px 0 0 0;
		margin: 0 0 0 0;
    }
    .inner.detailed h1 {
        font-size: 2.2em;
    }
	.blog-img img {
		height: 160px;
	}
    form input[type="submit"] {
        width: 60%;
    }
	.doctor-main-description h3 {
    color: #b29e8b;
    font-size: 1.5em;
    padding: 10px 0;
}
    .wrapper {
        padding: 0 0;
    }
    .description-block {
        padding: 0 0 0 0;
    }
    .desc-img {
        width: 90%;
    }
    .desc-img img {
        height: 250px;
    }
	li.mobile-only {
		display: block;
	}
.sing_in_up {
	display: none;
}
	.main-header.bgcolor .logo img {
	   max-width: 45px;
    padding: 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
	h1 {
		font-size: 2em;
	}
	.banner-text {
		padding: 80px 0 20px 0;
	}
	.about-doctor h2 {
		font-size: 4em;
	}
	.inner.detailed.blog-detailed .banner-text {
   
    padding: 115px 0 20px 0;
}
	.about-doctor h2 span {
		font-size: 14px;
	}
	.about-doctor {
		padding: 50px 0 0 0;
	}
	.head {
		justify-content: center;
	}
	.head .head-txt a {
		margin: 0 6px;
		font-size: 18px;
	}
	.head-txt p {
 
    font-size: 18px;
   
}
	.single-case-studies.inner.detailed  .banner, .single-blog.inner.detailed .banner, .page-template-contact.inner.detailed .banner {
    height: inherit;
    box-shadow: inset 0px -100px 0 #fcf9f4;
		margin: 0 0 50px 0;
}
	.headerbg .main-header.bgcolor {
		background-color: #2a2929;
	}
	.single-disease.inner.banner-top .banner {
		height: 45vh;
	}
	.single-case-studies.inner.detailed  .banner h1, .single-blog.inner.detailed .banner h1, .page-template-contact.inner.detailed .banner h1 {
		font-size: 2.5em;
	}
	.single-disease .treatment-des .left strong {
    display: block;
    font-size: 1.2em;
    color: #625243;
    font-weight: 500;
    line-height: 1.2;
}
	.bg-video-wrap {
		height: 75vh;
	}
	.banner-text span {
		font-size: 20px;
	}
	.arrow-container svg {
		transform: translateY(30px);
	}
	.banner .carousel-nav .carousel-cell {
		width: 90px;
    margin: 0 1em;
		font-size: 13px;
	}
	.small-container {
		width: 85%;
	}
	.about-doctor img {
		height: 200px;
	}
	.home-treatment  {
		padding: 30px 0;
	}
	.home-treatment ul {
		padding: 30px 0 30px 0;
	}
	.cell-content {
		padding: 0 0 0 0;
	}
	h3 {
		font-size: 2em;
	}
	.client-review  h3 {
		padding: 30px 0 30px 0;
	}
	.client-img img {
		width: 100px;
    height: 100px;
	}
	.qts img {
		width: 50px;
    height: 50px;
		top: 0;
    transform: translateX(-70px);
	}
	.client-review span {
		font-size: 2em;
	}
	.client-review .flickity-page-dots {
		bottom: 60px;
	}
	.science h4 {
		font-size: 2.1em;
	}
	.science {
		padding: 30px 0;
	}
	.tab {
		text-align: left;
	}
	.home-products img {
		height: 180px;
	}
	.product-content {
		padding: 30px;
	}
	.home-products .flickity-page-dots {
    bottom: -30px;
}
	.ayurveda-origin h5 {
		padding: 0 0 30px 0;
		font-size: 2.5em;
		width: 80%;
	}
	.ayurveda-origin ul {
		grid-template-columns: 100%;
	}
	.ayurveda-img ul li:nth-child(1) {
    border-right: 0;
    border-bottom: 0;
    padding: 10px;
}
	.ayurveda-img ul li:nth-child(2) {
    border-bottom: 0;
    padding: 10px;
}
	.ayurveda-img ul li:nth-child(3) {
    border-right: 0;
    padding: 10px;
}
	.ayurveda-img ul li {
		min-height: auto;
		border-bottom: 1px solid #d7cdcd!important;
	}
	.qts-content  {
		margin: 0 0 50px 0;
	}
	.disease-list {
    padding: 0 0 0 0;
}
	.count-head h3 {
		padding: 0 0 20px 0;
		font-size: 3em;
	}
	#counter {
		flex-wrap: wrap;
	}
	.blog-left a.btn {
		padding: 7px 12px;
    font-size: 1.1em;
	}
	.home-products .carousel {
		margin: 30px 0;
	}
	.counting p {
		padding: 20px;
	}
.single-case-studies.inner .description, .single-blog.inner .description, .blog-detailed.inner .description, .page-template-contact.inner .description {
		transform: translateY(0)!important;
	}
	#counter span.percent:after {
		top: -35px;
    font-size: 1.5em;
	}
	.counting {
		padding: 0 0 30px 0;
	}
	.page-template-case-studies .box-block {
    width: 100%;
    padding: 20px 0 100px 0;
}
	.blog-left h3 {
		width: 50%;
    padding: 30px 0;
    font-size: 1.5em;
	}
	.science-qts h5 {
		font-size: 1.2em;
		padding: 0 0 40px 0;
		line-height: 1.2;
		font-weight: 400;
	}
	.blog-content {
		padding: 0 0 0 18px;
	}
	.footer-appointment {
		padding: 0 0 0 0;
		transform: translateY(-30px);
	}
	.footer-appointment h3 {
		padding: 0 0 20px 0;
	}
	.footer-second ul {
		flex-wrap: wrap;
	}
	.footer-second ul li {
    margin: 0 0 10px 0;
    width: 100%;
}
	.footer-second {
		padding: 10px 30px;
	}
	.footer-second ul li {
    margin: 0 0 10px 0;
    width: 100%;
}
	.footer-second ul a img {
    margin: 0 19px 0 0;
    width: 25px;
    height: 25px;
}
	.social-links {
    padding: 20px 0 0 0;
}
	.bottom-links p {
    text-align: left;
    color: #625243;
    font-weight: 600;
    padding: 0 0 0 30px;
    font-size: 14px;
}
	.footer-appointment a.btn.yelow {
		box-shadow: none;
	}
	.box-block {
		padding: 30px 0 30px 0;;
	}
	.inner .banner {
		height: 280px;
		background-size: 220%;
	}
	.inner .banner-text {
		padding: 115px 0 20px 0;
	}
	.inner .banner-text h1 {
		font-size: 3.5em;
	}
	.inner .logo {
		width: 17%;
	}
	.box-block-img img {
		height: 180px;
	}
	.banner.inner-banner .text h1 {
		font-size: 2em;
	}
	.inner.banner-top .banner {
		padding: 0 0 50px 0;
    margin: 0 0 0 0;
    align-items: flex-end;
		text-align: left;
	}
	.inner.banner-top .navbar-container ul a {
    color: #fff;
}
	.treatment-des .left {
   width: 100%;
    padding: 0 0% 0 0;
}
	.inner .treatment {
  
    padding: 30px 0 40px 0;
}
	.treatment-des .left h3 {
		font-size: 1.8em;
	}
	.treatment-des .right {
		width: 100%;
	}
	.treatment-des .right img {
		height: 180px;
	}
	.treat-desc-box {
    padding: 20px 30px 0 30px;
    position: relative;
}
	.treat-desc-box a.btn.yelow {
		top: 20px;
	}
	.rev-play img {
		width: 50px;
    height: 50px!important;
	}
	.customers .box-block {
		padding: 0 0 0 0;
	}
	.treatment-des.flex {
    gap: 20px;
    align-items: flex-start;
    margin: 0 0 30px 0;
}
	.customers {
		box-shadow: inset 0px 200px 0 #fcf9f4;
	}
	.customers .box-block-sec {
		margin: 20px 0 0 0;
	}
	.faq .container {
		width: 100%;
	}
	.accordian {
		width: 85%;
		margin: 0 auto;
	}

	.tab-label::after {
		border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #625243;
    position: absolute;
    right: 16px;
		transform: translateY(10px);
	}
	input:checked ~ .tab-content {
    max-height: 40vh;
    padding: 0 35px 40px 20px;
    /* border-radius: 8px; */
}
	.doctors-banner{
		padding: 180px 0 50px 0;
	}
	.doctors-banner span {
		font-size: 1.5em;
	}
	.doctors-list {
    width: 100%;
    padding: 0 0 30px 0;
}
	.mentors .box-block {
    padding: 10px 0 0 0;
}
	.doctors-content b {
		padding: 0 0 0 20px;
		font-size: 13px;
	}
	.doctors-img img {
		width: 80px;
        height: 80px;
		object-fit: cover;
       max-width: inherit;
	}
	.mentors .box-block-list .box-block-sec:last-child {
		box-shadow: none;
	}
	.mentors .box-block-list .box-block-sec:last-child h3 {
    padding: 0 0 0 0; 
}
	.mentors .box-block-list .box-block-sec:last-child a {
		padding: 20px;
    width: 100%;
    text-align: center;
		justify-content: center;
	}
	.mentors {
		padding: 0 0 50px 0;
	}
.doctor-main-description img {
    display: none;
}
	.doctor-main .flex  {
		padding: 0 0;
	}
	.doctor-main .flex p {
		padding: 0 0 10px 0;
	}
	.doctor-main .about-doctor {
		padding: 50px 0 20px 0;
	}
	.single-product.inner .banner {
		height: 350px;
	} 
	.single-product.inner.banner-top .banner {
		padding: 108px 0 0 0;
	} 
	.single-product .banner.inner-banner .text {
		margin: 0 0;
    background-color: rgb(219 160 28 / 60%);
    padding: 30px;
		display: none;
	}
	.inner.detailed .banner img {
		height: 220px;
	}
	
	.inner.detailed .banner-text {

    padding: 150px 0 0 0;
}
	.inner.detailed h1 {
		padding: 10px 0 20px 0;
	}
	.inner.detailed .banner {
		height: 280px;
	box-shadow: none;
		
	}
	.banner .carousel-cell img {
		height: 100%;
		object-fit: cover;
		width: 100%;
	}
	.case-detailed .description {
    padding: 0 0 30px 0;
		transform: translateY(-75px);
}
	.description-block img {
		height: 180px;
	}
	.description p {
		padding: 0 0 20px 0;
	}
	.contact-form input[type="text"], .contact-form input[type="password"], .contact-form input[type="date"], .contact-form input[type="datetime"], .contact-form input[type="email"], .contact-form input[type="number"], .contact-form input[type="search"], .contact-form input[type="tel"], .contact-form input[type="time"], .contact-form input[type="url"], .contact-form textarea, .contact-form select {
		padding: 15px 0 10px 0;
	}
	form input[type="submit"] {
		padding: 15px 39px 13px 39px;
		width: 50%;
		margin-top: 5px;
    margin-bottom: 0;
	}
	.contact-form {
		padding: 0 0 30px 0;
		
	}
	.single-blog.inner.detailed .banner-text {
		padding: 150px 0 0 0;
	}
	.description {
    width: 100%;
    padding: 0 0 100px 0;
    transform: translateY(-47px)!important;
}
    .disease-list li a {
        padding: 10px 7px;
        display: inline-block;
        margin: 5px;
	}
	.banner-text h1 {
		font-size: 1.5em;
	}
	.disease-list ul {
        padding: 0 0 0 0;
        display: flex;
        flex-wrap: wrap;
    }
}

@media screen and (min-width:684px) and (max-width:1024px) {
   body {
        font-size: 85%;
    }
 
   
    .header header nav li:hover > ul {
        display: block;
        position: relative;
        top: 100%;
        left: 0;
        width: 100%;
        max-width: 300px;
    }
	.btn-sec {
		display: none;
	}
   
    .container {
        width: 85%;
    }
.set-block {

    width: 62%;
    padding: 50px;
    bottom: -35px;
  
}
	.science h4 {
		font-size: 5em;
	}
	.science-content {
		display: flex;
		flex-wrap: wrap;
		padding: 50px;
	}
    
    .disease-list {
    width: 29%;
    margin: 20px 0 0 0;
}
	.home-products .carousel-cell {
		width: 45%;
	}
	.case-studies-block.flex {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.case-studies-content {
		width: 100%;
		left: 0;
		padding: 40px;
	}
	.case-studies-img {
		width: 100%;
		left: 0;
		top: 0;
	}
	.case-studies {
    width: 100%;
    position: relative;
    margin: 0 0 50px 0;
}
	.counting p {
		padding: 50px;
	}
	span.count.percent {
		font-size: 1em;
	}
		li.mobile-only {
		display: block;
	}
.sing_in_up {
	display: none;
}
	.main-header.bgcolor .logo img {
	   max-width: 45px;
    padding: 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
	.banner-text h1 {
		font-size: 2.5em;
	}
	  .hamburger .line {
        width: 20px;
        height: 2px;
        background-color: #fff;
        display: block;
        margin: 4px 0;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .navbar .menu-items {
        width: 100%;
		text-align: left;
    padding-left: 50px;
    text-transform: uppercase;
    }
	.box-block-sec {
		width: 48%;
	}
	.box-block {
		padding: 50px 0 0 0;
	}
	.inner.banner-top .banner {
    padding: 50px 0 0 0;
    margin: 0 0 0 0;
}
	   :root {

    --big-radius: 20px;
   
}
	.treatment-des .right img {
		height: 150px;
	}
	.customers {
		box-shadow: inset 0px 700px 0 #fcf9f4;
	}
	.faq .container {
		width: 100%;
	}
.treat-desc-box {
    padding: 20px;
    position: relative;
}
	.inner  .main-header.bgcolor .navbar-container input[type="checkbox"]:checked~.hamburger-lines .line {
		background-color: #fff;
	}
	.inner.banner-top .navbar-container ul a {
    color: #fff;
}
	.about-doctor .container {
    padding: 0 0;
}
	.banner .carousel-cell img {
		height: 100%;
	}
		.inner .banner {
		height: 400px;
		background-size: 220%;
	}
	.case-studies-img img {
		height: 350px;
	}
	.treatment-des .left {
    width: 60%;
    padding: 0 30px;
}
	.case-detailed .description {
		transform: translatey(-103px);
	}
	.description p {
		padding: 20px 0 0 0;
	}
	.footer-appointment {
		padding: 0 0 30px 0;
	}
	.footer-links {
		padding: 30px;
	}
	.navbar-container .hamburger-lines {
		height: 19px;
    width: 25px;
	}
}

@media screen and (min-width:1025px) and (max-width:1500px) {

    body {
        font-size: 90%;
    }
	.navbar {
		width: 95%;
	}
    .container {
        width: 85%;
        max-width: 1170px;
    }
	.menu-items li {
		margin: 0 0.35em;
	}
    p {
        font-size: 1.1em;
    }
	.btn-sec {
		width: 15%;
	}
	.btn-sec a.btn {
		font-size: 11px;
	}
	.menu-items {
		width: 75%;
	}
	.logo {
		width: 10%;
	}
	.navbar-container ul a {
		font-size: 0.9em;
	}
}