@media (min-width: 1370px) {
	.heroslideritemwrapper .imgbox img{
		/* height:73vh; */
	}

	.rightmenu nav ul li a {
	    font: normal normal normal 16px/23px Poppins;
	}

	.heroslideritemwrapper .text h1 {
	    font: normal normal normal 45px/70px DINPro-bold;
	}
	.heroslideritemwrapper .text h2 {
	    font: normal normal normal 35px/50px DINPro-medium;
	}
	
	.btn {
	    font: normal normal normal 16px/28px Poppins;
	    border-radius:32px;
	    transition: 2s;
	    padding: 8px 30px;
	    min-width: 99px;
	}

	.heroslideritemwrapper .imgbox{
		/* width: 45%; */
	}

	.homenutrituingsection:after{
		top:99%;
	}

	.breadcrumbsection{
		height: 717px;
	}
}
@media (min-width: 1700px) {
	.breadcrumbsection {
	    height: 1024px;
	}
	.productsbreadcrumb .pagetitltbox .pagetitlte {
	    font: normal normal normal 56px/62px DINPro-bold;
	}
	
	.productsbreadcrumb .pagetitltbox h3 {
	    text-align: center;
	    font: normal normal normal 33px/43px DINPro-medium;
	}

	.productsbreadcrumb .pagetitltbox .pagetitlte span {
	    text-align: center;
	    font: normal normal normal 24px/26px DINPro-medium;
	    top: -16px;
	    right: -3px;
	}

	.availableflavourwrapper .titlr {
	    font: normal normal normal 25px/45px DINPro-bold;
	}

	.availableflavourwrapper .availbelprowrap .availbelprobox span {
	    font: normal normal normal 23px/39px DINPro-bold;
	}

	.availableflavourwrapper{
		left:14%;
	}

	.breadcrumbsection .pagetitlt{
		left: 8%;
		max-width:40%;
	}

	.heroslider .slick-dots {
		bottom:5%;
	}

	.heroslider .slick-dots li button{
		width: 16px;
		height:16px;
	}


	.heroslideritemwrapper .text h1 {
	    font: normal normal normal 51px/70px DINPro-bold;
	}
	.heroslideritemwrapper .text h2 {
	    font: normal normal normal 40px/50px DINPro-medium;
	}

	.haboutimgbox {
	    position: absolute;
	    right: 180px;
	    top: 102px;
	    width: 488px;
	}

	.haboutimgbox img{
		width:100%;
	}

	.richtext,.richtext p,.richtext span {
	    font: normal normal normal 18px/30px DINPro;
	}

	.richtext ul li{
	    font: normal normal normal 18px/30px DINPro;
	}
	.footercol p,.footercol ul li a,.copyrightwrapper p, .copyrightwrapper a{
	    font: normal normal normal 18px/30px Poppins;
	}

	.footercol > h4{
		font-size:20px;
	}

	.footersocialbox i {
	    font-size:26px;
	}

	.rightmenu nav ul li a {
	    font: normal normal normal 18px/28px Poppins;
	}
}
@media (max-width: 1280px) {
	.mycontainer{
		width: 96%;
	}
	.productfooterbox{
		height: auto;
	}
}
@media (max-width: 1024px) {
	.productsbreadcrumb .pagetitltbox .pagetitlte {
	    font: normal normal normal 35px/50px DINPro-bold;
	}
	.tabwrapper {
	    width: 90%;
		margin:auto;
	}

	.tabsection .slick-prev{
		height: 25px;
		width:25px;
		border-radius: 50%;
		opacity: 1;
		background:#fb5f51;
	}

	.tabsection .slick-next{
		height: 25px;
		width:25px;
		border-radius: 50%;
		opacity: 1;
		background:#fb5f51;
	}

	.tabnav.tabwrapper.slick-initialized.slick-slider{
		margin-bottom: 0px;
	}

	.tabblock .tabtext h3{
		font:normal normal normal 17px/26px Poppins;
	}

	.tabsection .slick-prev:before{
		color:#FFF;
		content: '\f104';
		font-family: "FontAwesome";
		opacity: 1;
	}

	.tabsection .slick-next:before{
		color:#FFF;
		content: '\f105';
		font-family: "FontAwesome";
		opacity: 1;
	}

	.breadcrumbsection{
		height: 82vh;
	}
	
	.productsbreadcrumb .pagetitltbox h3 {
	    font: normal normal normal 23px/25px DINPro-medium;
	}

	.pagetitleinner{
		padding-bottom: 150px;
	}

	.productsbreadcrumb .imgbox{
		padding:40px;
		padding-left: 10px;
	}

	.greybuyusonwrapper img {
	    mix-blend-mode: darken;
	    height: 37px;
	}

	.heading2 {
	   font: normal normal normal 34px/50px DINPro-bold;
	}

	.tabblock .tabtext h3 span{
		font:normal normal bold 18px/20px Poppins;
	}

	.productsbreadcrumb .imgbox .img{
		width: 50%;
	}

	.productsbreadcrumb .imgbox .img img{
		width:100%;
	}

	.header-container{
    	width: 98%;
	}
	.mycontainer{
		width: 98%;
	}

	a.protienscrorebox svg {
	    width: 100%;
	    height: 100%;
	}

	.protienscrorebox{
		width: 120px;
		height: 80px;
	}


	.habouttext .richtext p {
	    display: -webkit-box;
	    -webkit-line-clamp: 5;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	}

	.designerwebsite.richtext p:nth-child(2){
		width: 32%;
	}

	.tabwrapper {
	    width: 100%;
	    margin: auto;
	}

	.importanceprotienpagenew .tabwrapper .tabnavitem {
	    width: auto;
	    flex: 1;
	}

	.howtousebox .textbox p {
	    font: normal normal normal 18px/26px DINPro-bold;
	}



	.rightmenu nav ul li {
	   margin: 0px 7px;
	}
	.export-btn {
	   margin: 0px 10px;
	}

	.header .logo{
	   margin:0px 10px 0px 25px;
	}

	.heroslideritemwrapper .text{
		padding-top:0px;
	}

	.haboutimgbox{
		max-width:35%;
		right: 30px;
	}

	.homeaboutsection:after{
		height: 80px;
		background: #fff;
		display: block;
		clip-path: polygon(0 75%,100% 0, 100% 100%, 0% 100%);
	}

	.haboutimgbox img{
		width: 100%;
	}

	.ha-featuresbox .box p {
	    font: normal normal normal 18px/33px DINPro-medium;
	}
	
	.homeaboutwrapper .habouttext .hr{
		margin:0.8rem 0px;
	}	
	
	.homeaboutsection{
		padding:3% 0px 25px 0px;
	}
	.haboutimgbox{
		right: 0px;
	}

	.homeaboutwrapper .habouttext .hr {
	    margin: 1.5rem 0px;
	}

	.haboutimgbox{
		top:20px;
	}
	.homeaboutsection{
		padding-bottom: 0px;
	}

	.homenutrituingwrapper{
		align-items: center;
	}
	.importanceprotienpagenew .tabwrapper{
		align-items: stretch;
	}
	.importanceprotienpagenew .tabwrapper .tabnavitem{
		display: flex;
		align-items: center;
		justify-content: center;
	}


	.tabwrapper {
	    width: 95%;
	    margin: auto;
	}

	.heading2{
		margin-bottom: 15px;
	}

	.homeproductslider {
	    margin: 3% 8% 2% 8%;
	    max-width: 84%;
	}

	img.nutrient-bubble {
	    z-index: 100;
	    transform: scale(0.7);
	}
	.homenutrituingwrapper{
		z-index: 111;
	}

	.productsbreadcrumb .imgbox .b_productimgtext{
		padding:6px 15px;
	}

	.availableflavourwrapper .availbelprowrap .availbelprobox span {
	    font: normal normal normal 16px/37px DINPro-bold;
	}

	.nutritionalfactslists .nutritionalfactslistbox:nth-child(1){left: 5%; }
	.nutritionalfactslists .nutritionalfactslistbox:nth-child(2){left: 1%; }
	.nutritionalfactslists .nutritionalfactslistbox:nth-child(3){left: 5%; }
	.nutritionalfactslists .nutritionalfactslistbox:nth-child(4){right:5%; }
	.nutritionalfactslists .nutritionalfactslistbox:nth-child(5){right:1%; }
	.nutritionalfactslists .nutritionalfactslistbox:nth-child(6){right:5%; }


	.copyrightwrapper{
		flex-wrap: wrap;
		justify-content: center;
	}	

	.footersocialbox{
		margin:40px 0px 20px 0px;
	}

	@keyframes updown{
	    0% { bottom:30px; }
	    100% { bottom:20px; }
	}

	.rightmenu >nav >ul >li> a {
	    font: normal normal normal 13px/33px Poppins;
	}
}
@media (max-width: 1023px) {
	/*//Mobile menu*/
		.header{
			height: 80px;
		}

		.footercol{
			padding:10px 5px 5px 20px;
		}

		.rightmenu nav ul li.active > a{
			color:var(--pcolor);
		}

		body.disablescroll{
			overflow: hidden;
		}

		nav{
			position: fixed;
			width: 50%;
			height: 100vh;
			background:#000;
			height: 100vh;
			overflow:auto;
			top:0px;
			right:-100%;
			z-index: 99999;
		}

		nav.navopen{
			transition: 0.5s
		}
		
		nav.navopen{
			right:0px;
		}

		.rightmenu > nav> ul > li.active a{
			color:#fff;
		}

		.rightmenu > nav> ul > li.active > a{
			color:var(--pcolor);
		}


		.rightmenu > nav> ul > li.active> ul > li >a  {
			color:#fff;
		}

		.rightmenu nav ul{
			display: flex;
			align-items: flex-start;
			flex-wrap: wrap;
			margin-top:70px;
		}

		.rightmenu nav ul li{
			width: 100%;
			margin:0px;
		}

		.rightmenu nav ul li a{
			width: 100%;
			padding:3px 25px;
			display: block;
			font:normal normal normal 16px/40px Poppins;
			border-bottom: 1px solid #ccc;
			color:#fff;
		}

		.rightmenu nav ul li a:hover{
			color:#fff;
			background:#000;
			border-bottom: 1px solid #ccc;
		}

		.menutogglercss{
			display: block;
			margin:0px 25px 0px 20px;
			text-align: center;
			z-index: 999999;
			position: relative;
		}

		.menutogglercss .hamberger{
			position: relative;
			height: 35px;
			width: 35px;
			background:#fff;
			border-radius: 50%;
			margin:0px auto 10px;
			cursor: pointer;
		}
		.header.fixed-head{
			animation: none;
		}

		.menutogglercss .hamberger span{
			width: 20px;
			height:2px;
			position: absolute;
			top:17px;
			left:50%;
			background-color:#ed7d6f;
			pointer-events: none;
			transition: 0.5s ease-in-out;
		}

			
		.menutogglercss .hamberger span:nth-child(1){top:10px; transform: translateX(-10px);}
		.menutogglercss .hamberger span:nth-child(2){top:17px; transform: translateX(-10px);}
		.menutogglercss .hamberger span:nth-child(3){top:24px; transform: translateX(-10px);}

		.menutogglercss.togglenavigation .hamberger span:nth-child(1){ transform:translate(-9px, 6.5px) rotateZ(-45deg); }
		.menutogglercss.togglenavigation .hamberger span:nth-child(2){ opacity: 0;}
		.menutogglercss.togglenavigation .hamberger span:nth-child(3){ transform: translate(-9px,-7px) rotateZ(45deg);}

		.menutogglercss > span{
			text-align: center;
			display: inline-block;
			padding: 0px 10px;
			font: normal normal normal 11px/18px Poppins;
			letter-spacing: 0px;
			color: #5B5757;
			border-radius: 12px;
			white-space: nowrap;
			background: #FFE6E6;
			pointer-events: none;
		}


		.navoverlay.navoverlayopen{
			display: block;
			position: fixed;
			top: 0px;
			left: 0px;
			width: 100%;
			z-index: 9999;
			background: rgba(0,0,0,0.7);
			height: 100vh;
		}

		.mdropwdown {
		    position: static;
		    width: 100%;
		    height: auto;
		    transform: scaleY(1);
		    padding-top: 0px;
		    margin: auto;
		    margin-right: 0px;
			 display: none;
		}

		.hasdropdown {
			position: relative;
		}

		.hasdropdown.rotate{
			border-bottom: 1px solid #ccc;
		}

		.hasdropdown:before {
		    content: '\f107';
		    position: absolute;
		    top: 11px;
		    right: 14px;
		    font-family: "FontAwesome";
		    color: #fff;
		    font-size: 24px;
		    transition:0.5s;
		    pointer-events: none;
		}

		.hasdropdown.rotate:before{
			transform: rotate(180deg);
		}

		.rightmenu nav ul li ul li{
			position: relative;
		}

		.rightmenu nav ul li ul li:before {
		    content: '-';
		    position: absolute;
		    top: 20px;
		    color: #fff;
		    line-height: 1px;
		    left: 20px;
		}

		.rightmenu nav ul li ul li a{
			padding-left:40px;
			padding-right:10px;
		}

		.rightmenu nav ul li ul{
			margin-top:0px;
		}

		.mdropwdown > ul {
		    width: 100%;
		    background: #fff0;
		    padding: 0px 0px;
		    border-radius: 0px;
		    overflow: auto;
		}
	/*//Mobile menu*/

	.recipewrapper{
		flex-wrap: wrap;
	}
	.recipeblock{
		width: 31%;
		margin-bottom: 20px;
	}

	.mythfactwrapper .mythblock {
	    width: 30%;
	    padding:10px;
	}

	.mythfactwrapper .imgblock {
	    width: 25%;
	    padding:10px;
	}
	.mythfactwrapper .factblock {
	    width: 45%;
	    padding:10px;
	}

	.ld-factorswrapper .absoluteimg{
		position: static;
		top:auto;
		margin:10px auto;
		width:100%;
		transform: translate(0px,0px);
	}

	.ld-factorswrapper .ld-factorsbox {
	    width: 48%;
	}

	.absoluteimg img {
	    width: 100%;
	    max-width: 300px;
	    margin: auto;
	}

	.tabblock .tabtext h3 span{
		font:normal normal bold 16px/20px Poppins;
	}

	.breadcrumbsection{
		height: 100vh;
	}
	section.pro-nutritutionalsection.sectionpadding{
		padding:40px 0px;
	}	

	.howtousebox .imgbox img {
	    width: 100px;
	}
	.howtousebox .textbox p {
	    font: normal normal normal 17px/25px DINPro-bold;
	}


	.nutritionalfactslists .nutritionalfactslistbox:nth-child(1){left: 3%; top:5px; }
	.nutritionalfactslists .nutritionalfactslistbox:nth-child(2){left: 1%; top:100px;}
	.nutritionalfactslists .nutritionalfactslistbox:nth-child(3){left: 3%; top:200px;}
	.nutritionalfactslists .nutritionalfactslistbox:nth-child(4){right:3%; top:5px;}
	.nutritionalfactslists .nutritionalfactslistbox:nth-child(5){right:1%; top:100px;}
	.nutritionalfactslists .nutritionalfactslistbox:nth-child(6){right:3%; top:200px;}

	.availableflavourwrapper .titlr {
	    font: normal normal normal 20px/30px DINPro-bold;
	}
	.howtousewrapper .textbox {
	    width: 100%;
	    padding: 0px 0px 0px 20px;
	}
	.productsbreadcrumb .imgbox .b_productimgtext{
		font: normal normal normal 14px/29px DINPro-medium;
	}
	.contactaddressbox h3 {
	    text-align: left;
	    font: normal normal normal 20px/24px DINPro-bold;
	}

	.contactformbox h2 {
	    font: normal normal normal 22px/36px DINPro-bold;
	}

	.aboutimagewrapper {
	    width: 100%;
	}

	.aboutimagewrapper .imgbox{
		width: 35%;
		margin-right: 0px;
		padding:0px 10px;
	}
	.tabblock{
		padding:2px 5px 2px 5px ; 
	}
	.aboutimagewrapper .textbox {
	    width: 50%;
	}

	.designerwebsite.richtext img {
	    padding: 0px 15px 10px 15px;
	}
	.designerwebsite.richtext p:nth-child(2) {
	    width: 100%;
	}
	.designerwebsite.richtext p:nth-child(4) {
	    width: 100%;
	}

	.designerwebsite.richtext img {
	    display: block;
	    margin: 10px auto;
	}

	.protienscorepage  .expertformbox{
		width: 90%;
		left: auto;
		margin:auto;
	}

	.protienscorepage .expertformbox:before{
		display: none;
	}

	.protienscorepage .expertformbox:after{
		display: none;
	}

	.abouttext1 {
	    font: normal normal normal 16px/25px DINPro-bold;
	}

	.abouttext2 {
	    font: normal normal normal 16px/25px DINPro;
	}

	.contactformbox h3 {
	    font: normal normal normal 22px/24px DINPro-bold;
	}
	.availableflavourwrapper .titlr {
	    font: normal normal normal 17px/36px DINPro-bold;
	}

	.greybuyusonwrapper img {
	    mix-blend-mode: darken;
	    height: 27px;
	}
	.nutritionalfactslistbox span {
	    text-align: left;
	    font: normal normal bold 14px/20px DINPro;
	}

	.nutritionalfactslistbox .iconbox{
		height:40px;
		width:40px;
	}

	.nutritionalfactswrapper > .imgbox{
		max-width:30%;
	}

	.nutritionalfactswrapper > .imgbox img{
		width: 100%;
	}

	.nutritionalfactslistbox{
		height: 60px;
	}
	.nutritionalfactswrapper{
		height: 300px;
	}
	.breadcrumbsection .pagetitlt {
	    font: normal normal normal 35px/48px DINPro-bold;
	}
	.aboutimagewrapper {
	    width: 84%;
	}

	.footercol.addresscol {
	    width:48%;
	}

	.footercol{
		width: 48%;
		background: #ffffff1a;
		background:linear-gradient(45deg, #ffffff30, transparent);
		padding: 20px 10px 15px 20px;
		border-radius: 10px;
	}

	.mycontainer {
	    width: 94%;
	}

	.herosection{
		padding-top:80px;
	}
	.heroslideritemwrapper{
		padding:0%;
	}

	.heroslider .slick-dots li{
		width: 10px;
		height: 10px;
	}

	.heroslider .slick-dots {
	    width: auto;
	    bottom: 5%;
	    left: 3%;
	}

	.heroslider .slick-dots li button{
		width: 8px;
		height: 8px;
		margin-right: 3px;

	}

	.protienscrorebox{
		transform: scale(0.65);
		transform-origin: right bottom;
		right: 10px;
	}

	@keyframes updown{
	    0% { bottom:20px; }
	  100% { bottom:10px; }
	}

	.heroslideritemwrapper .text h1 {
	    font: normal normal normal 22px/30px DINPro-bold;
	}
	.heroslideritemwrapper .text h2{
	    font: normal normal normal 20px/28px DINPro-medium;
	}

	.btn{
		font: normal normal normal 14px/20px Poppins;
		border-radius:16px;
		transition:1s;
		padding: 6px 12px;
	}

	.heading2 {
	    font: normal normal normal 30px/40px DINPro-bold;
	}

	.ha-featuresbox .box p {
	    font: normal normal normal 14px/20px DINPro-medium;
	}
	.ha-featuresbox .divider{
		left: 50%;
	}
	.ha-featuresbox .box p{
		max-width: calc(100% - 55px);
	}




	.ha-featuresbox .box .circle{
		width: 45px;
		height:45px;
	}
	.ha-featuresbox .box .circle img {
	    width: 75%;
	}
	.richtext p, .richtext span {
	    font: normal normal normal 14px/24px DINPro;
	}

	.richtext ul li{
	    font: normal normal normal 14px/24px DINPro;
	}

	.homeaboutsection:after{
		height: 100px;
	}

	.homeproductslideriteminner img{
		width: 70%;
		margin:20px auto 10px;
	}

	.homeproductslideriteminner h3 {
	    font: normal normal bold 24px/30px Poppins;
	}

	.homenutrituingwrapper .headingboxer h3 {
	    font: normal normal normal 30px/40px DINPro-bold;
	}

	.homenutrituingwrapper .headingboxer h3 span{
		font:normal normal bold 72px/68px DINPro-bold;
	}
	.homenutrituingwrapper .headingboxer h3 span {
	    font: normal normal bold 50px/68px DINPro-bold;
	}
	.header.fixed-head .menutogglercss > span{
		display: none;
	}

	.header.fixed-head .export-btn span{
		display: none;
	}

	.header.fixed-head .logo {
	    width: 75px;
	}

	.header.fixed-head{
		height: 55px;
	}

	.header.fixed-head .menutogglercss .hamberger,
	.header.fixed-head .export-btn .exportlogo{
		margin:0px;
	}

	.rightmenu nav ul li a:before{
		display: none;
	}
}
@media (max-width:992px) and (min-height:768px) and (min-width:768px){
	.productfooterbox a{
		padding: 5px 4%;
	}
	.recipepopup {
	    width: 95%;
	    background: #fff;
	    padding: 0 !important;
	}


	.tabblock .tabicon {
	    width: 40px;
	    height: 40px;
	}

	.breadcrumbsection .pagetitetext {
	    top: 64%;
	}


	.productfooterbox a span {
	    pointer-events: none;
	    font: normal normal normal 17px/28px DINPro-bold;
	}

	.header{
		z-index: 9999;
	}

	.conactwrapper{
		flex-wrap: wrap;
	}

	.conactwrapper .contactaddresscol {
	    width: 100%;
	}
	
	.conactwrapper .contctformcol{
		width: 100%;
	}

	nav{
		width: 70%;
	}

	.abouttextsection .richtext p{
		font:normal normal normal 14px/24px DINPro;
	}

	.breadcrumbsection{
		height: 382px;
	}

	.herosection{
		background:transparent linear-gradient(298deg, #FB5F51 0%, #FFDF5D 100%) 0% 0% no-repeat padding-box!important;
	}

	.heroslideritemwrapper{
		flex-wrap: wrap;
	}

	.heroslideritemwrapper .text {
	   padding-top: 0px;
		width: 100%;
		padding:20vh 30px 0px;
		height: 40vh;
	}

	.heroslideritemwrapper .imgbox {
		width:100%;
	}

	.heroslideritemwrapper .text h1 {
	    font: normal normal normal 36px/50px DINPro-bold;
	}
	.heroslideritemwrapper .text h2 {
	    font: normal normal normal 32px/46px DINPro-medium;
	}

	.btn {
	    font: normal normal normal 15px/30px Poppins;
	    border-radius: 24px;
	    transition: 1s;
	    padding: 8px 30px;
	}

	.heroslideritemwrapper .imgbox {
	    width: 100%;
	    max-width: 300px;
	    margin: auto;
	}
	.heroslideritemwrapper .imgbox img{
		height:auto;
	}

	.heroslideritemwrapper .imgbox {
	    width: auto;
	    max-width: initial;
	    margin: auto;
	    margin-right:0px;
	}

	.ha-featuresbox{
		justify-content: flex-start;
	}	
	.ha-featuresbox .box{
		margin-right: 20px;
	}

	.ha-featuresbox .divider{
		display: none;
	}

	.homeaboutwrapper .habouttext{
		width: 100%;
		max-width: 100%;
	}

	.homeaboutwrapper .habouttext .hr {
	    margin: 2rem 0px;
	}

	.homeaboutsection {
	    padding: 5% 0px 0px 0px;
	}

	.haboutimgbox{
		width: 100%;
		max-width: 50%;
		margin: 0px auto;
		position: relative;
	}

	.tab1page .tabnav .slick-current .tabblock{
		background-color: #fff0!important;
		border:0px!important;
	}	
}
@media (max-width: 767px) {
	.textpg-textpg p{
	    text-align: center;
	    font: normal normal bold 20px/27px DINPro-bold;
	}
	.cus-popup-whitebox{
		width: 97%;
		height: auto;
	}

	.heading2 {
	    font: normal normal normal 24px/42px DINPro-bold;
	}
	.buyusonwrapper{
		margin-bottom: 0px;
	}

	.aboutimagewrapper{
		margin-bottom: 0px!important;
	}
	.cus-popup-wrapper .textbox h3 p{
		display: inline;
	}

	

	.recipepopup {
	    width: 95%;
	    background: #fff;
	    padding: 0 !important;
	}

	.wow{
		animation-delay: 0s!important;
	}
	.recipepopup-container {
	    width: 100%;
	    padding: 21px;
	}
	.recipepopup-container .textbox{
		padding:0px;
	}

	.thankyouwrapper h2 {
	    font: normal normal normal 24px/32px DINPro-bold;
	}
	.cus-popup-wrapper{
		height: auto;
		flex-wrap: wrap;
	}
	.cus-popup-wrapper .textbox{
		width: 100%;
	}

	.cus-popup-wrapper .imgbox{
		width: 100%;
	}
	.cus-popup-wrapper .imgbox {
	    width: 100%;
	    text-align: center;
	}

	.thankyouwrapper p {
		    text-align: center;
		    font: normal normal normal 16px/24px DINPro;
	}

	.tabblock{
		padding:5px;
	}

	.recipeblock {
	    width:48%;
	    margin-bottom: 20px;
	}
	.homeaboutsection {
	    padding-bottom: 85px;
	}
	.tabblock .tabtext h3{
		font-size:14px;
	}
	.tabblock .tabtext h3 span{
		font-size:14px;
	}

	.nutritionalfactslistbox{
		width: 200px;
	}

	.conactwrapper{
		flex-wrap: wrap;
	}
	.conactwrapper .contactaddresscol {
	    width:100%;
	}
	.conactwrapper .contctformcol {
	    width:100%;
	}

	.heroslideritemwrapper .text {
	    padding-top: 0px;
	}
	.abouttextsection .richtext p{
		font:normal normal normal 14px/24px DINPro;
	}

	.heroslider .slick-dots li button{
		width: 9px;
		height: 9px;
	}

	.heroslider .slick-dots li{
		width: 14px;
		height: 14px;
		margin:0 2px;
	}
	.ha-featuresbox{
		padding:0px;
	}
	.ha-featuresbox .divider {
	    left: 35%;
	}

	.haboutimgbox{
		top:103px;
	}

	.abouttextsection .richtext p:nth-child(3),.abouttextsection .richtext p:nth-child(4){
		width: 100%;
	}
	.aboutimagewrapper {
	    width: 100%;
	}

	.sectionpadding {
	    padding: 50px 0px 49px 0px;
	}

	.expertformbox{
		width: 100%;
	}
	.cus-popup-whitebox{
		max-height: 90vh!important;
		overflow: scroll;
	}

	.expertformbox:before{
		display: none;
	}

	.expertformbox:after{
		display: none;
	}
	.expertformbox > img{
		display: none;
	}
	.expertformbox{
		left: auto;
	}
	.ha-featuresbox .divider{
		display: none;
	}
	.homeproductslideriteminner h3 {
	    font: normal normal bold 20px/25px Poppins;
	}
	.footercol > h4{
		margin-bottom:10px;
	}
	.breadcrumbsection {
	    height: 90vh;
	}

	.tab1page .tabnav .slick-current .tabblock{
		background-color: #fff0;
		border:0px!important;
	}

	.rightmenu nav ul li ul li:before{
		display: none;
	}

	.breadcrumbsection .pagetitlt {
	    font: normal normal normal 26px/48px DINPro-bold;
	}
}
@media (max-width: 680px) {
	.expertopinionpage  .breadcrumbsection .pagetitlt{
		top:38%;
	}

	.textpg-textpg{
		width:100%;
	}
	.textpg-textpg p{
	    text-align: center;
	    font: normal normal bold 18px/24px DINPro-bold;
	}

	.ld-factorswrapper .ld-factorsbox{
		width:100%;
	}

	.breadcrumbsection .pagetitetext{
		font: normal normal normal 14px/17px DINPro;
		top:55%;
	}

	
	.productsbreadcrumb .pagetitltbox .pagetitlte {
	    font: normal normal normal 24px/30px DINPro-bold;
	}

	.productsbreadcrumb .pagetitltbox h3 {
	    font: normal normal normal 16px/20px DINPro-medium;
	}

	.availableflavourwrapper .availbelprowrap .availbelprobox {
	    padding-left: 58px;
	    margin: 24px 8px 10px 00px;
	}

	.productsbreadcrumb .pagetitltbox .pagetitlte span {
	    font: normal normal normal 14px/15px DINPro-medium;
	}


	.homeaboutwrapper .habouttext {
	    width: 100%;
	}
	.haboutimgbox{
		position: static;
		top:auto;
		left: auto;
		right:auto;
		max-width: 50%;
		margin:0px auto 10px;
	}

	.ha-featuresbox{
		justify-content: flex-start;
	}
	.ha-featuresbox .box{
		margin-right: 60px;
	}

	.ha-featuresbox .divider {
	    left: 23%;
	}
	.homeaboutsection {
	    padding: 3% 0px 20px 0px;
	}
	.homeaboutsection:after{
		clip-path: polygon(0% 0%,100% 0, 100% 100%, 0% 100%);
	}
	.homeaboutsection:after {
	    height:100px;
	}

	.homenutrituingwrapper .headingboxer h3 {
	    font: normal normal normal 23px/30px DINPro-bold;
	}

	.homenutrituingwrapper .headingboxer h3 span {
	    font: normal normal bold 35px/40px DINPro-bold;
	}
	.homenutrituingwrapper .headingboxer {
	    width: 40%;
	}

	.homenutrituingwrapper .textbox {
	    width: 55%;
	}
	img.nutrient-bubble {
	    z-index: 100;
	    transform: scale(0.5);
	}
	.homenutrituingsection:after{
		height: 30px;
	}

	.footercol p {
	    font: normal normal normal 14px/20px Poppins;
	}

	.homepage .footer {
	    padding-top: 70px;
	}
	.footercol ul li a {
	    text-align: left;
	    font: normal normal normal 14px/26px Poppins;
	}
	.footercol .iconlist img {
	    height: 20px;
	    position: absolute;
	    top: 4px;
	}
	.copyrightwrapper p, .copyrightwrapper a {
	    font: normal normal normal 14px/20px Poppins;
	}

	.homeproductslider {
	    margin: 3% auto;
	    width: 100%;
	}

	.homenutrituingwrapper .headingboxer {
	    width: 100%;
	}

	.homenutrituingwrapper .headingboxer h3 {
	    font: normal normal normal 29px/40px DINPro-bold;
	}

	.homenutrituingwrapper .headingboxer h3 span{
		display: inline-block;
	   vertical-align:top;
	}

	.homenutrituingwrapper .textbox {
	    width: 100%;
	}

	.homeaboutsection:after {
	    height:50px;
	}
	.haboutimgbox img {
	    width: 100%;
	    position: relative;
	    top: 40px;
	}

	.breadcrumbsection .pagetitlt {
	    font: normal normal normal 24px/48px DINPro-bold;
	}


	.productfooterbox a span {
	    font: normal normal normal 16px/25px DINPro-bold;
	}
	.howtousebox .imgbox img {
	    width: 76px;
	}
	.howtousebox .imgbox:after{
		width: 75px;
		height: 75px;
	}
	.howtousebox .textbox p {
	    font: normal normal normal 14px/20px DINPro-bold;
	}
	.mythfactwrapper .imgblock .mfcard img{
		width: 90%;
	}	
}
@media (max-width: 600px) {
	nav{
		width:75%;
	}

	.cus-popup-wrapper .textbox h3 {
	    font: normal normal normal 19px/29px Poppins;
		margin-bottom: 15px;
	}

	.cus-popup-wrapper{
		padding:20px;
	}

	.cus-popup-wrapper .textbox h3 p {
	    text-align: left;
	    font: normal normal bold 20px/27px Poppins;
	}

	.heading3 {
	    font: normal normal normal 18px/40px DINPro-bold;
	}	 

	.cus-popup-wrapper .imgbox img{
		width: 100%;
		max-width: 120px;
	}

	.richtext ul li:before {
	    content: '';
	    position: absolute;
	    top: 8px;
	    left: 12px;
	    width: 5px;
	    height: 5px;
	    background: #EB4738;
	    border-radius: 50%;
	    display: block;
	}

	.expertopinionpage .breadcrumbsection .pagetitlt {
	    top: 34%;
	    font-size: 29px;
	}

	.breadcrumbsection .pagetitetext{
		font: normal normal normal 14px/17px DINPro;
		top:50%;
	}

	.recipeblock .textbox h4 {
	    text-align: center;
	    font: normal normal normal 14px/20px DINPro-bold;
	}
	.recipeblock {
	    width: 48%;
	    margin-right: 2%;
	}

	.buyusonwrapper .greybuyusonwrapper{
		padding:10px 5px;
	}
	.buyusonwrapper{
		flex-wrap: wrap;
	}
	.buyusonwrapper > span {
	    font: normal normal normal 17px/42px DINPro;
	}
	.buyusonwrapper > span{
		width: 100%;
		text-align: center;
	}

	.greybuyusonwrapper .imgbox {
	    padding: 5px 10px;
	    position: relative;
	}

	.contactaddressbox ul li{
		padding-left: 40px;
	}

	.contactaddressbox img{
		left:10px;
	}

	.abouttextsection .richtext p:nth-child(3), .abouttextsection .richtext p:nth-child(4){
		width: 100%;
		margin-right: 0px;
	}


	.footercol,.footercol.addresscol {
	    width:98%;
	}

	.copyrightwrapper{
		flex-wrap: wrap;
		text-align: center;
	}

	.copyrightwrapper p{
		width: 100%;
		margin-bottom: 10px;
	}

	.footersocialbox{
		margin:10px 0px 20px 0px;
	}
	.menutogglercss {
	    display: block;
	    margin: 0px 15px 0px 10px;
	}

	.protien-help-block-wrppaer .protien-help-box{
		width: 100%;
	}
	.twocol p{
		width: 100%;
		margin:0px;
		margin-bottom: 10px;
	}

	.tabfor  .heading2 {
	    font: normal normal normal 20px/26px DINPro-bold;
	}
	.mythfactwrapper .mythblock {
	    width: 100%;
	    padding: 10px;
	}

	.mythfactwrapper .imgblock{
		width: 100%;
	}

	.mythfactwrapper .factblock{
		width: 100%;
	}

	.designerwebsite.richtext p{
		width: 100%!important;
	}
}
@media (max-width: 480px) {

	.recipepopup-container .imgbox {
	    padding: 20px;
	    float: initial;
	    width: 100%;
		margin:20px 0px;
	}

	.recipepopup-container .imgbox img{
	    width: 80%;
	    display: block;
	    margin:auto;
	}
	.heading3 {
	    font: normal normal normal 15.5px/33px DINPro-bold;
	}
	.richtext img{
		float: none!important;
		max-width:80%;
		width: 100%;
		margin:10px auto!important;
	}

	.vitaominbox{
		width: 100%;
		flex-wrap: wrap;
	}

	.vitaominbox .vitaminimg{
		width: 100%;
		text-align: center;
	}

	.vitaominbox .vitaminimg img{
		max-width: 80%;
		width: 100%;
		margin:auto;
	}

	.vitaominboxinner {
	    width:94%;
	    margin:auto;
	}

	.recipeblock {
	    width: 80%;
	    margin:10px auto;
	}

	.recipeblock .textbox h4{
		height: auto;
	}

	.expertopinionpage .breadcrumbsection .pagetitlt {
	    top: 20%;
	    font-size:18px;
	}

	.protien-help-box p{
		font: normal normal normal 14px/20px DINPro;
	}
	.breadcrumbsection .pagetitetext {
	    font: normal normal normal 14px/17px DINPro;
	    top: 43%;
	}

	.nutritionalfactswrapper > .imgbox{
		width:100%;
		margin:auto;
		position: static;
		transform:translate(0px,0px);
		max-width:60%;
	}

	.howtousebox{
		width: 100%;
		margin-bottom:10px;
	}

	.productfooterbox a{
		background:#08080880;
	}

	.productfooterbox a span{
		color:#fff;
	}
	.productfooterbox a i{
		color:#fff;
	}

	.howtousewrapper{
		flex-wrap: wrap;
	}

	.productfooterbox{
		flex:auto;
	}

	.nutritionalfactswrapper{
		height: auto;
	}

	.nutritionalfactslists .nutritionalfactslistbox{
		position: static;
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}

	.nutritionalfactslists {
	    display: flex;
	    align-items: center;
	    justify-content: space-around;
	    flex-wrap: wrap;
	}


	.header .logo {
	    width: 140px;
	}
	.prodcuctbreadwrapper{
		height:auto;
	}
	.breadcrumbsection{
		height: 220px;
		padding-top:0px;
	}

	.nobannerpage .root {
	    margin-top: 0px;
	}
	.formgroup.width30 {
	    width: 100%;
	}

	.pagetitleinner {
	    padding-bottom: initial;
	}

	.productpage .breadcrumbsection{
		height:200px;
	}

	.prodcuctbreadwrapper{
		flex-wrap: wrap;
	}
	.productsbreadcrumb .pagetitltbox{
		width: 100%;
		height: 20vh;
	}
	.productsbreadcrumb .imgbox{
		width: 100%;
		height:50vh;
	}

	.availableflavourwrapper .availbelprowrap {
	    display: flex;
	    align-items: stretch;
	    justify-content: space-between;
	    width: 90%;
	}

	.productsbreadcrumb .imgbox {
	    padding: 0px 0px;
	}

	.sectionpadding{
		padding:30px 0px;
	}

	.header .logo {
	    margin: 0px 10px 0px 16px;
	}

	.breadcrumbsection .pagetitlt {
	    font: normal normal normal 20px/39px DINPro-bold;
	}

	.abouttextsection .richtext p{
		font:normal normal normal 14px/20px DINPro;
	}
		
	.richtext ul li{
		font:normal normal normal 14px/20px DINPro;
	}

	.abouttext1 {
	    font: normal normal normal 16px/24px DINPro-bold;
	}
	.abouttext2 {
	    font: normal normal normal 15px/24px DINPro;
	}
	.aboutimagewrapper{
		margin-bottom: 50px;
	}
	.header .logo {
	    margin: 0px 10px 0px 25px;
	}
	.export-btn span{
		display: none;
	}
	.menutogglercss > span{
		display: none;
	}

	.abouttext1{
		max-width: 90%;
	}
	.abouttext2{
		max-width: 84%;
		margin: 10px auto;
	}

	.export-btn .exportlogo{
		margin-bottom: 0px;
	}
	.menutogglercss .hamberger{
		margin-bottom:0px;
	}

	.herosection{
		background:transparent linear-gradient(298deg, #FB5F51 0%, #FFDF5D 100%) 0% 0% no-repeat padding-box;
	}	

	.heroslideritemwrapper{
		flex-wrap: wrap;
	}

	.heroslideritemwrapper .text {
	    width: 100%;
	    height: 25vh;
	    align-items:center;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	}

	.heroslideritemwrapper .imgbox{
		width: 100%;
		height: 50vh;
	}

	.heroslideritemwrapper .imgbox img {
	    margin: auto;
	    height: 100%;
	    height: auto;
	    width: 72%;
	}

	.heroslider .slick-dots {
	    width: auto;
	    bottom:0px;
	    left: 50%;
	    transform: translate(-50% , -50%);
	}

	.ha-featuresbox .divider{
		display: none;
	}
	.haboutimgbox {
		max-width: 90%;
		margin-top:20px;
	}
	.ha-featuresbox .box{
		margin-bottom: 15px;
	}

	.richtext p, .richtext span {
	    font: normal normal normal 14px/20px DINPro;
	}
	.richtext ul li{
	    font: normal normal normal 14px/20px DINPro;
	}

	.header,.header.fixed-head{
		height: 55px;
	}

	.header .logo {
	    width: 100px;
	}
	.aboutimagesection .aboutimage {
	    margin-top: 20px;
	    width: 70%;
	    position: relative;
	    z-index: 99;
	}
	.aboutimagewrapper:before{
		clip-path: polygon(0% 0%, 0% 100% , 53% 100%, 0% 0%);
	}

	.header{
		position: static;
		background:transparent linear-gradient(180deg, #FB6A52 0%, #F58011 100%);
	}

	.herosection{
		height: auto;
		padding-top:0px;
	}

	.breadcrumbsection .pagetitlt {
	   font: normal normal normal 20px/32px DINPro-bold;
		top:50%;
		transform: translateY(-50%);
		animation:none;
	}

	.productfooterwrapper{
		flex-wrap: wrap;
	}
		.formgroup.width50{
		width: 100%;
	}

	.formgroup.width25{
		width: 49%;
	}
	.expertformbox h2 {
	    font: normal normal normal 24px/26px DINPro-bold;
	}

	.accordionheading p {
	    padding: 10px 30px 10px 10px;
	    font: normal normal normal 14px/22px Poppins;
	}

	.accordionbody {
	    padding: 10px;
	}

	.mythfactwrapper{
		background:#f3f3f359;
		border:1px solid #ccc;
		padding:0px;
	}

	.mythfactwrapper .factblock {
	    width: 100%;
	    background: #f3f3f3;
	}

	.heroslideritemwrapper .imgbox {
	    width: 100%;
	    height: auto;
	}

	.heroslideritemwrapper .imgbox img{
		width: 100%;
		height: auto;
		margin-bottom: 30px;
	}

	.tabwrapper {
	    width: 87%;
	    margin: auto;
	}

	.availableflavourwrapper .availbelprowrap{
		flex-wrap:wrap;
		width: 100%;
	}

	.availableflavourwrapper .availbelprowrap .availbelprobox{
		margin:30px auto;
	}
	.availableflavourwrapper .availbelprowrap .availbelprobox{
		padding-left: 100px;
	}

	.absoluteimg img {
	    width: 100%;
	    max-width: 300px;
	    margin: auto;
	    display: block;
	}
	.aboutimagewrapper {
	    margin-bottom: 50px;
	    flex-wrap: wrap;
	}

	.aboutimagewrapper .imgbox{
		width: 60%;
	}

	.abouttext1,.abouttext2{
		margin:0px auto;
		margin-bottom: 20px;
		text-align: center;
	}
	.aboutimagewrapper{
		padding:0px;
	}

	.aboutimagewrapper .textbox {
	    width: 100%;
	}

	.footersocialbox .socialbox{
		flex-wrap:wrap;
	}

	.socialbox .seprator {
	    width: 100%;
	    height:1px;
	    background: #fff;
	    margin: 20px 0px;
	    display: block;
	}
}

@media (max-width: 400px) {
	.heading3 {
	    font: normal normal normal 15px/30px DINPro-bold;
	}
	.breadcrumbsection {
	    height: 195px;
	    padding-top: 0px;
	}
	.mythfactwrapper .textblock p {
	    font: normal normal normal 14px/20px DINPro;
	}

	.recipeblock{
		width:75%;
		margin:10px auto 15px;
	}
	.recipeblock .textbox h4{
		height: auto;
	}

	.recipeblock:last-child {
	     margin-right: auto; 
	}

	.tabblock .tabtext h3 span{
		display: inline;
	}

	.contactaddressbox ul li p, .contactaddressbox ul li a {
	    display: block;
	    font: normal normal normal 14px/30px DINPro;
	}
	.contactformbox h2 {
	    font: normal normal normal 22px/28px DINPro-bold;
	}
	.formgroup .cselect,.formgroup .cinput{
		height: 35px;
		font:normal normal normal 14px/24px DINPro;
	}
	.formgroup .ctextarea{
		font:normal normal normal 14px/24px DINPro;
	}

	.productsbreadcrumb .imgbox .b_productimgtext {
		max-width: 180px;
	   font: normal normal normal 11px/29px DINPro-medium;
		overflow: hidden;
	}
}
@media (max-width: 375px) {
	.productsbreadcrumb .imgbox .img{
		margin:auto;
		width: 100%;
		text-align: center;
	}

	.footer{
		padding-top:0px;
	}
	.aboutimagewrapper{
		margin-bottom:0px;
	}

	.protienscorepage .expertformbox{
		width: 100%;
	}
	.footercol, .footercol.addresscol {
	    width: 100%;
	    margin-bottom: 10px;
	}
	.footer{
		padding-top:20px;
	}

	.breadcrumbsection {
	    height: 185px;
	    padding-top: 0px;
	}

	.greybuyusonwrapper{
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}

	.greybuyusonwrapper .imgbox:nth-child(2):after {
	    left: 0px;
	    width: 200%;
	    height: 1px;
	    top:130%;
	}

	.greybuyusonwrapper .imgbox:nth-child(3){
		margin-top:20px;
	}

	.greybuyusonwrapper img {
	    mix-blend-mode: darken;
	    height: 27px;
	    display: block;
	    margin: auto;
	}

	.greybuyusonwrapper .imgbox{
		width: 50%;
		text-align: center;
	}


	.productsbreadcrumb .imgbox .img img{
		width: 100px;
	}

	.productsbreadcrumb .imgbox .b_productimgtext{
		position: static;
		width: 100%;
	}

	.productsbreadcrumb .imgbox .b_productimgtext{
		font:normal normal normal 12px/20px DINPro-medium;
		width: 100%;
		max-width: 100%;
		margin-bottom: 10px;
	}
}
@media (max-width: 360px) {
	.export-btn .exportlogo {
	    height: 30px;
	    width: 30px;
	}

	.protienscorepage .expertformbox{
		width: 100%:;
	}

	.rightmenu nav ul li a {
	    font: normal normal normal 14px/36px Poppins;
	}

	.formgroup.width25{
		width: 100%;
	}

	.breadcrumbsection .pagetitlt {
	    font: normal normal normal 18px/30px DINPro-bold;
	}

	.expertformbox h2 {
	    font: normal normal normal 20px/26px DINPro-bold;
	}

	.availableflavourwrapper .availbelprowrap .availbelprobox span {
	    font: normal normal normal 11px/35px DINPro-bold;
	}

	.availableflavourwrapper .availbelprowrap .availbelprobox img {
	    width: 34px;
	    top: -10px;
	}

	.availableflavourwrapper .availbelprowrap .availbelprobox{
		padding-left:50px;
	}

	.nutritionalfactslistbox .iconbox {
	    height: 30px;
	    width: 40px;
	}

	.nutritionalfactslistbox .iconbox img{
		width: 100%;
	}

	.nutritionalfactslists .nutritionalfactslistbox{
		width: 100%;
	}

	.header, .header.fixed-head {
	    height: 60px;
	}

	.menutogglercss .hamberger{
		height: 30px;
		width: 30px;
	}

	.menutogglercss .hamberger span{
		width: 18px;
	}

	.menutogglercss .hamberger span:nth-child(1){top:08px;  transform: translateX(-9px);}
	.menutogglercss .hamberger span:nth-child(2){top:15px; transform: translateX(-9px);}
	.menutogglercss .hamberger span:nth-child(3){top:22px; transform: translateX(-9px);}

	.homeproductslideriteminner img {
	    width: 53%;
	    margin: 20px auto 10px;
	}

	.contactaddressbox h3{
		margin-bottom: 10px;
	}

	.footerlogo {
	    max-width: 100px;
	    display: block;
	    margin-bottom: 15px;
	}

	.footercol > h4{
		margin-bottom:15px;
	}

	.footercol{
		padding:10px 15px 10px 15px;
	}

	.homenutrituingwrapper .headingboxer h3 {
	    font: normal normal normal 20px/30px DINPro-bold;
	}

	.homenutrituingwrapper .headingboxer h3 span {
	    font: normal normal bold 24px/30px DINPro-bold;
	}

	.header .logo {
	    width: 90px;
	}
}