/* large desktop :2160px. */
@media (min-width: 2160px) and (max-width: 3840px) {}


/* large desktop :2001px. */
@media (min-width: 1920px) and (max-width: 2159px) {


	.container-fluid {
		padding: 0px 128px !important;

	}

	/* .row { border: 1px solid #000;}  */

	.stellarnav>ul>li>a {
		font-size: 20px;
		font-weight: 600;
	}

	.logo {
		width: 110px;
	}

	.stellarnav ul {
		gap: 42px;
	}

	.usercard a {
		width: 50px;
		height: 50px;
	}

	.usercard a img {
		width: 23px;
	}

	.main-nav.scroll {
		height: 90px;
		padding: 9px 0px;
	}

	.main-nav.scroll .logo {
		width: 101px;
		margin: 12px 0px;
	}

	.bannercard-section {
		padding: 100px 0px 0px 0px;
	}

	.textcard-top h2 {
		padding: 0px 12%;
		font-size: 90px;
		line-height: 94px;
	}

	.textcard-left h5 {
		margin: 5px 0px 40px 0px;
		font-size: 36px;
		line-height: 53px;
	}

	.feeldifferencetext .buynow_section {
		margin: 35px 0px;
		width: 525px;
	}

	.feeldifferencetext .buynow_section .buynow-btn {
		width: 525px;
		display: block;
	}

	.bannercard-section .buynow_section .buynow-btn {
		width: 338px;
		display: block;
	}

	.bannercard-section .buynow_section {
		width: 338px;
	}


	.pricedelivery-text .buynow_section {
		width: 338px;
	}

	.pricedelivery-text .buynow_section .buynow-btn {
		width: 338px;
		display: block;
	}


	.buynow-btn {
		margin: 19px 0px;
		padding: 19px 41px;
		font-size: 36px;
		font-weight: 600;

	}

	.buynow_section p {
		margin: 25px 0px 0px 0px;
		font-size: 16px;
		line-height: 5px;
	}

	.textcard-img {
		width: 780px;
		height: auto;
		bottom: -280px;
	}

	.quickbenefits-section::before {
		left: 0px;
		top: -45%;
		right: 0px;
	}

	.freshflavour01 {
		right: 17%;
		width: 200px;
		bottom: 22%;
	}

	.freshflavour02 {
		left: 27%;
		width: 94px;
		bottom: -18%;
	}

	.quickbenefit01 {
		right: 0px;
		width: 200px;
		top: -4%;
	}

	.quickbenefit02 {
		position: absolute;
		left: 4%;
		width: 180px;
		bottom: -12%;
		z-index: 9;
	}

	.quickbenefits-section h2 {
		margin: 0px 0px 30px 0px;
		font-size: 64px;
		line-height: 94px;
	}

	.benefitcard p {
		font-size: 32px;
		line-height: 36px;
	}

	.pricedelivery-text h2 {
		font-size: 64px;
		line-height: 94px;
	}

	.pricedelivery-text h6 {
		margin: 0px 0px 20px 0px;
		font-size: 20px;
		line-height: 40px;
	}

	.pricedelivery-text li {
		margin: 0px 0px 5px 0px;
		font-size: 20px;
		line-height: 40px;
	}

	.featurecard h5 {
		font-size: 20px;
		line-height: 40px;
		width: 34%;
	}

	.featurecard h6 {
		font-size: 20px;
		line-height: 40px;
	}

	.howtousecard h5 {
		font-size: 32px;
		line-height: 36px;
	}

	.howtousecard h6 {
		font-size: 20px;
		line-height: 40px;
	}

	.howtouse h3 {
		margin: 60px 0px 20px 0px;
		font-size: 64px;
		line-height: 40px;
	}

	.howtousecard {
		margin: 0px 0px 55px 0px;
		padding: 32px 12px;
		min-height: 325px;
	}

	.peoplesaying-section h2 {
		margin: 0px;
		font-size: 40px;
		line-height: 52px;
	}

	.customercard p {
		padding: 0px 0%;
		margin: 21px 0px 20px 0px;
		font-size: 48px;
		line-height: 59px;
		width: 91%;
	}

	.peoplesaying-section::before {
		left: 0px;
		bottom: -64%;
		z-index: 99;
		right: 0px;
	}

	.peoplesaying-section {
		margin: 70px 0px 230px 0px;
		padding: 84px 0px 0px 0px;
		position: relative;
		background: #FFCD55;
		width: 100%;
		min-height: 500px;
		border-radius: 70px 70px 0px 0px;
	}

	.linkcard p {
		padding: 0px;
		font-size: 24px;
		font-weight: 500;
		line-height: 30px;
	}

	.frequentlyquestions-section h3 {
		margin: 5px 0px 45px 0px;
		font-size: 40px;
		line-height: 52px;
	}

	.accordion-body p {
		margin: 0px 0px 19px 0px;
		font-size: 20px;
		line-height: 33px;
	}

	.feeldifferencetext h2 {
		margin: 0px 0px 20px 0px;
		font-size: 64px;
		font-weight: 700;
		line-height: 70px;
	}

	.feeldifferencetext h2 span::before {
		width: 36%;
		height: 10px;
		left: 83px;
		bottom: -15px;
	}

	.feeldifferencetext h5 {
		margin: 20px 0px;
		font-size: 24px;
		font-weight: 400;
		line-height: 36px;
	}

	.subscribenews-section h3 {
		font-size: 42px;
		font-weight: 400;
		line-height: 48px;
	}

	.subscribe .form-control {
		font-size: 21px;
		font-weight: 400;
	}

	.submitbtn {
		padding: 12px 0px;
		font-size: 21px;
	}

	.feeldifferenceflavour01 {
		right: 11%;
		width: 106px;
		bottom: 15%;
	}

	.feeldifferenceimg {
		width: 100%;
	}

	.featurecard {
		padding: 1px 14px;
	}

	.footer-links ul li a {
		font-size: 20px;
	}

	.footer-links ul li {
		line-height: 41px;
	}

	.copyright {
		padding: 25px 0px;
		font-size: 21px;
	}

	.copytext-left {
		font-size: 18px;
	}

	.copytext-right {
		font-size: 20px;
		gap: 35px;
	}

	.quickbenefits-section {
		margin: 320px 0px 0px 0px;
	}

	.whatinside h2::before {
		background-image: url(../images/Inside.png);
		background-repeat: no-repeat;
		content: "";
		width: 33%;
		height: 10px;
		display: inline-block;
		position: absolute;
		left: 0px;
		bottom: 10px;
		background-size: 100% 100%;
	}


	.qualitytrust-text h2 {
		font-size: 64px;
		font-weight: 700;
		line-height: 70px;
	}


	.pricedelivery-text ul {
		margin: 5px 0px 10px 0px;
		padding: 0px 0px;
		width: 100%;
		position: relative;
	}

	.benefit-sect {
		margin: 0px 0px;
		padding: 0px 110px;
		position: relative;
		width: 100%;
	}

	.benefit-sect-outer {
		margin: 0px;
		position: relative;
		z-index: 99;
		top: -70px;
	}

	.pricedeliveryimg-outer {
		margin: 80px 120px 0px 0px;
		padding: 0px 0px;
	}

	.whatinside-outer {
		margin: 80px 120px 0px 0px;
	}


	.howtousecard-img img {
		width: 120px;
	}

	.howtousecard {
		margin: 0px 0px;
		padding: 32px 12px;
		background: #fff7e5;
		border-radius: 18px;
		min-height: 340px;
	}

	.linkcard-text p {
		padding: 0px 0px 0px 0px;
	}

	.feeldifferencetext h2 {
		margin: 0px 0px 36px 0px;
	}


	.feeldifferencetext h5 {
		margin: 0px 0px 19px 0px;
		padding: 0px 0px;
		text-align: left;
		font-size: 24px;
		font-weight: 400;
		color: #170F49;
		line-height: 36px;
		width: 89%;
	}


	.feeldifferencetext {
		margin: 0px 0px;
		padding: 40px 0px 0px 30px;
		position: relative;
		width: 100%;
	}

	.buynow_section {
		margin: 35px 0px;
		width: 235px;
	}


	.textcard-left .buynow_section {
		margin: 40px 0px;
		width: 338px;
	}


	.linkcard {
		margin: 0px 0px 17px 0px;
		padding: 11px 44px;
	}


}


/* large desktop :1400px. */
@media (min-width: 1280px) and (max-width: 1919px) {

	.container-fluid {
		padding: 0px 90px !important;
	}


	.textcard-top {
		margin: 0px 0px 15px 0px;
		padding: 0px;
		position: relative;
	}

	.textcard-top h6 {
		font-size: 14px;
		line-height: 24px;
	}

	.textcard-top h2 {
		padding: 0px;
		text-align: center;
		font-size: 45px;
		font-weight: 700;
		color: #463EA0;
		line-height: 55px;
		width: 42%;
		margin: 0px auto;
	}

	/* .textcard-img {
	margin: 0px auto;
	position: absolute;
	width: 440px;
	height: 357px;
	left: 0px;
	right: 0px;
	bottom: -81px;
} */

	.textcard-img {

		margin: 0px auto;

		position: absolute;

		width: 40%;

		height: 90%;

		left: 0px;

		right: 0px;

		bottom: -180px;

	}

	.textcard-img img {

		width: 100%;

		height: 100%;

	}


	.textcard-left h5 {
		font-size: 25px;
		line-height: 30px;
	}

	.quickbenefits-section {
		margin: 209px 0px 0px 0px;
	}

	.benefit-sect {
		margin: 0px 0px;
		padding: 0px 40px;

	}

	.freshflavour02 {
		position: absolute;
		left: 27%;
		width: 78px;
		bottom: -23%;
	}

	.textcard-left {
		margin: 40px 0px 0px;
	}

	.freshflavour01 {
		position: absolute;
		right: 14%;
		width: 140px;
		bottom: 19%;
	}


	.freshflavour01 {
		position: absolute;
		right: 19%;
		width: 140px;
		bottom: 22%;
	}


	.quickbenefit01 {
		position: absolute;
		right: 0px;
		width: 160px;
		top: -1%;
	}


	.linkcard {
		margin: 0px 0px 17px 0px;
		padding: 11px 23px;
		width: 32%;
		background: #fff9fe;
		border-radius: 19px;
		position: relative;
		font-size: 23px;
		font-weight: 400;
		color: #170F49;
		line-height: 24px;
		list-style: none;
		height: 85px;
		display: flex;
		align-items: center;
		justify-content: start;
		gap: 16px;
	}

	.pricedelivery-text .buynow_section {
		margin: 55px 0px;
		width: 235px;
	}


}


/* desktop 1200px to 1600px */
@media (min-width: 1200px) and (max-width: 1365px) {
	.quickbenefits-section::before {
		top: -29%;
	}


}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
	.container-fluid {
		padding: 0px 50px !important;
	}

	.stellarnav ul {
		gap: 35px;
	}

	.stellarnav>ul>li>a {
		font-size: 16px;
	}

	.logo {
		width: 112px;
		margin: 2px 0px 1px 0px;
	}

	.main-nav.scroll .logo {
		width: 112px;
		margin: 12px 0px;
	}

	.textcard-top h2 {
		padding: 0px 7%;
		font-size: 76px;
		line-height: 88px;
	}

	.textcard-top h2 {
		padding: 0px 7%;
		font-size: 76px;
		line-height: 88px;
	}

	.quickbenefits-section::before {
		height: 400px;
		left: 0px;
		top: -24%;
		z-index: 99;
		right: 0px;
	}

	.benefitcard p {
		font-size: 20px;
		line-height: 26px;
	}

	.quickbenefit01 {
		width: 111px;
		top: 2%;
	}

	.quickbenefits-section {
		margin: 128px 0px 0px 0px;
		padding: 0px 0px 60px 0px;
		min-height: auto;
		border-radius: 0px 0px 40px 40px;
	}

	.howtousecard-img {
		margin: 0px auto 9px auto;
		width: 100px;
		height: 100px;
	}

	.howtousecard h5 {
		font-size: 19px;
		line-height: 21px;
	}

	.howtousecard {
		min-height: auto;
	}


	.featurecard {
		padding: 6px 0px;
		gap: 17px;
	}

	.featurecard h5 {
		font-size: 16px;
		line-height: 27px;
		width: 38%;
	}

	.peoplesaying-section {
		margin: 45px 0px 121px 0px;
		padding: 64px 0px 0px 0px;
		min-height: auto;
		border-radius: 35px 35px 0px 0px;
	}

	.customercard {
		margin: 37px auto 38px auto;
		padding: 38px 32px;
		width: 100%;
		min-height: 260px;
	}

	.peoplesaying-section::before {
		width: 100%;
		height: 400px;
		bottom: -81%;
		right: 0px;
	}

	.qualitytrust-text h2 {
		font-size: 43px;
		line-height: 54px;
	}

	.linkcard {
		margin: 0px 0px 17px 0px;
		padding: 11px 23px;
		width: 49%;
		font-size: 23px;
	}

	.qualitytrust-section {
		padding: 60px 0px 30px 0px;
	}

	.footer-links ul {
		width: 88%;
	}

	.footer-links ul li {
		line-height: 25px;
	}

	.footer-links ul li a {
		font-size: 15px;
	}

	.copyright {
		margin: 23px 0px 0px 0px;
		font-size: 15px;
		;
	}

}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	.container-fluid {
		padding: 0px 30px !important;
	}

	.stellarnav {
		justify-content: end;
	}

	.stellarnav .menu-toggle span.bars {
		margin-right: 0px;
		top: 3px;
	}

	.medicine-test {
		margin: 2px 7px 0px 0px;
		padding: 10px 18px;
		font-size: 13px;
	}

	.logo {
		width: 106px;
		margin: 6px 0px 1px 0px;
	}

	.main-nav.scroll .logo {
		width: 106px;
		margin: 14px 0px;
	}

	.menu-toggle {
		display: block !important;
		text-align: center;
	}

	.stellarnav .menu-toggle span.bars {
		top: 0px;
	}

	.stellarnav .menu-toggle {
		padding: 6px;
	}

	.stellarnav .menu-toggle span.bars span {
		width: 29px;
		height: 3px;
		margin: 0 0 5px;
		background: #514949;
	}

	.stellarnav.mobile.right>ul {
		z-index: 999;
		background: #111314;
	}

	.main-nav .stellarnav ul ul {
		width: 100%;
		background: #fff0f6;
		padding: 11px 2px;
	}

	.modal-body {
		padding: 12px 25px 16px 21px;
	}

	.stellarnav>ul>li>a:hover {
		color: #463EA0 !important;
		border-bottom: #a8a4d1 1px solid;
	}

	.stellarnav>ul>li>a.active {
		color: #463EA0 !important;
		border-bottom: #a8a4d1 1px solid;
	}

	.stellarnav .icon-close::after {
		border-bottom: solid 3px #ec0808;
	}

	.stellarnav .icon-close::before {
		border-bottom: solid 3px #ec0808;
	}

	.stellarnav a.dd-toggle .icon-plus::after {
		border-bottom: solid 3px #999494;
	}

	.stellarnav a.dd-toggle .icon-plus::before {
		border-bottom: solid 3px #999494;
	}

	.stellarnav.mobile li a {
		color: #999494;
		font-size: 17px;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15);
	}

	.stellarnav .menu-toggle span.bars {
		top: 6px !important;
	}

	.textcard-top h2 {
		padding: 0px 12%;
		font-size: 52px;
		line-height: 59px;
	}

	.quickbenefits-section {
		margin: -240px 0px 0px 0px;
		padding: 0px 0px 60px 0px;
		position: relative;
		z-index: 99;
		border-radius: 0px 0px 30px 30px;
	}

	.quickbenefits-section::before {
		height: 400px;
		top: -120px;
		z-index: 99;
		right: 0px;
	}

	.stronger::before {
		width: 100%;
		height: 20px;
		bottom: -15px;
	}

	.freshflavour01 {
		right: 3%;
		width: 62px;
		bottom: 22%;
		display: none;
	}

	.freshflavour02 {
		left: 36%;
		width: 48px;
		bottom: -5%;
		display: none;
	}

	.textcard-img {
		right: -30%;
		bottom: 293px;
	}

	.textcard-left h5 {
		margin: 0px 0px 19px 0px;
		font-size: 18px;
		line-height: 27px;
	}

	.quickbenefit01 {
		width: 90px;
		top: 5%;
	}

	.quickbenefit02 {
		left: 3%;
		width: 95px;
		bottom: -3%;
	}

	.pricedelivery-section {
		padding: 20px 0px 0px 0px;
	}

	.pricedeliveryimg {
		margin: 56px 0px 16px 0px;
		width: 100%;
	}

	.pricedelivery-text {
		padding: 30px 0px;
	}

	.whatinside {
		margin: 2px 0px 0px 0px;
		padding: 16px 37px;
	}

	.whatinside h2::before {
		width: 40%;
	}

	.howtouse {
		margin: 40px 0px 0px 0px;
	}

	.howtouse h2 {
		margin: 0px 0px 20px 0px;
		line-height: 40px;
	}

	.howtousecard {
		margin: 0px 0px 24px 0px;
		min-height: 271px;
	}

	.peoplesayiflavour01 {
		right: 5%;
		width: 84px;
		top: -6%;
	}

	.peoplesaying-section {
		margin: 6px 0px 80px 0px;
		padding: 86px 0px 0px 0px;
		min-height: auto;
		border-radius: 30px 30px 0px 0px;
	}


	.peoplesaying-section h2::before {
		width: 73%;
		height: 8px;
		bottom: -31px;
	}

	.customercard {
		margin: 20px auto 22px auto;
		padding: 38px 28px;
		width: 100%;
		min-height: 260px;
	}

	.peoplesaying-section::before {
		width: 100%;
		height: 300px;
		bottom: -62%;
		right: 0px;
	}

	.qualitytrust-text h2 {
		margin: 0px 0px 30px 0px;
		font-size: 40px;
		line-height: 40px;
	}

	.linkcard {
		margin: 0px 0px 17px 0px;
		width: 49%;
	}

	.frequentlyquestions-section {
		padding: 0px 0px 40px 0px;
	}

	.feeldifference-section {
		padding: 30px 0px 60px 0px;
	}

	.feeldifferenceflavour01 {
		right: 3%;
		width: 83px;
		bottom: 13%;
	}

	.subscribenews-section {
		margin: -91px auto 21px auto;
		padding: 41px 68px;
		width: 100%;
		min-height: auto;
		flex-wrap: wrap;
	}

	.subscribenews-section h3 {
		padding: 0px 0px 20px 0px;
		font-size: 34px;
		line-height: 38px;
		width: auto;
	}

	.subscribe {
		padding: 6px 6px;
		width: 100%;
	}

	.footer-links ul {
		gap: 21px;
	}

	.footer-socialicon {
		gap: 4px;
	}

	.copyright {
		margin: 15px 0px 0px 0px;
		padding: 19px 0px 10px 0px;
	}

	.copytext-left {
		font-size: 13px;
	}

	.copytext-right {
		font-size: 13px;
		gap: 12px;
	}

	.footerlogo {
		width: 79px;
	}

	.footer {
		padding: 25px 0px 0px 0px;
	}

	.footer-links {
		margin-top: 8px;
	}

	.footer-right {
		float: left;
	}

	.footer-links ul li {
		line-height: 35px;
	}

	.footer-links ul li a {
		font-size: 17px;
	}


	.benefit-icon {
		width: 100px;
		height: 100px;
	}

	.benefit-icon img {
		width: 50px;
	}

	.benefit-sect {
		padding: 0px 20px;
	}

	.benefitcard p {
		font-size: 20px;
		line-height: 25px;
	}


	.benefitcard {
		min-height: auto;
	}

	.pricedeliveryimg-outer {
		margin: 50px 30px 0px 0px;
		padding: 0px 0px;
	}

	.pricedelivery-text h2 {
		font-size: 32px;
		line-height: 42px;
	}


	.main-nav {
		padding: 10px 0px;
	}

	.bannercard-section {
		padding: 50px 0px 0px 0px;
	}


	.howtousecard h5 {

		font-size: 30px;
		font-weight: 400;
		line-height: 38px;
	}


	.qualitytrust-section {
		margin: 0px 0px;
		padding: 60px 0px 0px;
		position: relative;
		width: 100%;
	}


	.feeldifferencetext h2 {
		font-size: 22px;
		line-height: 33px;
	}

	.feeldifferencetext h5 {
		margin: 10px 0px;
		padding: 0px 0px;
		text-align: left;
		font-size: 16px;
		font-weight: 400;
		color: #170F49;
		line-height: 26px;
		width: 100%;
	}


	.feeldifferencetext .buynow_section {
		width: 100%;
	}

	.feeldifferencetext .buynow_section .buynow-btn {
		width: 100%;
		display: block;
	}


	.buynow-btn {
		font-size: 20px;
		padding: 10px 40px;
	}

	.pricedelivery-text li {
		font-size: 15px;
		line-height: 20px;
	}


	.pricedelivery-text li::before {
		top: -3px;
		margin: unset !important;
	}

	.whatinside-outer {
		margin: 0px;
	}

}


/* Tablet desktop :320px. */
@media (min-width: 320px) and (max-width: 767px) {
	.container-fluid {
		padding: 0px 20px !important;
	}

	.main-nav.scroll {
		height: auto;
		padding: 5px 0px;
	}

	.topsocial-section {
		display: none;
	}

	.stellarnav ul {
		margin: 0px 0px 0px 0px;
	}

	.logo {
		width: 85px !important;
		margin: 3px 0px 0px 0px;
	}

	.main-nav.scroll .logo {
		margin: 2px 0px;
	}

	.stellarnav .menu-toggle span.bars {
		margin-right: 0px;
	}

	.caunt {
		top: -8px;
		width: 17px;
		height: 17px;
		font-size: 9px;
	}

	.main-nav {
		padding: 10px 0px;
	}

	.usercard a {
		width: 22px;
		height: 22px;
		padding: 0px 7px;
	}

	.usercard a img {
		width: 16px;
	}

	.stellarnav {
		justify-content: end;
		align-items: center;
	}

	.menu-toggle {
		display: block !important;
		text-align: center;
	}

	.stellarnav .menu-toggle span.bars {
		top: 0px;
	}

	.stellarnav .menu-toggle {
		padding: 6px;
	}

	.stellarnav .menu-toggle span.bars span {
		width: 22px;
		height: 2px;
		margin: 0 0 4px;
		background: #514949;
	}

	.stellarnav.mobile.right>ul {
		z-index: 999;
		background: #111314;
	}

	.main-nav .stellarnav ul ul {
		width: 100%;
		background: #fff0f6;
		padding: 11px 2px;
	}

	.stellarnav>ul>li>a:hover {
		color: #463EA0 !important;
		border-bottom: #a8a4d1 1px solid;
	}

	.stellarnav>ul>li>a.active {
		color: #463EA0 !important;
		border-bottom: #a8a4d1 1px solid;
	}

	.stellarnav .icon-close::after {
		border-bottom: solid 3px #ec0808;
	}

	.stellarnav .icon-close::before {
		border-bottom: solid 3px #ec0808;
	}

	.stellarnav a.dd-toggle .icon-plus::after {
		border-bottom: solid 3px #999494;
	}

	.stellarnav a.dd-toggle .icon-plus::before {
		border-bottom: solid 3px #999494;
	}

	.stellarnav.mobile li a {
		color: #999494;
		font-size: 15px;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15);
	}

	.stellarnav .menu-toggle span.bars {
		top: 6px !important;
	}

	.bannercard-section {
		padding: 63px 0px 0px 0px;
		min-height: auto;
	}

	.textcard-top h6 {
		font-size: 14px;
		line-height: 27px;
	}

	.textcard-top h2 {
		padding: 0px 0%;
		font-size: 29px;
		line-height: 38px;
	}

	.textcard-left {
		width: 100%;
	}

	.textcard-top {
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}

	.textcard-img {
		margin: 0px auto;
		position: relative;
		width: auto;
		height: auto;
		bottom: 50px;
	}

	.textcard-left h5 {
		margin: 0px 0px 16px 0px;
		text-align: center;
		font-size: 18px;
		line-height: 26px;
	}

	.buynow_section {
		margin: 35px auto 0px auto;
		width: 235px;
		text-align: center;
	}

	.buynow-btn {
		margin: 15px auto;
		padding: 10px 41px;
		font-size: 14px;
		border-radius: 10px;
		text-align: center;
	}

	.quickbenefits-section::before {
		display: none;
	}

	.stronger::before {
		width: 100%;
		height: 16px;
		bottom: -17px;
	}

	.freshflavour01 {
		display: none;
	}

	.freshflavour02 {
		display: none;
	}

	.quickbenefits-section {
		margin: -100px 0px 0px 0px;
		padding: 37px 0px 30px 0px;
		width: 100%;
		min-height: auto;
		border-radius: 0px;
		z-index: 99;
	}

	.quickbenefits-section h2 {
		margin: 0px 0px 20px 0px;
		font-size: 26px;
		line-height: 34px;
	}

	.quickbenefit01 {
		display: none;
	}

	.quickbenefit02 {
		display: none;
	}

	.benefitcard p {
		font-size: 19px;
		line-height: 25px;
	}

	.pricedelivery-section {
		padding: 20px 0px 0px 0px;
	}

	.pricedeliveryimg {
		margin: 20px 0px 0px 0px;
		width: auto;
	}

	.pricedelivery-text h2 {
		font-size: 26px;
		line-height: 34px;
	}

	.pricedelivery-text h6 {
		margin: 0px 0px 20px 0px;
		font-size: 15px;
		line-height: 22px;
	}

	.pricedelivery-text li {
		margin: 0px 0px 17px 0px;
		position: relative;
		font-size: 16px;
		line-height: 24px;
	}

	.pricedelivery-text {
		padding: 20px 0px;
	}

	.whatinside h2 {
		margin: 0px 0px 20px 0px;
		font-size: 29px;
		line-height: 92px;
	}

	.whatinside {
		margin: 0px 0px 0px 0px;
		padding: 0px 10px;
		width: 100%;
	}

	.featurecard h5 {
		font-size: 15px;
		line-height: 21px;
		width: 30%;
	}

	.featurecard h6 {
		font-size: 15px;
		line-height: 21px;
		width: 70%;
	}

	.howtouse {
		margin: 15px 0px 0px 0px;
	}

	.howtouse h2 {
		margin: 0px 0px 0px 0px;
		font-size: 26px;
		line-height: 65px;
		text-align: center;
	}

	.howtousecard {
		margin: 0px 30px 10px 30px;
		padding: 16px 0px;
		min-height: auto;
	}

	.whatinside h2::before {
		width: 72%;
	}

	.howtouse h3 {
		margin: 0px;
		font-size: 22px;
		text-align: center;
		line-height: 40px;
	}

	.peoplesaying-section {
		margin: 5px 0px 4px 0px;
		padding: 33px 0px 0px 0px;
		min-height: auto;
		border-radius: 0px;
	}

	.peoplesayiflavour01 {
		display: none;
	}

	.peoplesaying-section h2 {
		margin: 0px;
		font-size: 24px;
		line-height: 34px;
	}

	.peoplesaying-section h2::before {
		width: 67%;
		height: 6px;
		bottom: -22px;
	}

	.customercard {
		margin: 24px auto 20px auto;
		padding: 23px 19px;
		width: 100%;
		min-height: auto;
		border-radius: 0px;
	}

	.customercard p {
		margin: 5px 0px 20px 0px;
		font-size: 18px;
		line-height: 28px;
		width: 100%;
	}

	.peoplesaying-section::before {
		display: none;
	}

	.usertext h4 {
		margin: 0px 0px 5px 0px;
		font-size: 17px;
	}

	.usertext h6 {
		font-size: 12px;
	}

	.peoplesaying-section .owl-nav .owl-prev {
		bottom: 7%;
		width: 35px;
		height: 35px;
		right: 67px;
	}

	.peoplesaying-section .owl-nav .owl-next {
		bottom: 7%;
		right: 24px;
		width: 35px;
		height: 35px;
	}

	.star-arrow a {
		font-size: 16px;
	}

	.qualitytrust-text h2 {
		margin: 0px 0px 17px 0px;
		font-size: 29px;
		line-height: 37px;
	}

	.linkcard {
		margin: 0px 0px 5px 0px;
		padding: 5px 20px;
		width: 100%;
		font-size: 20px;
		line-height: 20px;
		align-items: center;
	}

	.qualitytrust-section {
		padding: 30px 0px;
	}

	.linkcard p {
		padding: 0px 0px 0px 0px;
		width: 100%;
		font-size: 18px;
		line-height: 24px;
	}

	.frequentlyquestions-section h3 {
		margin: 0px 0px 20px 0px;
		font-size: 24px;
		line-height: 34px;
	}

	.accordion-button {
		font-size: 17px;
	}

	.accordion-body p {
		margin: 0px 0px 2px 0px;
		font-size: 16px;
		line-height: 22px;
	}

	.accordion-item {
		margin-bottom: 12px;
	}

	.frequentlyquestions-section {
		padding: 29px 0px;
	}

	.feeldifference-section {
		padding: 20px 0px 50px;
	}

	.feeldifferenceimg {
		width: 100%;
	}

	.feeldifferencetext h2 {
		margin: 10px 0px;
		font-size: 24px;
		line-height: 34px;
	}

	.feeldifferencetext h2 span::before {
		width: 36%;
		height: 8px;
		left: 39px;
		bottom: -15px;
	}

	.feeldifferenceflavour01 {
		display: none;
	}

	.feeldifferencetext h5 {
		margin: 0px 0px 19px 0px;
		font-size: 18px;
		line-height: 28px;
		width: 100%;
	}

	.subscribenews-section {
		margin: -81px auto 20px auto;
		padding: 26px 27px;
		min-height: auto;
		justify-content: center;
		flex-wrap: wrap;
	}

	.subscribenews-section h3 {
		padding: 0px 0px 12px 0px;
		font-size: 24px;
		line-height: 48px;
	}

	.subscribe {
		padding: 6px 6px;
		width: 108%;
		justify-content: center;
	}

	.subscribe .form-control {
		font-size: 15px;
		font-weight: 400;
	}

	.submitbtn {
		padding: 12px 0px;
		font-size: 15px;
		width: 226px;
	}

	.footer-links ul {
		margin: 0px 0px 10px 0px;
		width: 100%;
		justify-content: center;
		gap: 16px;
		flex-wrap: wrap;
	}

	.footer-socialicon {
		margin: 0px 0px 1px 0px;
		gap: 12px;
		justify-content: center;
	}

	.footer {
		padding: 44px 0px 0px 0px;
	}

	.footer-links ul li {
		line-height: 13px;
	}

	.footer-links ul li a {
		font-size: 14px;
	}


	.conticon {
		width: 20px;
		margin-top: 0px;
	}

	.conticon img {
		width: 100%;
	}

	.copyright {
		margin: 10px 0px 0px 0px;
		padding: 0px;
	}

	.copytext-left {
		padding: 10px 0px 0px;
		font-size: 14px;
		text-align: center;
	}

	.copytext-right {
		padding: 0px;
		font-size: 14px;
		justify-content: center;
		gap: 20px;
	}

	.footerlogo {
		margin: 7px auto;
		width: 100px;
	}

	/* ======================= */

	.textcard-left .buynow_section {
		margin: 30px 0px;
		width: 100%;
	}


	.benefit-sect {
		margin: 0px 0px;
		padding: 0px;

	}

	.benefit-sect-outer {
		top: -10px;
	}


	.benefitcard {
		margin: 0px 0px;
		padding: 10px 0px;
		width: 100%;
		min-height: auto;
	}


	.benefit-icon {
		width: 80px;
		height: 80px;
	}

	.benefit-icon img {
		width: 35px;
	}

	.pricedeliveryimg-outer {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px;
	}

	.whatinside-outer {
		margin: 0px 00px 0px 0px;
	}

	.pricedelivery-text .buynow_section {
		margin: 40px 0px 0px;
		width: 220px;
		text-align: left;
	}

	.feeldifferencetext .buynow_section {
		width: 100%;
	}

	.feeldifferencetext .buynow_section .buynow-btn {
		width: 100%;
		display: block;
	}

	.linkcard-icon {
		width: 35px;
		height: 35px;
		padding: 7px 8px;
		color: #fff;
		font-size: 20px;
	}


	.bannercard-section {
		height: auto;
	}


}