@media only screen and (max-width: 767px) {
	.logo {
		margin-left: 20px;
	}
}

@media(max-width:767px) {

	.product-image {
		height: auto !important;
	}

	span.lef {
		left: 0px;
		bottom: -30px;
	}

	.mobile-search {
		display: none;
	}

	.patternBgTopp {
		background-size: 200px;
	}

	span.leff {
		bottom: -10px;
		left: -140px;
	}

	section {
		padding: 20px 0;
	}

	.sanwht {
		color: #fff;
	}

	.cartBlockSev {
		width: 100%;
	}

	/* #product-zoom-gallery, .product-gallery-item{
		display: flex;
	} */
	.patternBgTop,
	.patternBgTopReverse,
	.aboutParafFood.patternBgPageTop,
	.patternBrand,
	.aboutParafFood.patternBgTop,
	.goodnessAvvatar.patternBgTop {
		background-size: 200px;
	}

	.categoriesBox .cat-slide:nth-child(n+3),
	.aboutAvvatarBox:nth-child(n+4),
	.blogCardOuter:nth-child(n+2),
	.brandPillarsBox:nth-child(n+2),
	.keyFactsBoxOuter:nth-child(n+3),
	.brandAdvantage:nth-child(n+3),
	.contactPatchBox:nth-child(n+2),
	.goodnessAvatarBoxOuter:nth-child(n+2),
	.instaFeedBox:nth-child(n+3),
	.popularBlogsWrapper,
	.productNutritional .row .col-md-4:nth-child(n + 3) {
		margin-top: 30px;
	}

	.goodnessAvatarBoxOuter:nth-child(n+2) {
		margin-top: 10px;
	}

	.aboutAvvatarBox p {
		font-size: 12px;
		text-align: center;
		line-height: 1.2;
	}

	.productJourneyBox h4 {
		font-size: 18px;
	}

	.productJourneyBox img {
		width: 100px;
	}

	.productJourneyBox:after {
		display: none;
	}

	.reconstructContentHeading h3 {
		font-size: 22px;
	}

	.reconstructContentHeading h2,
	.title,
	.keyFactsBox h3 span {
		font-size: 24px;
	}

	.reconstructContent p {
		font-size: 1.6rem;
	}

	.product-title {
		font-size: 1.1rem;
		margin-bottom: 1rem;
	}

	.new-price {
		font-size: 14px;
	}

	.educateSection .reconstructContentHeading h2 {
		font-size: 25px;
		border-bottom: 0;
	}

	.reconstructContent .knowMoreButton a,
	.commonButton,
	.commonButton-yellow,
	.keyFactsBox h3,
	.keyFactsBox p {
		font-size: 16px;
	}

	.productJourneyBox {
		padding: 160px 0 30px;
	}

	.productJourney .heading {
		width: 95%;
		top: 5%;
	}

	.heading p {
		line-height: 1.2;
		margin-top: 10px;
	}

	.productJourneyBox:nth-child(3),
	.productJourneyBox:nth-child(4),
	.productJourneyBox:nth-child(5),
	.productJourneyBox:nth-child(6) {
		padding: 85px 0px;
	}

	.aboutFounderBox {
		padding: 34px 20px;
	}

	.videoContent h3 {
		font-size: 20px;
	}

	.videoContent h2 {
		font-size: 42px;
	}

	.svgIcon:before {
		width: 55px;
	}

	svg,
	.svgIconImg img {
		width: 50px;
		height: 50px;
	}

	.svgIconImg:after {
		width: 50px;
		height: 50px;
	}

	.footer-payments .footer-copyright {
		text-align: center;
	}

	.brandAdvantageBox {
		gap: 0;
	}

	.brandAdvantage h3 {
		font-size: 16px;
	}

	.social-icons {
		margin-top: 0px;
	}

	.homeBannerSection .videoContent h3 {
		font-size: 24px;
	}

	.homeBannerSection .videoContent h2 {
		font-size: 30px;
	}

	.homeBannerSection .videoContent p {
		font-size: 18px;
	}

	.bestSellerWrapper .owl-carousel .owl-stage-outer {
		padding: 10px 0;
	}

	.cartBlockTwo {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
	}

	.table-mobile,
	.table-mobile tbody,
	.table-mobile tr,
	.table-mobile td {
		display: none !important;
	}

	.cartBlockGroup {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 0;
	}

	.cartBlockThree {
		display: none;
	}

	.cartBlockTwo,
	.cartBlockThree,
	.cartBlockFour {
		width: 100%;
	}

	.cartBlockFive,
	.cartBlockSix {
		width: 50%;
	}

	.summary.summary-cart {
		padding-left: 0;
		padding-right: 0;
	}

	.youMaylike {
		padding-top: 0;
	}

	.blogAuthor img {
		width: 50px;
		height: 50px;
	}

	.chooseFlavourBtns .btn {
		padding: 6px 5px;
		font-size: 10px;
		min-width: 31%;
		width: 31.33%;
		max-width: 31.33%;
	}

	.chooseSizeBtnsKg .btn {
		padding: 6px 5px;
		font-size: 10px;
		min-width: 31%;
		width: 31.33%;
		max-width: 31.33%;
	}

	.chooseSizeBtnsLb .btn {
		padding: 6px 5px;
		font-size: 10px;
		min-width: 31%;
		width: 31.33%;
		max-width: 31.33%;
	}

	.productDescription h3 {
		font-size: 18px;
	}

	.proteinLevelBox {
		min-width: 46%;
		width: 46%;
	}

	.proteinLevelBox h3 {
		margin-bottom: 10px;
		font-size: 36px;
	}

	.proteinLevelBox h4 {
		font-size: 18px;
	}

	.product-details-tab .nav-tabs li {
		min-width: 49%;
		width: 49%;
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
	}

	.nav.nav-tabs .nav-link,
	.radioBoxes .custom-size {
		padding: 6px 8px;
		font-size: 14px;
	}

	.product-price-box,
	.old-price,
	.new-price {
		font-size: 14px;
	}

	.input-spinner .form-control {
		padding: 0.55rem 2.6rem;
	}

	.btn.btn-spinner {
		padding: 1rem 0.4rem;
	}

	.product-desc-content h2,
	.product-details .product-title {
		font-size: 18px;
	}

	.product-gallery-item {
		margin-bottom: 0;
		max-width: fit-content;
	}

	.productReviewBox {
		gap: 20px;
	}

	.productReviewUserImg,
	.productReviewUserImg img {
		min-width: 60px;
	}

	.productReviewContentBox {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 5px;
	}

	.productReviewContent {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.productReviewContentBox:after {
		top: 15%;
		left: -13px;
		border: 14px solid transparent;
		border-right-color: #F5F7F6;
	}

	.orderDetail {
		padding: 0;
	}

	.tabsSlider .box {
		width: 65%;
		margin: 0 auto;
	}

	.arrows {
		display: none;
	}

	.signupPatch {
		background-size: cover;
	}

	.makingAvvatar .col-md-5:nth-child(n+2) {
		margin-top: 20px !important;
	}

	.mobile-menu-wrapper label,
	.mobile-menu-container .social-icon {
		margin-top: 10px;
	}

	.homeBannerSection .video-container {
		height: calc(100vh - 280px);
	}

	.aboutAvaatarWrapper .title {
		font-size: 26px;
	}

	.reconstructContent {
		padding: 0 15px;
	}

	.categorySlider .owl-nav {
		display: flex;
		justify-content: center;
	}

	.owl-carousel .owl-nav [class*='owl-'],
	.owl-carousel button.owl-dot {
		font-size: 16px;
	}

	.authenticateAvatar .heading {
		top: 15px;
	}

	.authenticateAvatar .heading p {
		margin-top: 5px;
	}

	.authenticateAvatar .heading .commonButton-yellow {
		margin-top: 10px;
	}

	.contactFooter .widget-title:after,
	.followUsFooter .widget-title:after {
		display: none;
	}

	.contactFooter .widget-title,
	.followUsFooter .widget-title {
		border: 0;
		padding-bottom: 10px;
	}

	.accordion-button {
		font-size: 16px;
		font-weight: 500;
	}

	.addressBox h3 {
		font-size: 22px;
	}

	.aboutFounder {
		padding-top: 0;
	}

	.brandAdvantage img {
		width: 100px;
	}

	#checkPincode .col-auto:nth-child(1) {
		padding-left: 0;
	}

	#checkPincode .col-auto:nth-child(2) {
		padding: 0;
	}

	.checkDelivery .form-control {
		width: 125px;
	}

	.product-details-action {
		flex-direction: row;
	}

	.product-details-action .details-action-wrapper {
		margin-top: 0;
	}

	.signupPatch {
		background-image: url(../images/new/homepage/signupPatchBg-mobile.jpg);
	}

	.youMaylike {
		padding: 60px 0;
	}

	.homeBannerSlider .owl-nav .owl-prev,
	.homeBannerSlider .owl-nav .owl-next {
		width: 30px;
		height: 30px;
		font-size: 16px;
	}

	.fintessBox .knowMore a {
		font-size: 12px;
	}

	.fintessBox img {
		filter: none;
	}

	.centerImgText p {
		color: #000;
		line-height: 1.2;
	}

	.product-label {
		padding: 2px 8px;
		font-size: 12px;
	}

	.home-menu-section li {
		width: 75px;
		max-width: 75px;
	}

	.home-menu-section li .first-slider-title {
		text-wrap: wrap;
		line-height: 1.2;
	}

	.mobile-menu li.first.open ul,
	.mobile-menu li.second.open ul {
		display: block !important;
	}

	.productJourneyBox+.productJourneyBox:after {
		display: block;
		z-index: 99;
	}

	.productJourneyBox+.productJourneyBox:after {
		height: 50px;
		left: -13%;
	}

	.productJourneyBox:nth-child(2):after {
		height: 50px;
	}

	.productJourneyBox:nth-child(3):after {
		left: auto;
		right: -15%;
		z-index: 22;
		transform: rotate(-180deg);
		bottom: 50%;
	}

	.productJourneyBox:nth-child(4):after,
	.productJourneyBox:nth-child(5):after {
		bottom: auto;
		top: -24px;
		left: 40%;
		transform: translateX(-50%) rotate(90deg);
	}

	.productJourneyBox:nth-child(5):after {
		/* right: -15%; */
		z-index: 22;
	}

	.bePart {
		background-image: url(../images/new/homepage/AvvatarTribe_Banner_Mobile-new.jpg);
		padding: 80px 0 40px;
	}

	.bePart .reconstructContent p,
	.bePart .reconstructContentHeading h3,
	.bePart .reconstructContentHeading h2 {
		color: #000000;
	}

	.bePart .reconstructContent p {
		margin-top: 10px;
		line-height: 1.4;
	}

	.loyaltySection {
		background-image: none;
	}

	.loyaltySection {
		height: 400px;
	}

	.loyaltySection .topImg {
		position: absolute;
		height: 100%;
		top: 0;
		background-color: #fec844;
	}

	.loyaltySection .topImg img {
		height: 100%;
		object-fit: cover;
	}

	.loyaltySection .container-fluid {
		position: relative;
	}

	.productJourneyBox:nth-child(1) {
		background-image: url(../images/new/homepage/f2s/mob/1.png);
	}

	.productJourneyBox:nth-child(2) {
		background-image: url(../images/new/homepage/f2s/mob/2.png);
	}

	.productJourneyBox:nth-child(3) {
		background-image: url(../images/new/homepage/f2s/mob/4.png);
	}

	.productJourneyBox:nth-child(4) {
		background-image: url(../images/new/homepage/f2s/mob/3.png);
	}

	.productJourneyBox:nth-child(5) {
		background-image: url(../images/new/homepage/f2s/mob/5.png);
	}

	mob/ .productJourneyBox:nth-child(6) {
		background-image: url(../images/new/homepage/f2s/mob/6.png);
	}

	.productJourneyBox {
		background-image: none !important;
	}

	.p-content {
		z-index: 9
	}

	.imgBlock {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
	}

	.imgBlock img {
		width: 100%;
		height: 100%;
		object-fit: fill;
	}

	.groupLogos img {
		width: 50%;
	}

	.productJourney .heading {
		z-index: 9;
	}

	.centerImgText {
		padding: 0 10px;
	}

	#product-zoom-gallery .slick-prev.slick-arrow,
	#product-zoom-gallery .slick-next.slick-arrow {
		position: absolute;
		top: 28%;
		left: 0;
		transform: translateY(-50%);
		z-index: 99;
		width: 20px;
		height: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #f7bc2a;
		line-height: 1.2;
		box-sizing: border-box;
		/* border-radius: 50%; */
		color: #000;
	}

	#product-zoom-gallery,
	.product-gallery-item {
		padding: 0;
	}

	#product-zoom-gallery .slick-next.slick-arrow {
		left: auto;
		right: 0;
	}

	.checkout-back {
		flex-direction: column;
		gap: 15px;
	}

	.checkout-back a {
		text-transform: capitalize !important;
		padding: 8px 10px;
		width: auto;
		min-width: auto;
	}

	.checkout-back a img {
		width: 15px;
	}

	.avtarCoinLabel {
		padding: 0 5px;
		font-size: 11px;
		border-radius: 4px;
		text-align: center;
	}

	.ordersDataWrapperOuterHeading .orderid {
		font-size: 1.4rem;
	}

	.reward-point-wrapper {
		align-items: center;
		margin-bottom: 10px;
	}

	.reward-point {
		font-size: 18px;
	}

	.addressContact {
		flex-direction: column;
		gap: 5px !important;
		align-items: flex-start !important;
	}

	.addressCardsWrapper .col-md-6:nth-child(n + 2) {
		margin-top: 20px;
	}

	.addressBlock {
		min-height: inherit;
	}
}

@media(max-width: 1024px) {

	.mobile-menu li.first.open ul,
	.mobile-menu li.second.open ul {
		display: block !important;
	}
}

@media only screen and (min-width : 768px) {
	/* .brandAdvantage {
		width: 18%;
	} */

	.categorySlider.owl-carousel {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

	.productFaqTop {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.col-md-2.aboutAvvatarBox {
		width: 20%;
	}

	.optimalBenfits .col-md-2.aboutAvvatarBox {
		width: 16.66666667%;
		margin-top: 0 !important;
	}

	.product-image-gallery {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-left: -.5rem;
		margin-right: -.5rem
	}

	.product-gallery-vertical .product-image-gallery {
		width: calc(100% + 10px)
	}

	.product-gallery-vertical .product-image-gallery,
	.product-gallery-vertical .product-main-image {
		width: 100%
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 991px) {
	.patternBgTop {
		background-size: 250px;
	}

	.productJourneyBox {
		padding: 130px 0 50px;
	}

	.productJourneyBox img {
		width: 75px;
	}

	.productJourneyBox h4 {
		font-size: 18px;
	}

	.productJourneyBox+.productJourneyBox:after {
		background-size: 64px;
		height: 80px;
	}

	.reconstructContentHeading h2 {
		font-size: 6rem;
	}

	.categorySlider.owl-carousel {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

	.categoriesBox .cat-slide:nth-child(n+5),
	.col-md-2.aboutAvvatarBox:nth-child(n+4),
	.categoriesBox .categoriesPage .cat-slide:nth-child(n+4),
	.brandPillarsBox:nth-child(n+4) {
		margin-top: 30px;
	}

	.title {
		font-size: 2.8rem;
	}

	.col-md-2.aboutAvvatarBox {
		width: 33.33%;
	}

	.keyFactsBoxOuter:nth-child(n+4) {
		margin-top: 50px;
	}

	.authenticateAvatar img {
		height: 500px;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}

	.brandPillarsContent p {
		font-size: 20px;
	}

	.keyFactsBox h3 {
		font-size: 30px;
	}

	.keyFactsBox h3 span {
		font-size: 40px;
	}

	.widget-list li {
		width: 100%;
	}

	.social-icons {
		gap: 3px;
	}

	.footer a.social-icon {
		width: 2.8rem;
		height: 2.8rem;
	}

	.videoContent h3 {
		font-size: 26px;
	}

	.videoContent h2 {
		font-size: 60px;
	}

	svg,
	.svgIconImg img {
		width: 60px;
		height: 60px;
	}

	.svgIcon:before {
		width: 100px;
	}

	.home-menu-section li {
		width: 16%;
		margin-right: 0;
	}

	.chooseFlavourBtns .btn {
		padding: 8px 6px 8px;
		font-size: 10px;
		min-width: 30%;
	}

	.chooseSizeBtnsKg .btn {
		padding: 8px 6px 8px;
		font-size: 10px;
		min-width: 30%;
	}

	.chooseSizeBtnsLb .btn {
		padding: 8px 6px 8px;
		font-size: 10px;
		min-width: 30%;
	}

	.productProteinLevel {
		gap: 28px;
	}

	.proteinLevelBox {
		min-width: 22%;
		width: 22%;
	}

	.proteinLevelBox h3 {
		font-size: 36px;
	}

	.proteinLevelBox h4 {
		font-size: 20px;
	}

	.productReviewUserImg,
	.productReviewUserImg img {
		min-width: 60px;
	}

	.product-details-tab .nav.nav-tabs .nav-link {
		font-size: 14px;
		padding: 6px 10px;
	}

	.social-icons-sm .social-icon {
		font-size: 1.2rem;
		width: 2rem;
		height: 2rem;
	}

	.checkDelivery .form-control {
		width: 130px;
	}

	.checkDelivery .col-auto {
		padding-right: 5px;
	}

	.categorySlider .knowMore {
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.mobile-menu li.first.open ul,
	.mobile-menu li.second.open ul {
		display: block !important;
	}

	.cartBlockOne {
		min-width: 80px;
	}

	.table-cart .product-media img {
		max-width: 60px;
	}

	.new-price {
		font-size: 16px;
	}

	.e-pro-qty-block .input-number {
		width: 26px !important;
	}

	form .otp {
		width: 35px;
		height: 35px;

	}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1199px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.productJourneyBox img {
		width: 150px;
	}

	.productJourneyBox+.productJourneyBox:after {
		height: 88px;
	}

	.patternBgTop {
		background-size: 250px;
	}
}

@media (min-width: 1200px) {

	.menu li>a {
		color: #000;
		font-weight: 400;
	}

	.categoriesBox .cat-slide:nth-child(n+5),
	.categoriesBox .categoriesPage .cat-slide:nth-child(n+4),
	.brandPillarsBox:nth-child(n+4),
	.productNutritional .row .col-md-4:nth-child(n + 4) {
		margin-top: 30px;
	}

	.title {
		font-size: 4rem;
		letter-spacing: 1px;
	}

	.heading p {
		font-size: 1.6rem;
	}

	.blogCardContent h2,
	.blogCardContent p {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.blogAuthor p {
		-webkit-line-clamp: 1;
	}

	.blogCardContent {
		max-height: 250px;
		height: 200px;
		position: relative;
	}

	.blogList.homePage .blogCardContent {
		height: 180px;
		max-height: 190px;
	}

	.blogCardContent.mediaCardContent {
		max-height: 70px;
		height: 70px;
	}

	.blogCardContent .commonButton-yellow {
		position: absolute;
		bottom: 10px;
		margin-bottom: 0;
		left: 10px;
	}

	.keyFactsBoxOuter:nth-child(n+4) {
		margin-top: 50px;
	}

	.popularBlogsWrapper .title {
		font-size: 2rem;
	}

	.popularBlogsWrapper .blogCardContent h2 {
		line-height: 1.2;
	}

	.popularBlogsWrapper .blogCardContent {
		max-height: 160px;
		height: 160px;
	}

	.main-nav .menu li+li {
		margin-left: 15px;
	}

	.main-nav .menu .dropdown-menu li+li {
		margin-left: 0;
	}

	.col-md-2.aboutAvvatarBox {
		width: 16%;
	}

	.tabsSliderWrapper ul .arrows {
		display: none;
	}

	#loginModal .modal-dialog {
		max-width: 750px;
	}

	#editAddressModal .modal-dialog {
		max-width: 450px;
	}

	.homeBannerSlider img {
		height: calc(100vh - 120px);
	}

	#video-tab-pane .blogCardContent {
		height: 145px;
	}

	#product-zoom-gallery .slick-prev.slick-arrow,
	#product-zoom-gallery .slick-next.slick-arrow {
		position: absolute;
		top: 0;
		left: 0;
		/* transform: translateX(-50%); */
		z-index: 99;
		width: 100%;
		height: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #f7bc2a;
		line-height: 1.2;
		box-sizing: border-box;
		/* border-radius: 50%; */
		color: #000;
	}

	#product-zoom-gallery .slick-next.slick-arrow {
		top: auto;
		bottom: 0;
	}

	.product-main-image {
		margin-bottom: 0;
	}
}


@media screen and (min-width: 1600px) {
	.container {
		max-width: 1450px;
	}

	.container-fluid {
		padding-left: 5px;
		padding-right: 5px;
	}

	.productJourneyBox+.productJourneyBox:after {
		background-size: 75px;
		left: -8%;
		width: 50px;
		height: 70px;
	}

	.reconstructSection {
		padding: 100px 0;
	}

	.reconstructSection.bePart {
		padding: 140px 0;
	}

	.reconstructSection.bePart .reconstructContent p {
		font-size: 1.9rem;
	}

	.blogCardContent {
		max-height: 200px;
		height: 200px;
	}

	.blogCardContent.mediaCardContent {
		max-height: 70px;
		height: 70px;
	}

	.whyAvvatarBox {
		margin-top: -100px;
	}

	.hundreadPercentSliderWrapper {
		transform: scale(1.31);
	}

	.makingAvvatar .col-md-5:nth-child(3) {
		margin-top: 95px;
	}

	.makingAvvatar .col-md-5:nth-child(4) {
		margin-top: 38%;
	}

	.makingAvvatar .col-md-5:nth-child(5) {
		margin-top: 0%;
	}

	.makingAvvatar .col-md-5:nth-child(6) {
		margin-top: 26%;
	}
}

@media screen and (min-width: 1920px) {
	.container {
		max-width: 1550px;
	}
}


@media(min-width:1200px) and (max-width:1400px) {
	.makingAvvatar .col-md-5:nth-child(3) {
		margin-top: 120px;
	}

	.makingAvvatar .col-md-5:nth-child(4) {
		margin-top: 500px;
	}
}

@media(min-width:1400px) {
	.homeBannerSlider img {
		height: auto;
		object-fit: cover;
	}
}

.custom-name-item {
	width: 50%;
	float: left;
}

span.item-name.customNames {
	color: #000;
	font-weight: 500;
	width: 26%;
	float: left;
	margin-right: 10px;
	margin-left: 50px;
}

button.sn {
	padding: 3px;
	min-width: auto !important;
	color: red;
}

.close {
	color: red;
}