@charset "utf-8";
.mobile .content-bg{top:0!important}
@media screen and (max-width:1367px) {#origin .content:{width:50%}}
@media screen and (max-width:1279px) {
.buyit li{display:inline-block;width:20%}
}
@media screen and (max-width:1024px) {
.rwd-nav{display:block}
.navbar-header{background:#91000A;height:55px;position:fixed;width:100%;z-index:999}
.navbar-brand{width:100%;display:inline-block;height:45px;position:absolute;text-align:center;top:2px}
.navbar-brand img{max-width:100%;margin-top:12px;height:30px}
#foreword,#one,#two,#origin,#work,#stores{height:auto;    min-height: auto;}
.main.style3.primary{min-height:inherit;padding-right:5%;padding-left:5%}
#contents,#gnav{padding-left:0}
#foreword{padding:100px 5% 80px}
#one .content{padding-left:13%}
#two{padding-top:100px}
#two .feature-title img{margin-left:-20px;width:85%}
#two .feature-title{width:78%;left:-70%}
#two .content{left:40%;width:60%}
#origin .content{margin:auto;margin-bottom:150px;margin-top:97px;margin-right:0;width:63%;min-width:auto!important}
.buyit li{display:inline-block;width:23%}
.origin-cen-top{text-align:justify}
.btn-center{left:50%;margin-left:-29px}
.desert-point li img{width:45%}
.desert-point li p{padding-left:2%;padding-right:2%}
#work .container{margin:0 auto}
label.menu-toggle{height:55px}
#header,#nav-bg{background-color:#000;height:100%}
#menu-btn,#nav-bg{position:fixed;top:0;left:0}
.main.style1 .content{width:85%}
#entry-now,body.nav-open{overflow:hidden}
[data-parallax-ratio]{-webkit-transform:translate3d(0,0,0)!important;-moz-transform:translate3d(0,0,0)!important;-ms-transform:translate3d(0,0,0)!important;-o-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}
#contents{-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;-ms-transition:-ms-transform .4s;-o-transition:-o-transform .4s;transition:transform .4s}
.container{width:auto;margin:0 auto;text-align:center}
#nav-bg{width:100%;bottom:0;right:0;opacity:0;z-index:10;-webkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear}
#side-bar{display: none;width:100%;height:60px;padding-top:0}
#header{width:30%;padding-top:140px;overflow:auto;-webkit-box-shadow:1px 0 2px 1px rgba(0,0,0,.3);-moz-box-shadow:1px 0 2px 1px rgba(0,0,0,.3);box-shadow:1px 0 2px 1px rgba(0,0,0,.3);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-ms-transition-property:-ms-transform;-o-transition-property:-o-transform;transition-property:transform;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:cubic-bezier(.6,0,.3,1);-moz-transition-timing-function:cubic-bezier(.6,0,.3,1);-ms-transition-timing-function:cubic-bezier(.6,0,.3,1);-o-transition-timing-function:cubic-bezier(.6,0,.3,1);transition-timing-function:cubic-bezier(.6,0,.3,1)}
#menu-btn{display:block;width:60px;height:60px;background-color:#ffd500;z-index:1001}
#menu-btn a{display:block;position:relative;width:100%;height:100%}
#menu-btn a span,#menu-btn a:after,#menu-btn a:before{display:block;content:'';position:absolute;width:18px;height:2px;left:21px;font-size:0;background-color:#1a1a1a;-webkit-transition-property:top,bottom,opacity,-webkit-transform;-moz-transition-property:top,bottom,opacity,-moz-transform;-ms-transition-property:top,bottom,opacity,-ms-transform;-o-transition-property:top,bottom,opacity,-o-transform;transition-property:top,bottom,opacity,transform;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}
#gnav-sub:before,#logo,#top-salads .section-inner{position:relative}
#menu-btn a:before{top:23px}
#menu-btn a span{top:50%;margin-top:-1px}
#menu-btn a:after{bottom:23px}
#bnr{-webkit-transform:rotate(0) translate(-100px,-10px);-moz-transform:rotate(0) translate(-100px,-10px);-ms-transform:rotate(0) translate(-100px,-10px);-o-transform:rotate(0) translate(-100px,-10px);transform:rotate(0) translate(-100px,-10px)}
.page-nav{display:none}
#gnav li,#gnav-sub li{display:list-item;width:auto;height:30px;line-height:40px;margin-bottom:15px;float:none}
#gnav-sub{display:block;padding-top:20px;margin-bottom:80px}
#gnav-sub:before{display:block;content:'';width:30px;height:1px;margin:0 auto 20px;background-color:grey}
#gnav li a:hover{background:#000}
#gnav li a.active:hover span,#gnav li a:hover span{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
#gnav li a:after,#gnav li a:before{content:none}
.nav-open #nav-bg{opacity:.6}
.nav-open #header{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.nav-open #menu-btn a:before{top:29px;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg)}
.nav-open #menu-btn a span{opacity:0}
.nav-open #menu-btn a:after{bottom:29px;-webkit-transform:rotate(-225deg);-moz-transform:rotate(-225deg);-ms-transform:rotate(-225deg);-o-transform:rotate(-225deg);transform:rotate(-225deg)}
.page-content-inner{-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;-ms-transition:-ms-transform .4s;-o-transition:-o-transform .4s;transition:transform .4s}
.nav-open .page-content-inner{-webkit-transform:translateX(20%);-moz-transform:translateX(20%);-ms-transform:translateX(20%);-o-transform:translateX(20%);transform:translateX(20%)}
.nav-open.page-chenge #contents,.nav-open.slide-in #contents,.nav-open.slide-out #contents,.page-change #contents,.slide-in #contents,.slide-out #contents{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.nav-open.page-chenge #header,.nav-open.slide-in #header,.nav-open.slide-out #header,.page-change #header,.slide-in #header,.slide-out #header{-webkit-transform:translateX(-100%)!important;-moz-transform:translateX(-100%)!important;-ms-transform:translateX(-100%)!important;-o-transform:translateX(-100%)!important;transform:translateX(-100%)!important}
#origin .box .row{width:auto}
#foreword .container{width:auto;margin:0 auto}
#origin .box{padding-right:5%;padding-left:5%}
}
@media screen and (max-width:778px) {
#header{padding-top:80px}
#intro{height:auto;min-height:auto}
.main.style1 .content{width:85%;margin-left:10px}
#bnr{-webkit-transform:translate(-85px,-10px);-moz-transform:translate(-85px,-10px);-ms-transform:translate(-85px,-10px);-o-transform:translate(-85px,-10px);transform:translate(-85px,-10px)}
.man,.woman,.child{width:100%;text-align:left;margin-left:0}
.man img,.woman img,.child img{width:45%;max-width:245px}
#foreword .pain-list{vertical-align:top;margin-top:25px;display:inline-table;width:50%;padding-left:0;padding-bottom:10px;margin-left:3%;margin-top:30px;border-bottom:dashed 1px}
.man ul li,.woman ul li,.child ul li{display:inline-table;width:50%;max-width:135px}
#foreword .pain-list li{color:#252525;font-weight:700;white-space:nowrap}
#foreword .pain-list li:hover{color:#717171}
.man .pain-list li img,.woman .pain-list li img,.child .pain-list li img{opacity:1}
.health-list{font-weight:500;color:#39454b}
#two{height:auto;min-height:auto;padding-top:60px}
#two .content{width:100%;left:0;padding:80px 0}
#two .feature-title{left:0;width:50%}
#two .feature-title img{display:none}
.two-title-img{width:100%;max-width:500px;margin-bottom:20px}
#origin header p{width:47%;margin-bottom:12px}
.three-steps{text-align:left}
.stepsimg img{margin-bottom:10px}
.desert-point li img{width:52%}
.container{margin:0 auto}
/*.buyit li{padding-left:16px;padding-right:16px}*/
.health-list{background-size:inherit;min-height:26px;font-size:15px}
.blog-list .item .list_tle{font-size:17px}
#footer .menu2 li:first-child{border-left:0;padding-left:0;margin-left:0;width:100%}
#footer .menu2 li:nth-child(2){border-left:0;padding-left:0;margin-left:0}
#footer .menu2{right:0}
.buyit li{width:100%;margin-bottom:15px;vertical-align:top;position:relative;background:url(../../images/paper-dark.jpg);margin-right:3.5%;border-radius:20px;box-sizing:border-box;-webkit-box-shadow:rgba(0,0,0,0.2) 3px 3px 5px;-moz-box-shadow:rgba(0,0,0,0.2) 3px 3px 5px;box-shadow:rgba(0,0,0,0.2) 3px 3px 5px}
.buyit li:hover{top:0;-webkit-box-shadow: rgba(0,0,0,0.2) 3px 3px 5px;-moz-box-shadow: rgba(0,0,0,0.2) 3px 3px 5px;box-shadow: rgba(0,0,0,0.2) 3px 3px 5px;}
.health-list{background-size:inherit;min-height:26px;font-size:15px}
.blog-list .item .list_tle{font-size:17px}
}
@media screen and (max-width:640px) {
.blog-list .item{float:left;width:50%}
#intro{height:auto;min-height:auto}
.main.style1 .content{width:87%;margin:0 auto;margin-top:50px}
.saltimg{width:35%;position:absolute;right:-10px;bottom:0}
.na-title{width:60%;margin:0 auto}
.main.style1 .content .introtxt{width:60%;text-align:justify}
#intro .btn{display:none}
.box.style2{background:none}
#one{min-height:auto}
#one .content{width:70%;padding:10px 0 10px 60px}
.health-list{margin-bottom:10px}
.two-title-img{width:65%;margin-bottom:20px}
#origin{padding:0}
#origin .content{width:100%;padding:70px 55px}
#work .container{padding-left:5px;padding-right:5px}
.gallery h4{font-size:14px;font-weight:400}
header p{font-size:.8em;font-weight:400}
#stores .buyit li p{font-size:13px}
.gray{display:none}
/*.buyit li{padding-left:12px;padding-right:12px}*/
#stores .content .container ul{padding-right:10px;padding-left:10px}
#origin .content{background:rgba(255,255,255,0.85);margin:0;    position: inherit;}
#origin h2,#origin .bordered span,.three-steps p span{color:#39454b;font-weight:700}
#origin .origin-cen-top p,#origin header p{color:#585858}
#origin .bordered span{background:#E1E1E6;border-radius:43px;padding-left:10px;padding-right:10px}
#origin .bordered:after{display:none}
#origin header p{width:30%;margin:0;width:32.33%}
#origin .origin-cen-top p{font-size:14px;line-height:20px}
.stepsimg{max-width:100%}
#origin .bordered{margin-top:15px;margin-bottom:-10px}
#origin .origin-cen-top p{width:100%;font-size:13px;margin-bottom:10px}
.stepsimg img{margin-bottom:0}
.origin-cen-top,#origin .origin-cen-top h2,#origin .origin-cen-top p,#origin .bordered,#origin header p,#origin header p span{text-align:center}
#origin .origin-cen-top h2{font-size:30px;line-height:30px}
header p span,.stepsimg{margin:0 auto}
.health-img{margin-top:30px;max-width:200px}
.feature li{padding:0}
.feature li p{font-size:13px;line-height:20px;max-width:117px;margin:10px auto}
.feature li img{max-width:75px}
#two .content{padding:50px 0}
.three-steps{border:dashed 2px #A7A7A7;padding:30px;border-radius:20px}
.desert-point{margin-top:-65px}
#footer address{width:100%;text-align:center;margin-bottom:20px}
#footer .share{width:100%;text-align:center}
#stores{padding-right:5%;padding-left:5%}
.box_eyecatch{width:35%;display:inline-block;vertical-align:top;padding:35px 30px 25px}
.box_content{width:63%;display:inline-block;border-radius:0 20px 20px 0;padding:35px 30px 25px;vertical-align:middle;float:right;text-align:left}
#stores .buyit li .box_eyecatch p{vertical-align:top}
.buyit{margin-bottom:30px;margin-top:35px}
.box_eyecatch span{white-space:nowrap}
}
@media screen and (max-width:600px) {
.man img,.woman img,.child img{width:35%}
#foreword .pain-list{width:60%;margin-top:15px}
.box_eyecatch { padding: 25px 20px;}
#footer .lo{ width:100%}
}
@media screen and (max-width:500px) {
#header{width:70%;padding-top:80px}
#gnav li,#gnav-sub li{margin-bottom:0}
.saltimg{width:60%;position:relative;z-index:99}
.main.style1 h2{width:65%;position:absolute;top:10px;right:-5px}
.saltimg img{margin-top:25.5%}
.main.style1 .content .introtxt{width:93%}
#foreword h2 > img,#work h2 > img,#stores h2 > img{width:auto;padding-left:30px;padding-right:30px;max-height:28.8px}
.man img,.woman img,.child img{width:33%}
.health-img{display:none}
#one{padding:100px 0 120px}
#one .content{padding:10px 0 10px 5%;padding:20px 0 20px 6%;background:rgba(255,255,255,0.6);min-width:290px}
.feature li{padding:0;width:40%;max-width:inherit;display:inline-block}
#two{padding:100px 5% 120px}
#two .content{padding:0}
.feature li{margin-bottom:20px}
.two-title-img{display:none}
.feature li img{max-width:95px}
#origin header p{width:100%;margin-top:5px;margin-bottom:15px}
#origin header .three-steps p:nth-child(4){margin-bottom:0}
#origin .bordered span{background:#FAFBFC}
.stepsimg img{margin-bottom:5px}
.desert-point li{display:inline-block;width:100%;padding-right:0;padding-left:0}
.desert-point li img{width:25%;min-width:85px;display:inline-block;max-width:90px}
#origin .box{padding:25px 55px}
.desert-point li div{display:inline-block;width:100%;margin-top:8px;margin-bottom:10px}
.desert-point li h6{text-align:center}
.desert-point li p{max-width:320px;margin:0 auto;margin-top:3px}
#stores .buyit li p{white-space:inherit}
.buyit li{padding-left:7px;padding-right:7px}
header p{font-size:14px;line-height:20px;font-weight:400;margin-top:12px}
#work header p{padding:0 20px}
.box_content{display:none;width:100%}
.box_eyecatch{width:100%}
#stores .buyit li .box_eyecatch p{font-weight:400}
}
@media screen and (max-width:400px) {
.main.style1 h2{width:65%;position:absolute;top:0;right:-3px}
.saltimg{width:65%;right:0}
.main.style1 .content .introtxt{width:97%;margin:0 auto;font-size:13px}
#intro{min-height:100vh}
#foreword h2 > img,#work h2 > img,#stores h2 > img{width:auto;max-width:100%;padding-left:5px;padding-right:5px;max-height:28.8px}
.man img,.woman img,.child img{width:40%}
#foreword .pain-list{width:50%;border:none;margin-left:6%;margin-top:5px}
.man ul li,.woman ul li,.child ul li{width:100%}
#one{background-position:top left}
#one .content{width:90%;padding:5%;margin-left:5%;text-align:center;min-width:auto}
.health-title img{display:block;margin:10px auto;width:100%}
.health-list{display:inline-block;white-space:nowrap;padding-bottom:5px;padding-top:5px;margin-bottom:0}
#origin .content{padding:70px 30px}
.desert-point li{margin-bottom:30px}
#origin h2 span{font-size:20px}
#origin .origin-cen-top h2{font-size:26px;line-height:27px;margin-bottom:10px}
#origin .origin-cen-top p{margin-bottom:15px}
.desert-point li img{margin-bottom:0}
.blog-list .item{padding:3%}
#work .content > header{margin-bottom:15px}
.blog-list .item .list_tle{font-size:14px}
.blog-list .item .list_num{padding:2px 0 5px}
.main.style1 .content{width:90%}
.navbar-brand img{margin-left:15px}
.man,.woman,.child{margin-top:25px}
/*.buyit li{width:32%;max-width:145px}*/
#stores .btn{width:75%}
#stores .btn:before{left:-20px}
#stores .buyit li .box_eyecatch p{font-size:18px}
}