/* =================reset css starts here=================  */
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin: 0; padding: 0; outline: none; border: 0 }
img {border: 0;}
a { text-decoration: none; border: 0; outline: 0; }
.clear { clear: both; width: auto !important }
ul {list-style: none;}
a:focus, input:focus, textarea:focus,
*:focus { outline: 0 !important; box-shadow: none !important; }
/* =================reset css ends here================= */
@font-face{font-family:'futuraBT-medium';src:url('../fonts/futuramdbtmedium.eot');src:url('../fonts/futuramdbtmedium.eot') format('embedded-opentype'), url('../fonts/futuramdbtmedium.woff2') format('woff2'), url('../fonts/futuramdbtmedium.woff') format('woff'), url('../fonts/futuramdbtmedium.ttf') format('truetype'), url('../fonts/futuramdbtmedium.svg#futuramdbtmedium') format('svg');}
/* =================core css starts here================= */
body{font-size:16px;line-height:24px;font-weight:400;font-family:'Poppins';color:#72787a;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.container{width:100%;max-width:1200px;}
.container.container1{width:100%;max-width:1060px;}
a, input, button{display:inline-block;text-decoration:none;color:inherit;outline:none;transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;}
a img{border:0px none;}
a:hover{outline:none;color:#7443ff;text-decoration:none;}
a:active{outline:none;text-decoration:none;}
a:focus{outline:none;outline-offset:0px;text-decoration:none;color:inherit;}
::-webkit-input-placeholder{color:#999;opacity:1;}
::-moz-placeholder{color:#999;opacity:1;}
:-moz-placeholder{color:#999;opacity:1;}
:-ms-input-placeholder{color:#999;opacity:1;}
.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
img{max-width:100%;}
h1, h2, h3, h4, h5, h6{margin:0px;padding:0px;margin-bottom:15px;line-height:1.2;font-weight:700;color:#2a2d2e;}
h1{font-size:42px;}
h2{font-size:36px;}
h3{font-size:28px;}
h4{font-size:22px;line-height:1.4;}
h5{font-size:18px;line-height:1.4;}
h6{font-size:11px;}
p{margin:0px;padding:0px;margin-bottom:25px;}
strong{font-weight:600;}
b{font-weight:700;}
p:last-child{margin-bottom:0;}
/*.mar-40{margin-bottom:40px !important;}
.mar-30{margin-bottom:30px !important;}
.no-mar{margin:0 !important;}*/
.btn{border-radius:30px;font-weight:700;padding:15px 25px;min-width:121px;font-size:10px;box-shadow:none;text-transform:uppercase;letter-spacing:1px;}
.btn-default,.btn-default:focus{color:#fff;background-color:transparent;border:solid 1px #fff;}
.btn-default:hover,.btn-default:active{color: #000;background-color: #fff;border-color: #fff;}
.link-btn,.link-btn:focus{color:#16151b;background-color:transparent;border:solid 1px #16151b;}
.link-btn:hover,.link-btn:active{color:#fff;background-color:#7443ff;border-color:#7443ff;}
.btn-xs{padding:6px 10px!important;min-width:95px!important;font-size:9px;}
.btn+.btn{margin-left:10px;}
/*.color-text{color:#00bcb4 !important;}*/
/* =================core css ends here================= */
/* ================= Header start ================= */
header {background: #fff; color: #000;padding:0; position:fixed; left: 0; top: 0; right: 0; z-index: 9999; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; }
.fixed header { box-shadow: 0 0px 15px rgba(0, 0, 0, 0.16); }
.navbar-toggler { width: 60px; height: 60px; border-radius: 0; cursor: pointer; text-decoration: none; padding: 0; border: 0; background: transparent; margin: 0; position: absolute; top: 0; right: 0; }
.navbar-default .navbar-toggler:hover,
.navbar-default .navbar-toggler:focus {background: transparent;}
.navbar-toggler:not([class="collapsed"]),
.navbar-toggler:not([class="collapsed"]):focus,
.navbar-toggler:not([class="collapsed"]):hover {background: transparent;}
.navbar-toggler.collapsed,
.navbar-toggler.collapsed:focus,
.navbar-toggler.collapsed:hover {background: transparent;}
.home .navbar-toggler.collapsed,
.home .navbar-toggler.collapsed:focus,
.home .navbar-toggler.collapsed:hover {background: transparent;}
.navbar-toggler .icon-bar { position: relative; display: inline-block; width: 23px; height: 3px; color: #243238; text-indent: -55px; margin-top: 0; background: transparent!important; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; vertical-align: middle; }
.navbar-toggler .icon-bar:before,
.navbar-toggler .icon-bar:after { content: ''; width: 23px; height: 3px; background: #000; position: absolute; left: 0; transition: all .2s ease-out; }
.navbar-toggler.collapsed .icon-bar {background: #000!important;}
.navbar-toggler.collapsed .icon-bar:before,
.navbar-toggler.collapsed .icon-bar:after {background: #000;}
.navbar-toggler.collapsed .icon-bar:before { top: -7px; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
.navbar-toggler .icon-bar:before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.navbar-toggler.collapsed .icon-bar:after { bottom: -7px; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); }
.navbar-toggler .icon-bar:after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
.dropdown-menu { border: 0; border-radius: 0; font-size: 12px; line-height: 15px;min-width: 170px; }
.dropdown-item {padding: 6px 15px;text-transform: uppercase;}
.dropdown-menu>li:hover>a,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>.active>a,
.dropdown-menu>li:focus>a,
.dropdown-menu>li:active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus,
.nav-item.active>a,
.dropdown-item.active,
.dropdown-item:active { background: transparent; color: #000; }

@media only screen and (min-width: 1200px) {
.navbar-nav>li>.dropdown-menu { display: block !important; top:100%!important; margin-top: 10px !important; opacity: 0; visibility: hidden; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.06); transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; }
.dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; margin-top: 0px !important; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
 
}

.sub-arrow{display: none!important;}
.header-search { float: left; position: relative; }
.navbar {padding: 0;}
.navbar-nav {font-size: 14px;letter-spacing: 0.9px;text-transform: uppercase;font-family: 'futuraBT-medium';}
.navbar-brand {width: 100px;position: relative;margin: 0 0 0 15px;    padding: 0;}
.navbar-brand small { color: #fff; position: absolute; left: 100%; top: 50%; text-align: center; margin-top: -8px; font-size: 10px; line-height: 10px; padding: 5px 10px; opacity: 0.5; }
.fixed .navbar-brand small {color: #000;}
.logo-dark {display: none;}
.fixed .logo-white {display: none;}
.fixed .logo-dark {display: block;}
.navbar-nav .nav-link,
.navbar-expand-xl .navbar-nav .nav-link { padding: 0 11.4px; line-height: 99px; }
.fixed .navbar-nav .nav-link, 
.fixed .navbar-expand-xl .navbar-nav .nav-link {line-height: 75px;}
.fixed .navbar-brand {width: 85px;}
.dropdown li> a:hover {color: #7443ff;}
.navbar-nav .nav-item{position: relative;}
.nav-item.active:before {content: '';border: 1px solid #000;width: 100%;height: 23px;z-index: -1; position: absolute;border-radius: 12px;top: 50%;transform: translateY(-50%);}
/* ================= Header end ================= */

/* ================= CTA Container Start ================= */
.background-image{background-size: cover!important;background-position: center!important;background-repeat: no-repeat!important;}
.cta-container{width: 100%;height: 100%;padding: 90px 0;}
.cta-content{color: #fff;text-align: center;max-width: 765px; margin: 0 auto;}
.cta-content h2 {font-size: 50px;font-family: 'Montserrat';color: #fff; font-weight: 700;letter-spacing: -1.5px; margin-bottom: 5px;}
/* ================= CTA Container end ================= */
.outer-container {padding-top: 99px;}
.fixed .outer-container {padding-top: 75px;}
/* ================= About Container Start ================= */
.content-container{padding:50px 0;}
.about-box{width:100%;display:flex;color:#72787a;font-weight:300;}
.about-box h3{font-size:51px;color:#2a2d2e;font-weight:600;}
.about-left{width:60%;display:flex;min-height:425px;padding:0;}
.about-box .about-left img{max-width:1000px;width:100%;margin-left:0;}
.about-right{width:40%;display:flex;padding:0px 50px;}
.about-box.reverse{flex-direction:row-reverse;}
.about-box + .about-box{margin-top:95px;}
.about-right small{font-size:14px;line-height:20px;color:#72787a;font-weight:400;}
.about-img.background-image{background-position:top;}
.about-container{width:100%;overflow:hidden;}
.about-left .about-img{width:calc(100% + 15px);margin-left:-15px;}
.reverse .about-left .about-img{margin-left:0;margin-right:-15px;}
.add-shape{display: inline-block;position: relative;vertical-align: top;}
.add-shape:before{content: '';width: 64px;height: 64px;background: #fff;position: absolute;left: 40px;bottom: 64px;}
.add-shape:after{content: '';width: 40px;height: 64px;background: #fff;position: absolute;left: 0;bottom: 0;}
.reverse .add-shape:before{right: 40px;left: auto;}
.reverse .add-shape:after{left: auto;right: 0;}
/* ================= About Container End ================= */
/*================== Aseptic processing start ==============*/
.heading h1{font-size:15px;color:#7443ff;font-weight:600;position:relative;padding-left:15px;text-transform:uppercase;letter-spacing:2px;}
.heading h1:before{content:'';width:1px;height:calc(100% - 6px);background:#7443ff;position:absolute;left:0;top:50%;transform:translateY(-50%);}
 .content-box-outer{margin:0 8px;}
.content-box{width:100%;display:flex;font-size:14px; line-height: 20px;}
.content-block h4{font-size:51px;line-height:1.25;color:#2a2d2e;font-weight:600;letter-spacing:-2.6px;}
.content-block p{margin-bottom:5px;}
.content-block p:last-child{margin-bottom:0;}
.content-block strong{display:inline-block;color:#262b40;margin-bottom:15px;font-size:14px;line-height:20px;letter-spacing:-0.2px;margin-top:25px;}
.content-block ul:not([class]){margin-left:10px;}
.reverse .content-block ul:not([class]){margin-left:0px;}
ul:not([class]) li{position:relative;padding-left:10px;margin-bottom:10px;letter-spacing:-0.3px;font-size:14px;line-height:20px;}
ul:not([class]) li:before{content:'';width:4px;height:4px;background:#72787a;position:absolute;left:0;top:10px;border-radius:50%;}
.content-block{width:54%;display:flex;padding:0px 58px 20px 0;align-items:center;}
 .content-img{width:46%;display:flex;min-height:276px;}
.content-block h3{font-size:19px;letter-spacing:-0.2px;color:#262b40;font-weight:500;}
.content-block .link-btn{margin-top:25px;}
.content-box.reverse .content-block{padding:25px 0 0 58px;}
.content-img > div{width:100%;}
.content-img div > img{max-width:1000px;width:100%;margin-left:0;}
 .content-box.reverse{flex-direction:row-reverse;}
/*================== Aseptic processing end ==============*/

/* ================= Products Start ================= */
.product-container{background:#f4f4f4;}
.banner-container {width: 100%;height: 450px;background-position: center;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}
.banner-img {width: 100%;background: #7443ff;}
.banner-img img {width: 100%;height: 100%;object-fit: cover;}
.heading-text{width: 100%;text-align: center;margin:0 auto 43px;}
.heading-text h1 {font-size:80px;line-height: 1.1;color: #2a2d2e;letter-spacing: -4px;margin-bottom: 0;}
.heading-text p{color: #2a2d2e;font-size: 23px;font-weight: 400;margin-bottom: 0;}

ul.filter-list{width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 60px;}
ul.filter-list li{position: relative;padding: 0 30px;}
ul.filter-list li a{font-size: 20px;font-weight: 600;color: #818586;position: relative;}
ul.filter-list li:before{content: '';width: 6px;height: 6px;background: #000;position: absolute;right: 0;top: 50%;transform: translateY(-50%);border-radius: 50%;}
ul.filter-list li:last-child:before{content: none;}
ul.filter-list li a.active {color: #363785;}
.filter-result-container{width: 100%;max-width: 1030px;margin: 0 auto;}
/*.grid {margin-bottom: 35px;}*/
ul.fr-list{width: 100%;display: flex;flex-wrap: wrap;margin-bottom: 25px;}
ul.fr-list li{width: 33.33%;padding: 15px;}
.grid-item:hover .fr-box:before{opacity: 1;}
.grid-item:hover .hover-content{opacity: 1;transform: translate(-50%, -50%);}
.fr-box:before{content: '';position: absolute;width: 100%;height: 100%;background:rgb(0,0,0,0.78);top: 0;left: 0;right: 0;bottom: 0;opacity: 0;transition: .2s all ease;}
.hover-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, 0%);opacity: 0;transition: .3s all ease;}
.fr-box {width: 100%;position: relative;height: 100%;/*min-height: 319px;*/box-shadow: 0 4px 10px rgba(0,0,0,0.09);}
.fr-desc-box{padding:12px 20px 12px 20px;position: absolute;bottom: 0;left: 0;right: 0;}
.fr-desc-box:before{content: '';width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;
background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(0,0,0,0.2) 100%); 
background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(0,0,0,0.2) 100%);
background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(0,0,0,0.2) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#33000000',GradientType=0 );}
.fr-img{width: 100%;height: 100%;}
.fr-img > img{width: 100%;height: 100%;object-fit: cover;}
.fr-desc-box h6{font-size: 12px;line-height: 14px;font-weight: 500;color: #3c3c3c;margin-bottom: 0;letter-spacing: -0.09px;}
.fr-desc-box strong{font-size: 14px;color: #3c3c3c;letter-spacing: -0.1px;}
.loadmore-btn{text-align: center;}
.grid-sizer, .grid-item {width: 33.333%;}
.gutter-sizer {width: 0%;}
.grid-item {float: left;margin-bottom: 0%; padding: 10px;}
.modal-content {border-radius: 0;border: 0;box-shadow: 0 5px 10px rgba(0,0,0,0.16); color: #000;font-weight: 300;letter-spacing: 0.5px;}
.modal {z-index: 999999;}
.close {padding: 0;margin: 0;position: absolute;top: 15px;right: 15px;border: none;z-index: 99;    font-size: 25px;}
.modal-body {padding: 30px;display: flex;flex-flow: column;align-items: center;justify-content: center;}
.modal-btn .btn {text-align: center;}
.modal-img img {width: 100%;height: 100%;object-fit: cover;}
.modal-img {margin-bottom: 20px;width: 100%;}
.modal-backdrop.show{opacity: 0.9;}
.modal-backdrop{z-index: 9999;}
/* ================= Products End ================= */

/* ================= Quality Assurance Start ================= */
.uality-assurance-container .block-container{max-width:750px;}
.uality-assurance-container .block-content-left{width:52%;}
.uality-assurance-container .block-content-right{width:48%;}
.uality-assurance-container .block-content-left >ul{margin-bottom:0;}
.block-container{width:100%;max-width:760px;margin:0 auto;}
.block-content{width:100%;display:flex;flex-wrap:wrap;}
.block-content-left{width:58%;font-size:12px;color:#72787a;padding:0 40px 0 0;}
.block-content-right{width:42%;}
.block-content-left p{margin-bottom:15px;}
.block-content-left h4{font-size:51px;line-height:1.25;color:#2a2d2e;font-weight:700;letter-spacing:-2.6px;}
.block-content-left h6{font-size:14px;line-height:20px; color:#2a2d2e;font-weight:300;line-height:1.5;margin-bottom:20px;}
.block-content-left h3{font-size:19px;font-weight:500;color:#2a2d2e;letter-spacing:-0.9px;margin-bottom:20px;}
.block-content-left h5{font-size:14px;line-height:20px;font-weight:500;color:#2a2d2e;letter-spacing:-0.3px;margin-bottom:5px;}
.block-content-left >ul>li{font-size:12px;letter-spacing:0;margin-bottom:0px;}
.block-content-left >ul{margin-bottom:15px;}
.block-content-img > img{width:100%;}
.block-content-img+.block-content-img{margin-top:25px;}
ul.qa-list{font-size:9px;color:#72787a;}
ul.qa-list li{position:relative;padding-left:10px;}
ul.qa-list li:before{content:'';width:4px;height:4px;background:#72787a;position:absolute;left:0;top:10px;border-radius:50%;}
.quite-box{margin-top:25px;width:100%;max-width:185px;text-align:right;float:right;}
blockquote{font-size:19px;line-height:1.6;color:#2a2d2e;font-family:'Playfair Display';font-weight:400;margin:0;}
.author-desc{font-size:10px;font-weight:500;color:#2a2d2e;padding-right:15px;letter-spacing:1px;text-transform:uppercase;}
/* ================= Quality Assurance End ================= */

/* ================= Home Start ================= */
.inner-banner-container{width:100%;overflow:hidden;position:relative;display:flex;}
.inner-banner-left{width:40%;padding:0 8px 0 35px;}
.inner-banner-right{width:60%;}
.inner-bg{width:calc(100% + 15px);height:100%;/*min-height:430px;*//*margin-left:-15px;*/}
.inner-bg>img{width: 100%;height: 100%; object-fit: contain;}
.inner-banner-content{font-weight:300;color:#2a2d2e;}
.inner-banner-content h1{font-size:51px;color:#2a2d2e;letter-spacing:-2.5px;position:relative;font-weight:600;margin-bottom:15px;padding-left:22px;}
.inner-banner-content h1:before{content:'';width:8px;height:100%;background:#7443ff;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.inner-banner-content p{padding-left:25px;}
.intro-box{max-width: 473px;margin:0 auto 30px;text-align: center;}
.intro-box h3{font-size: 51px;color: #2a2d2e;font-weight: 700;letter-spacing: -2px;margin-bottom: 9px}
.intro-box h5{font-size: 19px;padding-bottom: 12px;position: relative;font-weight: 400;display: inline-block;color: #2a2d2e;}
.intro-box h5:before{content: '';width: 148px; height: 4px;background: #000;position: absolute;left: 50%;transform: translateX(-50%);top: 100%;}
.pwu-box{width: 100%;display: flex; align-items: start;flex-wrap: wrap;max-width: 860px; margin: 0 auto;}

.pwu-box-upper {padding: 0 30px;}
ul.pwu-list {width: calc(100% + 60px);margin-left: -30px;margin-bottom: 30px;}
ul.pwu-list li.pwu-item {width: 50%;padding: 0 30px;margin-bottom: 30px;}
.pwu-content {height: 100%;width: 100%;display: flex;flex-flow: column;font-size: 12px;line-height: 20px;}
.pwu-content h6 {font-size: 15px;line-height: 18px;margin-bottom: 5px;}
.pwu-content p{margin-bottom: 10px;}
.more-btn {margin-top: auto;}
.pwu-box-lower {height: 394px;width: 100%;padding: 40px; background-size: cover;background-position: center; background-repeat: no-repeat;border-radius: 5px;box-shadow: 0 10px 35px rgb(0,0,0,0.29);display: flex;align-items: center;justify-content: center;}
.pwu-img{width:100%;height: 100%;border:10px;border-radius: 5px;overflow: hidden;}
.pwu-img >img{width: 100%; height: 100%;object-fit: cover;}

/*.pwu-left{width: 292px;position: relative;border-radius: 8px;overflow: hidden;padding: 20px 20px 108px;box-shadow: 10px 0 35px rgba(0,0,0,0.16);background-size: cover; background-repeat: no-repeat;  background-position: center;}
.pwu-right{width: calc(100% - 292px);padding:13px 49px 0 37px;font-size: 14px;color: #9fa3a4;}
.pwu-right h6{font-size:20px;color: #010101;font-weight: 700;margin-bottom: 10px;}
.pwu-img{width: 100%;min-height: 480px;}
.pwu-img >img{height: 100%;object-fit: cover;}
.pwu-desc{font-size: 14px;color: #72787a;font-weight: 300;text-align: center;}
.pwu-right p{margin-bottom: 15px;}
.pwu-right p:last-child{margin-bottom: 0;}
.pwu-right .more-btn {margin: 0 0 20px;}*/
.rft-box{width: 100%;display: flex;flex-wrap: wrap;align-items: flex-start;padding-left: 88px;    margin-top: 60px;}
.rft-left{width: 50%;padding: 20px 20px 20px 0;position: relative;}
.rft-left:before{content: '';width:100% ;height: 100%;background: #69d2e7;position: absolute;right: 0;top: 0;bottom: 0;z-index: 0;}
.rft-right{width: 50%;padding-left: 37px;/*font-size: 12px;*/font-weight: 300;color: #2a2d2e;}
.rft-img{position: relative;z-index: 99;margin-left: -88px;}
.rft-img > img {width: 100%;height: 100%; object-fit: cover;}
/* ================= Home End ================= */

/* ================= Health And Nutrition Start ================= */
.health-container .content-box-outer {margin: 0 auto;width: 100%;max-width: 835px;}
.health-container .content-box + .content-box{padding-top:30px;}
.health-container .content-block {width: 50%;padding:0px 35px 20px 35px;}
.health-container .content-img {width: 50%;}
.health-container .content-box.reverse .content-img{padding: 0 35px;}
.health-container .content-box.reverse .content-block {padding: 0;}
.block-intro{margin-bottom: 15px;}
.block-intro h5 {font-size: 15px;line-height: 22px; color: #7443ff;}
.gpi-box {padding: 0 60px;}
.gpi-box p:first-child{font-size: 19px;line-height: 30px; font-family: 'Playfair Display';}
.heading h3{font-size:51px;font-weight:600;line-height:1.25;position:relative;margin-bottom:20px;padding-left:39px;text-align:left;letter-spacing:-2.5px;}
.heading h3:before{content:'';width:8px;height:100%;background:#7443ff;position:absolute;top:50%;transform:translateY(-50%);left:0;}
.hn-intro-upper {width: 100%;display: flex;align-items: center;}
.hn-content {width: calc(100% - 142px);}
.hn-intro-img {width: 142px;margin-bottom: 35px;}
/* ================= Health And Nutrition End ================= */

/* ================= Quality Control Start ================= */
.qc-box {width: 100%;display: flex;flex-wrap: wrap; font-size: 14px; line-height: 20px;}
.qc-left {width: 50%;padding: 0 30px 0 0;}
.qc-right{width: 50%;}
.qc-upper h4 {font-size: 51px;line-height: 1.25;color: #2a2d2e;font-weight: 600;letter-spacing: -2.6px;}
.qc-img {width: 100%;padding: 0 20px;margin-bottom:30px;}
.qc-img img {width: 100%;height: 100%;object-fit: cover;}

.quality-cirtificate-container h3 {font-size: 19px;color: #262b40; text-align: center;letter-spacing: -0.2px;font-weight: 700;}
.quality-cirtificate-container h5 {font-size: 14px;line-height: 22px;color: #7443ff;margin-bottom: 30px;text-align: center;}
.qc-upper { margin-bottom: 30px;}
.qc-lower {color: #fff;position: relative;}
.qc-lower:before {content: '';position: absolute;width: 100%;height: calc(100% - 70px);background: #69d2e7;top: 0;left: 0;right: 0;z-index: -1;}
.qc-content{padding: 18px 22px 22px 12px;}
.qc-content h4 {font-size: 19px;color: #fff;}
.qc-lower .qc-img {margin-bottom: 0;padding: 0 20px;}
ul.qcc-list {width: calc(100% + 20px);margin-left: -10px; display: flex;flex-wrap: wrap;margin-bottom: 30px;}
li.qcc-item {width: 33.33%;padding: 0 10px;position: relative;}
li.qcc-item:first-child:before{content: none;}
li.qcc-item:before {content: '';position: absolute;width: 4px;height: 100%;background: #000;left: 0;top: 0;}
.qcc-box {width: 100%;height: 100%;display: flex;flex-flow: column;align-items: center;text-align: center;font-size: 10px;font-weight: 400;line-height: 16px;color: #000;}
.qcc-icon {width: 80px;margin-bottom: 15px; }
ul.logo-list {width: calc(100% + 20px);margin-left: -10px;display: flex;flex-wrap: wrap;}
ul.logo-list li{width: 25%;padding: 0 10px;}
.logo-img {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center; max-width: 100px;}
.logo-img img{width: 100%;height: 100%;object-fit: cover;}

/* ================= Quality Control End ================= */

/* ================= Form to Fork Start ================= */
.ftf-container{width:100%;position:relative;height:620px;background:#7443ff;display:flex;justify-content:center;}
.ftf-container:before{content:'';width:100%;height:100%;background:rgba(0,0,0,0.54);position:absolute;left:0;right:0;top:0;bottom:0;}
.ftf-bg{position:absolute;left:0;top:0;width:100%;height:100%;/*opacity:0.73;mix-blend-mode:luminosity;*/background-position:center;background-size:cover;}
.ftf-content{width: 100%;color:#fff;font-size:11px;line-height:1.65;position:relative;z-index:999;display:flex;align-items:center;}
.ftf-intro{max-width:760px;margin:0 auto 60px;text-align:center;}
.ftf-intro h1{color:#fff;font-size:50px;letter-spacing:-2.4px;margin-bottom:5px;}
ul.ftf-list{width:calc(100% + 20px);margin-left:-10px;display:flex;}
.slick-slider .slick-track{display:flex;}
ul.ftf-list li.ftf-item{width:25%;padding:10px;float:left;height:auto;overflow: hidden;border-radius: 5px;}
.ftf-box{width:100%;height:100%;background:#fff;cursor: pointer;-webkit-transition: all .5s;transition: all .5s;border-radius:5px;font-size:11px;color:#72787a;padding:10px;text-align:center;}
ul.ftf-list li:hover .ftf-box, ul.ftf-list li:focus .ftf-box {-webkit-transform: scale(1.1);transform: scale(1.1);}
.ftf-desc >p{margin-bottom:9px;}
.ftf-desc >p:last-child{margin-bottom:0;}
.ftf-desc >strong{color:#2a2d2e;font-size:14px;line-height:20px;letter-spacing:-0.3px;}
.ftf-img > img{width:100%;height: 100%;object-fit: contain;}
.ftf-img{width:58px;height:58px;margin:0 auto 10px;border-radius:50%;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;}
ul.ftf-list .slick-dots{bottom:-50px;}
.ifi-box{width:100%;max-width:920px;margin:0 auto;}
.ifi-upper{max-width:750px;margin:0 auto;display:flex;align-items:center;font-size:14px; line-height:20px;margin-bottom:50px;}
.ifi-upper .ifi-upper-content{max-width:623px;padding-right:58px;}
.ifi-upper h3{font-size:35px;color:#2a2d2e;letter-spacing:-1.4px;font-weight:600;margin-bottom:20px;}
.ifi-upper .git-btn{margin-top:72px;}
.ifi-upper p{margin-bottom:10px;}
.ifi-upper p:last-child{margin-bottom:0px;}
.ifi-upper p:first-of-type{margin-bottom:25px;}
.ifi-lower{width:100%;display:flex;}
.ifi-img+.ifi-img{margin-left:25px;}
/* ================= Form to Fork End ================= */

/* ================= Food avvelerator Start ================= */
.rp-upper,.rp-list{margin-bottom: 50px;}
.rp-upper {padding-left: 88px;}
.rft-container .intro-box {max-width: 580px;}
.blue-bg-line.intro-box h5:before {background: #7443ff!important;}
.food-acc-box .rft-left:before{background: #7443ff;}
.food-acc-box .rft-right span{display: inline-block;margin:0 0 25px ;}
ul.food-acc-list{width: 100%;display: flex;flex-wrap: wrap;}
ul.food-acc-list li{width: 100%; padding-left: 15px;display: flex;align-self: center;position: relative;margin-bottom: 10px;}
ul.food-acc-list li:before{content: '';width: 4px;height: 4px;background: #72787a; position: absolute; left: 0; top: 10px;border-radius: 50%;}
ul.food-acc-list li:last-child{margin-bottom: 0;}
.rp-upper h4{font-size: 19px;font-weight:500;color: #2a2d2e;}
.rp-img {width: 100%;}
.rp-img >img{width: 100%;}
.rp-lower{width: 100%;text-align: center;}
.rp-list .slick-prev, .rp-list .slick-next{width: 30px;height: 30px; top: 6px; background: #fff;transform: none;}
.rp-list .slick-prev:before, 
.rp-list .slick-next:before {font-size: 14px; color: #000;opacity: 1;}
.rp-list .slick-prev {left: auto;right: 32px;}
.rp-list  .slick-next {right: 6px;}
.rp-list .slick-prev:hover:before, .rp-list .slick-next:hover:before,
.rp-list .slick-prev:focus:before, .rp-list .slick-next:focus:before{color: #7443ff;}
/* ================= Food avvelerator End ================= */

/* ================= IQF Page Start ================= */
.idf-intro-box strong{font-size:51px;line-height:1.2;color:#2a2d2e;letter-spacing:-2.4px;margin-bottom:5px;display:inline-block;}
ul.idf-list{font-size:14px;line-height:20px; color:#2a2d2e;display:flex;align-items:center;font-weight:300;justify-content:center;}
ul.idf-list li{position:relative;padding:0 10px;}
ul.idf-list li:last-child:before{content:none;}
ul.idf-list li:before{content:'';width:2px;height:2px;background:#2a2d2e;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.sep{display:inline-block;width:111px;height:4px;background:#7443ff;margin-top:40px;}
.idf-intro-box{width:100%;text-align:center;margin-bottom:43px;}
.idf-content-block{width:100%;display:flex;flex-wrap:wrap;max-width:780px;margin:0 auto;}
.icb-content{font-size:12px;flex:1 1 100%;max-width:330px;}
.icb-left,.icb-right{width:50%;padding:0 30px;}
.icb-content h4{font-size:20px;font-weight:500;color:#2a2d2e;}
.grid-block{position:relative;width:100%;height:458px;padding:17px 18% 20px 18px;max-width:935px;margin:0 auto;}
.grid-bg{width:100%;height:100%;position:absolute;top:0;right:0;left:0;bottom:0;background:#7443ff;}
.grid-bg img{width:100%;height:100%;object-fit:cover;opacity:0.15;float:right;}
.grid-img{background:#2a2d2e;position:relative;width:100%;height:100%;}
.grid-img > img{width:100%;height:100%;object-fit:cover;}
.grid-content{padding:22px 25px 18px 46px;position:absolute;top:0;right:0;bottom:0;-webkit-writing-mode:vertical-lr;-ms-writing-mode:vertical-lr;writing-mode:vertical-lr;-webkit-transform:rotate(180deg);transform:rotate(180deg);display:flex;flex-flow:column;flex-direction:column-reverse;}
.grid-content small{font-size:22px;color:#fff;text-transform:capitalize;margin:0 0 0px 5px;display:inline-block;}
.grid-content h3{font-size:37px;color:#fff;text-transform:uppercase;font-weight:300;margin-bottom:0;letter-spacing:2.3px;}
.bottom-content{max-width:725px;margin:0 auto;}
.bottom-content-upper{width:100%;display:flex;align-items:center;margin-bottom:50px;}
.bcu-left{font-size:19px;color:#2a2d2e;max-width:585px;line-height:1.6;letter-spacing:0.2px;font-family:'Playfair Display';padding-right:10px;font-weight:400;}
.bottom-content-lower h5,.benefit-box h3{font-size:20px;color:#2a2d2e;font-weight:500;letter-spacing:-0.6px;}
.bottom-content-lower h5{margin-bottom:10px;}
ul.benefit-list{display:flex;flex-wrap:wrap;width:calc(100% + 24px);margin-left:-12px;}
ul.benefit-list li.benefit-item{width:calc(100% - 325px);padding:12px;margin-bottom:15px;}
ul.benefit-list li.benefit-item:nth-child(odd){max-width:325px;}
.benefit-box{font-size:12px;}
.benefit-box h3{color:#7443ff;}
/* ================= IQF Page End ================= */

/* ================= Innovation Page Start ================= */
.ig-container .grid-content small{font-size:25px;}
.ig-container .grid-content h3{font-size:42px;}
.inno-block-container{padding:0 0 50px 0;}
.inno-block-upper{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:35px;}
.inno-block-left{max-width:280px;}
.inno-block-right{max-width:285px;text-align:right;}
.inno-block-left h3{font-size:50px;}
.inno-block-lower h3{font-size:20px;font-weight:500;}
.inno-block-lower{font-size:14px;line-height:20px;}
.inno-bg{width:100%;height:100%;position:absolute;top:0;right:0;left:0;bottom:0;/*background:#7443ff;*/}
.inno-bg >img{width:100%;height:100%;object-fit:cover;/*opacity:0.15;*/}
.inno-content-box{position:relative;}
.inno-container{position:relative;padding:83px 0;}
.inno-content{color:#fff;text-align:center;line-height:1.7;margin-bottom:50px;font-weight:300;}
.inno-content h3{font-size:50px;color:#fff;font-weight:600;letter-spacing:-2px;margin-bottom:0px;}
.inno-box{background:#fff;border-radius:5px;text-align:center;padding:27px 20px 26px 20px;font-size:12px;position: relative;}
.inno-img{width:58px;height:58px;border-radius:50%;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;margin:0 auto 15px;}
.inno-img > img{width: 100%;height: 100%;object-fit: cover;}
.inno-box >strong{font-size:20px;color:#2a2d2e;letter-spacing:-0.5px;margin-bottom:15px;display:inline-block;}
.inno-box>p{margin-bottom:18px;}
.inno-box>p:last-child{margin-bottom:0;}
.recipes-right .inno-box{min-height: 285px;}
.recipes-left,.recipes-right {width: 50%;padding: 0 7.5px;float: left;}
.recipes-container{max-width: 850px;margin: 0 auto;}
.inno-box + .inno-box {margin-top: 15px;}
.stage-intro{font-weight: 300;font-size: 19px;color: #7242fb;position: absolute;top: 0;right: 0;-webkit-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;writing-mode: vertical-lr;text-transform: uppercase;padding: 20px 5px;display: flex;}
.stage-intro span {margin: 0 0 5px 0px;}
.stage-intro >i {display: flex;align-items: center;justify-content: center;}
.recipes-right .inno-box:first-child .stage-intro span{margin: 5px 0px 0 0;}
/* ================= Innovation Page End ================= */

/* ================= Green protein Page Start ================= */
.heading{position: relative;/* padding-left: 240px; */}
.heading h2{font-size:51px;font-weight:600;line-height:1.25;position:relative;margin-bottom:20px;padding-right:48px;text-align:right;letter-spacing:-2.5px;}
.heading h2:before{content:'';width:8px;height:100%;background:#7443ff;position:absolute;top:50%;transform:translateY(-50%);right:0;}
.gp-intro-content{text-align:right;/* max-width:505px; */padding-left: 250px; width: 100%;}
.gp-intro-box{width:100%;display:flex;align-items:center;justify-content: flex-end;padding-right:15px;position: relative;}
.gp-intro-img{width:160px;position: absolute;left: -250px;top: 50%;transform: translateY(-50%);}
.gpi-container{font-size:14px;line-height:20px;}
.gpi-container h6{font-size:16px;margin-bottom:10px;font-weight:500;}
/* ================= Green protein Page End ================= */

/* ================= Contact Us Page Start ================= */
.contact-upper{width:100%;display:flex;flex-wrap:wrap;max-width:740px;margin:0 auto;}
.contact-upper-left{width: 323px;font-size:12px;line-height:20px;letter-spacing: 0.5px;}
.contact-upper-left h3{font-size:50px;letter-spacing: -1.9px;margin-bottom: 20px;max-width: 200px;}
.contact-upper-left small{font-size: 14px; font-weight:300;color:#2a2d2e;margin-bottom:15px;display:inline-block;letter-spacing: 0.2px;}
.contact-upper-right{width:calc(100% - 323px);padding-left: 120px;}
ul.contact-list{width:100%;display:flex;flex-wrap:wrap;color:#000;justify-content:space-between;}
ul.contact-list li{width: auto;max-width: 210px;font-size: 14px;letter-spacing: 0.25px;line-height: 24px;padding-right: 10px;}
ul.contact-list li h3{font-size:19px;font-weight:500;margin-bottom: 18px;letter-spacing: -0.8px;}
ul.contact-list li > p{margin-bottom:0;}
.form-group{margin-bottom:32px;position:relative;}
.form-group > i{position:absolute;right:0px;top:50%;transform:translateY(-50%);bottom:-13px; width: 30px;}
.form-control:focus{color:#000;background-color:#fff;border-color:#7443ff;}
.form-control{font-size:12px;padding:0 0 15px 0;height:27px;border-top:0;border-left:0;border-right:0;border-radius:0;}
select.form-control{-webkit-appearance:none;width:100%;height:27px!important;background:#fff url(../images/arrow-down.png) no-repeat right center;background-size:10px auto;background-position-x:calc(100% - 0px);border-radius:0;padding:0px 0px 10px; padding-right:15px;}
.form-group .link-btn {padding: 13px 16px;min-width: 117px; font-size: 10px;font-weight: 500;margin-top: 5px;}
.contact-lower {max-width: 740px;margin: 0 auto;margin-top: 22px; border-top: 1px solid;padding: 60px 0 70px;}
.map-container {width: 100%;height: 380px;overflow: hidden;}
.map-img >img{width:100%;height:100%;object-fit:cover;}
label.error{font-size:14px;line-height:20px;font-weight:500;color:#f40d59;margin-bottom:0;}
.messgaeOutput{padding:30px;text-align:center;}
#success, #error{display:none;}
#success h4, #error h4{margin-bottom:10px;}
#success p{color:#019620;padding:0;}
#error p{color:#f40d59;padding:0;margin:0;}
textarea.form-control {height: 150px;resize: none;}

/* ================= Contact Us Page End ================= */

/* ================= Footer Start ================= */
footer{padding:40px 0 0;}
.footer-container{width:100%;max-width:1031px;margin:0 auto;}
.footer-upper-right{padding:10px 0 0 0;}
ul.footer-contact-list li{margin-bottom:20px;display:flex;word-break: break-all;}
ul.footer-contact-list li:last-child{margin-bottom:0;}
.footer-logo{width:164px;margin-bottom:5px;}
.footer-upper{width:100%;display:flex;align-items:flex-start;justify-content:space-between;}
ul.social-link{display:flex;align-items:center;width:calc(100% + 20px);margin-left:-10px; display: none;}
ul.social-link li{padding:0 10px;font-size:12px;color:#72787a;position:relative;}
ul.social-link li:before{content:'';width:2px;height:2px;background:#72787a;position:absolute;right:0;top:50%;transform:translateY(-50%);border-radius:50%;}
ul.social-link li:last-child:before{content:none;}
ul.footer-contact-list li b{margin-right:10px;}
ul.footer-nav li{padding:0 10px;}
ul.footer-nav{font-size:12px;color:#16151b;letter-spacing:1px;text-transform:uppercase;font-family:'futuraBT-medium';display:flex;align-items:center;justify-content:center;}
 .footer-mid{padding:15px 0;}
.footer-lower{width:100%;display:flex;align-items:center;justify-content:space-between;border-top:5px solid #000;padding:8px 0 8px;}
.copyright{font-size:12px;}
.design-by{padding-left: 40px;font-size:14px;line-height:20px;color:#777;position:relative;margin-right:2px;}
.design-by > b a{color:#000;font-size:12px;font-weight: 700;}
.design-by > img{width: 30px;position:absolute;left:0;top: 7px;}
.design-by > b a{color:#000;font-size:14px;line-height:20px;}
/* ================= Footer End ================= */
 
/* ============================= 
! Screen size below 1201px
 ============================= */

@media only screen and (max-width: 1199px) {
header{padding: 0;}
.content-container {padding: 30px 0;}
li.nav-item.active {border:0;border-radius: 0;}
.cta-content h2,.about-box h3,.content-block h4,.block-content-left h4 {font-size: 45px;}
.about-right {padding: 0px 25px;}
.content-box-outer {margin: 0;}
.outer-container {padding-top: 60px;}
.nav-item.active:before{content: none;}
.navbar-brand,.fixed .navbar-brand { margin: 10px 15px; max-height: 40px; width: 70px; }
.navbar-nav { background-color: #fff;text-align: center;padding: 15px 0; }
.navbar-nav .nav-link,
.navbar-expand-xl .navbar-nav .nav-link,
.fixed .navbar-nav .nav-link, .fixed .navbar-expand-xl .navbar-nav .nav-link {line-height: 40px;}
.navbar-collapse { position: fixed; left: 0; top: 60px; right: 0; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); max-height: calc(100% - 60px); overflow-y: auto; }
.dropdown-menu {padding: 0;text-align: center;} 
.navbar-nav.sm-collapsible .sub-arrow { border: 0; margin: 0; line-height: 40px; height: 40px; top: 0; }
.footer-logo {width: 105px;}
.sub-arrow{display: block!important;}
.heading h2 {font-size: 37px;margin-bottom: 20px;padding-right: 30px;letter-spacing: 0;}
.gp-intro-img {width: 60px; }
.inner-banner-content h1 {font-size: 36px;}
.about-left .about-img {width: 100%;}
.reverse .about-left .about-img {width: calc(100% + 15px);}


.heading h3 {font-size: 37px;margin-bottom: 20px;padding-left: 30px;letter-spacing: 0;}
.hn-intro-img {width: 100px;margin-bottom: 25px;}
.hn-content {width: calc(100% - 100px);}
.gpi-box {padding: 0;}
.qc-upper h4 {font-size: 45px;}
}




/*============================= 
! Layout for ipad portrait  
============================= */
@media only screen and (max-width: 991px) {
.cta-content h2,.about-box h3,.content-block h4,.block-content-left h4,.idf-intro-box strong {font-size: 35px;}
ul.qa-list li >i{left: 0;}
.heading h2,.heading h3 { font-size: 27px;}
.ig-container .grid-content h3,.grid-content h3 {font-size: 30px;}
.grid-content small,.ig-container .grid-content small {font-size: 18px;}
.inner-banner-content h1 {font-size: 31px;}
.intro-box h3 {font-size: 40px;}
.recipes-left,.recipes-right {width: 100%;}
.inno-box{margin-bottom: 15px;}
.recipes-right {display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
.inno-box + .inno-box {margin-top:auto;}
.stage-intro >i{display: none;}

.heading-text h1 {font-size: 80px;letter-spacing: -5px;}
.qc-upper h4 {font-size: 35px;}
}
/* =============================  
 ! Layout for mobile(lanscape) version  
 ============================= */
@media handheld, only screen and (max-width: 767px) {
.content-container{padding:25px 0;}
.about-box,.content-box{display:inline-block;vertical-align:top;}
.about-left, 
.about-right,
.content-block,
.rft-box,
.pwu-box,
.bottom-content-upper,
.block-content,
.contact-upper,
.ifi-upper,
.ifi-lower,
.idf-content-block,
.inno-block-upper,
ul.inno-list,
.ftf-content{width:100%;display:inline-block;vertical-align:top;min-height:auto;}
.cta-content h2, 
.about-box h3,
.content-block h4, 
.block-content-left h4,
.contact-upper-left h3{font-size: 20px;letter-spacing: 0;}
.content-block strong {margin-bottom: 15px;letter-spacing: 0; margin-top: 0;}
.content-block p {margin-bottom: 15px;}
.content-block ul:not([class]) {margin-left: 0;}
ul:not([class]) li:last-child{margin-bottom: 0;}
.about-box+.about-box{margin-top:0;}
p {margin-bottom: 15px;}
.content-container.about-container {padding: 0;}
.reverse .about-left .about-img{margin-right:0;}
.about-left .about-img{width:calc(100% + 30px)!important;margin-left:-15px!important;padding-bottom:68%;}
.about-right{padding:25px 0 ;}
.heading h1 {font-size: 14px;padding-left: 10px;margin-bottom: 15px;}
.content-block{padding:0px 0 25px;}
.content-block h3 {font-size: 16px;}
.content-block .link-btn {margin-top: 15px;}
.btn {padding: 11px 25px;}
.contact-upper-left h3 {margin-bottom: 15px;max-width: 100%;}
.contact-upper-left small,
.ifi-upper h3,
ul.contact-list li h3,
.content-block h3  {letter-spacing: 0!important;}
.ifi-upper p:first-of-type{margin-bottom: 15px;}
.ifi-upper .git-btn {margin-top: 15px;}
.ifi-upper {margin-bottom: 25px;}
.content-img{width:100%;display:inline-block;min-height:auto;}
.content-img > div.content-block-img{width:100%;padding-bottom:100%;}
.content-box.reverse .content-block{padding:25px 0;}
ul.pg-list li.pg-item:nth-child(3) .pg-box:first-child, ul.pg-list li.pg-item:nth-child(8) .pg-box:first-child {margin-bottom: 4px;}
ul.pg-list li.pg-item{padding: 2px;}
ul.pg-list li.pg-item,ul.pg-list li.pg-item:nth-child(6), ul.pg-list li.pg-item:nth-child(8) {width: 50%;}
ul.pg-list li.pg-item:nth-child(3) .pg-box, ul.pg-list li.pg-item:nth-child(8) .pg-box{max-height: 100%;}
.block-container,
.inno-block-left,
.inno-block-right,
ul.benefit-list li.benefit-item:nth-child(odd),
.icb-content{max-width: 100%;}
.block-content-left,
.uality-assurance-container .block-content-left {width: 100%;padding: 0;}
.uality-assurance-container .block-content-left {margin-bottom: 20px;}
.block-content-right,
.uality-assurance-container .block-content-right {width: 100%;}
.contact-upper {max-width: 100%;}
.contact-upper-left {width: 100%;letter-spacing: 0;}
.contact-upper-right {width: 100%;padding:25px 0;}
.form-group {margin-bottom: 15px;}
.form-group .link-btn{margin-top: 0;}
.contact-lower {margin-top: 0;padding: 25px 0;}
ul.contact-list li {max-width: 100%;letter-spacing:0;padding-right: 0;}
ul.contact-list li {max-width: 100%;letter-spacing:0;padding-right: 0;margin-bottom: 15px;}
ul.contact-list li:last-child{margin-bottom: 0;}
ul.contact-list{display: inline-block;vertical-align: top;}
.map-container {height: auto;}
ul.contact-list li h3 {font-size: 16px;margin-bottom: 10px;}
.ifi-img+.ifi-img {margin-left:0;margin-top: 15px;}
.ifi-img >img{width: 100%;height: 100%;object-fit: cover;}
.ftf-box{padding: 15px;}
.ftf-img {width: 50px;height: 50px;margin: 0 auto 10px;}
.ftf-img > img {width: 33px;}
ul.ftf-list .slick-dots {bottom: -25px;}
.ftf-container{height: auto;}
.ftf-content{padding: 25px 0 40px;}
.ifi-upper .ifi-upper-content {max-width: 100%;padding-right: 0;}
.ifi-upper h3 {font-size: 20px;margin-bottom: 15px;}
.inner-banner-left {width: 50%;padding: 0;}
.inner-banner-content {font-size: 10px; line-height: 14px;}
.inner-banner-content h1 {font-size: 30px;letter-spacing: 0;margin-bottom: 0px;padding-left: 15px;}
.inner-banner-content h1:before {width: 5px;}
.inner-banner-content p {padding-left: 15px; display: none;}
.inner-banner-right {width: 50%;}
.grid-block {height: auto; padding: 15px 100px 15px 15px;}
.rft-container .intro-box {max-width: 100%;margin: 0 auto 35px;}
.intro-box h3 {font-size: 22px;letter-spacing: 0;margin-bottom: 10px;}
.intro-box h5 {font-size: 16px;padding-bottom: 8px;margin-bottom: 0;}
.rft-left,.rft-right {width: 100%;}
.rft-right{padding-left: 0;text-align: center;}
.rft-img {margin-left: 0;}
.rft-box{padding-left: 0;margin-top: 0;}
.rp-upper {padding-left: 0;}
.rft-left{margin-bottom: 25px;}
.food-acc-box .rft-left:before {width: calc(100% - 35px);}
.rp-upper h4 {font-size: 16px;}
.rp-upper, .rp-list {margin-bottom: 25px;}
.rp-list  .slick-dots {bottom: 5px;}
.heading h2{padding-right: 15px;margin-bottom: 15px;font-size: 24px;letter-spacing: 0;}
.heading h2:before {width: 5px;}
.gp-intro-content{padding-left: 80px;}
.gp-intro-img {left: -80px;}
.inno-block-container {padding: 0 0 25px 0;}
.inno-block-left h3{font-size: 25px;letter-spacing: 0;}
.inno-block-right{padding: 15px 0;}
blockquote {font-size: 16px;}
.author-desc{margin-top: 5px;padding-right: 0;}
.inno-block-upper{margin-bottom: 10px;}
.inno-block-lower h3 {font-size: 16px;}

.inno-content h3 {font-size: 22px;letter-spacing: 0;margin-bottom: 15px;}
.inno-content{margin-bottom: 15px;}
.inno-img {width: 50px; height: 50px;align-items: center;    margin: 0 auto 15px;}
.inno-box >strong {font-size: 16px;letter-spacing: 0;}
.inno-box>p{margin-bottom: 15px;}
.idf-intro-box strong {font-size: 23px;letter-spacing: 0;margin-bottom: 10px;}
.sep {margin-top: 25px;}
.idf-intro-box {margin-bottom: 25px;}
.icb-content h4 {font-size: 16px;margin-bottom: 10px;}
.icb-left{margin-bottom: 15px;}
.icb-left, .icb-right {width: 100%; padding: 0;}

.mobile-slider .slick-dots{bottom: -24px;}

.bcu-left {font-size: 16px;letter-spacing: 0;padding-right: 0;margin-bottom: 15px;}
.bottom-content-upper{margin-bottom: 25px;}
.bottom-content-lower h5, .benefit-box h3 {font-size: 16px;}
ul.benefit-list {display: inline-block;width: 100%;margin-left: 0;}
ul.benefit-list li.benefit-item{padding:0;}
.benefit-box h3 {margin-bottom: 10px;}
ul.benefit-list li.benefit-item:last-child{margin-bottom: 0;}
.intro-box {margin: 0 auto 25px;}
.pwu-left{display: none;}
.pwu-right {width: 100%;padding: 0px;text-align: center;}
.rft-left:before {width: calc(100% - 35px);}
.quite-box {max-width: 100%;}
.block-content-img+.block-content-img {margin-top: 15px;}
.about-box h3{margin-bottom: 10px;}
.grid-content h3,.ig-container .grid-content h3 {font-size: 22px;line-height: 1;}
.grid-content small,.ig-container .grid-content small {font-size: 16px;line-height: 1;}
.grid-content {padding: 16px;width: 100px;display: flex;justify-content: center;}
ul.benefit-list li.benefit-item{width: 100%;}
.ftf-intro {max-width: 100%; margin: 0 auto 25px;}
.ftf-intro h1{margin-bottom: 15px; font-size: 30px;letter-spacing: 0;}
footer{padding:25px 0;}
.cta-container{padding:45px 0;}
.footer-upper{flex-flow:column;justify-content:center;align-items:center;}
.footer-mid{padding:15px 0; }
ul.footer-nav li{padding:0;margin-bottom:5px;}
ul.footer-contact-list li{margin-bottom:10px;}
.footer-logo{width:95px;margin-bottom:10px;}
.footer-upper-left{margin-bottom:15px;text-align: center;}
ul.footer-contact-list li:last-child{margin-bottom:0;}
ul.footer-nav li:last-child{margin-bottom:0;}
ul.footer-nav{flex-flow:column;}
.footer-lower{flex-flow:column;padding:15px 0 0;}
.footer-upper-right { max-width: 305px;padding:0;line-height: 20px; font-size: 13px;}
.copyright {margin-bottom: 10px;}
.add-shape:before{width: 54px;height: 54px;left: 30px;bottom: 54px;}
.add-shape:after{width: 30px;height: 54px;left: 0;bottom: 0;}
.reverse .add-shape:before{right: 30px;left: auto;}
ul.ftf-list li:hover .ftf-box, ul.ftf-list li:focus .ftf-box{transform: none;}
.heading-text {margin: 0 auto 30px;}
.heading-text h1 {font-size: 50px;letter-spacing: -3px;}
ul.filter-list {margin-bottom: 30px;}
ul.filter-list li {padding: 0 20px;}
.grid-sizer, .grid-item {width: 49%;}
.gutter-sizer {width: 2%;}
.grid-item {margin-bottom: 2%;}
ul.filter-list li a {font-size: 18px;}
.grid {margin-bottom: 30px;}
.loadmore-btn .btn {width: 100%;}
.banner-container {width: 100%;height: 300px;}

ul.pwu-list{width: 100%;margin-left: 0;margin-bottom: 30px;}
ul.pwu-list li.pwu-item {width: 100%; padding: 0;margin-bottom: 15px;}
ul.pwu-list li.pwu-item:last-child{margin-bottom: 0;}
.pwu-content {align-items: center;justify-content: center;text-align: center;}

.health-container .content-block {width: 100%;padding: 0;margin-bottom: 30px;}
.health-container .content-img {width: 100%;}
.health-container .content-box.reverse .content-img {padding: 0;}
.heading h3{padding-left: 15px;margin-bottom: 15px;font-size: 24px;letter-spacing: 0;}
.heading h3:before {width: 5px;}
.qc-upper {margin-bottom: 15px;}
.qc-left {width: 100%;padding: 0;margin-bottom: 15px;}
.qc-right {width: 100%;}
.qc-upper h4 {font-size: 20px;letter-spacing: 0;margin-bottom: 8px;} 
.qc-content h4 {font-size: 16px;margin-bottom: 5px;}
.quality-cirtificate-container h3 {font-size: 17px;margin-bottom: 5px;}
.qc-content {padding: 12px;}
ul.logo-list {width: 100%;margin-left: 0;margin-bottom: -15px;}
ul.logo-list li {width: 50%; padding: 0;margin-bottom: 15px;}
.logo-img {margin: 0 auto;}
.qc-img {padding: 0;margin-bottom: 15px;}
ul.qcc-list {width: 100%;margin-left: 0; }
li.qcc-item {width: 100%;padding: 0;}
li.qcc-item:before {width: 100%;height: 2px;}
.qcc-box {padding: 15px 0;}
li.qcc-item:before{display: none;}
li.qcc-item{border-bottom:solid 2px #000; }
.quality-cirtificate-container h5 {margin-bottom: 15px;}
.health-container .content-box + .content-box {padding-top: 20px;}
.content-container.hn-intro-container {padding: 0;}
.gpi-box p:first-child {font-size: 16px;line-height: 26px;}
.pwu-box-upper{padding: 0;}
}
/* ============================= 
 ! Layout for mobile(portrait) version  
 ============================= */
@media only screen and (max-width: 579px) {
.grid-content h3,.ig-container .grid-content h3 {font-size: 10px; line-height: 1.2;}
.grid-content small,.ig-container .grid-content small  {font-size: 11px; line-height: 1;}
.grid-block {height: auto; padding: 15px 50px 15px 15px;}
.grid-content {padding: 10px; width: 50px;}
.heading-text h1 {font-size: 40px;}
.heading-text p {font-size: 18px;}
.grid-sizer, .grid-item {width: 50%;}
.gutter-sizer {width: 0%;}
.grid-item {margin-bottom: 0;}
ul.filter-list li {padding: 0 15px;}
ul.filter-list li a {font-size: 14px;}
.inner-banner-content h1 {font-size: 20px; line-height: 1;}
}

@media only screen and (max-width: 420px) {
.grid-sizer, .grid-item {width: 100%;}
}