* { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-appearance:none; appearance:none; transition: all ease-in-out 0.3s;}
html { overflow-x: hidden; transition: none; }
body { font-family: "Mulish", sans-serif; font-size:17px; line-height:27px; font-weight: 400; background-color: #fff; top: 0 !important; transition: none; }
@view-transition { navigation: auto; }
::view-transition-group(root) {
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
}
h1, h2, h3, h4, h5, h6, h7 { line-height:125%; padding:0; font-weight:700; padding-bottom:10px; font-family: "Mulish", sans-serif; position: relative; color: #01b4ff;  }
b, strong { font-weight: 900; }
h1.clear, h2.clear, h3.clear, h4.clear, h5.clear, h6.clear, h7.clear { padding: 0; line-height: 100%; }
.spl-text { font-family: "Cookie", cursive; font-weight: normal; }

.space-line { width:80px; height:2px; background: linear-gradient(45deg, #01b4ff 10%, #0032a1 90%); display:block; margin: 0 0 20px 0; }
.space-line.center { margin: 7px auto 20px auto; }
.no-break { white-space: nowrap; }
.mob-show { display: none; }
h1 { font-size:54px; padding-bottom:10px;}
h2 { font-size:38px; }
h3 { font-size:34px; }
h4 { font-size:30px; }
h5 { font-size:27px; }
h6 { font-size:24px; }
.big-text { font-size: 75px; line-height: 75px; }
.med-text { font-size: 50px; line-height: 50px; }
span { transition: none; }
.upper { text-transform: uppercase; }
.small-text { font-size: 75%; line-height: 140%; display: inline-block; }
.clear-ul { margin:0; padding:0; list-style:none;}
a { text-decoration:none; color:inherit; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
p { margin-bottom:10px;}
p.clearp { margin-bottom:5px;}
strong { font-weight: 700;}
.text-links { color: #47bbff;}
.text-links:hover, .text-links.active { color:#0032a1;}
.box-links { background:linear-gradient(70deg, #f00, #B22222);; color:#fff; display:inline-block; padding:5px 15px;}
.box-links.block { display:block; }
.box-links:hover, .box-links.active { background:#333; }

img { max-width:100%; margin:0; padding:0; font-size:0; display:block;}
img.inline { display: inline-block; }
.center { margin: 0 auto;}
.full-img { width: 100%; }
.text-center { text-align: center; justify-content: center; }
.text-left { text-align: left; justify-content: flex-start; }
.text-right { text-align: right; justify-content: right; }

ul { margin: 0; padding: 0; list-style: none;}
ul li { padding-left: 25px; margin-bottom: 10px; position: relative; }
ul li:before { content: "\f061"; font-family: FontAwesome; font-size: 14px; color: #000; position: absolute; left: 0; top: 0px;}
ul.clear-ul li { padding-left: 0;}
ul.clear-ul li:before { display: none;}
ol {padding-left: 30px; margin-bottom: 20px;}
iframe { display: block; width: 100%; aspect-ratio: 1.8; }
iframe.gmap { aspect-ratio: auto; width: 100%; height: 100%; min-height: 480px; border: 0; }

.styled-table { width: 100%; border:none; table-layout: fixed; background-color: #fff; border-collapse: collapse; }
.styled-table td, .styled-table th {  padding:5px; text-align: left; vertical-align: top; white-space: nowrap; vertical-align: middle; border: solid 1px rgb(255 255 255); }
/* .styled-table tr:nth-child(2n) { background-color: rgb(0 0 0 / 8%); } */
.styled-table thead { background-color:#47bbff; color:#fff; }
section { position: relative; overflow: hidden; }
.wrapper-720 { width:720px; margin:0 auto; position:relative;}
.wrapper-1000 { width:1000px; margin:0 auto; position:relative;}
.wrapper-1200 { width:1200px; margin:0 auto; position:relative;}
.wrapper-800 { width:800px; margin:0 auto; position:relative;}
.wrapper-90p { width:90%; margin:0 auto; }
.wrapper-300 { width:300px; margin:0 auto; }
.space-after-10 { margin-bottom: 10px;}
.space-after-20 { margin-bottom: 20px;}
.space-after-50 { margin-bottom: 50px;}
.space-tb { margin:10px 0; }
.white-bg { background-color: #fff; }

.flex-box, .mob-flex-box, .flex-box-720 { display: flex; align-items: center; flex-wrap: wrap; }
.flex-no-wrap { flex-wrap: nowrap; }
.flex-grow { flex-grow: 1; }
.flex-6 > .flex-child { width: 16.66%; }
.flex-6a > .flex-child { width: 14.66%; margin: 1%; }
.flex-5 > .flex-child { width: 20%; }
.flex-5a > .flex-child { width: 18%; margin: 1%; }
.flex-4 > .flex-child { width: 24%; }
.flex-4a > .flex-child { width: 23%; margin: 1%; }
.flex-3 > .flex-child { width: 33.33%; }
.flex-3a > .flex-child { width: 31.33%; margin: 1%; }
.flex-2 > .flex-child { width: 50%; }
.flex-2a > .flex-child { width: 48%; margin: 1%; }
.flex-1 > .flex-child { width: 100%; }
.block-1 { width:100%; flex-grow:1; }
.block-2 { width:50%; flex-grow:1; }
.block-3 { width:33.33%; flex-grow:1; }
.block-40 { width:40%; flex-grow:1; }
.block-66 { width:66.66%; flex-grow:1; }
.block-75 { width:75%; flex-grow:1; }
.block-80 { width:80%; flex-grow:1; }
.block-4 { width:25%; flex-grow:1; }
.block-5 { width:20%; flex-grow:1; }
.flex-no-grow .flex-child { flex-grow: 0; }
.flex-content-top { align-items: flex-start;}
.flex-content-bottom { align-items: flex-end;}
.flex-box.reverse { flex-direction: row-reverse; }
.flex-reset-height { align-items: normal; }
.flex-space-between { justify-content: space-between; }

.fix-padding-20 { padding:20px;}
.fix-padding-tb-20 { padding-top:20px; padding-bottom: 20px;}
.fix-padding-10 { padding:10px;}
.extra-padding { padding:7% 6%; display: block;}
.extra-padding-rl { padding-right: 6%; padding-left: 6%; }
.extra-padding-tb { padding-top:8%; padding-bottom: 8%;}
.extra-padding-top { padding-top:6%;}
.mid-padding { padding:5% 4%;}
.mid-padding-rl { padding-right:4%; padding-left: 4%;}
.mid-padding-right { padding-right:4%; }
.mid-padding-tb { padding-top:5%; padding-bottom: 5%;}
.low-padding { padding:2% 2%;}
.low-padding-rl { padding-right:2%; padding-left: 2%;}
.low-padding-tb { padding-top:2%; padding-bottom: 2%;}
.padding-bottom-0 { padding-bottom:0 !important; }
.padding-top-0 { padding-top:0 !important; }

footer { padding : 50px 0 50px 0; text-align: center; border-top: solid 7px rgb(255 255 255 / 30%); background: linear-gradient(45deg, #01b4ff 10%, #0032a1 90%); }
footer * { color: #fff;}
footer .space-line { background: #fff; }
.footer-text { padding: 5px 0;}
.social-icons a { width: 55px; line-height: 50px; margin: 2px; font-size: 26px; text-align: center; display: inline-block; border-radius: 15px; border: solid 2px rgb(255 255 255); color: #fff;}
.social-icon span { transition: all ease-out 0.3s; }
.social-icon:hover { color:#000; background-color: #fff;}
.social-icon:hover span { color:#000; }
.colored a { color: #0032a1; border-color: #0032a1; }
.colored a:hover { color:#fff; background-color: #0032a1;}
.colored a:hover span { color: #fff; }

.footer-links a, .footer-links a * { color: #fff; }
.footer-links ul li:before { color: #fff; }
.footer-links a:hover { color: #000; }

header { z-index: 800; position: fixed; width: 100%; top:0; padding:0; transform: translateY(0%); background-color: rgb(255 255 255); border-top: solid 5px #0032a1; }
body:before { content:""; position: relative; width: 100%; height: 67px; display: block; }
header:hover:before { transform: translateY(0); }
header.relative { position: relative; background: none; background-color: #111; }
header.off { /*transform: translateY(-110%);*/ box-shadow: 0 5px 5px rgb(0 0 0 / 20%); background-color: #fff !important; }
/* header.shadow { background-color: rgb(255 255 255); } */
.logo { display: block; width: 120px; padding: 0 0 10px 0; top: 0; position: absolute; }
header.off .logo { width: 70px; }
/* header.scrolled .logo { width: 140px; padding: 5px 0;} */
header .extra-header { margin:0 0 10px 0; overflow: hidden; height: 17px;}
header.off .extra-header { height:0px; margin-bottom: 0; }
.blank-header .extra-header .text-links { color: #fff; }
.main-menu-wrapper { transition: all 0.3s; margin-left: auto; padding: 10px 0; }
.menu-icon { width: 50px; height: 50px; line-height: 50px; background: linear-gradient(45deg, #01b4ff 10%, #0032a1 90%); color: #fff; border-radius: 15px; text-align: center; position: fixed; right: 0px; top: 20px; z-index: 105; display: none; }
.menu-icon:after { content: "\f0c9"; font-family: fontAwesome; font-size: 23px;}
.menu-icon.off:after { content: "\f00d"; font-family: fontAwesome; font-size: 20px; }
.main-menu { text-align: center; }
.main-link { padding: 10px 15px; display: block; color: #000; font-weight: 400; font-size: 17px; position: relative; overflow: hidden; margin-left: 5px; }
.main-link span { display: inline-block; margin-left: 7px; }
.main-link:after { content:""; border: solid 3px #01b4ff; position: absolute; width: 100%; height: 100%; bottom: -100%; left: 0%; display: block; transition: all ease-out 0.2s; z-index: -1; box-sizing: border-box; border-radius: 10px; }
.main-link:hover:after, .main-link.active:after { bottom: 00%; }

/*.main-link:hover:after, .main-link.active:after { content:""; background: url(../images/ashoka-wheel-white.png) center center no-repeat; background-size: contain; width:100%; height: 15px; position: absolute; z-index: 101; left:0; bottom:-10px; display: block; }*/
.main-dd-parent { position: relative;}
.main-dd-parent.on:after { content:" -";}
.sub-link-ul { position: absolute; left:50%; top: 100%; transform: translate(-50%, 20px); visibility: hidden; opacity: 0;  z-index: 100; background:linear-gradient(45deg, #01b4ff 10%, #0032a1 90%); box-shadow: 3px 3px 5px 1px rgb(0 0 0 / 10%); /*background: linear-gradient(160deg, #000, #090051, #E9E9E9);*/ border-radius: 10px; padding: 7px; }
.sub-link-ul ul { padding: 10px 10px; }
.sub-link-ul.narrow { width: 200px; }

.main-menu-ul li { margin-bottom: 0; }
.main-menu-ul li:hover .sub-link-ul, .main-menu-ul li:hover .two-level-menu { transform: translate(-50%, 0px); visibility: visible; opacity: 1; top:100%;  }
.main-menu-ul li:hover .main-link span {transform: scale(1);}
.main-link.active span { transform: scale(1); }
.sub-link-ul li { margin: 5px 0; border: none; }
.sub-link { padding: 15px 15px; display: block; font-weight: 400; font-size: 15px; line-height: 140%; color: #fff; transition: all ease-out 0.3s; border-radius: 10px; }
.sub-link:hover, .sub-link.active { background-color: #fff; color: #000; }

.child-link-ul { background-color: rgb(255 255 255 / 10%); border: solid 1px rgb(0 0 0 / 20%); display: none; padding: 10px; }
.sub-link-ul li:hover .child-link-ul { display: block;}
.sub-dd-parent:after { content:"\f105"; font-family: fontAwesome; position: absolute; right: 8px; top: 10px;}
.child-link { padding: 7px 10px; display: block; color: #fff; border-radius: 10px; border: solid 1px rgb(0 0 0 / 0%); font-size: 16px; }
.child-link-ul li:last-child .child-link { border:none; }
.child-link:hover, .child-link.active { background:#fff; color: #000; border: solid 1px rgb(0 0 0 / 20%); }

.two-level-menu { width:640px; position: absolute; left:50%; top: 100%; transform: translate(-50%, 20px); visibility: hidden; opacity: 0;  z-index: 100; background:linear-gradient(45deg, #01b4ff 10%, #0032a1 90%); box-shadow: 3px 3px 5px 1px rgb(0 0 0 / 10%); /*background: linear-gradient(160deg, #000, #090051, #E9E9E9);*/ border-radius: 10px; overflow: hidden; }
.two-level-menu .sub-link-ul { position: relative; visibility: hidden; border-radius: 0; opacity: 0; transform: none !important; left: 0; padding: 0; background: rgb(255 255 255 / 40%); box-shadow: none; }
.two-level-menu .sub-link-ul .sub-link { border-radius: 0; }
.two-level-menu .child-link-ul { flex-grow: 1; flex-wrap: wrap; width: 50%; align-content: flex-start; border: none; }
.two-level-menu .child-link-ul:first-child { display: flex; }
.two-level-menu .child-link-ul li { border: solid 1px rgb(0 0 0 / 10%); border-radius: 10px; }

/* form */
.form-ul { text-align: left; flex-wrap: wrap; }
.form-ul li { margin-bottom: 0px; padding: 5px;}
.form-ul li.half { width: 49%; margin-right: 2%; float: left; }
.form-ul li.third { width: 32%; margin-right: 2%; float: left; }
.form-ul li.half.no-margin, .form-ul li.third.no-margin { margin-right: 0; }
.form-ul li.btn-li { padding-top: 35px;}
input[type="checkbox"] { width: 20px; height: 20px; visibility: visible; display: inline-block; -webkit-appearance: auto; appearance:auto; margin-right: 5px; vertical-align: sub; }

.form-field {width:100%; padding: 15px 15px; font-family: inherit; background: none; background-color: #fff; border: solid 2px #01b4ff; box-sizing: border-box; font-size: 14px; position: relative; border-radius: 10px; }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type=number] { -moz-appearance: textfield; appearance:textfield; } 
.select-field { position:relative; border-radius: 10px; overflow: hidden; }
.select-field:after { content:"\f107"; font-family: "fontAwesome"; position:absolute; width: 30px; height:100%; right: 0; top: 0; display:block; background-color: #01b4ff; color:#fff; line-height: 50px; text-align: center; font-size: 20px; pointer-events: none; }
.form-btn { padding:10px 25px; color: #fff; background: linear-gradient(45deg, #01b4ff 10%, #0032a1 90%); border: solid 1px #01b4ff; cursor: pointer; border-radius: 10px; border: solid 2px #01b4ff; }
.form-btn:hover { background-color: #0032a1; border-color: #0032a1; }
.err .form-field { border-color: #e00000; }
.err:after { content: "This is a Required Field!"; position: absolute; padding: 3px 5px; line-height: 15px; font-size: 11px; width: 160px; right: 4px; top: 8px; background-color: #e00000; color: #fff; text-align: center; }
input:-internal-autofill-selected { background-color: inherit; }

.read-more { padding: 10px 15px; color: #fff; background-color: #01b4ff; margin-top: 10px; display: inline-block; border-radius: 10px; }
.read-more:hover { background-color: #0032a1; }
.owl-dots { position: relative; padding: 5px 20px; text-align: center; bottom: 0; width:100%;}
.dots-abs .owl-dots { position: absolute;}
.owl-dot span { background-color: #fff; width: 13px; height: 13px; display: inline-block; margin: 0 5px; border-radius: 50%; border: solid 2px rgb(80 80 80 / 70%); }
.owl-dot.active span { background-color: #47bbff; }
.dots-dark .owl-dot span { background-color: #767675; }
.owl-nav { font-size: 0; line-height: 0; }
.owl-next span, .owl-prev span { width:45px; height: 45px; display: block; line-height: 30px; text-align: center; background: linear-gradient(45deg, #01b4ff 10%, #0032a1 90%); font-size: 42px; color:#fff; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); border-radius: 10px; border: solid 2px #fff; }
.owl-next span { left: auto; right: 0px;}
.owl-next span:hover, .owl-prev span:hover { background-color: rgb(80 80 80 / 60%); }

.nav-slider { width: calc(100% - 110px); left: 55px; }
.nav-slider .owl-next span { right: -55px; }
.nav-slider .owl-prev span { left: -55px; }

blockquote { position:relative; font-style: italic; }
blockquote:before, blockquote:after {content:"\f10d"; font-size: 30px; margin-right: 5px; color: rgb(0 0 0 / 20%); font-family: fontAwesome;}
blockquote:after { content:"\f10e"; }
blockquote * { display: inline-block; }

.light-bg { background: linear-gradient(60deg, #f0faff 10%, #9be2ff 90%); }
.grey-bg { background: linear-gradient(45deg, #01b4ff 10%, #0032a1 90%); /* background-color: #00bfad; */ }
.grey-bg h1, .grey-bg h2, .grey-bg h3, .grey-bg h4, .grey-bg h5, .grey-bg h6, .grey-bg * { color: #fff; }
.grey-bg .spl-text, .text-white { color: #fff; }
.grey-bg .space-line { background: #fff; }
.dark-bg { background-color: #01b4ff; color: #fff; }
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6 { color: #fff; }
.dark-bg .read-more { color: #ffe500; border-color: #ffe500; }
.move-to-top { width: 50px; line-height: 50px; text-align: center; position: fixed; right: 10px; bottom: 10px; z-index: 100; background: linear-gradient(45deg, #01b4ff 10%, #0032a1 90%); border: solid 2px rgb(255 255 255 / 30%); border-radius: 15px; transform: translateY(150%);  }
.move-to-top.on { transform: translateY(0%); }

/* Custom styles */
.text-gradient { -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(45deg, #01b4ff 10%, #0032a1 90%); }
.whatsapp-btn { border-radius: 25px; background-color: #1daa61; padding: 10px 20px; position: fixed; right: 70px; bottom: 10px; color: #fff; }
.whatsapp-btn.inline { position: static; display: inline-block; }

.exit-popup-bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(0 0 0 / 70%); z-index: 709; }
#exit-popup { width: 80%; max-width: 500px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 20px; z-index: 710; box-shadow: 5px 5px 10px rgb(0 0 0 / 30%); padding: 50px 30px; text-align: center; }
#exit-popup-cancel { width: 40px; line-height: 40px; text-align: center; background-color: #ff7a7a; color: #fff; display: block; position: absolute; right: 5px; top: 5px; border-radius: 15px; }

.sect-404 img { margin: 0 auto; width: 400px; max-width: 100%; margin-top: 20px; }
.sect-404 h4 { margin-bottom: 10px; }
.sect-404 h1 { font-size: 12vw; font-weight: bold; line-height: 100%; }

.parallax-wrapper { position: relative; overflow: hidden; background-color: #000; }
.parallax-box { position: relative; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; will-change: transform; transition: none;}
.parallax-content { position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; }
.parallax-content * { color:#fff; }
.parallax-box.home-farm-parallax { background-image: url(../images/home-farm-parallax.webp); }
.parallax-box.home-export-parallax { background-image: url(../images/home-export-parallax.webp); }

/* video container*/
.video-container { width: 100%; height: 100vh; overflow:hidden; position: relative; }
.cover-video { min-width:100%; min-height: 100vh; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.video-overlay { width: 100%; height: 100%; position: absolute; left:0; top:0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.video-overlay h1 { color: #fff; font-size: 75px; }
.video-overlay h4 { color: #fff; font-size: 2.5vw;}


footer { position: relative; }
footer > .wrapper-1200 { position: relative; z-index: 100; }
.footer-fruits-1 { position: absolute; width: 300px; right: -100px; bottom: 50px; animation:prodheroanim 10s ease-in-out infinite; }
.footer-fruits-2 { position: absolute; width: 300px; right: -100px; top: -100px; animation:prodheroanim 7s ease-in-out infinite; animation-delay: 5s; z-index: 50; }
.footer-fruits-3 { position: absolute; height: 500px; left: -5%; bottom: -50px; rotate:20deg; animation:prodheroanim 7s ease-in-out infinite; }
.footer-fruits-4 { position: absolute; height: 230px; left: -2%; top: -80px; animation:prodheroanim 7s ease-in-out infinite; animation-delay: 5s; }

.hero-photo img { max-width: 500px; margin: 0 auto; }

.prod-nav-links { position: sticky; top: 67px; z-index: 700; padding: 5px; overflow-x: auto; justify-content: space-between; }
.prod-nav-links a { padding: 5px 15px; margin: 3px; display: block; white-space: nowrap; border-radius: 10px; transition: none; }
.prod-nav-links a:hover, .prod-nav-links a.active { background-image: linear-gradient(45deg, #01b4ff 10%, #0032a1 90%); color: #fff; }
.product-section { border-bottom: solid 20px #01b4ff; }
.prod-img-block .flex-child { position: relative; padding: 10px; text-align: center; font-weight: 600; }
.prod-img-block .flex-child:after { content:""; width: 70%; left: 30%; top: 0; position: absolute; z-index: -1; background: linear-gradient(45deg, #01b4ff 30%, #9be2ff  90%); border-radius: 20px; aspect-ratio: 1; }

.icon-50p { width: 50%; margin: 0 auto; }

.home-prod-slider-1 .item { padding: 15px; border: solid 3px rgb(1 180 255); border-radius: 20px; }
.why-us .flex-child { border: solid 3px #01b4ff; padding: 15px; border-radius: 20px; background-color: #fff; box-shadow: 3px 5px 5px rgb(0 0 0 / 20%); }
.why-us img { width: 50%; margin: 0 auto 10px; }
.download-link img { max-height: 35px; margin: 0 auto; padding: 0 10px; }

@media screen and (max-width:1250px){
	.wrapper-1200 { width:95%;}
}
@media screen and (max-width:1200px){
	.header-wrapper { width: 97%; }
}

@media screen and (max-width:1000px){
	body { width: 100%; overflow-x: clip; }
	.wrapper-1000 { width:95%;}
	.flex-box { display:block; }
	.block-2, .block-3, .block-4, .block-5, .block-66, .block-75, .block-80 { width:100%;}
	footer { text-align: center; }
	.mob-hide { display:none; }
	.mob-show { display: block; }
	.main-menu-ul { text-align:center; justify-content: center;}
	.styled-table td, .styled-table th { display: block;}
	.styled-table td .tablehead { display: block; padding: 5px; background-color: #111; color: #fff; text-align: center; }
	.styled-table tr { margin-bottom:20px; display:block; }
	.flex-box.flex-6 > .flex-child, .flex-box.flex-6a > .flex-child, .flex-box.flex-5 > .flex-child, .flex-box.flex-5a > .flex-child, .flex-box.flex-4 > .flex-child, .flex-box.flex-4a > .flex-child, .flex-box.flex-3 > .flex-child, .flex-box.flex-3a > .flex-child, .flex-box.flex-2 > .flex-child, .flex-box.flex-2a > .flex-child, .flex-box.flex-1 > .flex-child { width: 100%; margin: 20px 0 50px 0;}
	.clear-margin { margin: 0 !important; }
	ul { text-align: left;}
	
	.owl-dots { position: relative; text-align: center; }
	.dots-abs .owl-dots { position: relative; }
	
	.sub-link-ul { width: 100%; text-align: center; }
	.sub-link { padding:10px; margin: 5px; }
	.menu-icon { display:block; right: 20px; top: 20px;}
	.header-space { height: 90px;}
	
	.main-menu-wrapper { width:100%; padding:20px 0 20px; position: fixed; height: 100vh; background-color: #fff; right: 0; top: 0; transform: translate(101%); z-index: 100; }
	.main-menu-wrapper.on { transform: translate(0%); }
	.main-menu { height:100%; overflow: auto;}
	.main-link { padding: 15px 0; display: block;}
	.sub-link-ul, .child-link-ul { position:relative; top:0; display: block; transform: none; left:0; visibility: visible; opacity: 1; width: 100%; }
	.main-menu-ul li:hover .sub-link-ul { transform: none; }
	.child-link-ul { display: block; text-align: center; }
	
	.blank-header .main-link { color: #000; }
	
	.main-menu-wrapper.off { transform: translateX(0%); }
	.main-dd-parent:hover .two-level-menu { transform: none; }
	.two-level-menu .sub-link-ul, .sub-link-ul, .sub-link-ul.narrow { position: relative; width: 100%; visibility: visible; opacity: 1; }
	.two-level-menu .sub-link-ul { background: none; }
	.two-level-menu .child-link-ul { position: fixed; width: 100%; display: block; left: 100%; z-index: 110; height: 100vh; overflow: auto; background: linear-gradient(45deg, #01b4ff 10%, #0032a1 90%); }
	.two-level-menu .child-link-ul.on { left: 0; }
	.two-level-menu .sub-link:after { content:"\f054"; font-family: fontAwesome; margin-left: 15px; font-size: 80%; }
	.main-menu-ul li:hover .two-level-menu { transform: none; }
	.two-level-menu .child-link-ul li { margin: 5px auto; }
	.mob-menu-back { width: 100%; padding: 7px; }
	
	.mob-li { display: block; }
	.main-menu-ul li { margin: 20px; }
	
	.footer-text { text-align: center; }
	
	footer { padding-right: 20px; padding-left: 20px; }
	
	.video-container { height: auto; }
	.cover-video { width:100%; min-height: auto; position: relative; left: 0; top: 0; transform: none; }
}
@media screen and (max-width:800px){
	.wrapper-800 { width: 100%; }
	.trade-highlights { column-count: 2; }
}
@media screen and (max-width:720px){
	section { overflow: hidden; max-width: 100%; }
	.wrapper-720 { width: 95%; }
	body:before { height: 0; display: none; }
	header { position: relative; }
	.logo { width: 90px; margin-left: 10px; position: relative; }
	h1 { font-size:32px;}
	h2 { font-size:30px;}
	h3 { font-size:28px; }
	h4 { font-size:26px; }
	h5 { font-size:22px; }
	h6 { font-size:18px;  }
	.extra-padding { padding:15% 10%; }
	.extra-padding-tb { padding-top:15%; padding-bottom: 15%; }
	.extra-padding-top { padding-top:15%; }
	.mid-padding { padding:10% 7%; }
	.mid-padding-rl { padding-right:7%; padding-left: 7%; }
	.mid-padding-tb { padding-top:10%; padding-bottom: 10%; }
	.low-padding { padding:5% 3%; }
	.low-padding-rl { padding-right:3%; padding-left: 3%; }
	.low-padding-tb { padding-top:5%; padding-bottom: 5%; }
	.fix-padding-20 { padding:20px; }
	.space-after-720 { margin-bottom: 50px;}
	
	.fruits-strip h4 { font-size: 4vw; line-height: 6vw; }
	.our-values .flex-child { margin-bottom: 40px; }
	.home-prod-slider-1 { width: calc(100% - 40px); left: 20px; }
	.owl-next span, .owl-prev span { width: 30px; height: 40px; line-height: 30px; font-size: 32px; }
	.nav-slider .owl-prev span { left: -15px; }
	.nav-slider .owl-next span { right: -15px; }
	.home-prod-img { margin: -35% auto 10px auto; width: 90%; }

	.prod-nav-links { top: 0px; }
	.prod-img-block .flex-child { padding: 25px; }
}
@media screen and (max-width:600px){
	.trade-highlights { column-count: 1; }
	.fruits-strip h4 { font-size: 6vw; line-height: 8vw; width: 80%; }
}