/* -------------------------------------  1500px  ------------------------------------- */
@media(min-width:2300px)
{
	.TopTitlePageBox{min-height:500px;}
	.FeatureSliderDars,.FeatureSliderBoxhichew{margin-top: -432px;}
}

/* -------------------------------------  1500px  ------------------------------------- */
@media(min-width:768px)
{
   .PopupProducts .mfp-close{border-radius: 50%!important;right: -20px!important;opacity: 1!important;}
	.PopupProducts .mfp-close:active,.PopupProducts .mfp-close{
		top: -8px!important;
	}
	.PopupProducts button.mfp-close, .PopupProducts button.mfp-arrow{background:#977D64;}
	.PopupProducts .mfp-close-btn-in, .PopupProducts .mfp-close {
		color: #fff!important;
	}
	.PopupProducts .mfp-close{
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 28px;
	}

}

/* -------------------------------------  1500px  ------------------------------------- */
@media(max-width:1500px)
{
    /* FeatureSliderBox */
    .FeatureSliderBox{ max-width: auto;  margin-left: 0px; margin-right:0px; }
    .FeatureSlider{ min-height: auto; margin-top: 130px; /*padding-bottom: 40px; */ }
    .FeatureSliderBox{ /*padding-top: 25px;*/ }
    .FeatureSliderBox ul li{ overflow-y: auto; height: auto; /*padding-bottom: 100px;*/ }
    .FeatureSliderBox ul li .SlidePicture{ margin-left: 70px; margin-right:70px; }

    .FeatureSliderBox ul li .SlideExcept{ font-size: 16px; }
    .FeatureSliderAgent{ margin-top: -180px; padding-bottom: 0px!important; }

    .slick-prev:before { width: 70px; height: 70px; margin-right: -50px; }
	.slick-next:before { width: 70px; height: 70px; margin-left: -50px; }

    .SliderCaptionsAgent{ width: 80%!important; right: 10%!important; left: 10%!important;}

    .FeatureSliderBox .LeftPic{ left: 0%; top: 47%; z-index: 1; }
	.FeatureSliderBox .RightPic{ right: 0%; top: 47%;}

	/* Dars */
	.FeatureSliderBox .DarsBoxlHP{ height: auto;}
	.FeatureSliderBox .LeftPicDars{ width: 140px; height: auto; position: absolute; left: 2%; top: 19%; }
	.FeatureSliderBox .RightPicDars{ width: 150px; height: auto; position: absolute; right: 2%; top: 19%; }
	.FeatureSliderBox .DarsBoxlHPCenter{ width: 73%; margin-top: -5%; }

	/* HiChew */
	.FeatureSliderBox .HiChewBoxlHP{ height: auto;}
	.FeatureSliderBox .LeftPicHiChew{ width: 240px; height: auto; position: absolute; top: 7%; }
	.FeatureSliderBox .RightPicHiChew{ width: 240px; height: auto; position: absolute; top: 6%; }
	.FeatureSliderBox .HiChewBoxlHPCenter{ width:65%; margin-top: -9%; }

	/* Manna */
	.FeatureSliderBox .MannaBoxlHP{ height: auto;}
	.FeatureSliderBox .LeftPicManna{ width: 200px; height: auto; position: absolute; left: 2%; top: 19%;}
	.FeatureSliderBox .RightPicManna{ width: 160px; height: auto; position: absolute; right: 2%; top: 15%;  }
	.FeatureSliderBox .MannaBoxlHPCenter{ width:65%; margin-top: -15%; }

	/* InJelly Homepage */
	.FeatureSliderBox .InJellyBoxlHP{ padding-bottom: 50px;}
	.FeatureSliderBox .InJellyBoxlHPCenter{ width: 70%; margin-top: -20%; }

    /* LeftChoccolate Dars Page */
    .FeatureSliderDars{ margin-top: -300px; padding-bottom: 0px!important;}
    .FeatureSliderDarsBox{ max-width: auto!important; margin: auto!important; margin-left: 70px!important; margin-right:70px!important; }
    .FeatureSliderDarsBox .LeftChoccolate{ width: 150px; top: 13%; left: -3%;  }
	.FeatureSliderDarsBox .RightChoccolate{ width: 150px; top: 13%; right: -3%;  }

	.FeatureSliderDars .LeftHiChew{ width: 240px; top: 8%; left: 0%;  }
	.FeatureSliderDars .RightHiChew{ width: 240px; top: 8%; right: 0%; }
	.FeatureSliderDarsBox .HiChewProductCenter{ max-width: 70%;}

	.FeatureSliderDarsBox .LeftManna{ width: 250px; top: 16%; left: -4%;  }
	.FeatureSliderDarsBox .RightManna{ width: 200px; top: 18%; right: -4%; }
	.FeatureSliderDarsBox .MannaProductCenter{ max-width: 70%;}

	.InJellyProductCenter{ width: 100%; max-width: auto; padding-top:50px; padding-bottom: 50px; margin-top: 13%; background-size: contain 100%; }
	.InJellyProductCenter p{ width: 50%; margin:auto; text-align: center; }
	.MartopIJ{ margin-top: 200px; }

    /* TopTitlePage */
	.TopTitlePageBox{ max-width: auto; margin: auto;}
	.TopTitlePageBox .Title{ font-size: 28px; }
	.TopTitlePageBox .Title span.AgentTopIcon:before{ top: -20px; margin-left: -100px; width: 80px; height: 80px; }
	.TopTitlePageBox .Title span.GroupNetwork:before{ top: -20px; margin-left: -100px; width: 80px; height: 80px; }
	.TopTitlePageBox .Title span.AboutTopIcon:before{ top: -20px; margin-left: -100px; width: 80px; height: 80px; }
	.TopTitlePageBox .Title span.ProductTechnologyTopIcon:before{ top: -20px; margin-left: -100px; width: 80px; height: 80px; }
	.TopTitlePageBox .Title span.RandDTopIcon:before{ top: -20px; margin-left: -100px; width: 80px; height: 80px; }
	.TopTitlePageBox .Title span.SoftCandyTopIcon:before{ top: -20px; margin-left: -100px; width: 80px; height: 80px; }

    /* AboutTopPage */
	.AboutTopPage{ margin-left: auto 70px; margin-right: auto 70px; }

    /* ProductsTopPage */
	.ProductsTopPage{}

	/* DarsProductsListPage */
	.DarsProductsListPage{}
	

	/* AgentInfoTopPage */
	.AgentInfoTopPage{}

	/* FooterPRDSections */
	.PRDTail { margin-bottom: -5%; }
	.FooterPRDSections{ margin-top: 0px; padding-bottom: 230px; }
	.FooterSection1{ width: 70%; margin-bottom: 80px; padding:200px 30px 30px 30px; }
	.FooterSection2{ width: 70%; }
	.FooterSection2 .Captions{}
	.PRDTail { width: 90%; max-width: 1300px; height: auto; margin: auto; text-align: center; }
	.LeftTailPRD{ left:-70px; top: 0; width: 350px;}
	.RightTailPRD{ right:-70px; top: 0; width: 300px;}

	/* ResearchTopPage */
	.ResearchTopPage{ margin: auto; margin-top: 100px; margin-bottom: 100px; }
	.ResearchTopPage ul { margin-top: 30px;}
	.ResearchTopPage ul li{ margin-bottom: 20px; padding: 20px 0px 20px 0px; }
	.ResearchTopPage ul li .Picture{ width: 45%; margin-top: 0px; }
	.ResearchTopPage ul li .Picture img{ width: 100%; }
	.ResearchTopPage ul li .TextBox{ width: 50%; float: right; padding:  3% 5% 3% 0%;}
	.ResearchTopPage ul li:nth-child(odd) .Picture{ width: 45%; margin-top: -1%;  }
	.ResearchTopPage ul li:nth-child(odd) .TextBox{ width: 50%; float: left; padding:3% 0% 3% 5%; }
	.ResearchTopPage ul li .Title{ font-size: 30px; line-height: 33px; }
	.ResearchTopPage ul li .CaptionsRe{ margin-top: 10px; line-height: 21px; }
	.ResearchTopPage ul li .ShotDetail{ height: auto; margin-top: 10px; }
	.ResearchTopPage ul li .LeftPicCrop{ height: 107%; left: 0; top: 0; }
	.ResearchTopPage ul li .BottomPicCrop{ height: 107%; right: -1px; bottom: 4px; }

	/* PRDOurCompany */
	.PRDOurCompany{ background-size: 100%;}
	.PRDOurCompanyBox1{ max-width: auto; margin: auto; margin-left: 70px; margin-right:70px;padding-top: 0%; margin-top: 0%;}
	.PRDOurCompanyLeft1{ margin-top: 8%; }
	.PRDOurCompanyLeft1 img{ max-width: 550px; }
	.PRDOurCompanyRight1{ margin-top: 10%; }
	.PRDOurCompanyBox2{ max-width: auto; margin: auto; margin-left: 70px; margin-right:70px; padding-top: 0%; margin-top: 0%;}
	.PRDOurCompanyRight2 img{ max-width: 550px; }
	.PRDOurCompanyBox3{ max-width: auto; margin: auto; margin-left: 70px; margin-right:70px;padding-top: 0%; margin-top: 0%;}
	.PRDOurCompanyLeft3 img{ max-width: 550px; }
	.PRDOurCompanyLeft3{ margin-top: 9%; }
	.PRDOurCompanyRight3{ margin-top: 9%; }

	.ThaiRetailerSection .PRDOurCompanyLeft1{padding-top: 16%!important; margin-top: 8%;}
	.ThaiRetailerSection .PRDOurCompanyRight1{ margin-top: 15%; }

	/* GroupNetworkMapPage */
	.GroupNetworkMapPage{ margin-top: -170px; }
	.GroupNetworkMapPage p{ height: 500px; }

	.LeftChoccoDars{ width: 100px; left:-80px; top:-300px;}
	.RightChoccoDars { width: 100px; right:-80px; top:-300px; }

	/*.DarsProductsListPage .TopBGHiChewProducts{ width: auto;height: 300px;}*/

	/* For Thai Retailer */
	.ThaiRetailerFont .PRDOurCompany{ background-size: cover; }
	.ThaiRetailerFont .PRDOurCompanyBox1{ padding-top: 13%;}

	.KVCollagenIntroBox .Inners{ padding-top: 48%; }
}

/* -------------------------------------  1380px  ------------------------------------- */
@media(max-width:1380px)
{
	
	
}

/* -------------------------------------  1280px  ------------------------------------- */
@media(max-width:1280px)
{
	/* BreadcrumbTopAll */
	.BreadcrumbTopAll{width: auto; max-width: auto; margin-left: 70px; margin-right: 70px; margin-top: 150px;}

	/* FeatureSliderBox */
	.FeatureSliderBox ul li{ padding-bottom: 20px; }
	.FeatureSliderBox ul li .Title{ font-size: 28px;}
	.FeatureSliderBox .LeftPic{ top:30%; /*bottom: -20%; left: -6%;*/ }
	.FeatureSliderBox .RightPic{ top:30%; /*bottom: -20%; right: -6%;*/ }
	.FeatureSliderAgentBox{ max-width: auto!important; margin: auto!important;/* margin-left: 70px!important; margin-right:70px!important;*/}
    .FeatureSliderBox ul li .SliderCaptions{ width: 76%!important;  right: 12%; left: 12%; bottom: 15%;}
    
	/* LeftChoccolate Dars Page */
    .FeatureSliderDarsBox{ max-width: auto!important; margin: auto!important; margin-left: 70px!important; margin-right:70px!important; }
    .FeatureSliderDarsBox .LeftChoccolate{ width: 130px; top: 13%; left: -5%;  }
	.FeatureSliderDarsBox .RightChoccolate{ width: 130px; top: 13%; right: -5%; }

	/* Dars */
	.FeatureSliderBox .DarsBoxlHP{ height: auto;}
	.FeatureSliderBox .LeftPicDars{ width: 110px; height: auto; position: absolute; left: 2%; top: 16%; }
	.FeatureSliderBox .RightPicDars{ width: 100px; height: auto; position: absolute; right: 2%; top: 19%; }
	.FeatureSliderBox .DarsBoxlHPCenter{ width: 70%; margin-top: -5%; }

	/* HiChew */
	.FeatureSliderBox .HiChewBoxlHP{ height: auto;}
	.FeatureSliderBox .LeftPicHiChew{ width: 200px; height: auto; position: absolute; top: 11%; }
	.FeatureSliderBox .RightPicHiChew{ width: 200px; height: auto; position: absolute;  top: 10%; }
	.FeatureSliderBox .HiChewBoxlHPCenter{ width: 65%; margin-top: -9%; }

	/* Manna */
	.FeatureSliderBox .MannaBoxlHP{ height: auto;}
	.FeatureSliderBox .LeftPicManna{ width: 160px; height: auto; position: absolute; left: 2%; top: 15%; }
	.FeatureSliderBox .RightPicManna{ width: 140px; height: auto; position: absolute; right: 2%; top: 14%; }
	.FeatureSliderBox .MannaBoxlHPCenter{ width: 65%; margin-top: -15%; }

	.FeatureSliderDars .LeftHiChew{ width: 200px; top: 9%; left: 0%;  }
	.FeatureSliderDars .RightHiChew{ width: 200px; top: 9%; right: 0%; }

	/* InJelly Homepage */
	.FeatureSliderBox .InJellyBoxlHP{ padding-bottom: 50px;}
	.FeatureSliderBox .InJellyBoxlHPCenter{ width: 70%; margin-top: -20%; }

	/*.InJellyProductCenter{ width: 100%; max-width: auto; padding-top:100px; padding-bottom: 30px; margin-top: 6%; background-size: contain 100%; }
	.InJellyProductCenter p{ width: 60%; margin:auto; text-align: center; }
	.MartopIJ{ margin-top: 200px; }*/
	.InJellyProductCenter{ width: 100%; max-width: auto; padding-top:50px; padding-bottom: 50px; margin-top: 13%; background-size: contain 100%; }
	.InJellyProductCenter p{ width: 50%; margin:auto; text-align: center; }
	.MartopIJ{ margin-top: 200px; }

	/* ResearchTopPage */
	.ResearchTopPage .Captions{}

	/* ProductsTopPage */
	.ProductsTopPage{ max-width: auto; margin: auto; margin-left: 70px; margin-right:70px; margin-top: 100px; margin-bottom: 100px; }
	.ProductsTopPage{}
	.ProductsTopPage .Captions{}
	.ProductsTopPage .List ul li{ position: relative; width: 22.7%; float: left; margin: 1.5%; }
	.ProductsTopPage .List ul li a{ padding: 15px; }
	.ProductsTopPage .List ul li .Picture{}
	.ProductsTopPage .List ul li .Picture p{}
	.ProductsTopPage .List ul li .Title{ /*font-size: 14px;*/ }
	.ProductsTopPage .List ul li .NewPrd{ width:45px; height: 45px; }

	/* DarsProductsListPage */
	.DarsProductsListPage{ /*max-width: auto; margin: auto; margin-left: 70px; margin-right:70px; margin-top: 100px; margin-bottom: 100px;*/ }
	.DarsProductsListPage{}
	.DarsProductsListPage .Captions{}
	.DarsProductsListPage .List{ max-width: auto; margin: auto; margin-left: 70px; margin-right:70px;/* margin-top: 100px; margin-bottom: 100px;*/ }
	.DarsProductsListPage .List ul li{ position: relative; width: 22%; float: left; margin: 1.5%; }
	.DarsProductsListPage .List ul li a{ padding: 15px; }
	.DarsProductsListPage .List ul li .Picture{}
	.DarsProductsListPage .List ul li .Picture p{}
	.DarsProductsListPage .List ul li .Title{ /*font-size: 14px;*/ }
	.DarsProductsListPage .List ul li .NewPrd{ width:45px; height: 45px; }

	/* AboutTopPage */
	.AboutTopPage{ max-width: auto; margin: auto; margin-top: 80px; margin-bottom: 100px;}

	/* AgentInfoTopPage */
	.AgentInfoTopPage{ max-width: auto; margin: auto; /*margin-left: 70px; margin-right:70px;*/ }
	.AgentInfoTopPage ul li .CompanyLeft{ font-size: 23px; }
	.AgentInfoTopPage ul li .LogoRight{ width: 19%; }
	.AgentInfoTopPage ul li .LogoRight img{ max-height: 50px; }

	

	/* GroupNetworkMapPage */
	.GroupNetworkMapPage{ margin-left: 70px; margin-right:70px;}

	/* GroupNetworkBox */
	.GroupNetworkBox{ margin-left: 70px; margin-right:70px;}

	/* GroupNetworkCompanyBox */
	.GroupNetworkCompanyBox{ margin-left: 70px; margin-right:70px;}

	/* FooterPRDSections */
	.PRDTail {}
	.LeftTailPRD{ left:-100px; top: 0; width: 300px;}
	.RightTailPRD{ right:-100px; top: 0; width: 300px;}
	.LeftTailPRD2 img{ max-width: 260px; }
	.RightTailPRD2 img{ max-width: 260px; }

	/* ResearchTopPage */
	.ResearchTopPage .Captions{}
	.ResearchTopPage ul{ padding-bottom: 10px; }
	.ResearchTopPage ul li{ margin-bottom: 20px; padding: 20px 0px 20px 0px; }
	.ResearchTopPage ul li .Picture{ width: 40%; margin-top: 2%; }
	.ResearchTopPage ul li .TextBox{ width: 55%; padding:  3% 5% 2% 0%;}
	.ResearchTopPage ul li:nth-child(odd) .Picture{ width: 40%; margin-top: -5px; }
	.ResearchTopPage ul li:nth-child(odd) .TextBox{ width: 55%; padding:3% 0% 2% 5%; }
	.ResearchTopPage ul li .Title{ font-size: 25px; line-height: 30px; }
	.ResearchTopPage ul li .CaptionsRe{ font-size: 15px; margin-top: 15px; line-height: 20px; }
	.ResearchTopPage ul li .ShotDetail{ /*height: 55px;*/ font-size: 13px; margin-top: 15px; }
	.ResearchTopPage ul li .LinkTop{ margin-top: -20px; }

	/* OurCompany */
	.OurCompany{ margin-left: 70px; margin-right: 70px; }

	/* OurCompanyThaiRetailer */
	.OurCompanyThaiRetailer{ margin-left: 70px; margin-right: 70px; }

	/* ApplyAgentList */
	.ApplyAgentList{ max-width: auto; margin: auto; margin-left: 70px; margin-right:70px; margin-top: 100px; margin-bottom: 100px; }

	/* PRDOurCompany */
	.PRDOurCompany{ margin-top: -10px; padding-bottom: 100px; background-size: cover; }
	.PRDOurCompanyBox1{ max-width: auto; margin-left: 70px; margin-right:70px; padding-top: 6%;}
	.PRDOurCompanyLeft1{ margin-top: 19%; }
	.PRDOurCompanyLeft1 img{ max-width: 450px; }
	.PRDOurCompanyRight1{ margin-top: 20%; }
	.PRDOurCompanyRight1 .Title{ font-size: 30px;}
	.PRDOurCompanyRight1 .Title img{ max-width: 120px;}
	.PRDOurCompanyRight1 .Caption{ margin: 10px 0px;line-height: 18px; }
	.PRDOurCompanyRight1 .ShotCaption{ line-height: 18px;}

	.PRDOurCompanyBox2{ max-width: auto; padding-top: 0%; margin-top: 7%; margin-left: 70px; margin-right:70px;}
	.PRDOurCompanyLeft2 .Title{ font-size: 30px;}
	.PRDOurCompanyLeft2 .Title img{ max-width: 100px; }
	.PRDOurCompanyLeft2 .Caption{ margin: 10px 0px;line-height: 18px; }
	.PRDOurCompanyLeft2 .ShotCaption{ line-height: 18px;}
	.PRDOurCompanyRight2 img{ max-width: 450px; }

	.PRDOurCompanyBox3{ max-width: auto; margin-left: 70px; margin-right:70px;}
	.PRDOurCompanyLeft3{ margin-top: 19%; }
	.PRDOurCompanyLeft3 img{ max-width: 450px; }
	.PRDOurCompanyRight3{ margin-top: 20%; }
	.PRDOurCompanyRight3 .Title{ font-size: 30px;}
	.PRDOurCompanyRight3 .Title img{ max-width: 120px;}
	.PRDOurCompanyRight3 .Caption{ margin: 10px 0px;line-height: 18px; }
	.PRDOurCompanyRight3 .ShotCaption{ line-height: 18px;}

	.ThaiRetailerSection .PRDOurCompanyLeft1{padding-top: 0%!important; margin-top: 24%;}
	.ThaiRetailerSection .PRDOurCompanyRight1{ margin-top: 20%; }

	/* AboutVM */
	.AboutVM{ max-width: auto; margin: auto; margin-top: 20px; margin-bottom: 100px; margin-right: 70px; margin-left: 70px;}
	.MissionBox{ max-width: auto; width: auto; margin: auto; margin-top: 50px;}
	.VisionTitle{ font-size: 30px; }

	/* ContentPageBox */
	.ContentPageBox{ max-width: auto; margin: auto; margin-top: 100px; margin-bottom: 100px; margin-right: 70px; margin-left: 70px;}

	/* OtherRandD */
	.OtherRandD ul li .Descriptions{ padding: 20px 30px; }
	.OtherRandD ul li .Title{ font-size: 25px; line-height: 35px; }

	/* SoftCanyTechnology Page */
	.FloatLeftPRD{ margin-bottom: 60px; }
	.FloatRightPRD{ margin-top: 20px; }
	.PAbsoluteLeft{ position: absolute; width: 60%; padding-top: 0px; }
	.LeftStrawberry{ width: 70px; top:-170px; }
	.RightPurple{ width: 130px; top:-250px; }

	/* OurConceptDars */
	.OurConceptDars li{ margin: 100px 0px 100px 0px; }
	.OurConceptDars li .OurConceptDarsCaptions{ margin-top: 0px; }
	.OurConceptDars li:nth-child(odd) .OurConceptDarsCaptions{ margin-top: 0px; }
	.OurConceptDars li .OurConceptDarsCaptions .Str{ font-size: 15px; }
	.OurConceptDars li .OurConceptDarsCaptions .Title{ font-size: 25px; margin-bottom: 20px; }

	.LeftChoccoDars{ width: 80px; left:0px; top:-350px;}
	.RightChoccoDars { width: 80px; right:0px; top:-350px; }

	/* Popup Australia */
	.PopupDetailAustralia{ padding: 30px; height: 760px; }

	/*.DarsProductsListPage .TopBGHiChewProducts{ width: auto;height: 265px;}*/

	.PRDList .Ribbon{ width: 70px; }
	.ThaiRetailerFont .PRDOurCompanyBox1{ padding-top: 9%;}
	.ThaiRetailerFont .PRDOurCompanyRight3 .Caption{ line-height: 26px; }

	/* ThaiRetailerPartners */
	.ThaiRetailerPartnersBox{ margin-left: 60px; margin-right: 60px; }
	.ThaiRetailerPartnersBox ul li .Picture p{ height: 220px;}
	.ThaiRetailerPartnersBox ul li .Detail .Title{ font-size: 26px;}
	.ThaiRetailerPartnersBox ul li .Detail .Descriptions{ font-size: 14px; line-height: 23px;}

	.PopupFrontPage .Inner{ width: 90%; }

	.Lang{ width: 100%; }
	.polylang_langswitcher{ right: 70px;}
	/* Lang2 */
	.Lang2 { width: 100%; }

	.CollagenPageBox{ max-width: 100%; margin: auto; margin-right: 70px; margin-left: 70px; }
	.ReviewFromCustomerList .slick-prev{ left: -50px!important;}
	.ReviewFromCustomerList .slick-next{ right: -50px!important;}

	.WhatisCollagenList{ font-size: 18px; }
	.WhatisCollagenList ul li .WhatisCollagenListLR{ max-width: 100%; margin: auto; margin-right: 70px; margin-left: 70px; font-size: 20px; }

	.ReadyDrink{ padding: 100px 0; }
	.ReadyDrink .HeaderSectionCollagen h2{ font-size: 50px; }
	.ReadyDrink .HeaderSectionCollagen .Captions{ font-size: 23px;}

	.CollagenWhyMorinagaList ul li{ padding: 60px; }
	.CollagenWhyMorinagaList ul li .IconFlag{ left: 20px;}
	.CollagenWhyMorinagaList ul li .NameLarge{ font-size: 45px; }
	.CollagenWhyMorinagaList ul li .NameMiddle{ font-size: 28px; }
	.CollagenWhyMorinagaList ul li .NameSmall{ font-size: 19px;}
	
	.BenefitBoxLR .BenefitBoxL .BenefitBoxCurcle01{ width: 220px; height: 220px; }
	.BenefitBoxLR .BenefitBoxL .BenefitBoxCurcle02{ width: 220px; height: 220px; }
	.BenefitBoxLR .BenefitBoxL .BenefitBoxCurcle03{ width: 220px; height: 220px; }
	.BenefitBoxLR .BenefitBoxL .BenefitBoxCurcle04{ width: 220px; height: 220px; }

	.PinTopLeft{ width: 140px; height: 180px; left: 30px;}

	.KVCollagenIntroBox{ width: 100%; max-width: 100%; margin: 0 auto; padding: 0 70px; }
	.KVCollagenIntroBox .Inners{ padding-top: 44%; }
	.KVCollagenIntroBox .Inners .TextBox{ font-size: 35px; }
	.KVCollagenIntroBox .Inners .TextBox .Numbers img{ max-width: 500px; }
	/*.KVCollagenIntroBox .Inners .TextBox{ padding-top: 50px; text-align: center; font-size: 40px; font-weight: 500; color: #AE1D87; }
	.KVCollagenIntroBox .Inners .TextBox .Numbers{ font-size: 150px; line-height: 120px; font-weight: 400; display: inline-block; margin: 10px 0; }
	.KVCollagenIntroBox .Inners .TextBox .Numbers span{ font-size: 33px; vertical-align: super; }*/
	.KVCollagenIntroBox .KVCollagenIcon01{ left: 10%; top: 28%; width: 190px; height: 190px; font-size: 28px; }
	.KVCollagenIntroBox .KVCollagenIcon02{ right: 5%; top: 10%; width: 250px; }

	.FourBoxIntro{ padding: 150px 0 120px 0; }

	.KeyIngredientBG{ background-position-x: 125%; }

	.KVCollagenIntro .LeftWater{ left: -10%; top: 15%; }
	.KVCollagenIntro .RightWater{  right: 0; top: 45%; }

}

/* -------------------------------------  1023px  ------------------------------------- */
@media(max-width:1100px)
{
 .KVCollagenIntroBox .KVCollagenIcon01{ top: 23%; }
}

/* -------------------------------------  1023px  ------------------------------------- */
@media(max-width:1023px)
{
	/* BreadcrumbTopAll */
	.BreadcrumbTopAll{width: 90%; margin: auto; margin-top: -5px; }

	/* FeatureSliderBox */
    .FeatureSlider{ margin-top: 50px; min-height: auto; /*padding-bottom: 60px;*/ }
    .FeatureSliderBox ul li .SliderCaptions{ width: 76%!important;  right: 12%; left: 12%; bottom: 15%;}
    .FeatureSliderBox ul li .Title{ font-size: 23px;}
	.FeatureSliderBox ul li .SlideExcept{ font-size: 15px; }
    .FeatureSliderBox .LeftPic{ width: 200px; left: 0%; top: 30%; }
	.FeatureSliderBox .RightPic{ width: 200px; right: 0%;top: 30%; }
	.FeatureSliderAgentBox{ /*width: 90%!important;*/ margin: auto!important;}

	.slick-prev:before { width: 50px; height: 50px; margin-right: -30px; }
	.slick-next:before { width: 50px; height: 50px; margin-left: -30px; }

	.FeatureSliderBox .NormalBoxlHP{ padding-bottom: 70px; }

	/* Dars */
	.FeatureSliderBox .DarsBoxlHP{ height: auto; padding-bottom:50px;}
	.FeatureSliderBox .LeftPicDars{ width: 90px; height: auto; position: absolute; left: 2%; top: 14%; }
	.FeatureSliderBox .RightPicDars{ width: 80px; height: auto; position: absolute; right: 2%; top: 15%;  }
	.FeatureSliderBox .DarsBoxlHPCenter{ width: 70%; margin-top: -5%; }

	/* HiChew */
	.FeatureSliderBox .HiChewBoxlHP{ height: auto;}
	.FeatureSliderBox .LeftPicHiChew{ width: 150px; height: auto; position: absolute;  top: 12%; }
	.FeatureSliderBox .RightPicHiChew{ width: 150px; height: auto; position: absolute; top: 11%;}
	.FeatureSliderBox .HiChewBoxlHPCenter{ width: 60%;  }

	/* Manna */
	.FeatureSliderBox .MannaBoxlHP{ height: auto;}
	.FeatureSliderBox .LeftPicManna{ width: 110px; height: auto; position: absolute; left: 2%; top: 25%; }
	.FeatureSliderBox .RightPicManna{ width: 100px; height: auto; position: absolute; right: 2%; top: 12%;}
	.FeatureSliderBox .MannaBoxlHPCenter{ width: 60%; margin-top: -15%; }

	/* InJelly Homepage */
	.FeatureSliderBox .InJellyBoxlHP{ padding-bottom: 50px;}
	.FeatureSliderBox .InJellyBoxlHPCenter{ width: 60%; margin-top: -19%; }

	/* LeftChoccolate Dars Page */
    .FeatureSliderDarsBox{ width: 90%!important; margin: auto!important; margin-top: -350px!important; }
    .FeatureSliderDarsBox .LeftChoccolate{ width: 130px; top: 13%; left: -5%;  }
	.FeatureSliderDarsBox .RightChoccolate{ width: 130px; top: 13%; right: -5%;  }

	.FeatureSliderDars .LeftHiChew{ width: 150px; top: 13%; left: 0%;  }
	.FeatureSliderDars .RightHiChew{ width: 150px; top: 13%; right: 0%; }
	.FeatureSliderDarsBox .HiChewProductCenter{ max-width:65%;}

	.FeatureSliderDarsBox .LeftManna{ width: 200px; top: 16%; left: -4%;  }
	.FeatureSliderDarsBox .RightManna{ width: 180px; top: 18%; right: -4%; }
	.FeatureSliderDarsBox .MannaProductCenter{ max-width: 70%;}

	/*.InJellyProductCenter{ width: 100%; max-width: auto; padding-top:100px; padding-bottom: 0px!important; margin-top: 5%; background-size: contain; }
	.InJellyProductCenter p{ width: 60%; margin:auto; text-align: center; }
	.MartopIJ{ margin-top: 180px; }*/
	.InJellyProductCenter{ width: 100%; max-width: auto; padding-top:50px; padding-bottom: 50px; margin-top: 13%; background-size: contain 100%; }
	.InJellyProductCenter p{ width: 50%; margin:auto; text-align: center; }
	.MartopIJ{ margin-top: 200px; }
	.DarsProductsListPage .TailBGInJellyProducts{ width: auto; min-height: 200px;}
	
	/* FeatureSliderAgent */
	.FeatureSliderAgent{ margin-top: -190px;}

	/* TopTitlePage */
	.TopTitlePage{ margin-top: 50px; }
	.TopTitlePageBox{ margin-left: 100px; margin-right: 70px; }
	.TopTitlePageBox .Title span.AgentTopIcon:before{ top: -20px; margin-left: -80px; width: 70px; height: 70px; }
	.TopTitlePageBox .Title span.GroupNetwork:before{ top: -15px; margin-left: -80px; width: 70px; height: 70px; }
	.TopTitlePageBox .Title span.AboutTopIcon:before{ top: -15px; margin-left: -80px; width: 70px; height: 70px; }
	.TopTitlePageBox .Title span.ProductTechnologyTopIcon:before{ top: -15px; margin-left: -80px; width: 70px; height: 70px; }
	.TopTitlePageBox .Title span.RandDTopIcon:before{ top: -15px; margin-left: -80px; width: 70px; height: 70px; }
	.TopTitlePageBox .Title span.SoftCandyTopIcon:before{ top: -15px; margin-left: -80px; width: 70px; height: 70px; }
	

	/* SliderCaptions */
	.SliderCaptionsAgent{  }
	.SliderCaptionsAgent .iconOur{ width: 45px; margin-left: -60px; top: -10px; }

	/* ProductsTopPage */
	.ProductsTopPage{ width: 90%; margin: auto; margin-top: 100px; margin-bottom: 100px;}
	.ProductsTopPage .List ul li{ position: relative; width: 30.6%; float: left; margin: 2%; }
	.ProductsTopPage .List ul li:nth-child(4n+1) { margin-left: 2%; }
	.ProductsTopPage .List ul li:nth-child(4n+0) { margin-right: 2%; }
	.ProductsTopPage .List ul li:nth-child(3n+1) { margin-left: 0%; }
	.ProductsTopPage .List ul li:nth-child(3n+0) { margin-right: 0%; }
	.ProductsTopPage .List ul li:last-child{ display: none; }
	.ProductsTopPage .List ul li a{ padding: 15px; }
	.ProductsTopPage .List ul li .Picture{}
	.ProductsTopPage .List ul li .Picture p{}
	.ProductsTopPage .List ul li .Title{ font-size: 13px; }
	.ProductsTopPage .List ul li .NewPrd{ width:40px; height: 40px; }

	/* ProductsTopPage */
	.DarsProductsListPage{ /*width: 90%; margin: auto; margin-top: 100px; margin-bottom: 100px;*/}
	.DarsProductsListPage .List{ width: 90%; margin: auto;}
	.DarsProductsListPage .List ul li{ position: relative; width: 30.6%; float: left; margin: 2%; }
	.DarsProductsListPage .List ul li:nth-child(4n+1) { margin-left: 2%; }
	.DarsProductsListPage .List ul li:nth-child(4n+0) { margin-right: 2%; }
	.DarsProductsListPage .List ul li:nth-child(3n+1) { margin-left: 0%; }
	.DarsProductsListPage .List ul li:nth-child(3n+0) { margin-right: 0%; }
	.DarsProductsListPage .List ul li:last-child{ display: none; }
	.DarsProductsListPage .List ul li a{ padding: 15px; }
	.DarsProductsListPage .List ul li .Picture{}
	.DarsProductsListPage .List ul li .Picture p{}
	.DarsProductsListPage .List ul li .Title{ font-size: 13px; }
	.DarsProductsListPage .List ul li .NewPrd{ width:40px; height: 40px; }

	/* AgentInfoTopPage */
	.AgentInfoTopPage{ margin: auto; }
	.AgentInfoTopPage .AddressList{ font-size: 15px;}
	.AgentInfoTopPage ul li .CompanyLeft{ font-size: 20px; }
	.AgentInfoTopPage ul li .LogoRight{ width: 19%; }
	.AgentInfoTopPage ul li .LogoRight img{ max-height: 50px; }

	/* AgentInfoTopPageBox */
	.AgentInfoTopPageBox{ width: 90%; max-width: auto; margin: auto; }

	/* GroupNetworkBox */
	.GroupNetworkBox ul li .CompanyLeft{ font-size: 16px; }

	/* GroupNetworkMapPage */
	.GroupNetworkMapPage{ width: 90%; margin: auto; margin-top: -180px;}
	.GroupNetworkMapPage p{ height: 400px; border:8px solid #fff; }

	/* GroupNetworkBox */
	.GroupNetworkBox{ width: 90%; margin: auto; margin-top: 100px; }
	
	/* GroupNetworkCompanyBox */
	.GroupNetworkCompanyBox{ width: 90%; margin: auto; margin-top: 100px; margin-bottom: 50px; }

	/* AboutTopPage */
	.AboutTopPage{ width: 90%; margin: auto; margin-top: 80px; margin-bottom: 100px; }

	.LinkRed{ font-size: 14px; padding:5px 50px 5px 30px; margin-top: 10px;}
	.LinkRed:after{ top: 10px; width: 20px; height: 12px; }

	.LinkGrey{ font-size: 14px; padding:5px 50px 5px 30px; }
	.LinkGrey:after{ top: 10px; width: 20px; height: 12px; }

	.LinkWhite{ font-size: 14px; padding:5px 50px 5px 30px; }
	.LinkWhite:after{ top: 10px; width: 20px; height: 12px; }

	.LinkWhite2{ font-size: 14px; padding:5px 50px 5px 30px; }
	.LinkWhite2:after{ top: 10px; width: 20px; height: 12px; }

	/* TitleTopicTail */
	.TitleTopicTail h2{ font-size: 30px; }

	/* TitleTopicTail */
	.TitleTopicOneRow h2{ font-size: 30px; }

	/* FooterPRDSections */
	.PRDTail { margin-bottom: 0px; padding-top:20px; }
	.FooterSection1{ width: 80%; margin-bottom: 30px; }
	.FooterSection1 .Title{ font-size: 30px; }
	.FooterSection1 p{ margin-bottom: 0px; }
	.FooterSection2{ width: 80%; margin-top: -250px; }
	.FooterSection2 .Captions{ margin-top: 40px; }

	/* FooterMenu */
	.FooterMenu ul li{ margin: 0px 15px 0px 15px; font-size: 13px; }
	.FooterMenu ul li:before{ left: -15px; }

	/* ResearchTopPage */
	.ResearchTopPage .Captions{ width: 90%; margin: auto; margin-top: 60px; }
	.ResearchTopPage ul{ padding-bottom: 10px; }
	.ResearchTopPage ul li{ margin-bottom: 30px; padding: 20px 0px 30px 0px; }
	.ResearchTopPage ul li .Picture{ width: 40%; margin-top: 6%; }
	.ResearchTopPage ul li .TextBox{ width: 55%; padding:  3% 5% 2% 0%; margin-top: -6%;}
	.ResearchTopPage ul li:nth-child(odd) .Picture{ width: 40%; margin-top: -5px; }
	.ResearchTopPage ul li:nth-child(odd) .TextBox{ width: 55%; padding:3% 0% 2% 5%; margin-top: 3%; }
	.ResearchTopPage ul li .Title{ font-size: 25px; line-height: 30px; }
	.ResearchTopPage ul li .CaptionsRe{ margin-top: 15px; line-height: 20px; }
	.ResearchTopPage ul li .ShotDetail{ height: 55px; font-size: 13px; margin-top: 15px; }
	.ResearchTopPage ul li .LinkTop{ margin-top: -20px; }

	/* OurCompany */
	.OurCompany{ width: 90%; margin: auto; margin-top: 100px; margin-bottom: 100px;}

	/* OurCompanyThaiRetailer */
	.OurCompanyThaiRetailer{ width: 90%; margin: auto; margin-top: 100px; margin-bottom: 100px;}

	/* ApplyAgent */
	.ApplyAgent{ width: 90%; margin: auto; margin-top: 100px; }

	/* ApplyAgentList */
	.ApplyAgentList{ width: 90%; margin: auto; margin-top: 50px; margin-bottom: 50px; }
	.ApplyAgentList .Title{ font-size: 25px; }

	/* FooterSectionMap */
	.FooterSectionMap{ width: 90%; margin: auto; margin-top: -250px;}
	.LeftTailPRD{ left:0px; top: 0; width: 280px;}
	.RightTailPRD{ right:0px; top: 0; width: 280px;}
	.LeftTailPRD2 img{ max-width: 220px; }
	.RightTailPRD2 img{ max-width: 220px; }

	/* PRDOurCompany */
	.PRDOurCompany{ margin-top: -100px; padding-bottom: 70px; }
	.PRDOurCompanyBox1{ max-width: auto; width: 90%; margin: auto; padding-top: 0%; }
	.PRDOurCompanyLeft1{ margin-top: 15%; min-height: auto;}
	.PRDOurCompanyLeft1 .Picture img{ max-width: 100px; margin: auto; }
	.PRDOurCompanyRight1{ margin-top:18%; }
	.PRDOurCompanyRight1 .Title{ font-size: 25px;}
	.PRDOurCompanyRight1 .Caption{ margin: 10px 0px;line-height: 23px; }
	.PRDOurCompanyRight1 .ShotCaption{ line-height: 18px; height: 35px; overflow: hidden;}
	.PRDOurCompanyBox1 .slick-prev:before { margin-top: 40px; width: 15px; height: 28px; }
	.PRDOurCompanyBox1 .slick-next:before { margin-top: 40px; width: 15px; height: 28px; }

	.PRDOurCompanyBox2{ max-width: auto; width: 90%; margin: auto; margin-top: 7%; padding-top: 0%;}
	.PRDOurCompanyLeft2{}
	.PRDOurCompanyLeft2 .Title{ font-size: 30px;}
	.PRDOurCompanyLeft2 .Caption{ margin: 10px 0px;line-height: 16px; }
	.PRDOurCompanyLeft2 .ShotCaption{ line-height: 18px; height: 35px; overflow: hidden;}
	.PRDOurCompanyRight2{ min-height: auto; }
	.PRDOurCompanyRight2 .Picture img{ max-width: 100px; margin: auto; }
	.PRDOurCompanyBox2 .slick-prev:before { margin-top: 40px; width: 15px; height: 28px; }
	.PRDOurCompanyBox2 .slick-next:before { margin-top: 40px; width: 15px; height: 28px; }

	.PRDOurCompanyBox3{ max-width: auto; width: 90%; margin: auto; }
	.PRDOurCompanyLeft3{ margin-top: 4%; min-height: auto;}
	.PRDOurCompanyLeft3 .Picture img{ max-width: 100px; margin: auto; }
	.PRDOurCompanyRight3{ margin-top:4%; }
	.PRDOurCompanyRight3 .Title{ font-size: 25px;}
	.PRDOurCompanyRight3 .Caption{ margin: 10px 0px;line-height: 16px; }
	.PRDOurCompanyRight3 .ShotCaption{ line-height: 18px; height: 35px; overflow: hidden;}
	.PRDOurCompanyBox3 .slick-prev:before { margin-top: 40px; width: 15px; height: 28px; }
	.PRDOurCompanyBox3 .slick-next:before { margin-top: 40px; width: 15px; height: 28px; }

	.ThaiRetailerSection .PRDOurCompanyLeft1{ padding-top: 10%!important;}

	/* AboutVM */
	.AboutVM{ width: 90%; margin: auto; margin-top: 20px; margin-bottom: 100px;}
	.MissionBox{ max-width: auto; width: auto; margin: auto; margin-top: 50px;}
	.VisionTitle{ font-size: 25px; }

	/* AboutCpmpanyProfile */
	.AboutCpmpanyProfile{ max-width: auto; width: 90%; margin: auto; margin-top: 100px; margin-bottom: 50px;} 
	.AboutCpmpanyProfile li label{ width: 28%; }
	.AboutCpmpanyProfile li p{ width: 72%; }

	/* ContentPageBox */
	.ContentPageBox{ width: 90%; margin: auto; margin-top: 80px; margin-bottom: 80px; }

	/* OtherRandD */
	.OtherRandD ul li{ min-height: 480px;}
	.OtherRandD ul li .Title{ font-size: 20px; line-height: 30px; }

	/* SoftCanyTechnology Page */
	.FloatLeftPRD{ margin-bottom: 80px; margin-top: 0px; }
	.FloatRightPRD{ max-width: 50%; margin-top: 100px; }
	.PAbsoluteLeft{ position: absolute; width: 60%; padding-top: 0px; }
	.MarginTopPlus{ margin-top: 230px; margin-right: 40px; margin-bottom: 40px;}
	.LeftStrawberry{ width: 70px; top:-170px; }
	.RightPurple{ width: 130px; top:-250px; }

	/* HiChewMiddleBox */
	.HiChewMiddleBox{ width: 90%; margin: auto; margin-top: 40px; margin-bottom: 40px; overflow: auto; padding: 50px 40px 30px 60px; }
	.HiChewMiddleBox .HiChewMiddleLeft{ width: 58%; font-size: 14px; }
	.HiChewMiddleBox .HiChewMiddleLeft .LogoHiChew{ max-width: 150px; }
	.HiChewMiddleBox .HiChewMiddleLeft .CaptionsLeft{ margin-top: 20px; }
	.HiChewMiddleBox .HiChewMiddleLeft span{ margin-left: 20px; font-size: 30px; }
	.HiChewMiddleBox .HiChewMiddleRight{ width: 38%; padding-top: 70px; }

	/* Timeline */
	.timeline .event:after { left: -7.3%; top: 5px; }
	.timeline .event:nth-child(2n):after { right: -7.3%;}
	.MarginTopClass50{ margin-top: 50px!important; }
	.MarginTopClass70{ margin-top: 90px!important; }

	/* FollowUsList */
	.FollowUsList ul li{ letter-spacing: 1px; font-size: 14px;}
	.FollowUsList ul li img{ max-width: 32px; margin-right: 5px; }

	/*.DarsProductsListPage .TopBGHiChewProducts{ width: auto;height: 220px;}*/

	/* PopupToppage */
	.PopupToppageBTN{ width: 150px;}
	.PopupToppageBTNHid{ width: 150px;}
	.PopupToppageBTNShow{ width: 150px;}
	/*.PopupToppageBTN .iConNL{ width: 42px; height: 42px; top: -8px;}
	.PopupToppageBTN .iConNL img{ max-width: 20px; padding-top: 10px; }
	.PopupToppageBTN a{ width: 100px; height: 100px; padding-top: 25px; font-size: 16px;}*/
	.OpenPopupBox {  margin-left: 20px; margin-right: 20px;  padding: 50px 80px 50px 80px; }
	.PopupDetail .Title{ font-size: 30px; line-height: 45px;}
	.PopupDetail .LogoRight{ float: none; margin-top: 20px; margin-bottom: 20px; text-align: center; }

	/* NewsReleaseToppage */
	.NewsReleaseToppage{ width: 90%; max-width: auto; padding-bottom: 100px; padding-top: 60px; }
	.NewsReleaseToppage ul{ padding-top: 30px; }
	.NewsReleaseToppage ul li { font-size: 15px;}
	.NewsReleaseToppage ul li p.SeeRight{ font-size: 12px; }

	/* Popup Youtube */
	.PopupToppageBTNYoutube{ max-width:150px; }
	.PopupToppageBTNYoutube2{ max-width:150px; }
	.OpenPopupBoxYoutube{ width: 96%; }

	/* Popup Australia */
	.PopupToppageBTNAustralia{ max-width:150px; bottom: 200px; }
	.PopupToppageBTNAustralia.hi-chew{ max-width:150px; bottom: 145px; }
	.PopupDetailAustralia{ padding: 30px; height: 600px; }

	.BGInJellyMB{ background-position: top -20px center; }
	.linebtn{max-width:150px;}

	/* For Thai Retailer */
	.ThaiRetailerFont .PRDOurCompanyBox1{ padding-top: 5%;}
	/* ThaiRetailerPartners */
	.ThaiRetailerPartnersBox{ max-width: 90%; margin: auto; }
	.ThaiRetailerPartnersBox ul li .Detail .Title{ font-size: 18px; }

	/* ThaiRetailerPartners */
	.ThaiRetailerPartnersBox{ width: 90%; margin: auto; }
	.SFPopup .InnerBox{ max-width: 90%; } 
	.SFPopup .InnerBox .Picture p{ height: 350px; }
	.SFPopup .InnerBox .TreePics ul li:first-child p{ height: 320px;}
	.SFPopup .InnerBox .TreePics ul li p{ height: 200px; }
	.SFPopup .InnerBoxCloseBox{ width: 90%; margin: auto; margin-top: 20px; }
	.SFPopup .InnerBox:before{ left: 4px; top: 4px;}

	/* RandDCennter */
	.RandDCennter{ max-width: 90%; margin: auto; }

	/* WhatOurRD */
	.WhatOurRD{ max-width: 90%; margin: auto; margin-top: 40px; margin-bottom: 40px; } 
	.WhatOurRD p:nth-child(1){ width: 35%; font-size: 18px;}
	.WhatOurRD p:nth-child(2){ width: 60%; font-size: 23px;}

	/* DevelopmentList */
	.DevelopmentList{ max-width: 90%; margin: auto; margin-top: 40px; margin-bottom: 40px; }

	/* ConceptBBox */
	.ConceptBox{ max-width: 90%; margin: auto; margin-top: 40px; margin-bottom: 40px; }

	.PopupFrontPage .Inner{ width: auto; height: auto; position: relative; max-width: 90%; max-height: 90%; }
    .PopupFrontPage .Inner .Picture img{ max-width: auto; margin: auto; max-height: 600px; }
    .PopupFrontPage .Inner .Picture .PC{ display: none; }
    .PopupFrontPage .Inner .Picture .SP{ display: block; }

	.SaltedCaramelIMG2{ padding: 40px 0 0 0!important; }

	.Lang{ width: 90%; top: 50px; }
	.polylang_langswitcher{ right: 0px;}
	.Lang2{ width: 90%; top: 50px; }
	.Lang2 .polylang_langswitcher{ margin-top: 10px;}

	.CollagenPageBox{ max-width: 90%; margin: 0 auto; }
	.AvailableAtList{ margin: 60px 0;}
	.AvailableAtList ul li a{ padding: 20px;}

	.ReviewFromCustomerList .slick-prev{ left: -30px!important;}
	.ReviewFromCustomerList .slick-next{ right: -30px!important;}

	.EasytoDrinkList ul li{ padding: 30px; }
	.EasytoDrinkList ul li .Description{ font-size: 19px;}
	.EasytoDrinkList ul li .Icon img{ max-height: 50px; }

	.KeyIngredientLR .KeyIngredientL .IconKI img{ max-width: 170px; }

	.WhatisCollagenList{ font-size: 18px; }
	.WhatisCollagenList ul li .WhatisCollagenListLR{ max-width: 90%; margin: auto; font-size: 20px; }

	.CollagenWhyMorinagaList{ margin: 50px 0 0 0; }
	.CollagenWhyMorinagaList ul li{ padding: 45px; }
	.CollagenWhyMorinagaList ul li .NameLarge{ font-size: 35px; }
	.CollagenWhyMorinagaList ul li .NameMiddle{ font-size: 23px; }
	.CollagenWhyMorinagaList ul li .NameSmall{ font-size: 18px;}
	.CollagenWhyMorinagaList ul li{ border-radius: 80px;}

	.FourBoxIntroList ul li .Title{ font-size: 20px; }

	a.BuyNowFixed{ right: 0px; bottom: 70px; width: 120px; height: 130px; font-size: 19px; padding-top: 12px; line-height: 21px; }

	.BenefitBoxLR .BenefitBoxL .BenefitBoxCurcle01{ width: 200px; height: 200px; }
	.BenefitBoxLR .BenefitBoxL .BenefitBoxCurcle02{ width: 200px; height: 200px; left: 0; top: 13%; }
	.BenefitBoxLR .BenefitBoxL .BenefitBoxCurcle03{ width: 200px; height: 200px; left: 55%; }
	.BenefitBoxLR .BenefitBoxL .BenefitBoxCurcle04{ width: 200px; height: 200px; top: 55%; }
	.BenefitBoxLR .TitleL{ font-size: 23px;}
	.BenefitBoxLR .TitleS{ font-size: 16px;}

	.PinTopLeft{ width: 120px; height: 140px; left: 20px; top: 0; }

	/* KVCollagenIntro */
	.KVCollagenIntro{ margin-top: 50px;}
	.KVCollagenIntroBox{ padding: 0; max-width: 90%;}
	.KVCollagenIntroBox .Inners .TextBox{ font-size: 30px;}
	.KVCollagenIntroBox .Inners .TextBox .Numbers img{ max-width: 400px;}
	.KVCollagenIntroBox .Inners .TextBox .JPText img{ max-width: 300px;}
	/*.KVCollagenIntroBox .Inners .TextBox .Numbers{ font-size: 120px; }
	.KVCollagenIntroBox .Inners .TextBox{ font-size: 35px; }*/
	.KVCollagenIntroBox .KVCollagenIcon01{ left: 6%; top: 20%; width: 150px; height: 150px; font-size: 23px; }
	.KVCollagenIntroBox .KVCollagenIcon02{ right: -1%; top: 5%; width: 200px; height: 150px; font-size: 25px; }

	.FourBoxIntroList ul li:nth-child(1) .Title { font-size: 23px; line-height: 28px; }
	.FourBoxIntroList ul li:nth-child(2) .Title { font-size: 23px; line-height: 28px; }
	.FourBoxIntroList ul li:nth-child(3) .Title{ font-size: 20px; line-height: 25px; }
	.FourBoxIntroList ul li:nth-child(4) .Title { font-size: 23px; line-height: 28px; }

	.FourBoxIntro{ padding: 120px 0 100px 0; }

	.KeyIngredientBG{ background-position-x: 325%; }
	.KeyIngredientLR .CircleImportant01{ font-size: 28px; }
	.KeyIngredientLR .CircleImportant01 span{ font-size: 80px;}
	.KeyIngredientLR .CircleImportant02{ font-size: 24px; }
	.KeyIngredientLR .CircleImportant02 span{ font-size: 55px;}
	.KeyIngredientLR .CircleImportant02 p{ line-height: 45px;}

	.KVCollagenIntro .LeftWater{ left: -10%; top: 12%; width: 300px; }
	.KVCollagenIntro .RightWater{  right: 0; top: 37%; width: 250px; }
	
}

/* -------------------------------------  767px  ------------------------------------- */
@media(max-width:767px)
{
	/* FeatureSliderBox */
    .FeatureSlider{ margin-top: 50px; /*padding-bottom: 50px;*/ }
    .FeatureSliderBox{ /*margin-left: 50px; margin-right:50px;*/}
    .FeatureSliderBox ul li .SlidePicture{ margin-left: 50px; margin-right:50px; }
	.FeatureSliderBox ul li .SliderCaptions {position: static} 
	.FeatureSliderBox ul li .SliderCaptions p {color: #6d6d6d;}
	.FeatureSliderBox ul li .SliderCaptions p.Title {color: #BB143A; margin-bottom: 15px;}	
    .FeatureSliderBox ul li .Title{ font-size: 20px;}
	.FeatureSliderBox ul li .SlideExcept{ font-size: 14px; line-height: 18px; }
    .FeatureSliderBox .LeftPic{ width: 180px; /*left: -7%;*/ top: 40%; }
	.FeatureSliderBox .RightPic{ width: 180px; /*right: -7%;*/ top: 40%; }

	.slick-prev:before { width: 40px; height: 40px; margin-right: -20px; }
	.slick-next:before { width: 40px; height: 40px; margin-left: -20px; }

	/* Dars */
	.FeatureSliderBox .DarsBoxlHP{ height: auto; padding-bottom:50px;}
	.FeatureSliderBox .LeftPicDars{ width: 60px; height: auto; position: absolute; left: 2%; top: 10%; }
	.FeatureSliderBox .RightPicDars{ width: 60px; height: auto; position: absolute; right: 2%; top: 10%;}
	.FeatureSliderBox .DarsBoxlHPCenter{ width: 65%; margin-top: -7%; }

	/* HiChew */
	.FeatureSliderBox .HiChewBoxlHP{ height: auto;}
	.FeatureSliderBox .LeftPicHiChew{ width: 100px; height: auto; position: absolute;  top: 10%; }
	.FeatureSliderBox .RightPicHiChew{ width: 100px; height: auto; position: absolute; top: 9%; }
	.FeatureSliderBox .HiChewBoxlHPCenter{ width: 60%; ; }

	/* Manna */
	.FeatureSliderBox .MannaBoxlHP{ height: auto;}
	.FeatureSliderBox .LeftPicManna{ width: 90px; height: auto; position: absolute; left: 2%; top: 12%; }
	.FeatureSliderBox .RightPicManna{ width: 90px; height: auto; position: absolute; right: 2%; top: 12%; }
	.FeatureSliderBox .MannaBoxlHPCenter{ width: 60%; margin-top: -15%; }

	/* InJelly Homepage */
	.FeatureSliderBox .InJellyBoxlHP{ padding-bottom: 50px;}
	.FeatureSliderBox .InJellyBoxlHPCenter{ width: 60%; margin-top: -18%; }

	/* LeftChoccolate Dars Page */
	.FeatureSliderDarsBox{ width: 90%!important; margin: auto!important; margin-top: -360px!important; }
    .FeatureSliderDarsBox .LeftChoccolate{ width: 120px; top: 13%; left: -4%;  }
	.FeatureSliderDarsBox .RightChoccolate{ width: 120px; top: 13%; right: -4%;  }
	.FeatureSliderDarsBox .DarsProductCenter{ margin-top: -10%; }

	.FeatureSliderDars .LeftHiChew{ width: 120px; top: 11%; left: 0%;  }
	.FeatureSliderDars .RightHiChew{ width: 120px; top: 11%; right: 0%; }
	.FeatureSliderDarsBox .HiChewProductCenter{ max-width:65%;}

	.FeatureSliderDarsBox .LeftManna{ width: 180px; top: 16%; left: -4%;  }
	.FeatureSliderDarsBox .RightManna{ width: 150px; top: 18%; right: -4%; }
	.FeatureSliderDarsBox .MannaProductCenter{ max-width: 70%;}

	/*.InJellyProductCenter{ width: 100%; max-width: auto; padding-top:80px; padding-bottom: 0px!important; margin-top: 4%; background-size: contain; }
	.InJellyProductCenter p{ width: 55%; margin:auto; text-align: center; }*/
	.InJellyProductCenter{ width: 100%; max-width: auto; padding-top:30px; padding-bottom: 50px; margin-top: 13%; background-size: contain 100%; }
	.InJellyProductCenter p{ width: 50%; margin:auto; text-align: center; }
	.MartopIJ{ margin-top: 200px; }
	.MartopIJ{ margin-top: 160px; }

	/* FeatureSliderAgent */
	.FeatureSliderAgent{ margin-top: -190px;}
	.SliderCaptionsAgent .iconOur{ width: 35px; margin-left: -45px; top: -5px; }

	/* TopTitlePage */
	.TopTitlePageBox{ margin-right: 30px; margin-left: 30px; padding-top: 47px; }
	.TopTitlePageBox .Title{ font-size: 24px; padding-left: 20px; padding-right: 20px; margin-top: 70px; }
	.TopTitlePageBox .Title span.AgentTopIcon:before{ top: -75px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 60px; height: 60px; }
	.TopTitlePageBox .Title span.GroupNetwork:before{ top: -75px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 60px; height: 60px; }
	.TopTitlePageBox .Title span.AboutTopIcon:before{ top: -75px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 60px; height: 60px; }
	.TopTitlePageBox .Title span.ProductTechnologyTopIcon:before{ top: -75px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 60px; height: 60px; }
	.TopTitlePageBox .Title span.RandDTopIcon:before{ top: -75px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 60px; height: 60px; }
	.TopTitlePageBox .Title span.SoftCandyTopIcon:before{ top: -75px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 60px; height: 60px; }
	.TopTitlePageBox .Captions{ font-size: 15px; line-height: 21px; margin-top: 10px; text-align: center; }

	/* GroupNetworkBox */
	.GroupNetworkBox ul li{ width: auto; float: none; margin: auto; margin-bottom: 3%; padding: 5%; clear: both;}
	.GroupNetworkBox ul li:nth-child(odd){ margin-left: 0%; margin-right: 0%; clear: both;}

	/* GroupNetworkCompanyBox */
	.GroupNetworkCompanyBox ul li{ width: auto; float: none; min-height: auto; margin: auto; margin-bottom: 3%; padding: 5%; clear: both;}
	.GroupNetworkCompanyBox ul li:nth-child(odd){ margin-left: 0%; margin-right: 0%; clear: both;}

	/* TitleTopic */
	.TitleTopic h2{ font-size: 28px; }	

	/* ResearchTopPage */
	.ResearchTopPage .Captions{}

	/* ProductsTopPage */
	.ProductsTopPage .Captions{}
	.ProductsTopPage .List ul{ padding-top: 20px;  }
	.ProductsTopPage .List ul li{ position: relative; width: 47%; float: left; padding: 0px; }
	.ProductsTopPage .List ul li:nth-child(4n+1) { margin: 0%!important; }
	.ProductsTopPage .List ul li:nth-child(4n+0) { margin: 0%!important; }
	.ProductsTopPage .List ul li:nth-child(3n+1) { margin: 0%!important; }
	.ProductsTopPage .List ul li:nth-child(3n+0) { margin: 0%!important; }
	.ProductsTopPage .List ul li:nth-child(2n+1) { margin: 3% 3% 3% 1%!important; }
	.ProductsTopPage .List ul li:nth-child(2n+0) { margin: 3% 0% 3% 1%!important; }
	.ProductsTopPage .List ul li:last-child{ display: block; }
	.ProductsTopPage .List ul li a{ padding: 15px; }
	.ProductsTopPage .List ul li .Picture{ }
	.ProductsTopPage .List ul li .Picture p{  }
	.ProductsTopPage .List ul li .Title{ font-size: 13px; }
	.ProductsTopPage .List ul li .NewPrd{ width:40px; height: 40px; }
	.ProductsTopPage .SearchTopPage .Area{ padding: 5px 20px 5px 20px; }
	.ProductsTopPage .SearchTopPage .Country{ margin-left: 5px; margin-right: 5px; }
	.ProductsTopPage .SearchTopPage .send button{ padding: 5px 20px 5px 20px; }
	.ProductsTopPage .SearchTopPage .select-style { width: 140px; }
	.ProductsTopPage .SearchTopPage .select-style select { padding: 5px 20px; }
	.ProductsTopPage .Ribbon{ width: 70px; left: -8px; top: -8px;  }

	/* DarsProductsListPage */
	.DarsProductsListPage .Captions{}
	.DarsProductsListPage .List ul{ padding-top: 20px;  }
	.DarsProductsListPage .List ul li{ position: relative; width: 47%; float: left; padding: 0px; }
	.DarsProductsListPage .List ul li:nth-child(4n+1) { margin: 0%!important; }
	.DarsProductsListPage .List ul li:nth-child(4n+0) { margin: 0%!important; }
	.DarsProductsListPage .List ul li:nth-child(3n+1) { margin: 0%!important; }
	.DarsProductsListPage .List ul li:nth-child(3n+0) { margin: 0%!important; }
	.DarsProductsListPage .List ul li:nth-child(2n+1) { margin: 3% 1.9% 3% 1%!important; }
	.DarsProductsListPage .List ul li:nth-child(2n+0) { margin: 3% 0% 3% 1%!important; }
	.DarsProductsListPage .List ul li:last-child{ display: block; }
	.DarsProductsListPage .List ul li a{ padding: 15px; }
	.DarsProductsListPage .List ul li .Picture{ }
	.DarsProductsListPage .List ul li .Picture p{  }
	.DarsProductsListPage .List ul li .Title{ font-size: 13px; }
	.DarsProductsListPage .List ul li .NewPrd{ width:40px; height: 40px; }
	.DarsProductsListPage .SearchTopPage .Area{ padding: 5px 20px 5px 20px; }
	.DarsProductsListPage .SearchTopPage .Country{ margin-left: 5px; margin-right: 5px; }
	.DarsProductsListPage .SearchTopPage .send button{ padding: 5px 20px 5px 20px; }
	.DarsProductsListPage .SearchTopPage .select-style { width: 140px; }
	.DarsProductsListPage .SearchTopPage .select-style select { padding: 5px 20px; }
	.DarsProductsListPage .Ribbon{ width: 70px; left: -8px; top: -8px;  }

	/* AgentInfoTopPage */
	.AgentInfoTopPage .AddressList{ font-size: 15px; letter-spacing: 1px;}
	.AgentInfoTopPage .AddressList .LinkContact{ font-size: 14px; letter-spacing: 0px;float: none; position: relative; margin: auto; text-align: center; margin-top: 20px; }
	.AgentInfoTopPage .AddressList .SendMail{ padding: 8px 25px 8px 45px; }
	.AgentInfoTopPage .AddressList .SendMail:before{ top: 11px; left: 20px; }
	.AgentInfoTopPage .AddressList .CallTelephone{ padding: 8px 25px 8px 45px; }
	.AgentInfoTopPage .AddressList .CallTelephone:before{ top: 10px; left: 25px; }
	.AgentInfoTopPage ul li{ width: 100%;}
	.AgentInfoTopPage ul li .CompanyLeft{ font-size: 18px; }
	.AgentInfoTopPage ul li .LogoRight img{ max-width: 120px; max-height: 60px;}

	/* TitleTopicTail */
	.TitleTopicTail h2{ font-size: 28px; }

	/* FooterPRDSections */
	.PRDTail { padding-top:30px; }
	.FooterSection1 p{ font-size: 15px; }
	.FooterSection2 .Captions{}

	/* ResearchTopPage */
	.ResearchTopPage ul{ padding-bottom: 10px; }
	.ResearchTopPage ul li{ margin-bottom: 40px; padding: 20px 0px 30px 0px; }
	.ResearchTopPage ul li .Picture{ width: 40%; margin-top: 6%; }
	.ResearchTopPage ul li .TextBox{ width: 55%; padding:  3% 5% 2% 0%; margin-top: -8%;}
	.ResearchTopPage ul li:nth-child(odd) .Picture{ width: 40%; margin-top: -5px; }
	.ResearchTopPage ul li:nth-child(odd) .TextBox{ width: 55%; padding:3% 0% 2% 5%; margin-top: 2%; }
	.ResearchTopPage ul li .Title{ font-size: 20px; line-height: 23px; margin-bottom: 0px; }
	.ResearchTopPage ul li .CaptionsRe{ margin-top: 10px; line-height: 17px; }
	.ResearchTopPage ul li .ShotDetail{ height: 55px; margin-top: 10px; }
	.ResearchTopPage ul li .LinkTop{ margin-top: -20px; }

	/* ApplyAgent */
	.ApplyAgent{ /*width: 90%; margin: auto;*/ }

	/* ApplyAgentList */
	.ApplyAgentList .LeftPicture{ float: none; width: auto; text-align: center; }
	.ApplyAgentList .RightPicture{ float: none; width: auto; text-align: center; }
	.ApplyAgentList .LeftPicture img{ width: auto; max-width: 100%; }
	.ApplyAgentList .RightPicture img{ width: auto; max-width: 100%; }
	.ApplyAgentList .RightApplyAgentList{ float: none; width: auto; margin-top: 2%; }
	.ApplyAgentList .LeftApplyAgentList{ float: none; width: auto; }

	/* FooterSectionMap */
	.FooterSectionMap{ width: 90%; margin: auto; margin-top: -250px;}
	.FooterSectionMap p{ height: 300px;}
	.LeftTailPRD{display: none;}
	.RightTailPRD{display: none;}
	.LeftTailPRD2 img{ display: none; }
	.RightTailPRD2 img{ display: none; }

	/* FooterApplyForm */
	.FooterApplyForm{ max-width: auto; width: 90%;}

	/* PRDOurCompany */
	.PRDOurCompany{ margin-top: -80px; padding-bottom: 50px; }
	.PRDOurCompanyLeft1{ width: 38%; margin-top: 25%;}
	.PRDOurCompanyLeft1 img{ width: 100%; max-width: auto; }
	.PRDOurCompanyRight1{ width: 60%; margin-top: 25%; }
	.PRDOurCompanyRight1 .Title img{ max-width: 100px; }
	.PRDOurCompanyLeft2{ width: 60%; }
	.PRDOurCompanyRight2{ width: 38%; }
	.PRDOurCompanyRight2 img{ width: 100%; max-width: auto; }
	.PRDOurCompanyLeft2 .Title img{ max-width: 80px; }

	/* AboutVM */
	.MissionBox{ margin-top: 30px; }
	.MissionBox .MissionBoxLeft{ display: block; float: none; padding: 0px;font-size: 25px; }
	.MissionBox .MissionBoxLeft:after{ right:50px; }
	.MissionBox .MissionBoxRight{ display: block; float: none; padding: 0px; margin-top: 10px; }

	/* AboutCpmpanyProfile */
	.AboutCpmpanyProfile li label{ width: 30%; }
	.AboutCpmpanyProfile li p{ width: 70%; }

	/* OtherRandD */
	.OtherRandD ul li{ min-height: 420px;}
	.OtherRandD ul li .Descriptions{ padding: 10px 20px; }
	.OtherRandD ul li .Title{ font-size: 20px; line-height: 28px; }
	.OtherRandD ul li .Captions{ font-size: 13px; }

	/* SoftCanyTechnology Page */
	.FloatLeftPRD{ float: none; width:auto; max-width: 100%; margin: 0px; margin-bottom: 20px; text-align: center; }
	.FloatLeftPRD img{ width: auto; max-width: 100%; }
	.FloatRightPRD{ float: none; width:auto; max-width: 100%; margin: 0px; margin-top: 20px; margin-bottom: 20px; text-align: center; }
	.FloatRightPRD img{ width: auto; max-width: 100%; }
	.PAbsoluteLeft{ position: relative; width: 100%;}
	.MarginTopPlus{ width: auto; max-width: auto; margin:auto; margin-top: 20px; margin-bottom: 20px;}
	.LeftStrawberry{ width: 70px; top:-150px; }
	.RightPurple{ width: 130px; top:-230px; }

	/* HiChewMiddleBox */
	.HiChewMiddleBox{ padding: 40px 40px 40px 40px; }
	.HiChewMiddleBox .HiChewMiddleLeft{ width: 100%; margin-top: 20px; }
	.HiChewMiddleBox .HiChewMiddleLeft .LogoHiChew{ max-width: 150px; }
	.HiChewMiddleBox .HiChewMiddleLeft .CaptionsLeft{ margin-top: 20px; }
	.HiChewMiddleBox .HiChewMiddleLeft span{ margin-left: 20px; font-size: 30px; }
	.HiChewMiddleBox .HiChewMiddleRight{ width: 100%; padding-top: 0px; }

	/* AboutHistory */
	.AboutHistory{ width: 90%; margin: auto; }
	.AboutTimeline:before{ left: 6px; margin-left: 0px; }

	/* Timeline */
	.timeline { overflow: auto!important;}
	.timeline .event { background: transparent; text-align: left; float: none; clear: right; width: auto; margin: 2em 2.5%; }
	.timeline .event:after { left: -3%; top: 5px; }
	.timeline .event:nth-of-type(2n){ float: none; clear: left; text-align: left; margin-top: 2em; }
	.timeline .event:nth-child(2n):after { left: -3%; }
	/* Left */
	.timeline .event:nth-of-type(2n) .TLList{ margin-right: 0px; margin-left: 100px; }
	/* Right */
	.timeline .event .TLList{ margin-right: 0px; margin-left: 100px; }
	.MarginTopClass50{ margin-top: auto!important; }
	.MarginTopClass70{ margin-top: auto!important; }

	/* OurConceptDars */
	.OurConceptDars li{ margin: 50px 0px 80px 0px; }
	.OurConceptDars li .OurConceptDarsPicture{ width: auto; margin-bottom: 15px;}
	.OurConceptDars li .OurConceptDarsCaptions{ width: auto; }
	.OurConceptDars li:nth-child(odd) .OurConceptDarsPicture{ width: auto; margin-bottom: 15px;}
	.OurConceptDars li:nth-child(odd) .OurConceptDarsCaptions{ width: auto; }
	.OurConceptDars li .OurConceptDarsCaptions .Title{ font-size: 22px; margin-bottom: 20px; }

	/* FollowUsList */
	.FollowUsList ul li{ text-align: center; vertical-align: top; }
	.FollowUsList ul li img{ max-width: 32px; display: block; margin: auto; margin-bottom: 5px; }

	.LeftPRDMAR{ float: left; width: 100%; margin-right: 0px; margin-top:30px; margin-bottom: 30px; }
	.RightPRDMAR{ float: right; width: 100%; margin-left: 0px; margin-top:30px; margin-bottom: 30px; }

	.LeftPRDMARL{ width: 100%; margin-top: 30px; margin-bottom: 20px; }
	.RightPRDMARR{ width: 100%; margin-top: 20px; margin-bottom: 30px; margin-left: 0;}

	.LeftChoccoDars{ width: 80px; left:0px; top:-200px;}
	.RightChoccoDars { width: 80px; right:0px; top:-200px; }

	/*.DarsProductsListPage .TopBGHiChewProducts{ width: auto;height: 190px;}*/

	/* NewsReleaseToppage */
	.NewsReleaseToppage{ width: 90%; max-width: auto; padding-bottom: 100px; padding-top: 60px; }
	.NewsReleaseToppage ul{ padding-top: 30px; }
	.NewsReleaseToppage ul li { font-size: 15px; display: block; height: auto; overflow: auto;}
	.NewsReleaseToppage ul li p{ display: block; }
	.NewsReleaseToppage ul li p.DateLeft{ display: block; width: 15%; float: left; }
	.NewsReleaseToppage ul li p.Title{ display: block; width:65%; float: left; padding-right: 0;}
	.NewsReleaseToppage ul li p.SeeRight{ /*display: none; width: 16%; float: right; text-align: center;*/}
	.NewsReleaseToppage ul li a{ overflow: auto; }

	.BGInJellyMB{ background-position: top -100px right; background-size: cover; }

	/* PRDOurCompany */
	.PRDOurCompany{ margin-top: -100px; padding-bottom: 80px; }
	.PRDOurCompanyLeft3{ margin-top: 15%;}
	.PRDOurCompanyRight3{ margin-top:15%; }

	/* For Thai Retailer */
	.AddLine a{ color: #6d6d6d!important;}
	.FeatureSliderBox ul li .SlideExcept{ line-height: 23px;}
	.SliderCaptionsAgent .AddLine{ color: #6d6d6d!important;}
	.SliderCaptionsAgent .AddLine a{ color: #6d6d6d!important;}

	/* ThaiRetailerPartnersBox */
	.ThaiRetailerPartnersBox ul li .Picture{ width: 45%;}
	.ThaiRetailerPartnersBox ul li .Detail{ width: 50%;}

	/* ConceptBBox */
	.ConceptBox .concept_catch{ font-size: 28px;}
	.ConceptBox .concept_title{ font-size: 16px;}
	.ConceptBox ul li .PicRight{ width: 30%; padding-right: 20px; }
	.ConceptBox ul li .PicRight img{ width: auto; max-width:100%; height: auto; max-height: 150px;}

	.DarsVideoBox{ max-width: 90%; padding-bottom:20%; height: 382px; margin-top: 60px; }

	/* CollagenPageBox */
	.AvailableAtList ul{ flex-wrap: wrap;}
	.AvailableAtList ul li{ width: 48%; margin-bottom: 30px; }

	.ReviewFromCustomerList .slick-prev{ left: -20px!important;}
	.ReviewFromCustomerList .slick-next{ right: -20px!important;}

	.EasytoDrinkList ul{ display: block; }
	.EasytoDrinkList ul li{ width: 100%; max-width: 350px; margin: auto; padding: 30px; margin-bottom: 30px; }
	.EasytoDrinkList ul li:last-child{ margin-bottom: 0; }
	.EasytoDrinkList ul li .Description{ font-size: 19px;}
	.EasytoDrinkList ul li .Icon img{ max-height: 50px; }

	.KeyIngredient{ padding: 0px 0 100px 0; }
	.KeyIngredientBG{ background-image: none; }
	.KeyIngredientLR{ display: block; }
	.KeyIngredientLR .KeyIngredientL{ width: 100%;}
	.KeyIngredientLR .KeyIngredientR{ width: 100%; margin-top: 30px;}
	.SPPicKey{ display: block; margin-top: 20px; }

	.WhatisCollagen{ padding: 0 0 50px 0; }

	.ReadyDrink{ padding: 20px 0 65% 0; background-position: bottom right; }
	.ReadyDrink .HeaderSectionCollagen{ text-align: center; }
	.ReadyDrink .HeaderSectionCollagen h2{ font-size: 38px; }
	.ReadyDrink .HeaderSectionCollagen .Captions{ font-size: 19px;}

	.CollagenWhyMorinaga .HeaderSectionCollagen h2{ font-size: 40px;}
	.CollagenWhyMorinagaList{ margin: 60px 0 0 0;}
	.CollagenWhyMorinagaList ul{ display: block; }
	.CollagenWhyMorinagaList ul li{ width: 100%; max-width: 380px; margin: auto; margin-bottom: 40px; padding: 45px; }
	.CollagenWhyMorinagaList ul li .NameLarge{ font-size: 35px; }
	.CollagenWhyMorinagaList ul li .NameMiddle{ font-size: 23px; }
	.CollagenWhyMorinagaList ul li .NameSmall{ font-size: 18px;}
	.CollagenWhyMorinagaList{ margin: 25px 0 0 0; }

	.FourBoxIntroList ul li{ width: 48.5%; }
	.FourBoxIntroList ul li .Picture{ margin-bottom: -10px;}

	.BenefitBoxLR{ display: block; }
	.BenefitBoxLR .BenefitBoxL{ width: 100%; }
	.BenefitBoxLR .BenefitBoxL .BenefitBoxCurcle01{ width: 180px; height: 180px; }
	.BenefitBoxLR .BenefitBoxL .BenefitBoxCurcle02{ width: 180px; height: 180px; left: 0; top: 10%; }
	.BenefitBoxLR .BenefitBoxL .BenefitBoxCurcle03{ width: 180px; height: 180px; left: 50%; top: 28%; }
	.BenefitBoxLR .BenefitBoxL .BenefitBoxCurcle04{ width: 180px; height: 180px; top: 50%; }
	.BenefitBoxLR .BenefitBoxR{ width: 100%; }
	.BenefitBoxLR .TitleL{ font-size: 23px; }
	.BenefitBoxLR .TitleS{ font-size: 16px;}

	.PinTopLeft{ width: 100px; height: 120px; left: 10px;}

	/* KVCollagenIntro */
	.KVCollagenIntro{ margin-top: 50px;}
	.KVCollagenIntroBox{ padding: 0; max-width: 90%;}
	.KVCollagenIntroBox .Inners .TextBox{ font-size: 30px;}
	.KVCollagenIntroBox .Inners .TextBox .Numbers img{ max-width: 350px;}
	.KVCollagenIntroBox .Inners .TextBox .JPText img{ max-width: 280px;}
	/*.KVCollagenIntroBox .Inners .TextBox .Numbers{ font-size: 120px; }
	.KVCollagenIntroBox .Inners .TextBox{ font-size: 35px; }*/
	.KVCollagenIntroBox .KVCollagenIcon01{ left: 0%; top: 16%;  width: 120px; height: 120px; font-size: 20px; }
	.KVCollagenIntroBox .KVCollagenIcon02{ right: -1%; top: 5%;  width: 160px; height: 130px; font-size: 23px; }

}

/* -------------------------------------  600px  ------------------------------------- */
@media(max-width:600px)
{
	/* BreadcrumbTopAll */
	.BreadcrumbTopAll{width: auto; max-width: auto; margin-left: 20px; margin-right: 20px; margin-top: -5px; }
	.BreadcrumbTop{ font-size: 11px;}

	/* AboutTopPage */
	.AboutTopPage .Captions{ }

	.FeatureSlider{ margin-top: 50px; /*padding-bottom: 40px;*/ /*overflow: hidden;*/ }
	.FeatureSliderBox ul li .SlidePicture{  margin-left: 0px; margin-right:0px; border: none; }
	.FeatureSliderBox ul li .SlidePicture.distributor{ margin: 0 5px 20px; padding: 0; border: 5px solid #fff; border-radius: 15px;}
	.FeatureSliderBox ul li .SlidePicture.distributor img#shakehand{border: 0px !important;margin: 0; display: block; border-radius: none !important;}
    .FeatureSliderBox{ margin-left: 0px; margin-right:0px; }
    .FeatureSliderBox ul li .Title{ font-size: 20px; line-height: 21px;}

    .FeatureSliderBox .LeftPic{ width: 150px; left: 0%; /*bottom: -20%;*/ top:10%; }
	.FeatureSliderBox .RightPic{ width: 150px; right: 0%; /*bottom: -20%;*/ top:10%; }
	.FeatureSliderBoxTopPage{ padding-top: 15px!important; margin-left: 0px; margin-right:0px; }
	.FeatureSliderBox ul li .SlidePicture{margin: 0 20px; border-radius: 15px;}
	.FeatureSliderAgentBox{ width: 100%!important; margin: auto!important;}

	/* Dars */
	.FeatureSliderBox .DarsBoxlHP{ height: auto; padding-bottom:30px;}
	.FeatureSliderBox .LeftPicDars{ width: 50px; height: auto; position: absolute; left: 2%; top: 10%; }
	.FeatureSliderBox .RightPicDars{ width: 50px; height: auto; position: absolute; right: 2%; top: 10%; }
	.FeatureSliderBox .DarsBoxlHPCenter{ width: 65%; margin-top: -7%; }

	/* HiChew */
	.FeatureSliderBox .HiChewBoxlHP{ height: auto;}
	.FeatureSliderBox .LeftPicHiChew{ width: 70px; height: auto; position: absolute; left: 0%; top: 20%; }
	.FeatureSliderBox .RightPicHiChew{ width: 70px; height: auto; position: absolute; right: 0%; top: 21%;  }
	.FeatureSliderBox .HiChewBoxlHPCenter{ width: 60%; }

	/* Manna */
	.FeatureSliderBox .MannaBoxlHP{ height: auto;}
	.FeatureSliderBox .LeftPicManna{ width: 60px; height: auto; position: absolute; left: 2%; top: 10%;  }
	.FeatureSliderBox .RightPicManna{ width: 60px; height: auto; position: absolute; right: 2%; top: 10%; }
	.FeatureSliderBox .MannaBoxlHPCenter{ width: 60%; margin-top: -15%; }

	/* InJelly Homepage */
	.FeatureSliderBox .InJellyBoxlHP{ padding-bottom: 50px;}
	.FeatureSliderBox .InJellyBoxlHPCenter{ width: 65%; margin-top: -18%; }

	/* LeftChoccolate Dars Page */
    .FeatureSliderDarsBox{ width: 90%!important; margin: auto!important; margin-top: -350px!important; }
    .FeatureSliderDarsBox .LeftChoccolate{ width: 90px!important; top: 13%!important; left: -1%!important;  }
	.FeatureSliderDarsBox .RightChoccolate{ width: 90px!important; top: 13%!important; right: -1%!important;  }

	.FeatureSliderDars .LeftHiChew{ width: 70px; top: 10%; left: 0%;  }
	.FeatureSliderDars .RightHiChew{ width: 70px; top: 10%; right: 0%; }
	.FeatureSliderDarsBox .HiChewProductCenter{ max-width:65%;  margin-top: -10%;}

	.FeatureSliderDarsBox .LeftManna{ width: 110px; top: 18%; left: -4%;  }
	.FeatureSliderDarsBox .RightManna{ width: 100px; top: 18%; right: -4%; }
	.FeatureSliderDarsBox .MannaProductCenter{ max-width: 70%; margin-top: -18%; padding-bottom: 10%;}

	/*.InJellyProductCenter{ width: 100%:; padding-top:30px; padding-bottom: 0px!important; margin-top: 12%; background-size: contain; }
	.InJellyProductCenter p{ width: 60%; margin:auto; text-align: center; }*/
	.InJellyProductCenter{ width: 100%; max-width: auto; padding-top:20px; padding-bottom: 50px; margin-top: 17%; background-size: contain 100%; }
	.InJellyProductCenter p{ width: 50%; margin:auto; text-align: center; }
	.MartopIJ{ margin-top: 200px; }
	.MartopIJ{ margin-top: 200px; }
	.DarsProductsListPage .TailBGInJellyProducts{ width: auto; min-height: 100px;}

	/* FeatureSliderAgent */
	.FeatureSliderAgent{ margin-top: -170px;}
	.SliderCaptionsAgent .iconOur{ width: 30px; margin-left: -35px; top: -10px; }

	/* TopTitlePage */
	.TopTitlePageBox{ max-width: auto; margin: auto; }
	.TopTitlePageBox .Title{ font-size: 20px; }
	.TopTitlePageBox .Captions{ font-size: 14px; line-height: 18px; }

	/* GroupNetworkBox */
	.GroupNetworkBox ul{ margin-top: 50px; }
	.GroupNetworkBox ul li{ margin-bottom: 5%; }

	/* GroupNetworkCompanyBox */
	.GroupNetworkCompanyBox ul{ margin-top: 50px; }
	.GroupNetworkCompanyBox ul li{ margin-bottom: 5%; }
	.GroupNetworkCompanyBox .AddressList p{ width: 100%; float: none; margin-left: 0%; }
	.GroupNetworkCompanyBox .AddressList p:nth-child(3n+3){ width: 100%; }
	.GroupNetworkCompanyBox .AddressList p:nth-child(3n+2){ width: 100%; }

	/* TitleTopic */
	.TitleTopic h2{ font-size: 23px; }

	/* Aboutitle */
	.Aboutitle:after{ top: -70px; width: 100px; height: 60px;}

	/* ProductsTopPage */
	.ProductsTopPage .Captions{ /*font-size: 14px;*/}
	.ProductsTopPage .List ul{ padding-top: 20px;  }
	.ProductsTopPage .List ul li{ position: relative; width: 47%; float: left; padding: 0px; }
	.ProductsTopPage .List ul li:nth-child(4n+1) { margin: 0%!important; }
	.ProductsTopPage .List ul li:nth-child(4n+0) { margin: 0%!important; }
	.ProductsTopPage .List ul li:nth-child(3n+1) { margin: 0%!important; }
	.ProductsTopPage .List ul li:nth-child(3n+0) { margin: 0%!important; }
	.ProductsTopPage .List ul li:nth-child(2n+1) { margin: 3% 3% 3% 1%!important; }
	.ProductsTopPage .List ul li:nth-child(2n+0) { margin: 3% 0% 3% 1%!important; }
	.ProductsTopPage .List ul li:last-child{ display: block; }
	.ProductsTopPage .List ul li a{ padding: 15px; }
	.ProductsTopPage .List ul li .Picture{ }
	.ProductsTopPage .List ul li .Picture p{ }
	.ProductsTopPage .List ul li .Picture p:after{ bottom: 85px; }
	.ProductsTopPage .List ul li .Title{ font-size: 12px; height: 65px; }
	.ProductsTopPage .List ul li .NewPrd{ width:40px; height: 40px; }
	.ProductsTopPage .SearchTopPage .Area{ padding: 5px 20px 5px 20px; }
	.ProductsTopPage .SearchTopPage .Country{ margin-left: 5px; margin-right: 5px; }
	.ProductsTopPage .SearchTopPage .send button{ padding: 5px 20px 5px 20px; }
	.ProductsTopPage .SearchTopPage .select-style { width: 140px; }
	.ProductsTopPage .SearchTopPage .select-style select { padding: 5px 20px; }
	.ProductsTopPage .Ribbon{ width: 70px; left: -8px; top: -8px;  }

	/* DarsProductsListPage */
	.DarsProductsListPage .Captions{ /*font-size: 14px;*/}
	.DarsProductsListPage .List ul{ padding-top: 20px;  }
	.DarsProductsListPage .List ul li{ position: relative; width: 47%; float: left; padding: 0px; }
	.DarsProductsListPage .List ul li:nth-child(4n+1) { margin: 0%!important; }
	.DarsProductsListPage .List ul li:nth-child(4n+0) { margin: 0%!important; }
	.DarsProductsListPage .List ul li:nth-child(3n+1) { margin: 0%!important; }
	.DarsProductsListPage .List ul li:nth-child(3n+0) { margin: 0%!important; }
	.DarsProductsListPage .List ul li:nth-child(2n+1) { margin: 3% 1.9% 3% 1%!important; }
	.DarsProductsListPage .List ul li:nth-child(2n+0) { margin: 3% 0% 3% 1%!important; }
	.DarsProductsListPage .List ul li:last-child{ display: block; }
	.DarsProductsListPage .List ul li a{ padding: 15px; }
	.DarsProductsListPage .List ul li .Picture{ }
	.DarsProductsListPage .List ul li .Picture p{ }
	.DarsProductsListPage .List ul li .Picture p:after{ bottom: 85px; }
	.DarsProductsListPage .List ul li .Title{ font-size: 12px; height: 65px; }
	.DarsProductsListPage .List ul li .NewPrd{ width:40px; height: 40px; }
	.DarsProductsListPage .SearchTopPage .Area{ padding: 5px 20px 5px 20px; }
	.DarsProductsListPage .SearchTopPage .Country{ margin-left: 5px; margin-right: 5px; }
	.DarsProductsListPage .SearchTopPage .send button{ padding: 5px 20px 5px 20px; }
	.DarsProductsListPage .SearchTopPage .select-style { width: 140px; }
	.DarsProductsListPage .SearchTopPage .select-style select { padding: 5px 20px; }
	.DarsProductsListPage .Ribbon{ width: 70px; left: -8px; top: -8px;  }

	/* AgentInfoTopPage */
	.AgentInfoTopPage .AddressList{ font-size: 14px;}
	.AgentInfoTopPage ul li{ padding: 5%; }
	.AgentInfoTopPage ul li .CompanyLeft{ width: 65%;font-size: 16px; }
	.AgentInfoTopPage ul li .LogoRight{ width: 30%; }


	/* TitleTopicTail */
	.TitleTopicTail h2{ font-size: 23px; }

	/* FooterPRDSections */
	.PRDTail { width: 95%; padding-top:70px; }
	.FooterSection1{ width: 90%; }
	.FooterSection1 .Title{ font-size: 18px; }
	.FooterSection1 p{ font-size: 14px; }
	.FooterSection2{ width: 90%; background-size:50%; }
	.FooterSection2 .Captions{ /*font-size: 14px;*/ }

	/* ApplyAgent */
	.ApplyAgent{ width: 90%; background-size:50%; margin-top: 0px; }

	/* ResearchTopPage */
	.ResearchTopPage .Captions{ /*font-size: 14px;*/}
	.ResearchTopPage{ margin-bottom: 0px; }
	.ResearchTopPage .Captions{ margin-top: 70px; }
	.ResearchTopPage ul{ width: 100%; padding: 50px 5% 100px 5%; margin: 0 auto; }
	.ResearchTopPage ul li{ padding: 50px 0px 50px 0px; }
	.ResearchTopPage ul li .Picture{ width: 100%; padding: 0px; margin-top: 0%; } /* Left Picture */
	.ResearchTopPage ul li .TextBox{ width: 100%; padding:  0px; margin-top: 0%; margin-bottom: 30px;}
	.ResearchTopPage ul li:nth-child(odd) .Picture{ width: 100%; margin-top: 30px; } /* Right Picture */
	.ResearchTopPage ul li:nth-child(odd) .TextBox{ width: 100%; padding:0%; margin-top: 2%; }
	.ResearchTopPage ul li .Title{ font-size: 25px; line-height: 30px; margin-bottom: 15px; margin-top: 20px; }
	.ResearchTopPage ul li .CaptionsRe{ /*font-size: 15px;*/ margin-top: 10px; line-height: 20px; }
	.ResearchTopPage ul li .ShotDetail{ height: auto; overflow: auto; /*font-size: 13px;*/ margin-top: 10px; }
	.ResearchTopPage ul li .LinkTop{ margin-top: -10px; text-align: left; }
	.ResearchTopPage ul li .LeftPicCrop{ display: none; }
	.ResearchTopPage ul li .BottomPicCrop{ display: none; }

	/* OurCompany */
	.OurCompany{ margin-top: 50px;}
	.OurCompany .LeftPictureOurCompany{ float: none; width: auto; }
	.OurCompany .RightOurCompany{ float: none; width: auto; margin-top: 40px;}
	.OurCompany .Captions{ font-size: 14px; }

	/* OurCompanyThaiRetailer */
	.OurCompanyThaiRetailer{ margin-top: 50px;}
	.OurCompanyThaiRetailer .RightOurCompany{ float: none; width: auto; margin-top: 40px;}
	.OurCompanyThaiRetailer .Captions{ font-size: 14px; }

	/* PRDOurCompany */
	.PRDOurCompany{ margin-top: -170px; padding-bottom: 200px; background-position-y:-50px; }
	.PRDOurCompanyLeft1{ width: 90%; margin: auto; margin-top: 200px; margin-left: 5%;}
	.PRDOurCompanyLeft1 .Picture img{ max-width: 200px; }
	.PRDOurCompanyRight1{ width: 100%; margin-top: 10px; }
	.PRDOurCompanyRight1 .ShotCaption{ height: auto;}

	.PRDOurCompanyBox2{ margin-top: 50px;}
	.PRDOurCompanyLeft2{ width: 100%; }
	.PRDOurCompanyLeft2 .ShotCaption{ height: auto;}
	.PRDOurCompanyRight2{ width: 90%; margin: auto; margin-right: 5%; }
	.PRDOurCompanyRight2 .Picture img{ max-width: 200px; }

	.PRDOurCompanyBox3{ margin-top: 50px; padding-top: 0%;}
	.PRDOurCompanyLeft3{ width: 100%; margin-top: 0px; }
	.PRDOurCompanyLeft3 .ShotCaption{ height: auto;}
	.PRDOurCompanyRight3{ width: 90%; margin: auto; margin-right: 5%; padding-top: 20px; }
	.PRDOurCompanyRight3 .Picture img{ max-width: 200px; }
	.PRDOurCompanyRight3 .ShotCaption{ height: auto;}

	.ThaiRetailerSection .PRDOurCompanyRight1{ margin-top: 0!important;}
	.ThaiRetailerSection .PRDOurCompanyBox2{ padding: 0!important; margin-top: 70px!important;}
	.ThaiRetailerSection .PRDOurCompanyBox3{ margin-top: 50px!important;}
	.ThaiRetailerSection .PRDOurCompanyRight3{ padding-top: 10px!important;}

	/* AboutVM */
	.AboutVM{ margin-top: 0px;}
	.MissionBox{ margin-top: 50px;}
	.VisionTitle{ font-size: 23px; }

	/* AboutCpmpanyProfile */
	.AboutCpmpanyProfile ul{ margin-top: 40px; }
	.AboutCpmpanyProfile li{ margin-bottom: 10px; }
	.AboutCpmpanyProfile li label{ width: 100%; float: none; }
	.AboutCpmpanyProfile li p{ width: 100%; float: none; border-left:0px; padding-left: 0px; padding: 0px; }

	/* MPTList */
	.MPTList ul li{ width: auto; float: none; margin-left: 0%; margin-bottom: 30px; font-size: 15px; }
	.MPTList ul li img{ margin-bottom: 0px; }

	/* OtherRandD */
	.OtherRandD ul li{ width: auto; float: none; clear: both; margin-left: 0%; margin-bottom: 5%; }
	.OtherRandD ul li .Descriptions{ padding: 10px 20px; }
	.OtherRandD ul li .Title{ font-size: 20px; line-height: 28px; }
	.OtherRandD ul li .Captions{ font-size: 13px; }

	/* SoftCanyTechnology Page */
	.LeftStrawberry{ width: 60px; top:-120px; }
	.RightPurple{ width: 120px; top:-200px; }

	/* HiChewMiddleBox */
	.HiChewMiddleBox{ padding: 20px 20px 20px 20px; }
	.HiChewMiddleBox .HiChewMiddleLeft .LogoHiChew{ max-width: 130px; }
	.HiChewMiddleBox .HiChewMiddleLeft span{ font-size: 22px; }

	/* FollowUsList */
	.FollowUsList ul li{ width: 49%; /*margin: 5% 2.5%;*/ text-align: center; vertical-align: top; }
	.FollowUsList ul li img{ max-width: 32px; display: block; margin: auto; margin-bottom: 5px; }

	/*.DarsProductsListPage .TopBGHiChewProducts{ width: auto;height: 150px;}*/

	.ProductsTopPage li.sf-field-taxonomy-country{ clear: both!important; display: block!important; margin-left: 0px!important; margin-top: 20px!important; }

	/* PopupToppage */
	/*.PopupToppageBTN{ bottom: 10px; }*/
	.PopupToppageBTNHid{ width: 150px; bottom: 10px;}
	.PopupToppageBTNShow{ width: 150px; bottom: 10px;}
	/*.PopupToppageBTN .iConNL{ width: 32px; height: 32px; top: -7px;}
	.PopupToppageBTN .iConNL img{ max-width: 15px; padding-top: 8px; }
	.PopupToppageBTN a{ width: 80px; height: 80px; padding-top: 15px; font-size: 13px; line-height: 18px;}*/
	.OpenPopupBox { padding: 20px; margin-right: 10px; margin-left: 10px; margin-top: 20px;}
	.PopupDetail .Title{ font-size: 25px; line-height: 35px;}

	/* NewsReleaseToppage */
	.NewsReleaseToppage{ padding-bottom: 60px; }
	.NewsReleaseToppage ul li { font-size: 15px; display: block; height: auto; overflow: auto;}
	.NewsReleaseToppage ul li p{ display: block; }
	.NewsReleaseToppage ul li p.DateLeft{ display: block; width: auto; float: none; }
	.NewsReleaseToppage ul li p.Title{ display: block; width:auto; float: none;}
	.NewsReleaseToppage ul li p.SeeRight{ display: none; width:84px; float: none; text-align: center;}
	.NewsReleaseToppage ul li a{ overflow: auto; }

	/* Popup Australia */
	.PopupDetailAustralia{ padding: 20px; height: 550px; -webkit-overflow-scrolling: touch!important; overflow: scroll!important;}
	.PopupDetailAustraliaM{ display: block; }

	.IconNewPRD{ width: 40px; height: 40px; position: absolute; right: 5px; top: 5px; }
	/*Pancake*/
	.PancakeProductCenter img {width: 50%;}
	.FeatureSliderDarsBox .PancakeProductCenter{margin-top: 5%;}
	
	.ContentPageBox{}
	.Imgproduct .IconNewPRD {right: 0px;}
	.Imgproduct img{width: 100%; height: 100%;}


	/* For Thai Retailer */
	.ThaiRetailerFont .PRDOurCompany{ margin-top: -180px; padding-bottom: 200px; background-position-y: 40px;  }
	.ThaiRetailerFont .PRDOurCompanyBox1{ padding-top: 40%;}
	.PRDList{ margin-top: 20px;}
	.PRDList ul li{ max-width: 46%; margin: 2%; }
	.PRDList ul li:first-child { margin-left: auto; }
	.PRDList ul li:last-child { margin-right: auto; }
	.PRDList ul li .Title{ font-size: 11px; }
	.PRDList ul li .Picture{ padding: 10px 10px 0 10px;}
	/*.ThaiRetailerFont .PRDOurCompanyLeft1{ text-align: right;}
	.ThaiRetailerFont .PRDOurCompanyLeft1 img{ max-width: 160px!important; margin-top: -20px;}*/
	/*.ThaiRetailerFont .PRDOurCompanyRight1{ margin-top: -35px;}*/
	.ThaiRetailerFont .PRDOurCompanyLeft1{ margin-top: 200px;}
	.ThaiRetailerPartnersBox h2{ font-size: 23px;}
	.ThaiRetailerPartnersBox ul{ margin-top: 20px;}
	.ThaiRetailerPartnersBox ul li .Picture{ width: 30%;}
	.ThaiRetailerPartnersBox ul li .Detail{ width: 65%; }
	.ThaiRetailerPartnersBox ul li .Detail .Title{ font-size: 18px;}

	/* ThaiRetailerPartnersBox */
	.ThaiRetailerPartnersBox{ width: 90%; margin: auto; }
	.ThaiRetailerPartnersBox ul li{ display: block; }
	.ThaiRetailerPartnersBox ul li .Picture{ width: 100%;}
	.ThaiRetailerPartnersBox ul li .Picture p{ height: 260px;}
	.ThaiRetailerPartnersBox ul li .Detail{ width: 100%; margin-top: 20px;}

	/* ThaiRetailerPartners */
	.SFPopup .InnerBox{ margin-top: 30px; }
	.SFPopup .InnerBox:before{ height: 99.5%; left: 2px; top: 2px;}
	.SFPopup .InnerBoxLine{ padding: 0 15px; margin: 25px 10px }
	.SFPopup .InnerBox{ max-width: 90%; } 
	.SFPopup .InnerBox .Title{ font-size: 25px;}
	.SFPopup .InnerBox .Picture p{ height: auto; }
	.SFPopup .InnerBox .TreePics ul{ display: block;}
	.SFPopup .InnerBox .TreePics ul li{ width: 100%; }
	.SFPopup .InnerBox .TreePics ul li:first-child p{ height: auto;}
	.SFPopup .InnerBox .TreePics ul li p{ height: auto; }
	.SFPopup .InnerBoxCloseBox{  margin-top: 10px; }
	.SFPopup .InnerBox .Picture p{ border-radius: 15px;}

	/* RandDCennter */
	.RandDCennter h2{ font-size: 23px; }

	/* WhatOurRD */
	.WhatOurRD{ display: block;}
	.WhatOurRD p:nth-child(1){ width: 100%; font-size: 16px; }
	.WhatOurRD p:nth-child(2){ width: 100%; font-size: 18px; margin-top: 10px; }

	.DevelopmentList ul{ display: block; }
	.DevelopmentList ul li{ width: 100%; margin: 0 0 40px 0; }

	.PopupFrontPage .Inner{ width: auto; height: auto; position: relative; max-width: 90%; max-height: 90%; }
    .PopupFrontPage .Inner .Picture img{ max-width: 100%; margin: auto; }
    .PopupFrontPage .Inner .EntertoWebsite .BTNEnter{ font-size: 16px; padding: 8px 30px; }

	/* VMBoxLR */
	.VMBoxLR{ display: block; margin-top: 50px; }
	.VMBoxLR .VMBoxLIcon{ margin: auto; margin-bottom: 20px;}
	.VMBoxLR .VMBoxRDescriptions{ margin-left: 0;}
	.VMBoxLR .aboutVisionContentHeading{ font-size: 16px;}
	.VMBoxLR .aboutVisionContentValueLead{ font-size: 18px;}
	.VMBoxLR .aboutVisionContentText{ font-size: 14px; line-height: 23px;}
	.VMBoxLR::before{ display: none; }
	.mainColumnTitle{ font-size: 21px;}

	.ComingSoonBox{ padding: 20px 0 0px 0; font-size: 26px; }

	.DarsVideoBox{ padding-bottom:20%; height: 285px; }

	.EasytoDrink .HeaderSectionCollagen h2{ font-size: 40px; }
	.EasytoDrink .HeaderSectionCollagen h2 span{ display: block; }

	.WhatisCollagenList ul li .WhatisCollagenListLR{ display: block; font-size: 18px; }
	.WhatisCollagenList ul li:first-child .WhatisCollagenListLR{ padding-top: 40px;}
	.WhatisCollagenList ul li:nth-child(odd) .WhatisCollagenListL{ width: 100%; }
	.WhatisCollagenList ul li:nth-child(odd) .WhatisCollagenListR{ width: 100%; margin-top: 10px; }
	.WhatisCollagenList ul li .WhatisCollagenListL{ width: 100%; }
	.WhatisCollagenList ul li .WhatisCollagenListR{ width: 100%; margin-top: 10px; }
	.WhatisCollagenList ul li .WhatisCollagenListR p{ line-height: 30px;}

	.PinTopLeft{ width: 80px; height: 100px; left: 10px;}
	.MarginTH{ margin-top: 10px;}

	/*.KVCollagenIntroBox .Inners .TextBox .Numbers{ font-size: 95px; line-height: 80px;}*/
	.KVCollagenIntroBox .Inners { padding-top: 75%; }
	.KVCollagenIntroBox .Inners .TextBox{ font-size: 23px; }
	.KVCollagenIntroBox .KVCollagenIcon01{ left: -3%; top: 19%; width: 120px; height: 120px; }
	.KVCollagenIntroBox .KVCollagenIcon02{ right: -1%; top: 20%; width: 120px; height: 90px; }
	.KVCollagenIntroBox .Inners .TextBox .Numbers img{ max-width: 280px; }
	.KVCollagenIntroBox .Inners .TextBox .JPText img{ max-width: 240px;}
	.KVCollagenIntro .Banner{ height: 300px; }
	.KVCollagenIntro .Banner img{ display: block; width: 100%; height: 100%; object-fit: cover; }

	.KVCollagenIntro .LeftWater{ left: -25%; top: 12%; width: 300px; }
	.KVCollagenIntro .RightWater{  right: 0; top: 37%; width: 250px; }

	.CollagenLinkBTNTop{ margin: 30px 0 0 0; }

	.BenefitBoxLR .BenefitBoxL{ height: 500px;}
	.BenefitBoxLR .BenefitBoxL .BenefitBoxCurcle02{ top: 12%;}
	.BenefitBoxLR .BenefitBoxL .BenefitBoxCurcle04{ top: 53%;}

	.CollagenLinkBTN a{  width: 300px; font-size: 25px; }
	.CollagenLinkBTNTop a{  width: 300px; font-size: 25px; }
	
}

/* -------------------------------------  600px  ------------------------------------- */
@media(max-width:400px)
{
	/* PRDOurCompany */
	.PRDOurCompany{ margin-top: -140px; padding-bottom: 200px; background-position-y:-90px; margin-bottom: 0px; }
	.PRDOurCompanyBox1{ margin-top: 0px;}
	.PRDOurCompanyLeft1{ margin-top: 180px;}
	.PRDOurCompanyBox2{ margin-top: 120px;}
	.PRDOurCompanyBox3{ margin-top: 100px;}

	/* LeftChoccolate Dars Page */
    .FeatureSliderDars{ padding-bottom: 50px!important;}

    .MartopIJ{ margin-top: 150px; }

    /*.DarsProductsListPage .TopBGHiChewProducts{ width: auto;height: 140px;}*/

	/* ThaiRetailerPartnersBox */
	.ThaiRetailerPartnersBox ul li .Picture p{ height: 220px;}

	/* ConceptBBox */
	.ConceptBox{ padding: 15px; }
	.ConceptBox .concept_catch{ font-size: 15px;}
	.ConceptBox .concept_title{ font-size: 13px;}
	.ConceptBox ul li{ align-items: flex-start; }
	.ConceptBox ul li .LeftDetail{ width: 65%; font-size: 13px;}
	.ConceptBox ul li .PicRight{ width: 35%; padding-right: 0px; }
	.ConceptBox ul li .PicRight img{ width: auto; max-width:100%; height: auto; max-height: 100px;}

	.DarsVideoBox{ padding-bottom:10%; height: 200px; }

	
	/* CollagenPage */
	.CollagenPageBox{ font-size: 18px; }
	.HeaderSectionCollagen h2{ font-size: 40px; }

	.AvailableAtList{ margin: 40px 0;}
	.AvailableAtList ul{ flex-wrap: wrap; }
	.AvailableAtList ul li{ width: 48%; margin-bottom: 20px; }
	.AvailableAtList ul li a{ height: 70px; padding: 25px; }

	.ReviewFromCustomerLogo ul li{ padding: 10px; width: 30%; }
	.ReviewFromCustomerLogo ul li img{ width: auto; max-width: 100%; max-height: 120px; }
	.ReviewFromCustomerLogo ul li:last-child img{ max-height: 50px;}

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

	.KVCollagenIntroBox .Inners { padding-top: 80%; }
	
}

@media(max-width: 375px){
	.ContentPageBox {margin-top: 80px;}
}