@media only screen and (max-width: 1800px) and (min-width: 1600px){
	.menu_col {
		width: 54% !important;
	}
}

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

	.testi_sec .swiper-slide-next .elementor-testimonial__text {
		font-size: 16px !important;
	} 
	.testi_sec .elementor-widget-testimonial-carousel .swiper-slide-next {
		min-height: 476px !important;
	} 
	.testi_sec .elementor-widget-testimonial-carousel .swiper-slide {
		min-height: 427px;
	} 
	.news_sec .elementor-posts .elementor-post__excerpt {
		margin: 10px 0px 14px 0px;
	} 
	.popup_li li:not(:last-child) {
		margin-bottom: 20px;
	}
	.testi_sec .elementor-testimonial .elementor-testimonial__text::after {
		width: 65px;
		height: 55px;
		top: 100px;
	}
	.testi_sec .swiper-slide-next .elementor-testimonial .elementor-testimonial__text::after {
		width: 74px;
		height: 64px;
		top: 120px;
	}
	.testi_sec .elementor-widget-testimonial-carousel .swiper-slide-next {
		transform: scale(1.05) !important;
	}
	.dr_img::after {
		background-position: 110px 56px;
		background-size: 75% 84%;
	}
	.dr_img { 
		mask-position: 60px -35px;
	}
	.list_tag { 
		font-size: 18px; 
	}
	.menu_col {
		width: 52% !important;
	}
	.map_sec .elementor-container {
		justify-content: start;
	}
	.map_col {
		height: 100%;
	}
	.menu_col {
		width: 55% !important;
	}
	/* Check 1367px and add css here */	
}

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

	.testi_sec .elementor-widget-testimonial-carousel .swiper-slide-next {
		min-height: 516px !important;
	}
	/* 	.our_story_sec .dr_img::after {
	background-position: 92px 74px;
	background-size: 75% 85%;
}
	.our_story_sec .dr_img {
	mask-position: 55px 0px;
} */
	.testi_sec .swiper-slide .elementor-testimonial__name {
		padding-top: 10px;
	}
	.menu_col {
		width: 65% !important;
	}
	.subscribe_sec .es_subscription_form input[type="submit"] { 
		padding: 13px 25px; 
	}
	.dr_img::after {
		background-position: 95px 40px;
		background-size: 75% 86%;
	}
	.subscribe_sec::after, .subscribe_sec::before { 
		width: 100%;
		height: 50px;
		background-size: 50%!important;
	}
	.subscribe_sec::before {  
		right: 30px;
	}
	.testi_sec .swiper-slide .elementor-testimonial__text { 
		padding: 90px 20px 0px 20px !important;
	} 
	.testi_sec .elementor-testimonial .elementor-testimonial__text::after { 
		top: 90px;
	}
	.testi_sec .elementor-widget-testimonial-carousel .swiper-slide-next {
		min-height: 426px !important;
	}
	.testi_sec .swiper-slide-next .elementor-testimonial .elementor-testimonial__text::after { 
		top: 90px;
	}
	.testi_sec .elementor-main-swiper .swiper-slide {
		padding: 0px !important;
	}	
	.menu_col {
		width: 55% !important;
	}
	.testi_sec .swiper .elementor-swiper-button-next{
		right: -10px !important;
	}
	.testi_sec .swiper .elementor-swiper-button-prev {
		left: -10px !important;
	}
	.map_sec iframe { 
		max-height: 290px;
	}

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

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

	.home_ikon_sec .elementor-inner-column {
		width: 25% !important;
	} 
	.home_ikon_sec .elementor-inner-column .elementor-widget-wrap {
		justify-content: center;
	} 
	.testi_sec .elementor-widget-testimonial-carousel .swiper-slide-next {
		min-height: 446px !important;
	}  
	.testi_sec .swiper-slide-next::after {
		background: url('/wp-content/uploads/2025/01/Frame-37-1.webp') no-repeat center/contain !important;
	}  
	.testi_sec .swiper-slide-next .elementor-testimonial .elementor-testimonial__text::after,
	.testi_sec .elementor-testimonial .elementor-testimonial__text::after {
		width: 70px;
		height: 70px;
		top: 70px;
	} 
	.testi_sec .elementor-widget-testimonial-carousel .swiper-slide-next,
	.testi_sec .elementor-widget-testimonial-carousel .swiper-slide {
		min-height: 440px !important;
	} 
	.testi_sec .elementor-widget-testimonial-carousel .swiper-slide-next,
	.testi_sec .elementor-widget-testimonial-carousel .swiper-slide{
		padding: 170px 45px 100px 45px !important 
	}
	/* 	.testi_sec .swiper-slide-next .elementor-testimonial__text,
	.testi_sec .swiper-slide-next .elementor-testimonial__name {
	color: #A3A3A3 !important;
}  */
	.testi_sec .elementor-widget-testimonial-carousel .swiper-slide-next,
	.testi_sec .elementor-widget-testimonial-carousel .swiper-slide{
		transform: scale(1) !important;
	}
	.nano_sec ul li:not(:last-child) {
		padding-bottom: 10px;
	} 
	.news_sec .elementor-posts--thumbnail-left {
		flex-direction: column;
	} 
	.menu_popup_col {
		justify-content: center;
	} 
	.menu_popup_col .elementor-widget-wrap {
		max-width: 530px
	} 
	.menu_popup .dialog-close-button {
		padding: 15px !important;
	}
	.nano_sec ul li { 
		padding-left: 35px;
	}
	.subscribe_sec .es_subscription_form input[type="submit"] { 
		font-size: 18px; 
		padding: 12px 25px;  
	}
	.subscribe_sec .es-email {  
		margin-bottom: 20px; 
	}
	.dr_img::after {
		background-position: 79px 28px;
		background-size: 75% 88%;
	}
	.dr_img {
		mask-position: 40px -26px;
	}
	body .gform_wrapper.gravity-theme .gform_footer { 
		padding-top: 35px; 
	}
	.menu_col {
		width: 58% !important;
	}
	body .avwp-av p { 
		font-size: 26px; 
	}
	body .avwp-av { 
		gap: 30px; 
	}
	.find_store .svg-background {
		width: 100%;
		height: auto;
		max-width: 90%;
	}
	.testi_sec .swiper-slide .elementor-testimonial__text {
		padding: 0 !important;
	}
	.subscribe_sec::after, .subscribe_sec::before {
		background-size: 60% !important;
	}

	/* 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% - 90px) !important;
		padding: 0 30px;
		transition: all 0.3s;
		overflow: auto;
		margin: 0 !important;
	} 
	.home_ikon_sec .elementor-inner-column {
		width: 50% !important;
	}  
	.home_ikon_sec .elementor-inner-column:not(:last-child) .ikon_box {
		border-right: 0px solid #3BAA3B;
	}   
	.home_ikon_sec .elementor-inner-column:nth-child(1),
	.home_ikon_sec .elementor-inner-column:nth-child(2) {
		border-bottom: 1px solid #3BAA3B;
	} 
	.home_ikon_sec .elementor-inner-column:nth-child(1),
	.home_ikon_sec .elementor-inner-column:nth-child(3) {
		border-right: 1px solid #3BAA3B;
	} 
	.subscribe_sec::after,
	.subscribe_sec::before {
		background-size: contain !important;
	}  
	.map_sec iframe {
		border-radius: 12px;
	} 
	.testi_sec .elementor-widget-testimonial-carousel .swiper-slide {
		justify-content: center;
	} 
	.testi_sec .elementor-testimonial {
		max-width: 350px;
	}

	.dr_img::after {
		background-position: 123px 48px;
		background-size: 75% 93%;
	}
	.dr_img {
		mask-position: 60px -12px;
	}
	.menu_col {
		width: 85% !important;
	}
	body .avwp-av { 
		padding: 30px; 
		width: 65%!important;
	}
	body .avwp-av button.yes,
	body .avwp-av button.no{
		padding: 12px 25px; 
	}
	.menu_col {
		width: 75% !important;
	}
	/* Check 768px and add css here */
}

@media only screen and (max-width: 1024px) and (min-width: 850px){
	.menu_col {
		width: 64% !important;
	}
}

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

	.inner-contener>.elementor-container,
	.elementor>.elementor-section.elementor-section-boxed>.elementor-container {
		padding: 0 20px;
	} 
	.notfound-content {
		padding: 12vw 0;
	} 
	.home_ikon_sec .elementor-inner-column {
		width: 100% !important;
	} 
	.home_ikon_sec .elementor-inner-column:not(:last-child) .ikon_box {
		border-bottom: 1px solid #3BAA3B;
	} 
	.home_ikon_sec .elementor-inner-column:nth-child(1),
	.home_ikon_sec .elementor-inner-column:nth-child(2) {
		border-bottom: 0px solid #3BAA3B;
	} 
	.home_ikon_sec .elementor-inner-column:nth-child(1),
	.home_ikon_sec .elementor-inner-column:nth-child(3) {
		border-right: 0px solid #3BAA3B;
	} 
	.nano_sec ul li:not(:last-child) {
		padding-bottom: 8px;
	} 
	.news_sec .second_post .elementor-post {
		flex-direction: column;
	} 
	.news_sec .second_post .elementor-post__thumbnail__link {
		margin-bottom: 30px !important;
	} 
	.testi_sec .elementor-swiper .elementor-swiper-button-next,
	.testi_sec .elementor-swiper .elementor-swiper-button-prev {
		width: 45px;
		height: 45px;
	} 
	.subscribe_sec::after {
		top: 20px;
	} 
	.subscribe_sec::before {
		bottom: 20px;
	} 
	.subscribe_sec .es-email {
		padding: 16px 16px;
		font-size: 14px;
		margin-bottom: 15px;
	}    
	.accordion_sec .elementor-accordion .elementor-accordion-item:not(:last-child) {
		margin-bottom: 18px;
	} 
	.map_sec .elementor-widget-container .elementor-custom-embed iframe {
		border-radius: 12px;
	} 
	.popup_li li {
		font-size: 16px;
		background-size: 16px 18px;
		background-position: left 7px;
	} 
	.popup_li strong { 
		font-size: 18px;
	} 
	.popup_li li:not(:last-child) {
		margin-bottom: 16px;
	} 
	.menu_popup .dialog-close-button {
		padding: 10px !important;
	}  
	.dr_img::after {
		content: '';
		background-position: 84px 55px;
		background-repeat: no-repeat;
		background-size: 76% 86%;
	} 
	.dr_img {
		mask-position: 50px -10px;
	}
	.nano_sec ul li::before { 
		top: 2px;
		left: 0;
		width: 20px;
		height: 20px;  
	}
	.nano_sec ul li { 
		padding-left: 30px;
	}
	.news_sec .elementor-posts .elementor-post__excerpt {
		margin: 10px 0px 10px 0px;
	}
	.fixe_btn a::after { 
		width: 90px;
		height: 80px 
	} 
	/* 	.our_story_sec .dr_img::after {
	background-position: 90px 30px;
	background-size: 74% 96%;
}
	.our_story_sec .dr_img {
	mask-position: 45px 0px;
} */
	.list_tag { 
		font-size: 16px; 
	}
	#search-bar { 
		padding: 14px 25px 14px 40px; 
		background: url('https://nano40hightech.naynacodes.com/wp-content/uploads/2025/02/search-normal-1.svg') no-repeat 15px center; 
	}
	body .gform_body input[type=text], body .gform_body input[type=email], body .gform_body input[type=tel], body .gform_body input[type=number], body select, body textarea { 
		padding: 14px 25px !important; 
	}
	body .gform_wrapper.gravity-theme .gform_fields {
		gap: 20px;
	}
	body .gform_wrapper .gform_footer input.button{
		line-height: 120% !important;
		min-height: 100% !important;
		padding: 12px 25px;
		font-size: 16px;
	}
	body .gform_wrapper.gravity-theme .gform_footer {
		padding-top: 20PX
	}
	.menu_col {
		width: 100% !important;
	}
	body .avwp-av p:last-child { 
		display: inline-flex;
		justify-content: center;
	}
	body .avwp-av p {
		font-size: 24px;
	}
	body .avwp-av { 
		width: 90% !important;
	}
	.menu_img img {	
		height: auto !important;
	}
	.find_store .svg-background { 
		max-width: 70%;
	}
	.menu_name_col .elementor-container { 
		align-content: center;
	}
	.subscribe_sec::after, .subscribe_sec::before {
		background-size: 90% !important;
	}
	.accordion_sec .elementor-accordion .elementor-accordion-item {
		border-radius: 10px; 
	}
	.subscribe_sec .es_subscription_form input[type="submit"] {
		font-size: 15px;
		padding: 12px 25px;
	}
	.header-wrapper {
		margin: 10px 10px 0px 10px !important; 
	}
	.subscribe_sec::before {
		bottom: 0;
	}
	.subscribe_sec::after {
		top: 0;
	}
	/* Check 480px and add css here */
}

@media only screen and (max-width: 767px) and (min-width: 630px){
	.menu_col {
		width: 73% !important;
	}
	.dr_img::after { 
		background-position: 114px 85px; 
		background-size: 76% 87%;
	}
	.dr_img {
		mask-position: 50px -22px;
	} 
	.triangle_clip_col .elementor-element-populated {
		padding: 150px !important;
	}
	.dr_img_col1 > .elementor-element-populated { 
		background-size: 75% auto !important;
	}
	.dr_img1 img {
		width: 60% !important;
	}
} 

@media only screen and (max-width: 630px) and (min-width: 460px){ 
	.dr_img::after {
		background-position: 90px 40px;
		background-size: 77% 90%;
	}
	.dr_img {
		mask-position: 50px -22px;
	}
}

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

	.inner-contener>.elementor-container,
	.elementor>.elementor-section.elementor-section-boxed>.elementor-container {
		padding: 0 15px;
	} 
	.header-wrapper .header_iner .logo-box {
		width: 100% !important;
		order: -1;
		padding-bottom: 15px;
	} 
	.testi_sec .swiper-slide::after {
		background: #2E2E2E;
		border-radius: 20px;
	} 
	.menu_popup_col::after {
		background: #009100;
		border-radius: 20px;
	}
	/* 	.age_verification_popup .dialog-message {
	width: 290px !important; 
} */
	.dr_img {
		mask-position: 40px -8px;
	}
	.dr_img::after {
		background-position: 73px 51px;
		background-size: 76% 87%;
	}
	.menu_col > .elementor-element-populated {
		padding: 0px 15px 10px 15px !important;
	}
	.testi_sec .elementor-widget-testimonial-carousel .swiper-slide {
		padding: 110px 25px 30px 25px !important;
	}
	.testi_sec .elementor-widget-testimonial-carousel .swiper-slide-next, .testi_sec .elementor-widget-testimonial-carousel .swiper-slide {
		min-height: 100% !important;
	}
	.testi_sec .swiper-slide-next .elementor-testimonial .elementor-testimonial__text::after,
	.testi_sec .elementor-testimonial .elementor-testimonial__text::after {
		width: 60px;
		height: 60px;
		top: 30px;
	}
	.triangle_clip_col > .elementor-element-populated {
		padding: 80px !important;
	}
	.menu_col{
		background: #009100;
		border-radius: 30px;
	}
	.testi_sec .swiper-slide-next .elementor-testimonial .elementor-testimonial__text::after, .testi_sec .elementor-testimonial .elementor-testimonial__text::after { 
		top: 30px;
	}
	.menu_popup_col > .elementor-element-populated {
		padding: 20px 20px 20px 20px !important; 
	}
	/* 	.menu_btn_sec p{
	font-size: 10px !important;
}  */
	.footer_logo img{
		width: 95% !important;
	}  
	.mape_sec .elementor-grid {
		display: inline-flex; 
		gap: 30px !important;
		flex-wrap: wrap;
	}
	.subscribe_sec .es-form-field-container{
		padding: 0px !important;
	}
	.dr_img1 img {
		width: 100% !important; 
	}
	.dr_img_col1 > .elementor-element-populated {
		padding: 40px 100px 40px 100px !important;
		background-size: 57% auto !important;
	}
	.slider_text2{
		padding-bottom: 10px;
	}
	.dr_img::after {
		background-position: 74px 39px;
		background-size: 71% 89%;
	}
	/* Check 375px and add css here */
}

@media only screen and (max-width: 479px) and (min-width: 374px){ 
	.dr_img::after {
		background-position: 72px 45px;
		background-size: 79% 89%;
	} 
	.dr_img1 img {
		width: 70% !important;
	}
}

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

	.triangle_clip_col > .elementor-element-populated {
		padding: 70px !important;
	}
	.dr_img_col1 > .elementor-element-populated {
		padding: 40px 100px 40px 90px !important;
		background-size: 61% auto !important;
	}

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