@media only screen and (max-width: 1599px) {

	.small, .new-text {
		font-size: 16px;
	}

	.star-icons svg{
		width: 16px;
		height: 16px;
	}


	.image-number{
		font-size: 16px;
	}

	.works-inner .elementor-container.elementor-column-gap-default {
		gap: 20px;
	}

	.slider-vid-col .slick-track {
		margin-left: 94px;
	}

	.hero-slider .elementor-swiper-button-next {
		background: url('/wp-content/uploads/2025/12/arrow-circle-next.svg') no-repeat  center;
	}

	.hero-slider .elementor-swiper-button-prev {
		background: url('/wp-content/uploads/2025/12/arrow-circle-prev.svg') no-repeat  center;
	}


	.accordion .elementor-accordion-item{
		padding: 20px 0px;
	}


	.progress-ring__background {
		stroke-width: 27;
	}

	.progress-ring__progress {
		stroke-width: 27;
	}

	.progress {

		height: 154px;
	}

	.need-help .elementor-button-content-wrapper:before{
		width: 18px;
		height: 18px;
	}

	.download-btn .elementor-button-content-wrapper:before{
		width: 16px;
		height: 16px;
	}

	.cf7-row {
		gap: 14px;
		margin-bottom: 14px;
	}

	.faq-item-content p {
		font-size: 16px;
	}

	.faq-categories{
		top: 150px;
	}

	
	.wpcf7-form-control-wrap:has(select)::after{
		    top: 11px;
	}
	
	.search h1{
		    font-size: 40px !important;
	}
	
	.search h2 {
    font-size: 30px !important;
    margin-bottom: 10px;
}
	
	
	input.search-field{
		font-size: 17px;
	}
	
	/* Check 1367px and add css here */
}

@media only screen and (max-width: 1366px) {

	/* 	Home page */

	body .slider-video .elementor-wrapper{
		height: 380px !important;
	}

	.mask-human svg, .mask-human, .mask-human-red svg, .mask-human-red {
		width: 213px !important;
		height: 460px !important;
	}

	.star-icons {
		margin-right: 6px;
	}

	.star-icons svg {
		width: 15px;
		height: 15px;
	}


	/* 	faq page */

	.faq-search input{
		padding: 12px 16px;
		margin-bottom: 20px;
	}

	.faq-category:not(:first-child) {
		margin-top: 20px;
	}
	.faq-category{
		gap: 20px;
	}

	#faq-suggestions li{
		font-size: 16px;
	}

	.faq-item-icon{
		margin-top: 2px;
	}

	.faq-categories{
		top: 140px;
	}
	
	input.search-field{
		    padding: 10px 20px;
		    font-size: 15px;
	}

	/* Check 1200px and add css here */
}

@media only screen and (max-width: 1199px) {

	.star-icons{
		display: inline-flex;
		gap: 2px;
	}

	.slider-vid-col .slick-track{
		gap: 10px;
	}

	.slider-vid-col .slick-track{
		margin-left: 80px;
	}

	body .slider-video .elementor-wrapper {
		height: 320px !important;
	}

	.green-list ul li{
		padding-bottom: 6px;
	}

	.green-list ul li:before{
		width: 18px;
		height: 18px;
		margin-right: 12px;
	}

	.progress-ring__progress {
		stroke-width: 20px;
	}

	.progress h3 {
		position: relative;
		top: 42px;

	}

	.progress {
		height: 120px;
	}

	.mask-human svg, .mask-human, .mask-human-red svg, .mask-human-red {
		width: 195px !important;
		height: 435px !important;
	}

	.works-inner .elementor-container.elementor-column-gap-default {
		gap: 10px;
		flex-wrap: nowrap;
	}

	.accordion .elementor-accordion-item {
		padding: 18px 0px;
	}


	#faq-suggestions li{
		font-size: 15px;
	}

	.faq-container{
		gap: 80px;
	}

	.faq-categories:after{
		right: -40px;
	}

	.faq-category {
		gap: 10px;
	}

	.faq-item-content p {
		font-size: 15px;
	}
	.faq-item-icon {
		width: 18px;
		height: 18px;
	}

	.faq-item-icon {
		margin-top: 4px;
	}

	.faq-categories{
		top: 120px;
	}

	.new-text {
		margin-top: 18px;
	}


	/* Check 1025px and add css here */
}

@media only screen and (max-width: 1024px) {

	.inner-contener > .elementor-container, .elementor > .elementor-section.elementor-section-boxed > .elementor-container {
		padding: 0 30px;
	}
	.header-wrapper .nav-bar nav.elementor-nav-menu--dropdown {
		position: fixed !important;
		bottom: 0;
		top: initial !important;
		left: 0% !important;
		width: 100% !important;
		height: calc(100% - 86px) !important;
		padding: 20px 0px;
		transition: all 0.3s;
		overflow: auto;
		margin: 0 !important;
	}
	.header-wrapper .elementor-menu-toggle{
		padding: 0 !important;
	}
	.menu-box .elementor-icon-wrapper {
		display: flex;
	}
	.footer-line:after{
		margin: 10px 0px;
	}
	.footer-col-inner .elementor-container.elementor-column-gap-default{
		gap:40px;
	}
	.nav-bar{
		order: 1 !important;
	}
	.small, .new-text {
		font-size: 15px;
	}
	.star-icons svg{
		width: 14px;
		height: 14px;
	}
	.icons-col .elementor-widget-wrap{
		row-gap: 30px;
	}
	.slider-vid-col .slick-track {
		margin-left: 0;
	}
	.lifestyle-inner .elementor-container.elementor-column-gap-default{
		justify-content: center;
	}
	.red-human-col:before{
		display: none;
	}
	.works-inner .elementor-container.elementor-column-gap-default {
		gap: 20px;
		flex-wrap: wrap;
		row-gap: 40px;
	}
	.need-help .elementor-button-content-wrapper:before{
		width: 17px;
		height: 17px;
	}
	.wpcf7-submit {
		padding: 11px 22px !important;
		margin-top: 40px;
	}

	.faq-container {
		gap: 50px;
	}
	.faq-categories:after {
		right: -25px;
	}

	.faq-search input{
		font-size: 15px;
		padding: 10px 14px;
		margin-bottom: 18px;
		border-radius: 8px;
	}

	.faq-categories{
		top: 110px;
	}

	.purity-sec .elementor-container.elementor-column-gap-default {
		justify-content: center;
	}
	
	.search #content {
    padding: 18vw 0 7vw;
}

	
	    input.search-field {
        padding: 8px 20px;
   
    }

	.text-ul-fix ul {
		padding-left: 14px;
	}
	
/* 	.text-ul-fix ol{
		padding-left: 14px;
	} */
	/* Check 768px and add css here */
}

@media only screen and (max-width: 767px) {

	.header-wrapper .nav-bar nav.elementor-nav-menu--dropdown {
		height: calc(100% - 84px) !important;
	}
	.inner-contener > .elementor-container, .elementor > .elementor-section.elementor-section-boxed > .elementor-container {
		padding: 0 15px;
	}
	.cf7-flex {
		flex-direction: column;
	}
	.footer-col-inner .elementor-container.elementor-column-gap-default {
		gap: 30px;
	}
	.cf7-flex .half {
		width: 100%;
	}

    .notfound-content {
        padding: 40vw 0 20vw;
    }

	.footer-col {
		width: 45% !important;
	}
	.green-list ul li{
		display: flex;
	}

	.mask-human svg, .mask-human, .mask-human-red svg, .mask-human-red {
		width: 100px !important;
		height: 330px !important;
	}

	.works-inner .elementor-container.elementor-column-gap-default{
		row-gap: 30px;
	}

	.need-help .elementor-button-content-wrapper:before{
		width: 16px;
		height: 16px;
	}

	.wpcf7 form {
		text-align: left;
	}

	.wpcf7-submit {
		margin-top: 30px;
	}

	.cf7-row {
		flex-direction: column;
	}

	.cf7-col {
		width: 100%;
	}

	.cf7-col-full {
		width: 100%;
	}

	/* 	faq page */

	.faq-container{
		flex-direction: column;
	}

	.faq-categories{
		width: 100%;
		position: unset;
	}

	.faq-list{
		width: 100%;
	}

	.faq-categories:after{
		display:none;
	}

	#faq-suggestions li {
		font-size: 14px;
		padding: 8px 12px;
	}

	.faq-container {
		gap: 20px;
	}
	.faq-category {
		gap: 0px;
	}

	.faq-item{
		padding: 18px 0;
	}
	.faq-item-toggle{
		gap: 6px;
	}

	.faq-category:not(:first-child) {
		margin-top: 30px;
	}
	
	.coa-col{
    width: 70% !important;
    margin: 0 auto;
}
	
	.search #content {
    padding: 32vw 0 7vw;
}

	
		
	    input.search-field {
        padding: 9px 20px;
			        margin-bottom: 12px;
   
    }

	/* Check 480px and add css here */

}

@media only screen and (max-width: 600px){

	.hero-desktop{
		display: none;
	}

	.hero-mobile{
		display: block;
	}

	.hero-mob-col  .slick-prev, .hero-mob-col  .slick-next{
		background: url(/wp-content/uploads/2025/12/arrow-circle-prev.svg) no-repeat center;
		background-size: cover !important;
		font-size: 0px !important;
		padding: 0px !important;
		height: 32px;
		width: 32px;
		left: 5px;
		z-index: 1;
	}

	.hero-mob-col  .slick-next{
		background: url(/wp-content/uploads/2025/12/arrow-circle-next.svg) no-repeat center;
		background-size: cover !important;
		right: 5px;
		left: unset;
	}

	.hero-mob-col .slick-arrow{
		position: absolute;
		top: 50%;
		cursor: pointer;
	}

}

@media only screen and (max-width: 479px) {

	.footer-col {
		width: 100% !important;
	}

	.slider-vid-col .slick-track {
		gap: 0;
	}
	
	.coa-col{
    width: 100% !important;
     
}


	/* Check 375px and add css here */
}

@media only screen and (max-width: 374px) {

	/* Check 320px and add css here */
}