/* resposive start  */
.review-col .slick-active button {
	background-color: #414141 !important;
}

.plr15 {
	padding-left: 15px;
	padding-right: 15px;
}

.plr0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

@media (max-width: 1700px) {
	.header-left .navbar {
		margin-left: 0px;
	}

	.fix-icon {
		right: 70px;
	}

	.banner {
		padding: 170px 0px 150px;
	}

	.event-col {
		display: flex;
		flex-direction: column;
		width: calc(100% / 3 - 140px);
		gap: 80px 0px;
	}

	.process-card::after {
		background-image: url(../image/circle_line.png);
		top: -40px;
		width: 90px;
		height: 40px;
		background-size: 150px;
		right: -60px;
	}

	.event_place_right .process-card::after {
		left: -60px;
	}

	.process-card p {
		max-width: 300px;
		text-align: right;
		margin: 0 0 0 auto;
	}

	.event_place_right .process-card p {
		text-align: left;
		margin: 0 auto 0 0;
	}

	.contact-img img {
		display: block;
		min-width: 100%;
		object-fit: cover;
	}

	.contact-grid .contact-img img {
		min-height: 830px;
	}

	.we_provide .choose-card h3 {
		font-size: 22px;
		font-weight: 500;
		line-height: 28px;
	}


}

@media (max-width: 1460px) {
	.slider-arrow {
		border-radius: 0px 7px 7px 0px;
		font-size: 17px;
		line-height: 17px;
		width: 27px;
		height: 40px;
		top: 44%;
	}

	.slider-arrow.slider-right {
		border-radius: 7px 0px 0px 7px;
	}

	.header-left .navbar {
		margin-left: 0px;
	}

	.fix-icon {
		right: 50px;
		gap: 20px;
	}

	.defbtn {
		font-size: 18px;
		padding: 17px 20px;
		line-height: 18px;
	}

	.banner-btn-group {
		gap: 10px;
	}

	.pr60 {
		padding-right: 30px;
	}

	.banner {
		padding: 150px 0px 50px;
		overflow: hidden;
	}

	.banner .slick-arrow.slick-prev::before {
		left: -50px;
	}

	.banner .slick-arrow.slick-next:before {
		right: -50px;
	}

	.pad100 {
		padding: 80px 15px;
	}

	.pt100 {
		padding: 80px 15px 0px;
	}

	.pb100 {
		padding: 0px 15px 80px;
	}

	.about_outer .container.d-flex {
		align-items: flex-start;
	}

	.abt_img .girl-img {
		right: -58px;
	}

	.big-para {
		font-size: 24px;
		line-height: 35px;
	}

	.quality-col img {
		overflow: hidden;
		max-height: 70px;
		width: auto;
	}

	.brand-col {
		padding: 40px 0px;
	}

	.mid-heading {
		font-size: 22px;
		line-height: 28px;
	}

	.faq-form {
		padding: 60px 35px;
		margin-right: 35px;
	}

	.contact-grid {
		background: linear-gradient(#ffffff, #ffffff) 36% 50% / calc(100% + 60px) calc(100% - 2px) no-repeat,
			linear-gradient(90deg,
				#ffffff 40%,
				#00adef 48%,
				#00adf4 99.2%,
				rgba(0, 173, 239, 1) 100%,
				#ffffff 97%);
		overflow: hidden;
	}

	.contact-grid .w-70,
	.contact-grid .w-50 {
		width: calc(100% / 2 - 40px);
	}


	.contact-img.w-70 {
		width: 50%;
	}

	.contact-form {
		padding: 0 15px;
	}
	.contact_bor_2 {
    	padding: 30px !important;
    }

	.pl60 {
		padding-left: 35px;
	}

	.busine_card {
		min-height: 90px;
	}

	.phone-col p {
		text-align: left;
	}

	.busine_card img {
		max-height: 60px;
	}

	.busine_card h4 {
		font-size: 20px;
	}

	.blog-card {
		width: calc(100% / 3 - 10px);
	}

	.blog-img img {
		display: block;
	}

	.blog-link span {
		padding: 15px;
		font-size: 20px;
		font-weight: 600;
		line-height: 20px;
		top: -40px;
		right: 10px;
		width: 15px;
		height: 15px;
	}

	.footer_nav {
		max-width: max-content;
	}

	.main-footer {
		padding: 80px 15px 30px !important;
	}

	.ft-logo img {
		max-width: 240px;
	}

	.footer_social {
		gap: 10px;
	}

	.footer_social a img {
		max-width: 35px;
	}

	.ft-col {
		width: calc(100% / 3 - 20px);
	}

	/* inner pages start */

	.inner-banner {
		padding: 250px 15px 150px;
		background-position: center bottom;
	}

	.thanks-banner {
		padding: 170px 15px;
		margin: 100px 15px;
	}

	.abt_para p {
		padding-top: 60px;
	}

	.about_contact {
		margin-top: 80px;
	}

	.gal_images {
		gap: 20px 10px;
	}

	.gal_images .item {
		width: calc(100% / 3 - 10px);
	}

	.gal_images .item img {
		width: 100%;
		display: block;
		margin: 0 auto;
		max-width: 320px;
	}

	.gallery_sec_flex {
		padding-top: 80px;
		gap: 30px;
	}

	.single_blog_sec {
		padding: 80px 15px 30px;
	}

	.single_blog_flex {
		gap: 30px;
	}

	.latest_blog {
		padding: 30px 20px;
	}

	.post_blue {
		padding: 20px;
		border-left: 8px solid #00adef;
	}

	.lat_posts_heading p {
		font-size: 17px;
	}

	.lat_posts a:last-child {
		margin-bottom: 0px;
	}

	.lat_posts a {
		margin-bottom: 10px;
		gap: 10px;
	}

	.cmnt_sec_right .contact_bor1 {
		padding: 25px !important;
	}

	.cmnt_box {
		padding: 30px 20px;
		border-radius: 4px;
	}

	.cmnt_box.mt50 {
		margin-top: 25px;
	}

	/* contact Page */
	.form_sec_flex .contact-form {
		padding: 15px !important;
	}

	.form_sec_1 .w-50 {
		width: calc(100% / 2 - 0px) !important;
	}

	.part_img img {
		width: 100%;
		max-width: 250px;
	}
	
	.circle-slide_img::before {
		width: 500px;
		height: 500px;
	}
	.we_process_flex {
        max-width: 1080px;
    }

	.circle-slide_img img {
		max-width: 380px;
		margin-top: 80px;
	}

	.we_num_pro span {
		width: 52px;
		height: 52px;
		font-size: 28px;
		line-height: 28px;
	}

	.we_pro_1 span {
		top: -220px;
		right: 40px;
	}

	.we_pro_2 span {
		top: -143px;
		right: -20px;
	}

	.we_pro_3 span {
		top: -50px;
		right: -35px;
	}

	.we_pro_4 span {
        top: 45px;
        right: -30px;
    }

	.we_pro_5 span {
		top: 125px;
		right: 10px;
	}

	.we_pro_6 span {
		top: 190px;
		right: 95px;
	}

	.product_card h3 {
		font-size: 20px;
		font-style: 28px;
	}

	.why-choose_outer .choose_img.choose-col img {
		width: auto;
		display: block;
	}
	.magic-process .d-flex {
		flex-wrap: wrap;
		gap: 20px;
	}

	.magic-card {
		display: flex;
		flex-direction: row;
		width: 100%;
		border: 1px solid #dddddd52;
		padding: 30px;
		align-items: center;
	}

	.magic-card:hover {
		box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
	}

	.magic-card .magic-txt {
		margin: 0px !important;
		padding: 0;
		border: 0px;
	}

	.magic-process .magic-txt p {
		min-height: auto !important;
		text-align: left;
		hyphens: unset;
		hyphenate-character: unset;
	}

	.market_img svg {
		margin-left: 0;
		max-height: 180px;
	}

	.market_img::before {
		width: 60px;
		height: 60px;
		color: #414141;
		font-size: 20px;
		font-weight: 700;
	}

	.magic-card h4 {
		text-align: left;
		min-height: auto !important;
	}

	.transform-col {
		transform-origin: 42% 64%;
		transform: rotate(180deg);
	}

	.market_img:nth-child(2n) {
		transform: rotate(180deg);
	}

	.magic-card::before,
	.magic-process .d-flex::before,
	.magic-card::after {
		display: none;
	}

	.magic-card:nth-child(2n) .market_img::before {
		transform: rotate(180deg);
	}

	/* Marketing Magic*/

	.abt_more_info.pb100 {
		padding: 0 0 80px;
	}

	.magic_para_flex .w-50 {
		width: calc(100% / 2 - 25px);
	}

	.blog-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 20px !important;
	}

	.blog-card {
		width: 100%;
		overflow: hidden;
	}

	.contact_img img {
		min-height: 570px;
		object-fit: cover;
		border-radius: 10px;
	}

	.inner-banner h1 {
    	font-size: 45px;
    	font-weight: 600;
    	max-width: 655px;
    	line-height: 1.4;
    }

	.main-hedaing, .main-hedaing span {
		font-size: 30px;
		font-weight: 600;
	}

	.choose-card h3 {
		font-size: 22px;
	}

	.product-faq .faq-col {
		padding: 20px 0;
	}

	p,
	li,
	a,
	input,
	span,
	textarea,
	select,
	input::placeholder,
	label,
	.product_form select,
	.product_form input,
	.product_form label {
		font-size: 17px;
		font-weight: 300;
		line-height: 30px;
	}

	.w-50 {
		width: calc(100% / 2 - 40px);
	}

	.banner-text h2,
	.banner-text h1 {
		font-size: 40px;
	}

	.banner-text h3.sub-hd,
	.event-col h3 {
		font-size: 24px;
	}

	.choose-card img {
		width: auto;
		max-height: 45px;
	}

	.container {
		max-width: 94%;
	}

	.banner-flex {
		padding: 0 45px;
		max-width: 94% !important;
	}

	.free_para .main-hedaing {
		max-width: 850px;
		padding-right: 30px;
	}

	.event_place_center img {
		max-width: 500px;
	}

	.s_blog_img img {
		min-height: 530px;
		object-fit: cover;
		border-radius: 9px;
	}

	.phone-col p {
		font-size: 20px;
		font-weight: 600;
	}

	.phone-col .fa-phone-volume {
		font-size: 22px;
		padding: 10px;
		line-height: 30px;
		width: 28px;
		height: 28px;
	}

	.product_main .w-30 {
		width: 22%;
	}

	.product_main .w-70 {
		width: 78%;
	}

	.add-cart {
		padding: 12px 15px;
		font-size: 16px;
		border-radius: 5px;
	}

	.submit-btn {
		padding: 14px 20px;
		font-size: 18px;
		font-weight: 500;
		margin-top: 20px;
		line-height: 18px;
	}

	.big-para {
		font-size: 26px;
		line-height: 38px;
		max-width: 940px;
	}

	.logo img {
		width: 100%;
			display: block;
		max-width: 230px;
		
	}

	.abt_img img {
		width: 100%;
	}
	#banner-video {
        max-height: 1200px;
        min-height: 1200px;
        object-fit: cover;
    }
	.advantage-col {
    	padding: 30px 15px;
    	width: calc(100% / 3 - 50px);
    }
    .advantage-col:nth-last-child(-n+2) {
    	width: calc(100% / 2 - 50px);
    }

}


@media (max-width: 1199px) {
	.wishlist span {
		margin-left: -27px;
		width: 70px;
		padding: 10px;
	}

	.banner-img {
		width: 50%;
	}

	.banner h1 {
		font-size: 45px;
		font-weight: 700;
	}

	.baner_marquee {
		padding: 15px;
	}

	.baner_marquee marquee,
	.baner_marquee marquee span {
		font-size: 30px;
	}

	.choose_img img {
		width: 100%;
		max-width: 250px;
	}

	.blue-btn .defbtn:hover img {
		padding-left: 15px;
	}

	.banner-text h2 br {
		display: none;
	}


	.product_card {
		padding: 30px 25px;
		width: calc(100% / 3 - 60px);
	}

	.product_card h3 {
		font-size: 22px;
	}

	.abt_img img {
		width: 100%;
		min-height: 800px;
		object-fit: cover;
	}

	.about_sec_2 .gap-30 {
		gap: 25px;
	}

	.why-choose_outer .d-flex.wrap-flex {
		align-items: flex-start;
		gap: 35px;
	}

	.gallery-slider {
		width: calc(100% / 2 - 10px);
	}

	.galley-flex {
		align-items: flex-start;
	}

	.faq-col {
		padding: 30px 20px 10px;
	}

	.faq-col.active-col {
		padding: 30px 20px;
	}

	.faq-col h3 {
		font-size: 19px;
		padding-left: 15px;
	}

	.faq-form {
		padding: 40px 30px;
		margin-right: 30px;
	}

	.blog_content {
		padding: 20px;
	}

	.ft-col {
		width: calc(100% / 3 - 10px);
	}

	.footer_nav.pl60 {
		padding: 0;
	}

	.ft-cont a img {
		max-width: 20px;
		padding: 6px;
	}

	.faq-form input {
		height: 45px;
	}

	.faq-form textarea {
		height: auto;
	}

	.full-col.defbtn {
		border: 0;
	}

	.inner-banner h1 {
		font-size: 45px;
	}

	.blog_pagination img {
		padding: 10px;
	}

	/* testimonials */
	.test_card::before {
		width: 60px;
		height: 60px;
		top: -30px;
		background-size: 25px;
	}

	.test_flex {
		gap: 50px 0;
	}

	.test_card {
		padding: 30px 18px;
		/*width: calc(100% / 3 - 25px);*/
	}

	.form_sec_flex .w-50 {
		width: calc(100% / 2 - 30px);
	}

	.contact_bor form {
		gap: 20px;
	}

	.contact-link span {
		font-size: 19px;
		line-height: normal;
	}

	.main-hedaing, .main-hedaing span {
		font-size: 26px;
		line-height: 36px;
		font-weight: 500;
	}

	.submit-btn {
		padding: 14px 15px;
		font-size: 18px;
		margin-top: 20px;
	}

	/* testimonials */
	.we_num_pro_active, .we_num_pro span:hover {
    	border: 3px solid #00adef !important;
    }
	
	.we_num_pro span {
	width: 44px;
	height: 44px;
	font-size: 25px;
	border: 3px solid #00adef !important;
	line-height: 25px;
}
	
	.we_pro_right_card {
        padding: 20px;
        border-radius: 6px;
    }
    .circle-slide_img::before {
    	width: 440px;
    	height: 440px;
    	left: -15px;
    }

	.we_pro_right_card {
        padding: 30px 20px;
        margin-left: 30px;
    }
    .we_pro_right_card_head {
        margin-left: 30px;
    }

	.we_pro_1 span {
		top: -215px;
		right: 25px;
	}

	.we_pro_2 span {
		top: -143px;
		right: -35px;
	}

	.we_pro_3 span {
		top: -60px;
		right: -60px;
	}

	.we_pro_4 span {
        top: 45px;
        right: -55px;
    }

	.we_pro_5 span {
		top: 125px;
		right: -5px;
	}

	.we_pro_6 span {
		top: 170px;
		right: 65px;
	}

	.we_pro_right_card img {
		max-width: 70px;
	}
   .we_process_flex {
	max-width: 870px;
	margin: 0 auto;
  }
  .circle-slide_img img {
	max-width: 300px;
	margin: 80px auto 0;
}
	/* Our Process */
	

	.free_para .main-hedaing {
		max-width: 650px;
	}

	.banner-text h2,
	.banner-text h1 {
		font-size: 35px;
	}

	.event_place_center img {
		max-width: 340px;
	}

	.event-col {
		width: calc(100% / 3 - 70px);
	}

	.social_links_fixed li {
		padding: 5px 0px;
	}

	.social_links_fixed {
		gap: 10px;
	}

	.social_links_fixed a {
		padding: 4px;
	}

	.fix-icon {
        right: 40px;
        top: 31%;
    }

	.front_btn {
		padding: 20px 46px;
	}

	.blog-card .mid-heading {
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
	}

	.test_flex {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
	}

	.test_card {
		padding: 25px;
	}

	.contact_img img {
		min-height: 390px;
	}

	.foothills_grid {
		grid-template-columns: repeat(3, 1fr);
		margin-top: 60px;
	}

	.single-post-text .main-hedaing {
		font-size: 30px;
	}

	.thanks-banner {
		padding: 100px 15px !important;
		margin: 100px 15px 80px;
		background-position: center !important;
	}

	.product_card:hover h3::before {
		width: 35%;
	}

	.product_main .product_grid,
	.explore-grid .product_main {
		gap: 15px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.explore-grid .product_main .product_card {
		width: auto !important;
	}
	.faq-column.active-column {
	    padding: 30px 25px;
}
.faq-column {
	padding: 25px;
}
.nutri_grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
}
.nutri_grid .nutri-box {
    width: auto;
}

}

@media (max-width: 999px) {

	p:not(:last-child),
	h1:not(:last-child),
	h2:not(:last-child),
	h3:not(:last-child),
	h4:not(:last-child),
	h5:not(:last-child),
	h6:not(:last-child) {
		margin: 0 0 15px;
	}

	.abt_img img {
		min-height: auto;
	}

	.baner_marquee {
		background: #414141;
		padding: 15px 0;
	}

	.baner_marquee marquee {
		font-size: 30px;
	}

	.baner_marquee marquee span {
		font-size: 30px;
	}

	.banner-btn-group {
		flex-wrap: wrap;
	}

	.banner-btn-group .defbtn {
		width: 100%;
		max-width: max-content;
	}

	.banner .slick-arrow.slick-prev::before {
		left: -53px;
	}

	.banner .slick-arrow.slick-next::before {
		right: -53px;
	}

	.banner .container {
		max-width: 100%;
		padding: 0 30px;
	}

	.mt50 {
		margin-top: 30px;
	}

	.choose-col {
		width: 100%;
	}

	.choose_img img {
		display: block;
		margin: 0 auto;
	}

	.choose-right .choose-card {
		width: calc(100% / 1 - 30px);
	}

	.why-choose_outer .choose-card h3 {
		font-size: 18px;
		text-align: center;
	}

	.why-choose_outer .choose-card {
		text-align: center !important;
		flex-direction: column-reverse !important;
		justify-content: center;
		border: 1px solid #ddd;
		padding: 20px;
	}

	.why-choose_outer .choose-right .choose-card {
		flex-direction: column !important;
	}

	.why-choose_outer .choose-card_img {
		display: block;
		margin: 0 auto;
	}

	.why-choose_outer .card-content p {
		text-align: center;
	}

	.why-choose_outer .choose-card h3::before {
		text-align: center;
		right: 0;
		left: 0;
		margin: 0 auto;
	}

	.why-choose_outer .choose-right h3,
	.choose-right h3::before {
		text-align: center;
		right: 0;
		left: 0;
		margin: 0 auto;
	}


	.sub-hd {
		font-size: 18px;
	}

	.choose-card h3 {
		font-size: 20px;
		padding-bottom: 10px;
	}

	.pad100 {
		padding: 60px 15px;
	}

	.pt100 {
		padding: 60px 15px 0px;
	}

	.pb100 {
		padding: 0px 15px 60px;
	}


	.about_outer .w-50 {
		width: 100%;
		padding: 0px;
	}

	.about_outer .container.d-flex {
		flex-wrap: wrap;
		gap: 60px;
	}

	.abt_img img {
		width: 100%;
		display: block;
		margin: 0 auto;
		max-width: 600px;
	}

	.abt_img .girl-img {
		right: 0;
		left: 0;
		margin: auto;
		display: block;
		top: 0;
		bottom: 0;
		width: auto;
	}

	.review-col {
		padding: 30px 25px;
		min-height: auto;
	}

	.big-para {
		font-size: 22px;
		line-height: 34px;
		max-width: 730px;
	}

	.brand-col:nth-child(2),
	.brand-col:nth-child(6) {
		border-right: 1px solid #ddd;
	}

	.brand-col:nth-child(-n + 2) {
		border-bottom: 0px;
	}

	.brand-col {
		width: calc(100% / 2 - 1.5px);
	}

	.quality-col:hover img {
		transform: scale(0.5);
	}

	.busine_card {
		min-height: auto;
		border: 1px solid #dddddd7a;
	}

	.busine_card:hover {
		transform: unset;
	}

	.business_grid .d-flex {
		flex-wrap: wrap;
		gap: 20px;
	}

	.faq-outer .w-40,
	.faq-outer .w-70 {
		width: 100%;
		margin: 0;
	}

	.faq-outer {
		flex-wrap: wrap;
		gap: 40px;
	}

	.faq-col {
		padding: 10px 20px;
	}

	.contact-grid .container.d-flex {
		flex-wrap: wrap;
		gap: 40px;
		margin: 0 auto;
	}
	.magic_flex  .contact_bor_2.contact-form {
    	padding: 20px 15px !important;
    }

	.contact-grid .w-70,
	.contact-grid .w-50 {
		width: 100%;
	}

	.contact-img img {
		min-height: auto;
		max-width: 768px;
		margin: auto;
	}

	.contact-grid {
		background: transparent;
		padding: 40px 0px;
		border-top: 1px solid #00adef;
		border-bottom: 1px solid #00adef;
	}

	.black-btn {
		font-size: 18px;
	}

	.footer-bottom {
		flex-wrap: wrap;
		gap: 30px;
	}

	.main-footer .ft-col {
		width: calc(100% / 2 - 30px) !important;
	}

	.footer_nav {
		max-width: 100%;
	}

	.main-footer {
		padding: 60px 15px 30px !important;
	}

	.full-col.defbtn {
		border-radius: 5px;
		border: 0;
	}

	.faq-form input,
	.faq-form textarea::placeholder {
		font-size: 18px;
	}

	.product_card {
		padding: 25px 12px;
		width: calc(100% / 3 - 32px);
	}

	.add-cart {
		padding: 12px 10px;
		font-size: 15px;
		border-radius: 3px;
	}

	.add-cart i {
		font-size: 14px;
	}

	.product-txt {
		width: 70%;
	}

	.pro-btn {
		width: 30%;
		display: flex;
		justify-content: flex-end;
	}

	/*  */
	.inner-banner {
		padding: 190px 15px 150px;
		background-position: center bottom;
	}

	.about_sec_2 .gap-30 {
		gap: 20px;
	}

	.abt_para p {
		padding-top: 30px;
	}

	.about_contact {
		margin-top: 60px;
	}

	.gallery_sec_flex {
		padding-top: 60px;
	}

	.gallery-arrow-right img,
	.gallery-arrow-left img {
		padding: 10px;
		max-width: 20px;
	}

	.gal_images .item {
		width: calc(100% / 2 - 10px);
	}

	.latest_blog {
		padding: 30px 20px;
	}

	.label-des {
		padding-left: 35px;
		margin-bottom: 10px;
	}

	.checkmark {
		height: 20px;
		width: 20px;
	}

	.label-des .checkmark::after {
		width: 12px;
		height: 12px;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}

	.single_blog_sec {
		padding: 40px 15px 30px;
	}

	.latest_blog {
		display: none;
	}

	.single_blog_flex {
		flex-wrap: wrap;
		gap: 0;
	}

	.single_blog_flex .w-70 {
		width: 100%;
	}

	.cmnt_sec_flex {
		flex-wrap: wrap;
		gap: 30px;
	}

	.cmnt_sec_left.w-60,
	.cmnt_sec_right.w-50 {
		width: 100%;
	}

	.cmnt_box {
		padding: 25px 15px;
		margin-top: 20px;
	}

	.cmnt_sec_right .contact_bor1 {
		padding: 25px 15px !important;
	}

	.gal_sec {
		display: block !important;
	}

	.we_provide .container.d-flex {
		flex-wrap: wrap;
		gap: 30px;
		justify-content: center;
	}

	.we_provide .choose_img img {
		max-width: 200px;
	}

	.we_provide .choose-col {
		width: calc(100% / 1 - 0px);
		justify-content: center;
	}

	.we_provide .choose-card {
		width: 100% !important;
		padding: 20px;
	}

	.choose-left .choose-card {
		flex-direction: row-reverse;
		text-align: left;
	}

	.we_provide .choose-card h3::before {
		right: unset;
		left: 0;
	}

	.we_provide .choose-card h3 {
		text-align: left;
	}

	.we_provide .choose-card_imgright,
	.we_provide .choose-card_img {
		margin: 0px !important;
	}

    .logo img {
    	max-width: 160px;
    }

	.blog_pagination img {
		display: block;
		width: 100%;
		max-width: 15px;
	}

	.gallery-slider {
		width: 100%;
	}

	.galley-img img {
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 100%;
		object-fit: cover;
	}

	.galley-flex {
		flex-wrap: wrap;
		gap: 30px;
		justify-content: center;
	}

	.review-col {
		padding: 20px 15px;
	}

	.gallery-rev-col {
		width: calc(100% / 1 - 0px);
	}

	/* testimonials */
	.blog-main .d-flex {
		gap: 30px 0;
	}

	.test_card .sub-hd {
		font-size: 22px;
	}

	.contact-link span {
		font-size: 16px;
	}

	.contact-link img {
		max-width: 22px;
	}

	/* Our Process */
.we_process_flex {
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	overflow: hidden;
}

	.process-col {
		width: 100%;
	}

    .we_pro_left {
        margin: 0 auto;
        max-width: 380px;
    }
    .circle-slide_img::before {
    left: -30px;
}
.we_pro_right_card_head, .we_pro_right_card {
    margin-left: 0;
}
	
	.we_pro_right_card_head {
    margin-left: 0;
}

	/* Our Process */

	/* Marketing Magic*/

	.magic_flex.d-flex {
		flex-wrap: wrap;
	}

	.contact_bor_2 {
		width: 100%;
	}

	.magic_left {
		width: 100%;
	}

	.magic_para_flex .container {
		flex-wrap: wrap;
		gap: 40px;
		margin: 0 auto;
		padding: 25px 0;
	}

	.contact-img,
	.magic_para_right {
		width: 100%;
	}

	.magic_event_sec {
		background: #fbfbfb 100%;
		background-size: cover;
		position: relative;
		z-index: 0;
	}

	/* Marketing Magic*/

	.defbtn {
		font-size: 16px;
		line-height: 16px;
		padding: 14px 25px;
	}

	.submit-btn {
		padding: 10px;
		font-size: 16px;
		display: flex;
		justify-content: center;
		max-width: 200px;
		margin: 20px auto 0;
	}

	.free_para .main-hedaing {
		padding-right: 0;
		margin: 0 auto;
	}

	.free_main {
		flex-direction: column;
		justify-content: center;
		text-align: center;
		gap: 20px;
	}

	.abt_image_sec img {
		min-height: auto;
	}

	.banner-text h2,
	.banner-text h1 {
		font-size: 30px;
		font-weight: 500;
	}

	/*market magic*/
	.process-card {
		width: calc(100% / 2 - 50px);
		border: 1px solid #ddd;
		padding: 20px;
		text-align: center;
	}

	.event_place_flex .process-card::before {
		width: 100px;
		height: 100px;
		background-size: contain;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		margin: auto;
	}

	.event_place_flex.d-flex {
		gap: 20px;
	}

	.event_place_flex.d-flex {
		flex-wrap: wrap;
	}

	.event-col {
		width: 100%;
		justify-content: space-between;
		flex-direction: row;
		gap: 0;
	}

	.event_place_flex.d-flex {
		flex-wrap: wrap;
		justify-content: center;
		gap: 25px;
	}

	.process-card p,
	.event_place_right .process-card p {
		max-width: 400px;
		margin: 0 auto !important;
		text-align: center !important;
	}

	.process-card::after {
		position: unset;
	}

	.ev_left::before,
	.ev_right::before {
		right: 0;
		left: 0;
		margin: auto;
	}

	.magic_para_flex .w-50 {
		width: 100%;
	}

	.product-descrition .container.d-flex {
		flex-wrap: wrap;
		gap: 50px;
	}

	.product-descrition {
		background: rgb(201, 243, 255);
		background: linear-gradient(180deg, rgba(201, 243, 255, 1) 50%, rgba(255, 255, 255, 1) 15%) !important;
	}

	.desc_bottle img {
		width: 100%;
		display: block;
		margin: 0 auto;
	}

	.product_form {
		gap: 25px 10px;
		cursor: pointer;
	}

	/*.product-hide-form {*/
	/*	overflow: scroll;*/
	/*	height: 471px;*/
	/*	overflow-x: hidden;*/
	/*	padding-right: 15px;*/
	/*}*/

	.product-descrition .w-50,
	.product-descrition .pl-60 {
		width: 100%;
		padding: 0;
	}

	.price-pro h4 {
		font-size: 36px;
	}

	.full-list.half-list li {
		width: calc(100% / 2 - 80px);
		border-radius: 0;
		border: 0;
		position: relative;
		padding: 0 0 0 48px;
		margin-bottom: 10px;
	}

	#review_slide-swiper .swiper-slide {
		width: 100% !important;
		display: block;
		margin: 0 auto;
	}

	.faq-txt_main {
		flex-direction: column;
		justify-content: center;
		gap: 20px;
		text-align: center;
	}

	.faq-txt {
		width: 100%;
	}

	.faq-form form {
		width: 100%;
	}

	.product_main .product_grid {
		gap: 25px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 15px 10px;
	}

	form.getintouch span.qty_inc {
		border-radius: 20px;
		padding: 9px;
		font-size: 14px;
		font-weight: 400;
		width: calc(100% / 4 - 30px);
		text-align: center;
	}

	.map_img img {
		min-height: 400px;
		object-fit: cover;
		object-position: left;
	}

	.contact_img img {
		min-height: 440px;
	}

	.foothills_grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.gallery_pagination .gallery-arrow {
		padding: 10px;
		width: 19px;
		height: 15px;
		font-size: 16px;
		line-height: 20px;
	}

	.magic_para_flex {
		padding: 0 15px;
	}

	.faq-form form {
		gap: 20px;
	}

	.top_sugg_flex {
	flex-wrap: wrap;
	gap: 30px;
}

    .top_sugg_flex .top_left, .top_sugg_flex .top_right {
    	width: 100%;
    	padding-right: 0px !important;
    	text-align: center;
    }
    .top_left h2::before {
    	right: 0;
    	margin: auto;
    }

	.faq-btn_hide {
		display: none !important;
	}

	.faq-btn_mob {
		display: block;
		margin: 20px auto 0;
	}

	.faq-btn_mob .defbtn {
		margin: 0 auto;
		display: block;
		max-width: 140px;
		text-align: center;
	}

	.water_category .d-flex {
		gap: 20px;
	}

	.s_blog_img img {
		min-height: auto;
	}

	.blog_date {
		bottom: 10px;
		padding: 8px 15px;
		border-radius: 0px 20px 20px 0px;
		font-size: 14px;
		font-weight: 400;
		line-height: 15px;
	}

	.mid-heading {
		font-size: 20px;
		line-height: 28px;
		font-weight: 500;
		margin-bottom: 10px !important;
	}

	.review-col .swiper-pagination {
		margin-left: 50px;
	}

	.logo {
		width: auto;
	}

	.fix-icon {
		display: none;
	}

	.mid-hd::after {
		width: 30%;
	}

	.product_card h3 {
		font-size: 20px;
	}

	.magic_left img {
		max-width: 640px;
		margin: auto;
	}

	.thanks-banner {
		padding: 80px 15px !important;
		margin: 80px 15px 50px;
	}

	.review-col .swiper-pagination {
		margin-left: 0;
	}

	.blog-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.review-col .swiper-pagination::before,
	.blog-card:last-child {
		display: none;
	}

	.container {
		max-width: 100%;
	}

	.bottle-left {
		border-radius: 5px;
		padding: 30px 40px;
		max-width: 80%;
		margin: 0 auto;
	}

	.faq-form {
		gap: 15px;
	}

	#gallery_slide-swiper .swiper-pagination {
		margin-top: 30px;
		margin-left: 0;
	}

	.upload-col span {
		padding: 12px 5px;
		max-width: 160px;
		margin: 4px auto 0;
		justify-content: center;
		display: flex;
		font-size: 15px;
		line-height: 18px;
	}

	.submit-arrow {
		padding: 12px 10px;
		font-size: 16px;
		line-height: 20px;
		border-radius: 5px;
		max-width: 230px;
	}

	.submit-arrow i {
		top: 7px;
		right: 5px;
		border-radius: 3px;
		padding: 6px 10px;
	}

	.blue_dot-list li {
		border: 1px solid #ddd;
		padding: 10px;
		border-radius: 4px;
		padding-left: 25px;
	}

	.blue_dot-list li::before {
		left: 10px;
	}

	.product-descrition {
		padding: 0 0 50px !important;
		background: #fff !important;
	}

	.bottle-left {
		padding: 30px 20px;
		max-width: 100%;
	}

	.product-descrition .w-50:nth-child(1) {
		background-color: #c9f3ff;
		padding: 50px;
	}

	.product-descrition .pl60 {
		padding: 0 20px;
	}

	.banner-text h3.sub-hd {
		font-size: 20px;
	}

	.contact-grid .contact-img img {
		min-height: auto;
	}

	.phone-col .fa-phone-volume {
		font-size: 20px;
		padding: 8px;
		line-height: 28px;
		width: 25px;
		height: 25px;
		margin-right: 8px;
	}

	.phone-col p i {
		font-size: 13px;
		line-height: 11px;
	}

	.contact-form form input::placeholder,
	.contact-form form textarea::placeholder,
	.contact-form form select::placeholder {
		font-size: 16px;
		font-weight: 300;
	}

	.faq-form h3 {
		max-width: max-content;
		text-align: center;
		margin: 0 auto 15px !important;
	}

	.faq-form .mid-hd::after {
		width: 50%;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.faq-form .submit-btn {
		margin: 0 auto !important;
		text-align: center;
		display: block;
	}
	.gap-20 {
	    gap: 10px;
	}
	.faq-column h3 {
    	font-size: 18px;
    	line-height: 22px;
    	margin: 0 !important;
    }
    .faq-column {
    	padding: 15px 20px;
    }
    .faq-column p, .faq-column.active-column span {
    	margin-top: 8px;
    } 
    .nutri-box p, .nutri-box p span {
        font-size: 35px;
        line-height: 40px;
     }
     .nutri-box h5 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .advantage-col {
        padding: 30px 15px;
        width: calc(100% / 2 - 46px);
    }
    .advantage-col:last-child {
    	width: 100%;
    }

}

@media (max-width: 768px) {

	p,
	li,
	a,
	input,
	span,
	textarea,
	select,
	input::placeholder,
	label,
	.product_form select,
	.product_form input,
	.product_form label {
		font-size: 16px;
		line-height: 26px;
	}

	.pad100 {
		padding: 40px 15px;
	}

	.pt100 {
		padding: 40px 15px 0px;
	}

	.pb100 {
		padding: 0px 15px 40px;
	}

	.menu-container {
		width: 100vw;
	}

	.banner-flex {
		flex-wrap: wrap-reverse;
		justify-content: center;
		gap: 40px;
	}

	.banner-flex .banner-img,
	.banner-text {
		width: 100%;
		padding: 0px;
		text-align: center;
	}

	.banner-img img {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}

	.banner h1,
	.banner h2 {
		font-size: 30px;
	}

	.banner-btn-group {
		justify-content: center;
	}

	.choose-left .choose-card {
		gap: 20px;
	}

	.we_provide .choose-col {
		gap: 25px 0px;
	}

	p,
	li,
	a,
	input,
	span {
		font-size: 16px;
		line-height: 28px;
	}

	.banner .slick-arrow.slick-prev::before {
		left: -50px;
	}

	.banner .slick-arrow.slick-next::before {
		right: -50px;
	}

	.choose-col {
		width: 100%;
	}

	.choose_img img {
		width: auto;
	}

	.choose-left {
		justify-content: space-between;
	}

	.why-choose_outer .container.d-flex {
		flex-wrap: wrap;
		flex-direction: column;
		gap: 20px;
	}

	.choose-right {
		width: 100%;
	}

	.defbtn {
		font-size: 16px;
		padding: 15px 20px;
	}

	.defbtn i {
		padding-left: 8px !important;
	}

	.add-cart {
		padding: 12px 18px;
		font-size: 16px;
		line-height: 16px;
		border-radius: 5px;
	}

	.add-cart img {
		border-radius: 5px;
		padding: 10px;
	}

	.product-txt {
		width: 100%;
		margin-bottom: 30px;
	}


	.price span {
		font-size: 25px;
		line-height: normal;
	}

	.product_outer .product_grid {
		gap: 20px;
		max-width: 94%;
		margin: 0 auto;
	}

	.product_outer .product_card {
		padding: 25px 20px;
		width: calc(100% / 2 - 40px);
	}

	.product_outer .product_card:last-child {
		display: none;
	}

	.we_pro_right {
		margin-top: -40px;
	}

	.review-flex {
		padding: 0 15px;
	}

	.big-para {
		font-size: 17px;
		line-height: 26px;
		font-weight: 400;
		margin: 0 auto 10px !important;
	}

	.toggle-menu svg {
		width: 45px;
		height: 45px;
	}

	.blog-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
	}

	.blog-card {
		width: 100%;
	}

	.blog-img img {
		width: 100%;
		object-fit: cover;
	}

	.main-footer .ft-col {
		width: 100% !important;
	}

	.ft-cont a {
    	margin-bottom: 10px;
    	font-size: 17px;
    	font-weight: 600;
    	line-height: 28px;
    	gap: 5px;
    }

	.ft-col h3 {
		font-size: 22px;
	}

	.main-footer {
		padding: 40px 15px 30px !important;
	}

	.faq-form input,
	.faq-form textarea::placeholder {
		font-size: 16px;
	}

	.faq-form input,
	.faq-form textarea {
		padding: 10px;
		border-radius: 4px;
	}

	.copyright-col {
		margin-top: 15px;
		padding-top: 15px;
	}

	.product_outer .main-content {
		display: flex;
		text-align: center;
		flex-wrap: wrap;
		justify-content: center;
	}

	.pro-btn {
		margin: 15px 0;
	}

	.we_provide_tab ul {
		flex-wrap: wrap;
		white-space: nowrap;
	}

	.we_provide_tab ul li {
		margin: 0 0 0px;
		width: calc(100% / 2 - 12px);
		gap: 0;
		padding: 5px;
		text-align: center;
		border: 1px solid #d9d9d9;
		text-wrap: wrap;
		font-size: 18px;
		flex-wrap: wrap;
		white-space: nowrap;
	}

	.we_provide_tab ul li:first-child {
		border-radius: 9px 0px 0px 0px;
		border: 1px solid #d9d9d9;
	}

	.we_provide_tab ul li:last-child {
		border-radius: 0px 0px 9px 9px;
		border: 1px solid #d9d9d9;
		width: 100%;
	}

	.we_provide_tab ul li:nth-child(2) {
		border-radius: 0px 9px 0px 0px;
		border: 1px solid #d9d9d9;
	}

	.we_provide_tab ul li:hover {
		background: #00adef;
		color: #fff;
		border: 1px solid #00adef;
	}

	.we_provide .choose-card h3 {
		font-size: 20px;
	}

	.faq-col h3 {
		font-size: 18px;
		padding-left: 15px;
	}

	h4.blue-bottom-line {
		font-size: 18px;
		line-height: 28px;
	}

	.inner-banner {
		padding: 200px 15px 80px;
	}

	.inner-banner h1 {
    	font-size: 35px;
    	font-weight: 600;
    	max-width: 390px;
    }

	.tree-img {
		max-height: 500px;
	}

	.abt_img .girl-img {
		max-width: 290px;
	}

	.about_contact {
		margin-top: 40px;
	}

	.gallery_sec_flex {
		padding-top: 40px;
		gap: 15px;
	}

	/*.single_blog_sec {*/
	/*    padding: 40px 15px 0px;*/
	/*}*/

	.we_provide .choose-card.leftcard {
		flex-direction: column-reverse;
		flex-wrap: wrap;
	}

	.we_provide .choose-card.rightcard {
		flex-direction: column;
		flex-wrap: wrap;
	}

	.we_provide .choose-card h3::before {
		bottom: 0px;
		right: 0px;
		left: 0;
		margin: 0 auto;
	}

	.we_provide .choose-card.rightcard h3::before {
		bottom: 0px;
		left: 0px;
	}

	.we_provide .choose-card_img {
		margin: 0 auto !important;
	}

	.we_provide .choose-card_imgright {
		position: static;
		text-align: center;
		display: block;
		margin: 0 auto !important;
	}

	.we_provide .choose-card h3 {
		padding-right: 0px;
		text-align: center;
	}

	.we_provide .choose-card.rightcard h3 {
		padding-left: 0px;
	}

	.water_category .card-content p {
		text-align: center;
	}

	/* Contact Page*/
	.inner-banner {
		padding: 180px 15px 120px;
	}

	.form_sec_flex {
		font-size: 35px;
	}

	.inner-banner h1::before {
		width: 130px;
		height: 3px;
		bottom: -10px;
		margin: 0;
	}

	.form_sec_flex {
		flex-wrap: wrap;
		justify-content: center;
		gap: 40px;
	}

	.form_sec_1 {
		width: 100%;
		margin: 0 auto;
	}

	.form_sec_1 img {
		width: 100%;
	}

	.form_sec_flex .contact-form {
		width: 100%;
		margin: 0 auto;
	}

	.free_main.d-flex {
		flex-wrap: wrap;
		gap: 20px;
		justify-content: center;
	}

	.free_estimate {
		text-align: center;
	}

	.contact_bor form {
		gap: 20px 30px;
	}

	/* Contact Page*/
	/* Testimonials */
	.Test_flex {
		flex-wrap: wrap;
		padding: 40px;
	}

	/*  Testimonia; */
	/* Our Partners */

	.our_part_images {
		grid-template-columns: repeat(2, 1fr);
	}

	.part_img img {
		max-width: 200px;
	}

	.ft-col h3 {
		font-size: 22px;
	}

	.free_estimate {
		padding: 30px 15px;
	}

	.form_sec_flex .w-50 {
		width: 100%;
	}

	.contact_img img {
		max-width: 100%;
		min-height: auto;
	}

	.contact-form form textarea {
    	height: 88px !important;
    }

	.free_para,
	.free_btn {
		width: 100%;
		padding: 0;
	}

	.hd-active .main-header {
		padding: 10px;
	}

	.hd-active .act-defbtn {
		font-size: 16px;
		padding: 15px 20px;
	}

	/* products */

	.product_main .d-flex {
		flex-wrap: wrap;
		gap: 20px;
	}

	.product_main .w-30 {
		width: 100%;
		padding-right: 0;
	}

	.product_main .product_grid {
		gap: 25px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		width: 100%;
	}

	.explore-grid .product_main {
		gap: 25px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		width: 100%;
	}

	.pro_categories ul {
		display: flex;
		flex-wrap: wrap;
		gap: 10px 20px;
	}

	/* products */

	/* Marketing Magic*/

	.market_img::before {
		display: none;
	}

	.magic-card {
		flex-direction: column;
		padding: 20px;
		gap: 35px;
	}

	.magic-card h4,
	.magic-card p {
		text-align: center !important;
	}

	.magic-card:nth-child(2n) {
		flex-direction: column-reverse;
	}

	.market_img svg {
		margin: 0px auto;
		width: 150px;
	}

	/* Marketing Magic*/

	.blog_content {
		min-height: auto;
	}

	.abt_more_info.pb100 {
		padding: 0 0 40px;
	}

	.about_sec_2 .gap-30 {
		flex-direction: column;
		gap: 30px;
	}

	.abt_image_sec {
		width: 100%;
	}

	.quality-col img {
		margin: 0 auto;
		display: block;
		transform: unset;
	}

	.quality-col {
		width: calc(100% / 2 - 10px);
		border: 1px solid #ddd;
		min-height: 120px;
		object-fit: contain;
		display: flex;
		align-items: center;
	}

	.quality-col:last-child {
		width: 100%;
	}

	.quality_outer {
		flex-wrap: wrap;
		gap: 15px 10px;
		justify-content: space-between;
	}

	.half-list li::before {
		width: 25px;
		height: 25px;
		background-size: 14px;
		top: 6px;
		left: -10px;
		border-radius: 3px;
		position: relative;
		display: inline-flex;
	}

	.abt-content .half-list li {
		width: 100%;
		margin: 0 auto;
		padding-left: 20px;
	}

	form.getintouch span.qty_inc {
		width: calc(100% / 4 - 50px);
	}

	.product-hide-form .half-col {
		width: 100%;
	}

	.full-list.half-list li {
		width: 100%;
		padding: 10px 10px 10px 25px;
		margin-bottom: 10px;
		border: 1px solid #ddd;
		border-radius: 9px;
	}

	.description-grid .full-list {
		max-width: 100%;
		/* margin-top: 30px; */
		justify-content: flex-start;
	}

	.description-grid .half-list {
		flex-wrap: wrap;
		gap: 5px 20px;
		padding: 0;
		justify-content: space-between;
		max-width: 100%;
	}

	.description-grid .faq-col.active-col {
		padding: 30px 0px;
	}

	.price-pro h4 {
		font-size: 24px;
	}

	.foothills_grid a {
		font-size: 18px;
		font-weight: 500;
		line-height: 26px;
	}

	.him_drop-icon {
		padding: 8px;
		margin: -25px 0 15px;
	}

	/*
    .bottle_col-img img {
        max-width: 400px;
        margin: 0 auto;
        display: block;
    }*/
	.menu li a {
		padding: 10px 20px;
	}

	.menu li {
		margin: 0px !important;
	}

	.navbar.active .menu {
		padding-top: 55px;
	}

	.single-post-text .main-hedaing {
		font-size: 25px;
		font-weight: 500;
	}

	.thanks-banner {
		background-size: 100% 100% !important;
		padding: 70px 15px !important;
	}

	.thanks-banner.inner-banner h1::before {
		margin: auto;
	}

	.faq-form textarea {
		height: 125px;
	}

	.pro_categories li {
		width: calc(100% / 3 - 20px);
	}

	.pro_categories li:last-child {
		width: 100%;
	}

	.latest_blog {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	.pro_categories ul {
		margin-top: 40px;
	}

	.submit-btn {
		padding: 12px 10px;
		font-size: 16px;
		margin-top: 20px;
		font-weight: 400;
		line-height: 16px;
		max-width: 250px;
		margin: 0 auto;
	}

	.pro-btn {
		display: none;
	}

	.pro-btn_block {
		display: block !important;
		text-align: center;
		width: 100%;
		margin-top: 20px;
	}

	.pro-btn_block .defbtn {
		margin-bottom: 0px !important;
		max-width: 140px;
		width: 100%;
	}

	.product_main .product_grid,
	.explore-grid .product_main {
		grid-template-columns: repeat(2, 1fr);
	}
	.faq-column h3 {
	font-size: 17px;
	line-height: 22px;
	font-weight: 400;
	padding-right: 10px;
}
.faq-column.active-column {
	padding: 25px 15px;
}
.faq-column {
	padding: 10px 15px;
	border-radius: 5px;
}
.faq-arrows i {
	font-size: 16px;
	line-height: 16px;
}

.pagination-main .d-flex {
	gap: 10px !important;
}
.pagination-main li a {
	width: 20px;
	height: 20px;
	padding: 4px;
	border-radius: 3px;
}
.nutri_grid {
	grid-template-columns: repeat(3, 1fr);
}
.nutri-box {
	padding: 20px 15px;
	border-radius: 5px;
}
.nutri_grid .nutri-box:last-child {
    grid-column: span 3;
 }
    .nutri-bottom p span {
        font-size: 1rem;
    }
    .advantage-grid h3 {
    	font-size: 18px;
    	line-height: 26px;
    	margin-bottom: 10px;
    }
    .advantage-grid {
    	gap: 15px;
    }
    .advantage-col {
	padding: 30px 14px;
	width: calc(100% / 2 - 40px);
}
}

@media (max-width: 625px) {
	.choose-col .choose-card {
		width: 100%;
	}

	.choose-col {
		flex-wrap: wrap;
		gap: 20px;
	}

	.choose_img img {
		width: 100%;
	}

	.abt-content .half-list li {
		font-size: 16px;
		text-wrap: wrap;
	}

	p:not(:last-child),
	li:not(:last-child),
	h1:not(:last-child),
	h2:not(:last-child),
	h3:not(:last-child),
	h4:not(:last-child),
	h5:not(:last-child),
	h6:not(:last-child) {
		margin: 0 0 10px;
	}

	.slick-arrow:before {
		width: 18px;
	}

	.main-hedaing, .main-hedaing span {
		font-size: 25px;
		line-height: 35px;
	}

	.baner_marquee marquee,
	.baner_marquee marquee span {
		font-size: 22px;
	}

	.product_card {
		width: 100%;
	}

	.logo img {
		max-width: 160px;
	   display: block;
	}

	.contact-col {
		max-width: 40%;
	}

	.header-left {
		gap: 10px;
	}

	.defbtn img {
		padding-left: 8px;
		max-width: 14px;
	}

	.toggle-menu .close {
		left: unset;
		right: 10px;
	}

	.main-header {
		padding: 10px 15px;
	}

	.banner {
		padding: 100px 0px 60px;
	}

	.banner .container {
		max-width: 98%;
		padding: 0px 15px;
	}

	.banner .slick-arrow.slick-prev::before {
		left: -19px;
	}

	.banner .slick-arrow.slick-arrow.slick-next::before {
		right: -19px;
	}

	.phone-col img {
		padding: 6px;
		margin-right: 10px;
		max-width: 25px;
	}

	.busine_card h4 {
		font-size: 20px;
	}

	.faq-col h3 {
		margin-right: 8px !important;
	}

	.faq-col p {
		margin-top: 0;
	}

	.faq-form {
		padding: 30px 20px;
	}

	.mid-hd {
		font-size: 24px;
		font-weight: 600;
	}

	.contact-form form .half-col {
		width: 100%;
	}

	.contact-form {
		padding: 0 15px;
	}
	.contact_bor_2.contact-form{
    	padding: 25px !important;
    	
    }

	.contact-form .main-hedaing {
		margin-bottom: 20px !important;
	}

	.submit-btn {
		padding: 14px 20px;
		font-size: 16px;
		margin-top: 20px;
	}

	.black-btn {
		font-size: 16px;
	}

	.copyright-col a {
		font-size: 16px;
	}

	.ft-logo img {
		max-width: 190px;
	}

	.wishlist span {
		margin-left: -27px;
		width: 40px;
		padding: 8px;
		font-size: 16px;
	}

	.gallery_sec_flex {
		flex-wrap: wrap;
	}

	.gallery_sec_flex .w-30,
	.gallery_sec_flex .w-70 {
		width: 100%;
	}

	.gal_categories ul {
		margin-bottom: 0;
	}

	.gallery-arrow-right img,
	.gallery-arrow-left img {
		padding: 14px;
		max-width: 15px;
		width: 100%;
		object-fit: contain;
	}

	.blog-main .blog-card {
		width: calc(100% / 1 - 0px);
	}

	.blue-bottom-line {
		margin-bottom: 20px !important;
	}

	.blog-main .d-flex {
		gap: 20px 0;
	}

	/*.test_card {*/
	/*    width: 100%;*/
	/*}*/
	.test_card .sub-hd {
		font-size: 20px;
	}

	/* process section */
	.circle-slide_img img {
		max-width: 250px;
		margin-top: 50px;
	}

	.circle-slide_img::before {
		width: 300px;
		height: 300px;
	}
	
	.circle-slide_img::before {
    	left: 0;
    }

	.we_pro_left {
		max-width: 370px;
	}

	.we_num_pro span {
		width: 30px;
		height: 30px;
		font-size: 20px;
		border: 2px solid #000;
	}

	.we_pro_1 span {
		top: -145px;
		right: 80px;
	}

	.we_pro_2 span {
		right: 40px;
		top: -100px;
	}

	.we_pro_3 span {
		right: 15px;
		top: -40px;
	}

	.we_pro_4 span {
		top: 20px;
		right: 20px;
	}

	.we_pro_5 span {
		right: 45px;
		top: 70px;
	}

	.we_pro_6 span {
		top: 110px;
		right: 85px;
	}

	.we_pro_right {
		margin-top: -20px;
	}

	.we_pro_right_card_head img {
		width: 15%;
	}

	.we_pro_right_card_head {
		margin: 15px 0;
	}

	.we_pro_right_card_head h2 {
		margin-left: -35px;
		font-size: 20px;
	}

	.we_pro_right_card {
		padding: 15px 20px;
	}

	h4.we_pro_h4 {
		font-size: 20px;
	}

	h4.we_pro_h4::before {
		width: 50px;
		height: 1px;
		bottom: 1px;
	}

	.we_pro_right_card .mt25 {
		margin-top: 10px;
	}

	.we_provide .choose_img img {
		max-width: 150px;
	}

	/* products */

	.product_main .product_grid {
		gap: 25px;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		width: 80%;
		margin: 0 auto;
	}

	.product_main .product_card {
		padding: 30px 15px;
		width: auto;
		position: relative;
	}

	.explore-grid .product_main {
		gap: 25px 30px;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}

	.explore-grid .product_card {
		padding: 30px 15px;
		width: auto;
		position: relative;
	}

	/* products */

	/* Gallery*/
	.blog_ul:before {
		margin: -3px 0;
	}

	/* Gallery*/

	/* Marketing Magic*/

	.process-card {
		width: 100%;
	}

	.event-col {
		gap: 10px;
	}

	.event-col {
		flex-wrap: wrap;
	}

	.process-card p,
	.event_place_right .process-card p {
		max-width: 100%;
	}

	.banner-flex {
		gap: 10px;
	}

	.slider-arrow {
		font-size: 17px;
		width: 25px;
		height: 37px;
	}

	.blog-grid {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 20px;
	}

	/* Marketing Magic*/
	.test_flex {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}

	.test_card {
		width: auto;
		padding: 15px 25px;
	}

	.qtc-col {
		flex-wrap: wrap;
		gap: 20px;
	}

	form.getintouch span.qty_inc {
		border-radius: 10px;
		padding: 5px 10px;
		font-size: 14px;
		width: calc(100% / 2 - 30px);
	}

	.front_btn {
		padding: 20px 30px;
	}

	.foothills_grid {
		margin-top: 50px;
		grid-template-columns: repeat(1, 1fr);
	}

	.defbtn {
		padding: 14px 11px;
	}

	.thanks-banner {
		background-size: 100% 100% !important;
		background-image: url(https://justvoda.com/public/images/0027174001703742918_mob-thanks-banner.webp) !important;
		padding: 40px 10px !important;
	}

	a.edit {
		position: absolute;
		right: 8px;
		top: 8px;
		width: max-content;
		background: #00adef;
		padding: 6px 5px;
		border-radius: 3px;
		font-size: 15px;
		color: #fff;
		font-weight: 300;
		line-height: 16px;
	}

	a.edit {
		right: 8px;
		top: 8px;
		padding: 6px 5px;
		border-radius: 3px;
		font-size: 15px;
		line-height: 16px;
	}

	.product_outer .product_grid {
		flex-direction: column;
	}

	.product_outer .product_card {
		width: calc(100% / 1 - 20px);
	}

	.phone-col p {
		font-size: 18px;
		font-weight: 500;
	}

	.phone-col p i {
		font-weight: 300;
	}

	.blue_dot-list {
		grid-template-columns: auto;
		gap: 0px;
	}


	.thanks-banner p {
	width: 70%;
}

	.thanks-banner .defbtn {
		display: block;
		max-width: 140px;
		margin: 10px auto 0;
	}
	.mt50 {
	margin-top: 20px;
}
.faq-column h3 {
	font-size: 16px;
}
.faq-column {
	padding: 10px;
	margin-bottom: 6px;
}
.faq-col.active-col {
	padding: 20px 10px;
}
.faq-col {
	padding: 10px;
}
.nutri_grid {
	grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.nutri_grid .nutri-box:last-child {
    grid-column: span 2;
 }
  .nutri-box p, .nutri-box p span {
    font-size: 30px;
    line-height: 35px;
    font-weight: 500;

 }
 .nutri-box h5 {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 10px;
}
.advantage-col, .advantage-col:nth-last-child(-n+2) {
    width: 100%;
}


}

@media (max-width: 435px) {

	.banner h1,
	.banner h2 {
		font-size: 25px;
	}

	.inner-banner h1 {
		font-size: 28px;
		font-weight: 500;
	}

	.main-hedaing, .main-hedaing span {
		font-size: 22px;
		line-height: 32px;
		font-weight: 400;
	}

	.product_card h3 {
		font-size: 20px;
	}

	.half-list {
		flex-wrap: wrap;
		max-width: 100%;
		gap: 5px;
	}

	.half-list li {
		width: 100%;
	}

	.half-list li::before {
		width: 26px;
		height: 26px;
		background-size: 15px;
	}

	.about_outer .container.d-flex {
		gap: 40px;
	}

	.review-card h4 {
		font-size: 18px;
	}

	.review-card span {
		font-size: 14px;
	}

	.review-col {
		padding: 30px 15px;
	}

	.review-flex {
		padding: 0 0px;
	}

	.big-para {
		font-size: 18px;
		line-height: 30px;
	}

	.brand-col:nth-child(odd) {
		border-right: 1px solid #ddd;
	}

	.brand-col {
		width: 100%;
		min-height: auto;
		padding: 5px 40px;
	}

	.brand-col:nth-child(4) {
		border-top: 0;
	}

	.defbtn,
	.hd-active .act-defbtn {
		font-size: 15px;
		padding: 10px 7px;
		font-weight: 500;
		border-radius: 4px;
	}

    .toggle-menu svg {
    	width: 34px;
    	height: 34px;
    }

	.main-header {
		padding: 10px;
	}

	.logo img {
		max-width: 105px;
	}

	.defbtn img {
		padding-left: 9px;
		max-width: 13px;
	}

	.defbtn:hover img {
		padding-left: 8px;
	}

	.slick-arrow::before {
		width: 22px;
		height: 44px;
		background-size: 8px;
	}

	.tree-img {
		max-height: 430px;
	}

	.busine_card {
		width: 100%;
	}

	.ft-col h3 {
		font-size: 20px;
	}

	.ft-logo img {
		max-width: 190px;
	}

	.ft-cont a {
    	margin-bottom: 10px;
    	font-size: 15px;
    	font-weight: 400;
    	line-height: 21px !important;
    	gap: 0px;
    }

	.add-cart {
		padding: 12px;
	}

	.add-cart img {
		padding: 6px;
	}

	.mt50 {
		margin-top: 20px;
	}

	.we_provide_tab ul li {
		font-size: 16px;
		white-space: nowrap;
	}

	.we_provide .choose-card h3 {
		font-size: 22px;
	}

	.inner-banner {
		padding: 120px 15px 90px;
	}

	.abt_img .girl-img {
		max-width: 210px;
	}


	.contact-form form select {
		font-size: 16px;
	}

	.contact-form form {
		gap: 18px 11px;
	}

	/* contact Page */

	.contact_icon {
		border: 1px solid #d9d9d9;
		padding: 5px;
	}

	.our_part_images {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 15px;
	}

	/* Contact Page */
	/* process section */
	.circle-slide_img img {
		max-width: 200px;
		margin-top: 40px;
	}

	.circle-slide_img::before {
		width: 240px;
		height: 240px;
	}

	.we_pro_left {
		max-width: 260px;
	}

	.we_num_pro span {
		width: 25px;
		height: 25px;
		font-size: 16px;
	}

	.we_pro_1 span {
		top: -105px;
		right: 35px;
	}

	.we_pro_2 span {
		right: 3px;
		top: -68px;
	}

	.we_pro_3 span {
		right: -6px;
		top: -20px;
	}

	.we_pro_4 span {
		top: 30px;
		right: 0px;
	}

	.we_pro_5 span {
		right: 25px;
		top: 67px;
	}

	.we_pro_6 span {
		right: 62px;
		top: 95px;
	}

	h4.we_pro_h4 {
		font-size: 18px;
	}

	.we_pro_right_card_head h2 {
		margin-left: -30px;
		font-size: 18px;
	}

	.abt_img img {
		width: 90%;
		display: block;
		margin: 0 auto;
	}

	.mid-heading {
		color: #000;
		font-size: 20px;
		font-weight: 600;
		line-height: 24px;
		font-family: "Poppins", sans-serif;
	}
	.about_outer .defbtn {
    	max-width: 126px;
    	width: 100%;
    	text-align: center;
    	padding: 12px;
    }
    	
    .getintouch .submit-btn {
    	padding: 12px 20px;
    }

	.gal_images .item {
		width: calc(100% / 1 - 0px);
	}

	.gal_images .item img {
		width: 100%;
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}

	h4.blue-bottom-line {
		font-size: 16px;
	}

	.test_flex.mt50 {
		margin-top: 50px;
	}

	.single-post-text h2 {
		font-size: 20px;
	}

	/* process section */
	/* Product*/
	.pagination-main li a {
		margin: 0;
		width: 30px;
		display: flex;
		justify-content: center;
		height: 30px;
		padding: 5px;
		border-radius: 10px;
		color: #fff;
	}

	/*Product*/

	form.getintouch span.qty_inc {
		width: 39%;
	}

	.bottle-left {
		background-color: #fff;
		border-radius: 9px;
		padding: 35px 60px;
	}

	.front_btn {
		padding: 10px 15px;
		text-align: center;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 19.05px;
		border: 0;
		outline: none;
		cursor: pointer;
	}

	.defbtn i {
		padding-left: 5px !important;
	}

	.quality-col {
		width: 100%;
		transform: unset !important;
	}

	.single-post-text .main-hedaing {
		font-size: 22px;
		font-weight: 500;
		line-height: 33px;
	}

	.thanks-banner .container {
		max-width: 100% !important;
	}

	.thanks-banner {
		background-image: url(https://justvoda.com/public/images/0465599001703746927_short-mob-banner(1).webp) !important;
	}

	.bottle-left {
		border-radius: 9px;
		padding: 30px 20px;
		max-width: 100%;
	}


	.bottle-upload.upload-btn {
		margin: 0 0;
		width: 100%;
		text-align: left;
	}

	.upload-col .half-col {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}

	.upload-col {
		flex-direction: column;
		justify-content: flex-start;
		gap: 10px;
	}

	.banner {
		padding: 80px 0px 40px;
	}

	.phone-col {
		justify-content: center;
		text-align: center;
		width: 100%;
	}

	.phone-col p {
		font-size: 18px;
		font-weight: 500;
	}

	.phone-col img {
		padding: 8px;
		max-width: 20px;
	}

	.banner-btn-group {
		gap: 20px;
	}

	.pro_categories li {
		width: calc(100% / 2 - 20px);
	}

	.pro_categories ul {
		gap: 0px 10px;
	}

	.product_main .product_grid,
	.explore-grid .product_main {
		gap: 25px;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		width: 100%;
	}

	p,
	li,
	a,
	input,
	span {
		font-size: 15px;
		line-height: 25px;
	}

	.contact-form form input::placeholder {
		line-height: 80px;
	}

	.contact-form form input::-webkit-input-placeholder {
		white-space: pre-line;
	}

	.contact-form form input::-moz-placeholder {
		white-space: pre-line;
	}

	.contact-form form input:-ms-input-placeholder {
		white-space: pre-line;
	}

	.contact-form form input:-moz-placeholder {
		white-space: pre-line;
	}

	::placeholder,
	::-moz-text-control-preview {
		overflow: visible !important;
	}
	 .contact-form form input[name="bottle_type"] {
        height: 60px;
        padding-bottom: 15px;
    }
	.fix-bottom {
        position: fixed;
        bottom: 20px;
        right: 20px;
    }
    .fix-bottom a i {
       font-size: 25px;
       padding: 10px;
       line-height: 25px;
    }
    
    .ft-cont i {
        padding: 13px 10px;
    }
    .ft-cont a {
        line-height: 28px;
    }
    .faq-col h3 {
	font-size: 16px;
	padding-left: 10px;
}
    .nutri_grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .nutri_grid .nutri-box:last-child {
        grid-column: span 1;
     }

}

/* responsive end */