h3{ font-size: 22px; }

.bu-gallery .flex-control-nav > li > a, [id^="container-inside"] > #content article h2{ font-size: 26px; }
[id^="container"] > #content { font-size: 19px; }

/* GRID */
/* TABLET ONLY */
.tl-wp-fz-06{ width: 374px!important; }
.tl-wp-fz-04{ width: 210px!important; }


.wp-fz-12{ max-width: inherit; width: 440px; }
.wp-fz-11{ max-width: inherit; width: 420px; }
.wp-fz-10{ width: 640px;  }
.wp-fz-09{ width: 261px; }
.wp-fz-08{ width: 502px; }
.wp-fz-07{ width: 448px; }
.wp-fz-06{ width: 374px; }
.wp-fz-05{ width: 320px; }
.wp-fz-04{ width: 242px; }
.wp-fz-03{ width: 177px; }
.wp-fz-02{ width: 128px; }
.wp-fz-01{ width: 64px; }

.wp-rect-12{  }

.wp-sq-06{  }
.wp-sq-03{  }

.np-fz-12{ max-width: inherit; width: 460px; }
.np-fz-11{ max-width: inherit; width: 704px; }
.np-fz-10{ width: 640px;  }
.np-fz-09{ width: 576px; }
.np-fz-08{ width: 310px; }
.np-fz-07{ width: 448px; }
.np-fz-06{ width: 384px; }
.np-fz-05{ width: 320px; }
.np-fz-04{ width: 256px; }
.np-fz-03{ width: 192px; }
.np-fz-02{ width: 128px; }
.np-fz-01{ width: 64px; }

.inner-fz-08{ width: 502px; }
.custom-fz-03{ width: 292px; }

/* ^^^^^^^^^^^^^^^^^ PANEL ^^^^^^^^^^^^^^^^ */
.panel-cnt{ width: 100%; }
.panel-cnt > .cnt-left{ width: 100%!important; float: none; }
.panel-cnt > .cnt-right{ width: 100%!important; float: none; }
.panel-cnt figure{ margin: 20px 0 0 0; }

/* ^^^^^^^^^^^^^^^^^ COLUMN ^^^^^^^^^^^^^^^^ */
/* 2C */
.two-cols-panel{ width: 100% !important; }
[class*=two-cols] > [class*=half]{ width: 100%; margin: 0 auto;}
[class*=two-cols] > [class*=half-left]{ float: none; }
[class*=two-cols] > [class*=half-right]{ float: none; }
[class*=two-cols] > [class^=wp-fz]{ float: left; }
[class*=two-cols] > [class^=wp-fz]:first-child{ margin-right: 20px; }

[class*="three-cols"] > div{ width: 100%!important; margin: 0px 0px 20px!important; }

/* ^^^^^^^^^^^^^^^^^ ACC ^^^^^^^^^^^^^^^^^^ */
.column-2d{ 
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
       -moz-column-count: 2; /* Firefox */
            column-count: 2; 
	-webkit-column-width: 50%;
       -moz-column-width: 50%;
            column-width: 50%;
}
.column-2d h4{ padding: 0px; margin: 0px; }

[class*=accordion]{ width: 100%!important; }

/* Logo */
body > header{ height: 130px; background-color: #fff; position: relative; }
body > header > div > nav#main-nav { float: none; clear: both; background-color: #7eb42e; border-top: 1px solid #7c9d4c; }
body > header > div > nav#main-nav  ul li{ width: calc(25% - 1px); text-align: center; border-left: 1px solid #b9d68e; padding: 0 0; }
body > header > div > nav#main-nav  ul li > a{ color: #fff; }
body > header > div > nav#main-nav  ul li > a:hover,
body > header > div > nav#main-nav  ul li.active > a{ color: #fff; background-color: #7c9d4c; }
body > header > div > p{ float: left; padding: 0 5px; margin: 5px 0; width: 100px; }
body > header > div > p img{ width: 80%; }

/* LANG */
body > header > div > div:before{ content: "|"; float: left; text-align: left; height: 56px; line-height: 56px; padding: 0 7px 0 0; }
body > header > div > div{ float: right; padding: 0 5px 0 0; }
body > header > div > div > span{ height: 60px; line-height: 60px; padding: 0 5px; }
body > header > div > div > span > a{ font-weight: bold; }
body > header > div > div > span > a:hover,
body > header > div > div > span.active > a{ color: #177334; }

/* TOP NAV */
nav#dd-nav { position: absolute; top: 130px; height: auto; }
nav#dd-nav > section#what-we-do > ul > li > div > div {  height: auto; }
nav#dd-nav > section#who-we-are > ul > li > div > div {  min-height: auto; margin: 0; }

nav#dd-nav > section > ul > li > div{ padding: 0px; height: auto; }
nav#dd-nav > section > ul > li > div > div { margin: 0; width: 100%; }
nav#dd-nav > section > ul > li > div > div > ul { margin: 0; padding: 0px; }
nav#dd-nav > section > ul > li > div > div > h4{ width: 100%; display: block; margin: 0px; border-bottom: 1px solid #8CC53F; }
nav#dd-nav > section > ul > li > div > div > h4 > a{ background-color: #fff; color: #222; }
nav#dd-nav > section > ul > li > div > div > h4 > a:hover,
nav#dd-nav > section > ul > li > div > div > h4.selected > a{ background-color: #8CC53F; color: #fff; }
nav#dd-nav > section > ul > li > div > div > h4.active > a{ color: #fff; }
nav#dd-nav > section > ul > li > div > div > span{ display: none; }
nav#dd-nav > section > ul > li > div > div > ul{ display: block; }
nav#dd-nav > section > ul > li > div > div > ul.hide{ display: none; }
nav#dd-nav > section > ul > li > div > div > ul > li{ display: block;}
nav#dd-nav > section > ul > li > div > div > ul > li > a{ display: block; padding: 3px 25px; border-bottom: 1px solid #aeaeae; background-color: #f8ffee; }

/* BANNER */
body > #banner { padding: 0 0px 0px; position: relative; height: 200px; overflow: hidden; }
body > #banner ul li img { height: 200px; width: auto; position: absolute; }
body > #banner [id^="ribbon"], [id^="ribbon"] { top: 0; height: 120px; }

/* CONTENT */
[id^="container-home"] > #content [id^="home"] > article,
[id^=container-inside] > #content { width: 480px; margin: 0 auto; }
[id^=container-inside] > #content > header{ padding: 0 20px; }
[id^=container-inside] > #content > article{ padding: 20px; }
[id^="container-home"] > #content [id^="home-business"] > article:first-child{ padding: 0 0 0 0px; }

/* FOOTER */
footer { min-height: inherit; height: auto; }
footer > div{ max-width: inherit; width: 480px; margin: 0 auto; }
footer > div > nav{ padding: 20px; border-bottom: 1px solid #67676b; text-align: left; }
footer > div > div > section{ height: auto; width: 100%; border-right: 0px!important; display: none; }
footer > div > div > section > h3 { width: 113px; text-align: left; padding: 0 0 0 25px; }
footer > div > div > section > article { width: 430px; }
footer > div > nav > span{ width: auto; display: block; float: left; padding: 0 12px 0 0px; }
footer > div > nav > span:before { content: "|"; padding: 0px 10px 0 0; }
footer > div > nav > span:first-child:before{  padding: 0 0 0 0; }

/* HOME */
#content-home [id^="home-banner"] ol{ bottom: 0; }
#content-home [id^="home-banner"] #home-banner-flexslider{ top: 0px; }
#content-home .section[id^="home"]{ }
#content-home .section#home-banner{ height: 265px!important; }
#content-home .section#home-news{ height: 1000px!important; }
#content-home .section#home-investor{ height: 800px!important; }
#content-home .slider-accordion{ top: 0; }
#content-home .slider-accordion li > div{ margin: 66px 0 0 0; }
#content-home .slider-accordion li .logo-slider{ width: 200px; }
#home-news .two-cols-panel{ margin: 0 auto; position: relative!important; top: 0px!important; }
#home-news [id^="bx-"] { height: auto; padding: 0 0 20px 0; }
#home-news [id^="bx-"] > article .bx-grid > div { width: 47%; max-width: inherit; }
#home-news [id^="bx-"] > article .bx-grid > div > div > figure { height: 155px; }
#home-news #bx-privilege .slides > li > a > img{ width: 100%; }


.stock-price { bottom: 665px; }
.stock-price > div > div{ padding: 10px 1%; }
#hm-symbols{ max-width: 90px; width: 100%; }
#hm-lastdone{ max-width: 90px; width: 100%; }
#hm-change{  max-width: 140px; width: 100%; }
#hm-volume{ max-width: 110px; width: 100%; }
#hm-value{ max-width: 110px; width: 100%; }
#hm-stockupdated{ max-width: 125px; width: 100%; text-align: left; }

/* ABOUT */
#nature-biz > div{ width: 100%!important; margin: 0 0 20px 0; } 
#nature-biz > div > div{ height: 512px; }
#nature-biz > div > div > div { top: 78px; height: calc(100% - 78px); }
#nature-biz > div > div > div ul { padding: 20px !important; position: absolute; bottom: 60px; top: unset; }
#nature-biz > div > div > div ul li { padding: 0px 0px !important; }
#nature-biz > div > div:hover > figure > figcaption{ z-index: 2; }

#nature-biz-bottom > header > h4 { padding: 20px 20px !important; text-align: left; }
#nature-biz-bottom > article > div{ float: none; width: 100%; border: 0px; }

.gray-box, #smooth-knowledge { margin: 25px auto; padding: 20px; }
#smooth-knowledge table tr td:first-child{ width: 100%; border: 0px; text-align: left; }
#smooth-knowledge table tr td{ display: block; border-left: 0px; border-top: 0px; }


[id*="board-list"] > div { width: 100%; margin: 0 0 20px 0!important; }
[id*=board-popup] section div > article .nano-content { padding: 0px 15px 0px 20px; }
.toc-exp tr td:first-child{ width: 80px; } 
.toc-exp tr td:nth-child(2) { width: 168px; }

/* BUSINESS */
#business-bar > div > ul{ height: 60px; } 
#business-bar > div > ul > li{  }
#business-bar > div > ul > li > a{ width: 60px; height: 60px;  }
#business-bar > div > ul > li > a > img{ width: 100%; }

/* CG */
#cg-policy-list > div{ width: 100%!important; position: relative!important; }
#cg-policy-list > div#list-02 { position: absolute; left: unset; top: unset; }
#cg-policy-list > div#list-03 { position: absolute; left: unset; right: unset; unset; top: unset; }
#cg-policy-list > div#list-04 { position: relative; top: unset; right: unset; }
#cg-policy-list > div.list-none { background-position: center center; }
#cg-policy-list > div { width: 210px!important; height: 210px!important; margin: 0px 0px 10px 0px!important; }
#cg-policy-list > div:nth-child(2n){ margin-left: 10px!important;  }
#cg-policy-list > div > div { width: calc(100% - 60px)!important; height: calc(100% - 60px)!important; margin: 0px!important; }

.bx-cols-number > div { height: auto; width: 100%; margin: 0 0 20px 0; }
.three-cols-panel-download > div{ margin: 0 0 20px 0!important; width: 100%; }

/* MEDIA */

.tl-wp-fz-04:nth-child(2n){ margin: 0px 0 20px 0px!important; }
.tl-wp-fz-04:nth-child(2n+1){ clear: both; margin: 0px 20px 0px 0px!important; }
.tl-wp-fz-04:nth-child(1){ clear: none; margin: 0px 20px 20px 0px!important; }

.news-list-table > header > div { width: 140px; }
.news-list-table > header > div + div { width: 278px; }
.news-list-table > article time { width: 140px; text-indent: 10px!important; }
.news-list-table > article h4 { width: 279px; }

#company-video > div { width: 100% !important; margin: 0 0 20px 0!important; }
#company-video > div:first-child > div{ height: 378px; }
#company-video > div > div h3 { width: calc(100% - 70px); padding: 0px 0 0 20px; }
[class*=four-cols-panel-highlight] > .tl-wp-fz-06:nth-child(4n){ margin: 0 20px 0 0; }

/* CONTACT */
#google-map{ height: 242px; overflow: hidden; }
#contact-us > div:first-child > a { top: 110px; }
#contact-us > #contact-address > div:first-child{ width: 480px; }
[class*="link-map"] span { width: 90px; }

#contact-us > div > form > table > tbody > tr > td{ width: calc(100% - 40px); clear: both!important; float: left!important; padding: 5px 20px!important; }