/* GRID */
.wp-fz-12{ max-width: 1170px; width: 100%; }
.wp-fz-11{ max-width: 930px; width: 100%; }
.wp-fz-10{  }
.wp-fz-09{  }
.wp-fz-08{ width: 625px; }
.wp-fz-07{ width: 600px; }
.wp-fz-06{  }
.wp-fz-05{  }
.wp-fz-04{ width: 305px; }
.wp-fz-04 > img{ width: 100%; }
.wp-fz-03{ width: 225px; }
.wp-fz-02{  }
.wp-fz-01{  }

.wp-rect-12{ width: 1148px; height: 574px; }

.wp-sq-06{ width: 574px; height: 574px; }
.wp-sq-03{ width: 287px; height: 287px; }

.np-fz-12{ width: 960px; }
.np-fz-11{ width: 880px; }
.np-fz-10{ width: 800px;  }
.np-fz-09{ width: 720px; }
.np-fz-08{ width: 640px; }
.np-fz-07{ width: 560px; }
.np-fz-06{ width: 480px; }
.np-fz-05{ width: 400px; }
.np-fz-04{ width: 320px; }
.np-fz-03{ width: 240px; }
.np-fz-02{ width: 160px; }
.np-fz-01{ width: 80px; }

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

/* DROPDOWN NAV */
nav#dd-nav > section > ul{ width: 100%; height: 100%;}
nav#dd-nav > section > ul > li{ display: block; width: 250px; }
nav#dd-nav > section > ul > li > a { display: none; }
nav#dd-nav > section > ul > li > div{ position: absolute; width: 100%; height: calc(100% - 60px); padding: 30px; left: 0; top: 0px; background-color: #fafafa; }
nav#dd-nav > section > ul > li > div > div{ float: left; width: calc(25% - 26px); margin: 0 15px 0 0; }

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

/* FOOTER */
footer > div > div > section > h3 { width: calc(100% - 354px); }
footer > div > nav > span:before { content: "|"; padding: 0px 5px; }

/* HOME */
#content-home [id^="home-banner"] ol{ bottom: 70px; }
#content-home .slider-accordion{ top: -64px; }
#content-home .slider-accordion li > img{ width: auto; height: 100%; }
#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; }

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

@media screen and (max-width: 959px) { 

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: 242px!important; }


.wp-fz-12{ max-width: inherit; width: 768px; }
.wp-fz-11{ max-width: inherit; width: 704px; }
.wp-fz-10{ width: 640px;  }
.wp-fz-09{ width: 569px; }
.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: 768px; }
.np-fz-11{ max-width: inherit; width: 704px; }
.np-fz-10{ width: 640px;  }
.np-fz-09{ width: 576px; }
.np-fz-08{ width: 512px; }
.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; }

/* ^^^^^^^^^^^^^^^^^ COLUMN ^^^^^^^^^^^^^^^^ */
/* 2C */
.two-cols-panel{  }
[class*=two-cols] > [class*=half]{ width: 585px; 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; }

/* Logo */
body > header{ }
body > header > div > p{ float: left; padding: 0 20px; margin: 5px 0; width: 100px; }
body > header > div > p img{ width: 100%; }

/* 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 20px 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 > section#what-we-do > ul > li > div > div {  height: 230px; }
nav#dd-nav > section > ul > li > div > div { margin: 0px 15px 5px 0px; }
nav#dd-nav > section > ul > li > div > div > ul { margin: 0; }


/* BANNER */
body > #banner ul li img { height: auto; width: 100%; }

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

/* FOOTER */
footer > div{ max-width: inherit; width: 768px; margin: 0 auto; }
footer > div > nav{ padding: 20px 0px; border-bottom: 1px solid #67676b; text-align: center; }
footer > div > div > section{ height: 130px; }
footer > div > div > section > h3 { width: 113px; text-align: left; padding: 0 0 0 25px; }
footer > div > div > section > article { width: 340px; }
footer > div > nav > span:before { content: "|"; padding: 0px 20px; }

/* HOME */
#content-home [id^="home-banner"] ol{ bottom: 70px; }
#content-home .section[id^="home"]{ }
#content-home .section#home-banner{ height: 485px!important; }
#content-home .section#home-news{ height: 1000px!important; }
#content-home .section#home-investor{ height: 550px!important; }
#content-home .slider-accordion{ top: 0; }
#content-home .slider-accordion li > div{ margin: 66px 0 0 0; }
#home-news .two-cols-panel{ margin: 0 auto; position: relative!important; top: 0px!important; }
#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; }

.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 > div{ height: 317px; }
#nature-biz > div > div > div { top: 80px; }
#nature-biz > div > div > div ul { bottom: inherit; top: 0; padding: 10px 20px!important; }
#nature-biz > div > div > div ul li { padding: 0px 0px !important; }
#nature-biz > div > div:hover > figure > figcaption{ z-index: 0; }


[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; }

/* CG */
#cg-policy-list > div#list-03 { position: absolute; right: 302px; top: 247px; }
#cg-policy-list > div#list-04 { position: absolute; top: 247px; right: 64px; }


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

/* MEDIA */
.tl-wp-fz-04:nth-child(3n+1){ margin: 0px 0px 20px 0px; }
.tl-wp-fz-04:nth-child(4n+1){ margin: 0px 0px 20px 20px!important; }
.tl-wp-fz-04:nth-child(1){ margin: 0px 0px 20px 0px!important; }

#company-video > div:first-child > div{ height: 320px; }
#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 */
#contact-address > div:first-child{ width: 480px; }

}