html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
a { text-decoration: none; outline: none; color: #0f5124; }
.clearfix:before,.clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
p { margin: 26px 0; }
p.first { margin-top: 0; }
img.float-left { border: 1px solid #ccc; float: left; margin: 3px 15px 20px 0; }
.clear-both { clear: both; }

html { width: 100%; height: 100%; }
body { font-size: 14px; line-height: 26px; font-family: "Lato", sans-serif; font-weight: 300; color: #000; padding: 0; margin: 0;  }

#header-menu { background: #447754; width: 100%; height: 84px; position: fixed; top: 0; left: 0; z-index: 5000;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-box-shadow: 0 4px 6px -6px #222;
  -moz-box-shadow: 0 4px 6px -6px #222;
  box-shadow: 0 4px 6px -6px #222; }
.header-inner { max-width: 1145px; margin: 0 auto; position: relative; }
h1.logo { margin: 0; padding: 20px 0 0 1px; float: left; }

.contact-nav { position: absolute; right: 31px; top: 10px; z-index: 200; }
.contact li { float: left; list-style: none;  }
.contact li a { text-transform: uppercase; font-size: 11px; color: #bbefcc; border-left: 1px solid #b4d1b4; padding: 0 20px; }
.contact li:first-child a { border-left: none; }

#nav{ float: right; width: 905px; padding: 0; position: relative; margin: 0; }
/*-------------- Level One --------------*/
ul.dropdown { float: left; z-index: 199; position: relative; margin: 0; padding: 0; }
ul.dropdown li { float: left; zoom: 1; list-style: none; position: relative; }
ul.dropdown a:active { color: #dc0202; }
ul.dropdown li a { display: block; color: #fff; font-size: 12px; padding: 42px 10px 16px 10px; text-transform: uppercase; font-family: "Lato", sans-serif; font-weight: 500; letter-spacing: 1px;  }
ul.dropdown li a.dmenu { display: block; }
ul.dropdown li .darrow { float: left; display: none; color: #5d5c5c; text-transform: uppercase; font-family: "Lato", sans-serif; font-weight: 500; }
*:first-child+html ul.dropdown li a{ padding: 42px 10px 15px 10px; }
/* Doesn't work in IE */

ul.dropdown > li.selected > a{ color: #fff; }
ul.dropdown > li.hover > a,
ul.dropdown > li:hover > a,
ul.dropdown > li.selected:hover > a, ul.dropdown > li.selected > a { color: #b4d1b4; /*background: url(../images/header-menu-bg.png) repeat;*/ }

/*-------------- Level Two --------------*/
ul.dropdown ul.dlastNext { left: -106px; }
ul.dropdown ul.dlast { left: -210px; }
ul.dropdown ul { width: 300px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 200; padding: 0; background: #fff; border-top: 2px solid #333;
  -webkit-box-shadow: 0 4px 6px -6px #222;
  -moz-box-shadow: 0 4px 6px -6px #222;
  box-shadow: 0 4px 6px -6px #222; }
ul.dropdown ul li { font-weight: normal; color: #717171; float: none; }
*:first-child+html ul.dropdown ul li { display: inline; width: 100%; }
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { width: 259px; padding: 10px 0 10px 41px; display: inline-block; font-size: 13px; font-family: "Lato", sans-serif; font-weight: 400; color: #717171; text-transform: none;/*capitalize;*/}
*:first-child+html ul.dropdown ul li a { padding: 10px 20px; 10px 21px; }
ul.dropdown ul li:hover a, ul.dropdown ul li.hover a { background: #0f5124; color: #fff; }
ul.dropdown ul li a:hover, ul.dropdown  ul li a:hover, ul.dropdown ul li.active a { color: #fff; }
ul.dropdown ul li a.selected { background: #0f5124; color: #fff; }
ul.dropdown li#last-contact { display: none !important; }
ul.dropdown li a span { text-transform: lowercase; }
/*-------------- Level Three --------------*/
@media only screen and (min-width:950px){
ul.dropdown ul ul { left: 100%; top: -2px; }
}
*:first-child+html ul.dropdown ul ul { left: 100%; top: -2px; }
ul.dropdown ul ul { background: #fbfbfb; }
ul.dropdown ul li ul li a:hover { background: #c7deb1 !important; color: #717171; }
ul.dropdown ul li ul li a { background: none !important; color: #717171 !important;  }
ul.dropdown li:hover > ul { visibility: visible; }
.mmenu, .mobile-show { display: none; }
.ir-desktop { display: none !important}
.desktop { display: none; }
.sub_menu_3.level_3 { left: -300px; }

/*-------------- Top Search --------------*/
.righttop{ float: right; }
*:first-child+html .righttop { width: 33px; }
#searchbtn{ float: right; padding: 3px 5px; width: 18px; height: 18px; cursor: pointer; margin: 30px 0 0 0; }
#search_box { display: none; width: 376px; height: 42px; position: absolute; z-index: 3; right: 0; top: 84px; float: right; padding: 0; margin: 0; background: #fff;
-webkit-box-shadow: 0px 4px 4px 0px rgba(188, 188, 188, 0.75);
-moz-box-shadow:    0px 4px 4px 0px rgba(188, 188, 188, 0.75);
box-shadow:         0px 4px 4px 0px rgba(188, 188, 188, 0.75); }
#search_box input[type="text"]{ font-size: 12px; color: #343333; width: 220px; float: left; padding: 17px 15px 10px; border: none; }
#search_box #s_btn { float: right; border:none; width: 55px; height: 42px; color: transparent; cursor: pointer; outline: medium none; background: transparent; background-image: url(../images/zoom-small-ico.png); background-repeat: no-repeat; background-position: 15px center; }
*:first-child+html #search_box { border: 1px solid #ccc; }

/*-------------- Content --------------*/
#content { width: 100%; height: 100%; font-family: "Lato", sans-serif;
font-weight: 300;  font-size: 18px; line-height: 26px; }
.content-inner { max-width: 1093px; margin: 0 auto; padding-left: 52px; }
.clear-height { height: 84px; }
#home .clear-height { height: 0; }
.breadcrumb { text-transform: uppercase; font-family: "Lato", sans-serif; font-weight: 300; font-size: 13px; color: #a4a4a4; padding: 28px 0 32px 0; }
.breadcrumb a { color: #0f5124;  }
.breadcrumb span { color: #272727; padding: 0 4px; }
h1 { font-size: 35px; color: #272727; font-family: "Lato", sans-serif; font-weight: 300; padding: 5px 0 32px 0; line-height: 35px; }
h1.sub { font-size: 28px;}
h1.h1-padding-top { padding: 25px 0 10px 0; font-size: 24px; }
h2 { font-size: 20px; color: #272727; font-family: "Lato", sans-serif;
font-weight: 300; padding: 5px 0 0 0; }
h2.h2-bottom { padding-bottom: 15px; font-family: "Lato", sans-serif !important; font-weight: 700; font-size: 18px;}

.portfolio-content { position: relative; width: 100%; }
.portfolio-map { /*background: url(../images/portfolio-map.jpg) no-repeat;*/ display: block; float: right; height: 429px; width: 833px; position: relative; }
.portfolio-map a { position: absolute; cursor: pointer; display: block; }
.mob-show { display: none; }
/*-------------- Pink number 1 to number 8 --------------*/
.pink { width: 17px; height: 25px; background: url(../images/pop-pink.png) no-repeat; }
/*-------------- Blue number 9 to number 10 --------------*/
.blue { width: 17px; height: 25px; background: url(../images/pop-blue.png) no-repeat; }
/*-------------- Orange number 11 to number 18 --------------*/
.orange { width: 17px; height: 25px; background: url(../images/pop-orange.png) no-repeat; }
/*-------------- Orange number 19 to number 23 --------------*/
.purple { width: 17px; height: 25px; background: url(../images/pop-purple.png) no-repeat; }
#port-1 {left: 440px;top: 203px;}
#port-2 {left: 370px;top: 313px;}
#port-3 {left: 524px;top: 207px;}
#port-4 { left: 270px; top: 270px; }
#port-5 {left: 359px;top: 367px;}
#port-6 {left: 72px;top: 276px;}
#port-7 {left: 485px;top: 161px;}
#port-8 {left: 555px;top: 249px;}
#port-9 {left: 236px;top: 303px;}
#port-10 {left: 126px;top: 277px;}
#port-11 {left: 242px;top: 278px;}
#port-12 {left: 260px;top: 297px;}
#port-13 {left: 654px;top: 180px;}
/*#port-14 { left: 453px; top: 243px; }*/
#port-14 { left: 9999px; top: 243px; }
#port-15 { left: 285px; top: 283px; }
#port-16 { left: 153px; top: 244px; }
#port-17 {left: 281px;top: 251px;}
#port-18 {left: 615px;top: 249px;}
#port-19 {left: 492px;top: 255px;}
#port-20 {left: 80px;top: 253px;}
#port-21 {left: 522px;top: 246px;}
#port-22 { left: 141px; top: 226px; }
#port-23 { left: 336px; top: 43px; }
.plst { display: none; position: absolute; z-index: 9; padding: 0; background: #fff; width: 175px; height: 149px; }
.plst img { display: block; }
.plst span.loc { background: url(../images/pop-grey-bg.png) repeat; color: #fff; font-size: 11px; font-family: "Lato", sans-serif; font-weight: 500; display: block; padding: 5px 2px; text-align: center; text-transform: uppercase; position: absolute; left: 0; bottom: 0; width: 172px; }
.plst span.loc a { color: #fff; display: block; line-height: 15px; padding: 5px 0; }
.plst span.close-btn { color: #0f5124; cursor: pointer; float: none; font-weight: 600; position: absolute; right: 10px; top: 6px; width: auto; display: block }

.portfolio-control {float: left;width: 258px;padding-top: 80px;}
.portfolio-control li { list-style: none; padding: 5px 0; cursor: pointer; }
.portfolio-control li a { color: #000; font-family: "Lato", sans-serif;
font-weight: 300; font-size: 14px; display: block; }
.portfolio-control li.btn-pink { background: url(../images/btn-pink.jpg) no-repeat 220px center; }
.portfolio-control li.btn-blue { background: url(../images/btn-blue.jpg) no-repeat 220px center; }
.portfolio-control li.btn-orange { background: url(../images/btn-orange.jpg) no-repeat 220px center; }
.portfolio-control li.btn-purple { background: url(../images/btn-purple.jpg) no-repeat 220px center;  }
.portfolio-control li.btn-off { background: url(../images/btn-off.jpg) no-repeat 220px center; }
#map-wrap { position: relative; z-index: 8; width: 835px; float: right; position: relative; }
.branchmap { float: left; left: 0; margin: 108px 0 20px;  position: relative; top: 0; width: 100%; }

.portfolio-tab li { list-style: none; float: left; width: 25%; }
.portfolio-tab li a { color: #272727; background: #f3f3f3; display: block; padding: 10px; border-left: 1px solid #fff; text-align: center; font-size: 14px; text-transform: uppercase; cursor: pointer; }
.portfolio-tab li a:hover, .portfolio-tab li a.selected { color: #fff; background: #0f5124; }
.portfolio-tab li:first-child a { border-left: none; }
.tab_content { display: none; }
.portfolio-wrap { width: 100%; }
#portfolio-content, .tab_content-inner, .ppl-content-inner  { max-width: 1093px; margin: 0 auto; padding-left: 52px; font-size: 18px;   }
.tab-bg-color { width: 100%; background: #fdfdfd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 58px 0; }
.tab-bg-none { width: 100%; background: #fff; border-top: none; border-bottom: none; padding: 58px 0; }
.tab-inner { max-width: 1093px; margin: 0 auto; padding-left: 52px; }
.tab-img { float: left; width: 480px; }
.tab-img img { display: block; max-width: 100%; }
.tab-detail { float: left; width: 510px; padding-left: 50px; font-size: 18px;  }
.tab-detail h2 { font-family: "Lato", sans-serif; font-size: 24px; color: #000; font-weight: 300; padding: 10px 0 10px 0; }
ul.portfolio-detail li { list-style: none; clear: both; border-top: 1px solid #f2f2f2; padding: 5px 0; }
ul.portfolio-detail li:first-child { border-top: none; }
ul.portfolio-detail li .description { float: left; width: 60%; }
*:first-child+html ul.portfolio-detail li .description { float: left; width: 59%; }
ul.portfolio-detail li .description span { color: #858585; font-size: 13px; }
ul.portfolio-detail li .dot { float: left; width:5%; }
ul.portfolio-detail li .number { float: left; width: 35%; }

.ppl-content { }
.ppl-bg-color { background: #fdfdfd; }
.ppl-img { float: left; width: 148px; }
.ppl-img img { display: block; padding-top: 50px; }
.ppl-detail { float: left; width: 890px; padding-left: 35px; font-size: 18px;  }
.ppl-detail h2 { font-family: "Lato", sans-serif; font-size: 24px; color: #1e1e1e; font-weight: 300; padding: 70px 0 10px 0; }

#faq .sub-content-inner p { margin: 36px 0; }
.faq-q { background: #f1f8f1; color: #5b5b5b; font-family: "Lato", sans-serif; font-weight: 400; padding: 9px 5px 9px 25px; position: relative; }
.faq-icon { position: absolute; bottom: -20px; left: 77px; background: url(../images/faq-bg.jpg) no-repeat 0 0; width: 26px; height: 20px; }
*:first-child+html .faq-icon { bottom: -16px; }

#map { height: 500px; width: 100%; }
.contact-wrap { width: 100%; }
.contact-inner { max-width: 1093px; margin: 0 auto; padding: 40px 0 0 52px; }
.contact-inner h2 { color: #1e1e1e; font-size: 18px; font-family: "Lato", sans-serif;
  font-weight: 700; }
ul.contact-detail { padding: 27px 0; }
ul.contact-detail li { list-style: none; clear: both; }
ul.contact-detail li .icon-img { float: left; width: 22px;  }
ul.contact-detail li .contact-detail { float: left; padding-left: 30px; }
.contact-left { float: left; width: 45%; padding: 0 5% 0 0; }
.contact-right { float: left; width: 45%; padding: 0 0 0 5%;  }
.contact-right .title { margin: 18px 0 0 0; padding: 0; font-family: "Lato", sans-serif; font-weight: 400; color: #1e1e1e;}

#home .second-menu-bg { border: none; }
.second-menu-bg { background: #fdfdfd; width: 100%; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; }
.second-menu, .sub-content-inner { max-width: 1093px; margin: 0 auto; padding-left: 52px;  }
.second-menu ul.menu-nav li { list-style: none; float: left; }
.second-menu ul.menu-nav li a { padding: 10px 25px 10px 25px; display: block; color: #5b5b5b; }
.second-menu ul.menu-nav li a:hover.second-menu ul.menu-nav li a.selected { color: #0f5124; }
.second-menu ul.menu-nav li a.selected { color: #0f5124; font-weight: bold; }
.second-menu ul.menu-nav li:first-child a { padding-left: 0; }

.sub-content { padding-top: 40px; font-size: 18px; }
.awards li { float: left; list-style: none; border-bottom: 1px solid #ddd; padding: 45px 0;  }
.awards li img.images-left { float: left; margin: 0; }
.awards li .green-bold { color: #0f5124; }
.awards li .awards-title { font-family: "Lato", sans-serif; font-weight: 400; padding: 5px 0 3px 0; margin-left: 0; color: #1e1e1e; }
.awards li div { margin-left: 200px; }

#bottom-nav { width: 100%; height: 100%; background: #fafafa; clear: both; margin-top: 38px; }
.bottom-menu { max-width: 1145px; margin: 0 auto; }
ul.bottom-menu-nav li { list-style: none; float: left;  }
ul.bottom-menu-nav li a { text-transform: uppercase; color: #52534e; font-family: "Lato", sans-serif; font-weight: 500; font-size: 13px; padding: 12px 0 10px 68px; display: block; }
ul.bottom-menu-nav li a:hover, ul.bottom-menu-nav li a.selected { color: #0c4f23; }
ul.bottom-menu-nav li:first-child a { padding-left: 52px; }
ul.footer-note { padding: 0;   }
ul.footer-note li { list-style: none; padding: 0; }
.footer-note { padding-left: 15px; }
.footer-note { font-size: 13px; }
ul.footer-note.list-normal li {
    list-style: normal;
    padding: 0px 0px 0px 10px;
    margin-left: 20px;
}
sup.long-text {
    display: table-cell;
}
li span {
    display: table-cell;
    padding-left: 4px;
}
.note { font-size: 13px; padding-top: 15px; color: #000; }

.financial-table { border-collapse: collapse; text-align: left; width: 100%; }
.financial-table tr th.headerTop { background: #6a9377; color: #fff;  }
.financial-table tr th.header-sub { background: #f1f8f1; color: #ooo;  }
.financial-table tr td, .financial-table tr th { padding: 5px; border: 1px solid #ddd }
.financial-table tr th { font-weight: normal; }
.financial-table tr:hover { background: #fafafa; }
.table-left { width: 45%; float: left; padding: 50px 5% 0 0; }
.table-right { width: 44%; float: left;  padding: 50px 0 0 5%; }
.text-center { text-align: center; }

.table-leasing { border-collapse: collapse; text-align: left; width: 100%;  }
.table-leasing tr td { padding: 25px 5px; vertical-align: top; border-bottom: 1px solid #e5e5e5; }
.table-leasing tr th { background: #75ac5f; border-left: 1px solid #fff; padding: 5px 10px; font-weight: normal; color: #fff;}
.table-leasing tr td:nth-child(2) { padding-top: 40px;  }
.table-leasing tr td:nth-child(3) { text-align: center; padding-top: 40px; }
.table-leasing tr td:nth-child(4) { padding-top: 40px;  }
.table-leasing tr td:nth-child(5) { padding-top: 40px;  }

#ntp-plus-mall .table-leasing tr th:first-child {
  min-width: 250px;
}
#ntp-plus-mall .table-leasing tr td {
  padding-left: 10px;
  padding-right: 10px;
}

.strategy li { border-left: 1px solid #f3f3f3; list-style: none; float: left; padding: 0 2%; margin: 2% 0; width: 46%; }
.strategy li.set { padding-left: 0; border-left: none;  }
.strategy li.top { margin-top: 0;}
.strategy-content { background: #f2f6f4; padding: 6% 8%; }
.strategy-content .title { font-family: "Lato", sans-serif;
font-weight: 400; font-size: 18px; float: left; }
.strategy-content img { float: left; margin: 0 3% 0 0; }
.strategy-content .title-sub { color: #75ac5f; font-size: 30px; padding-top: 6px; }
.strategy-content p { clear: both; padding: 15px 0 0 0; text-align: justify; font-size: 15px; }

.mission li { list-style: none; float: left; padding: 0 2%; margin: 0; width: 46%; }
.mission li.set { padding-left: 0; }
.mission-content { padding: 0 30px 20px 10px; }
.mission-content .title { font-family: "Lato", sans-serif;
font-weight: 400; font-size: 30px; float: left; color: #75ac5f; padding-top: 18px; }
.mission-content img { float: left; margin: 0 3% 0 0; }
.mission-content .title-sub { color: #75ac5f; font-size: 30px; padding-top: 6px; }
.mission-content p { clear: both; padding: 15px 0 0 0; text-align: justify; }

.wrapper{ max-width: 100%; }
.element{ margin-bottom: 20px; width: 288px; float: left; margin-right:20px; padding: 10px; }
.core-content { background: none; }
.core-content .title { font-family: "Lato", sans-serif; font-weight: 400; font-size: 18px; color: #1e1e1e; padding-top: 18px; }
.core-content img { margin: 0 0 0 0; }
.core-content .title-sub { color: #75ac5f; font-size: 30px; padding-top: 6px; }
.core-content p { clear: both; padding: 0 0 0 0; margin-top: 0;  }

.home-banner { width: 100%; clear: both;}
.home-banner-inner { max-width: 100%; height: auto; margin: 0 auto; }
.animate_img { position: absolute; top: 0; display: none; width: 100%; height: 652px; }
#img1 { background: url('../images/home-banner-1_2021.jpg') no-repeat center; }
#img2 { background:url('../images/home-banner-2_2021.jpg') no-repeat center; }
#img3 { background:url('../images/home-banner-3_2021.jpg') no-repeat center; }
#img4 { background:url('../images/home-banner-4_2021.jpg') no-repeat center; }
#img5 { background:url('../images/home-banner-5_oct_2021.jpg') no-repeat center; }
#img6 { background:url('../images/home-banner06-1Tuas-2022.jpg') no-repeat center; }
.banner{ width: 100%; z-index: -1; margin: 0 auto; float: left; position: relative; }
.banner #slideshow { height: 652px; }
.home-content { width: 100%; clear: both; position: absolute; top: 422px; }
.home-content-inner { max-width: 1093px; margin: 0 auto; padding-left: 52px; }
.home-content-inner img { display: block; }
.box-1.same-height { margin-left: 0; }
.box-1, .box-2 { background: #fff; }
.box-1, .box-2, .box-3 { float: left; width: 326px; margin-left: 30px; position: relative;
-webkit-box-shadow: 0px 0px 2px 0px rgba(100,100,100,0.5);
-moz-box-shadow: 0px 0px 2px 0px rgba(100,100,100,0.5);
box-shadow: 0px 0px 2px 0px rgba(100,100,100,0.5); }
.main-title { background: #0f5124; color: #fff; font-family: "Lato", sans-serif; font-weight: 400; font-size: 16px; padding: 14px 0 10px 31px; text-transform: uppercase; }
.bottom-read-more { padding: 18px 31px 80px 31px; }
.btn-read-more { padding: 12px 0 15px 0; position: absolute; bottom: 0;   }
.btn-read-more a { font-size: 14px; color: #0f5124; font-family: "Lato", sans-serif; font-weight: 700; background: url('../images/btn-read-more-hover.gif') no-repeat right center; padding-right: 20px; }
.btn-read-more a:hover { color: #52534e; background: url('../images/btn-read-more.gif') no-repeat right center; }
.box-3 h2 { margin: 0; padding: 0; text-transform: uppercase; color: #272727; font-size: 19px; font-weight: normal; }
.box-3 .content { padding: 38px 31px 0 31px; }
.box-3 { background: #fff;
 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  /* IE 5-7 */
  filter: alpha(opacity=90);
  /* Netscape */
  -moz-opacity: 0.9;
  /* Safari 1.x */
  -khtml-opacity: 0.9;
  /* Good browsers */
opacity: 0.9; }
.video-maxWidth {
  width: 683px;
  box-shadow: none;
  background: transparent;
}
ul.latest-news li { list-style: none; border-top: 1px solid #cdcdce; padding: 14px 0; }
ul.latest-news li a { color: #52534e; }
ul.latest-news li a:hover { color: #024f2f; }
ul.latest-news li:first-child { border-top: none; }
.home-bottom-height { height: 250px; background: #fbfbfb; }
.home-bottom-conent { width: 100%; }
.home-bottom-conent-inner { max-width: 1093px; margin: 48px auto 0; padding: 0 0 20px 52px; font-size: 18px;  }
.home-bottom-conent-inner h2 { color: #272727; font-size: 26px; font-weight: normal; border-bottom: 1px solid #cccccc; padding-bottom: 26px; }
.home-about { width: 683px; float: left; position: relative; bottom: 256px; }
.home-about p { line-height: 29px; padding-bottom: 6px; padding-right: 30px; }
.home-about .logo-cg-emblem { position: absolute; top: -11px; left: 250px; }
.home-stock { width: 326px; float: left; padding-left: 30px;  }
.home-stock h3 { font-family: "Lato", sans-serif;
font-weight: 300; font-size: 18px;  padding-bottom: 5px; }
.btn-more a { font-size: 18px; color: #0f5124; font-family: "Lato", sans-serif; background: url('../images/btn-read-more-hover.gif') no-repeat right center; padding-right: 20px; }
.btn-more a:hover { color: #52534e; background: url('../images/btn-read-more.gif') no-repeat right center; }
.certificate { float: left; width: 48%; padding-right: 2%; }
.detail-content { padding}
.detail-content p { margin: 5px 0 0 0; }
.ar { float: left; width: 48%; padding-left: 2%; }
.chart-note { color: #272727; font-size: 11px; font-family: "Lato", sans-serif;
font-weight: 300; line-height: 13px; }
.chart-table { padding: 15px 0; }
.chart-table li { list-style: none; font-size: 15px;  }
.chart-table li .text { float: left; width: 50%; }
.chart-table li .figure { float: left; width: 50%; }
.home-bottom-alert {width: 100%; height: 209px;  background: url('../images/home-alert-bg.jpg') no-repeat center center;  }
.home-bottom-alert-inner { max-width: 1093px; margin: 0 auto; padding: 70px 0 0 52px; }
.alert-left { float: left; width: 40%; padding: 0 10% 0 0; }
.alert-left h3 { color: #272727; font-size: 25px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; }
.alert-left span { color: #52534e; font-size: 14px; font-family: "Lato", sans-serif;
font-weight: 300;  }
.alert-right { float: left; width: 48%; padding: 0 0 0 2%; }
.footer-email input[type="text"] { display:inline; width: 300px; padding: 10px; border: none; font-size: 12px; background: #eef0f3; color:#666;; }
.footer-email input[type="submit"]  { border: none; color: #fff; background-color:#0c4f23; margin: 0 0 0 -1px; font-weight: bold; height: 33px; padding: 9px 15px;text-shadow: none; text-transform: uppercase; font-size:12px; cursor:pointer}

#bod { float: left; width: 100%; }
#bod a.group { float: left; width: 198px; height: 198px; margin: 0; cursor: pointer; }
#bod .bod_det { display: none; font-size: 18px; width: 100%; clear: both; padding: 35px 0;  }
#bod .bod_det .name { font-size: 24px; color: #1e1e1e; }
#bod .bod_det .name-position { font-family: "Lato", sans-serif;
  font-weight: 300; font-style: italic; font-size: 18px; color: #1e1e1e; }

#bod-steven { background: url('../images/bod-steven.jpg') no-repeat center center;  }
#bod-steven.selected { background: url('../images/bod-steven-selected.jpg') no-repeat center center;  }
#bod-yong { background: url('../images/bod-yong.jpg') no-repeat center center;  }
#bod-yong.selected { background: url('../images/bod-yong-selected.jpg') no-repeat center center;  }
#bod-kevin { background: url('../images/bod-kevin.jpg') no-repeat center center;  }
#bod-kevin.selected { background: url('../images/bod-kevin-selected.jpg') no-repeat center center;  }
#bod-henry { background: url('../images/bod-henry.jpg') no-repeat center center;  }
#bod-henry.selected { background: url('../images/bod-henry-selected.jpg') no-repeat center center;  }
#bod-kelvin { background: url('../images/bod-kelvin.jpg') no-repeat center center;  }
#bod-kelvin.selected { background: url('../images/bod-kelvin-selected.jpg') no-repeat center center;  }
#bod-donald { background: url('../images/bod-donald.jpg') no-repeat center center;  }
#bod-donald.selected { background: url('../images/bod-donald-selected.jpg') no-repeat center center;  }


#bod-ng { background: url('../images/bod-ng.jpg') no-repeat center center;  }
#bod-ng.selected { background: url('../images/bod-ng-selected.jpg') no-repeat center center;  }

#mgt { float: left; width: 100%; }
#mgt a.group { float: left; width: 252px; height: 131px; margin: 0; cursor: pointer; }
#mgt .bod_det { display: none; font-size: 18px; width: 100%; clear: both; padding: 35px 0;  }
#mgt .bod_det:first-child {padding-top: 0px;}
#mgt .bod_det .name { font-size: 24px; color: #1e1e1e; }
#mgt .bod_det .name-position { font-family: "Lato", sans-serif;
  font-weight: 300; font-style: italic; font-size: 18px; color: #1e1e1e; }

#mgt-kevin { background: url('../images/management-kevin.jpg') no-repeat center center;  }
#mgt-kevin.selected { background: url('../images/management-kevin-selected.jpg') no-repeat center center;  }
#mgt-bobby { background: url('../images/management-bobby.jpg') no-repeat center center;  }
#mgt-bobby.selected { background: url('../images/management-bobby-selected.jpg') no-repeat center center;  }
#mgt-aw { background: url('../images/management-aw.jpg') no-repeat center center;  }
#mgt-aw.selected { background: url('../images/management-aw-selected.jpg') no-repeat center center;  }
#mgt-tan { background: url('../images/management-tan.jpg') no-repeat center center;  }
#mgt-tan.selected { background: url('../images/management-tan-selected.jpg') no-repeat center center;  }

.title-logo { color: #1e1e1e; font-family: "Lato", sans-serif;
  font-weight: 700; padding: 0 0 10px 0;}
.investment-wrap { padding-top: 15px;  }
.investment-element { margin: 15px 34px 55px 0; width: 45%; float: left; }
.investment-content { border: 1px solid #d2e4ca; position: relative; margin: 0 auto; text-align: center; padding: 0% 3% 3% 3%;  }
.investment-content h2 { font-family: "Lato", sans-serif;
font-weight: 400;  color: #2a2a2a; padding-top: 18px; }
.investment-title { font-family: "Lato", sans-serif;
font-weight: 400; color: #75ac5f; font-size: 30px;   }
.top-img { width: 17%; margin: -35px auto 0;  }
.bottom-img { position: absolute; bottom: -1px; right: -1px; }
.top-img img, .bottom-img img { display: block; }

.leasing-content { width: 100%; }
.leasing-content-inner { max-width: 1093px; margin: 0 auto; padding: 0 0 0 52px;}

.images-center {display: block; margin-left: auto; margin-right: auto ;}

#footer { width: 100%; height: 100%; padding: 15px 0; }
.footer-inner { max-width: 1094px; margin: 0 auto; padding-left: 52px; color: #272727; font-size: 12px; font-family: "Lato", sans-serif;
font-weight: 300; text-transform: uppercase;  }
.design a { color: #0f5124; }
#back-to-top { cursor: pointer; display: none; height: 50px; padding: 0; position: fixed; right: 0; bottom: 0; width: 50px; z-index: 99999; }
#back-to-top a { display: block; }

.h1.sub {
  font-size: 28px;
  color:#272727;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  padding: 20px 0 32px 0;
  line-height: 35px;
}

.border-t {
  border-bottom: 1px solid #cccccc;
}
.mar-t-20 {
  margin-top: 20px;
}
.pad-t-20 {
  padding-top: 20px;
}
.pad-b-20 {
  padding-bottom: 20px;
}
.email-link-wrap a {
  padding: 10px 20px;
  background: #f1fdec;
  width: 100%;
  display: block;
  margin-bottom: 2px;
  color:  #333;
  font-weight: 700;
}

#our-portfolio h1,
#leasing h1 {
  font-size: 28px;
}

/*-------------- Media Query for responsive --------------*/
@media screen and (max-width: 1145px){
  .content-inner, #portfolio-content, .tab_content-inner, .tab-inner, .footer-inner, .second-menu, .sub-content-inner, .home-bottom-conent-inner, .home-content-inner, .leasing-content-inner  { width: 94%; padding: 0 3%; }
  .contact-inner { width: 94%; padding-left: 3%; padding-right: 3%; }
  .ppl-content-inner { width: 94%; padding-left: 3%; padding-right: 3%; }
  .portfolio-control { float: right; padding-top: 0; }
  #map-wrap, .portfolio-map { float: left;  }
  .box-1, .box-2, .box-3 { width: 31%; }
  .home-about { width: 65%; }
  .home-bottom-alert-inner  { padding: 70px 3% 0 3%; }
  .alert-left { width: 50%; padding: 0 5% 0 0; }
  .alert-right { width: 43%; }
  .home-content-inner img { max-width: 100%; width: 100%; }
  .home-stock { width: 27%; }
  .portfolio-tab li a { min-height: 52px;}
  .tab-detail { width: 46%; }
  ul.portfolio-detail li .description { width: 70%; }
  ul.portfolio-detail li .number { width: 15%; }


}
@media screen and (max-width: 1070px){
  #nav { width: 855px; }
  .contact-nav { right: 22px; }
  .ppl-detail { width: 80%; }
  .tab-detail { width: 46%; }
  .tab-img { width: 45%;}

}
@media screen and (max-width: 1050px){
  .header-inner { width: 100%; margin: 0 auto; padding: 0; }
  #nav { width: 814px; }
  ul.dropdown li a, ul.dropdown ul li a { font-size: 12px; }
  .contact-nav { right: 30px; }



}
@media screen and (max-width: 1024px){
  h1.logo, header.sticky h1.logo { padding: 20px 0 10px 10px; }
  .second-menu ul.menu-nav li:first-child a { padding-left: 17px; }
  .second-menu ul.menu-nav li { width: 25%; }
  ul.bottom-menu-nav li a { padding-left: 50px; }
  ul.bottom-menu-nav li:first-child a { padding-left: 30px; }
  #searchbtn { padding-right: 10px; }
  #nav { width: 809px; }
  #bod a.group { width: 192px; }
  .element{ width: 270px; }
  .home-content { top: 439px; }
  .home-bottom-height { height: 250px; }
  .pink { background: url(../images/pop-pink-double.png) no-repeat; background-size: 100% auto; }
  .blue { background: url(../images/pop-blue-double.png) no-repeat; background-size: 100% auto; }
  .orange { background: url(../images/pop-orange-double.png) no-repeat; background-size: 100% auto;}
  .purple { background: url(../images/pop-purple-double.png) no-repeat; background-size: 100% auto; }
  .portfolio-control li.btn-pink { background: url(../images/btn-pink-double.jpg) no-repeat 220px center; background-size: 15% auto; }
  .portfolio-control li.btn-blue { background: url(../images/btn-blue-double.jpg) no-repeat 220px center; background-size: 15% auto; }
  .portfolio-control li.btn-orange { background: url(../images/btn-orange-double.jpg) no-repeat 220px center; background-size: 15% auto; }
  .portfolio-control li.btn-purple { background: url(../images/btn-purple-double.jpg) no-repeat 220px center; background-size: 15% auto; }
  .portfolio-control li.btn-off { background: url(../images/btn-off-double.jpg) no-repeat 220px center; background-size: 15% auto; }
  ul.dropdown li a { padding: 42px 8px 16px; }

}
@media screen and (max-width: 999px){
  .contact-nav { display: none; }
  h1.logo, header.sticky h1.logo { padding: 15px 0 10px 10px; }
  #search_box { width: 100%; }
  #searchbtn { margin: 0; position: absolute; right: 80px; top: 20px; }
  #header-menu { height: auto; position: inherit; }
  .clear-height { height: 0; }
  .righttop { height: 42px; padding: 15px 17%; width: 94%; width: 4%; }
  .mfixbox { background: url(../images/header-menu-bg.png) repeat; position: relative; z-index: 100; width: 100%; padding: 0; position:relative; }
  #search_box { top: 73px; z-index: 300; }
  .header-inner h1.logo img { width: 125px; height: 45px; }
  .header-inner a.mmenu { right: 0; top: 0; height: 50px; width: 50px; position: absolute; color: #5c5c5c; cursor: pointer; display: block; font-weight: 400; line-height: 22px; padding: 20px 3px 0 25px; text-decoration: none; }
  .header-inner a.select {  }
  .header-inner a.mmenu span { background: #fff; display: block; height: 3px; margin: 3px 0 0 0; width: 30px; text-indent: -9999em; }
  .header-inner a.mmenu small { color: #fff; display: block; padding: 0; margin: 0; clear: both; font-size: 11px; line-height: 16px; }
  #nav { display: none; float: left; height: auto; position: inherit; width: 100%; }
  ul.dropdown {  background: #fff; width: 100%; }
  ul.dropdown li { display: block; width: 100%; border-top: 1px solid #ddd;  }
  ul.dropdown li a { border-top: none; float: left; font-size: 15px; padding: 10px 4%; width: 92%; }
  ul.dropdown li.selected span.darrow { background: #0f5124; color: #fff; }
  ul.dropdown li ul.sub_menu li a.selected { background: grey; color: #fff; }
  ul.dropdown ul.dlast, ul.dropdown ul.dlastNext { left: 0; }
  ul.dropdown ul { border-top: medium none; display: none; float: left; padding: 0; position: inherit; visibility: visible; width: 100%; }
  ul.dropdown ul li { float: left; width: 100%; }
  ul.dropdown ul li a { border-top: medium none; float: left; font-size: 12px; padding: 6px 0 5px 7%; width: 93%; }
  ul.dropdown ul li:hover a, ul.dropdown ul li.hover a { color: #5d5c5c; }
  ul.dropdown ul li a:hover, ul.dropdown li .darrow:hover, ul.dropdown li .selected.darrow { background: #f1efef none repeat scroll 0 0; color: #5d5c5c; }
  ul.dropdown ul li.active a { background: #22317f none repeat scroll 0 0; color: #fff; }
  ul.dropdown li a.dmenu { display: none; }
  ul.dropdown li .darrow { cursor: pointer; display: block; font-size: 12px; padding: 10px 4%; width: 92%; }
  ul.dropdown li .darrow_3 { cursor: pointer; display: block; font-size: 12px; padding: 6px 4% 5px 7%; width: 89%; text-transform: capitalize; font-family: "Lato", sans-serif;
font-weight: 400; letter-spacing: 1px; }
  ul.dropdown li .darrow img { float: right; margin-top: 7px; }
  ul.dropdown li .darrow_3 img { float: right; margin-top: 7px; }
  ul.dropdown li .sub_menu_3 li a { padding-left: 10%; width: 90%; font-size: 13px; }
  ul.dropdown li .darrow_3:hover, ul.dropdown li .selected.darrow_3 { background: #f1efef; color: #717171; }
  ul.dropdown li .sub_menu_3 li a { background: red; }
  ul.dropdown li .sub_menu_3 li a:hover { background: black; }
  ul.dropdown li#last-contact { display: block !important; }
  ul.dropdown li#last-contact a { color: #5d5c5c; font-size: 12px; letter-spacing: 0; }
  ul.dropdown li a { color: #5d5c5c; font-size: 12px; letter-spacing: 0; }
  ul.dropdown li a:hover, ul.dropdown li.selected a { color: #5d5c5c; }
  ul.dropdown li ul li ul { background: #fff; }
  ul.dropdown li ul li ul li { border-top: 0; }
  ul.dropdown ul li ul li a:hover { background: none !important; }
  .desktop { display: block; }
  .sub_menu_3.level_3 { left: 0; }


  .tab_content-inner { font-size: 18px; }
  .portfolio-tab li a { min-height: 54px;  }
  .tab-detail { width: 45%;  }
  ul.portfolio-detail li .description { width: 80%; }
  ul.portfolio-detail li .number { width: 15%; }
  #port-1 { left: 420px; top: 179px; }
  #port-2 { left: 379px; top: 290px; }
  #port-3 { left: 507px; top: 193px; }
  #port-4 { left: 270px; top: 267px; }
  #port-5 { left: 376px; top: 325px; }
  #port-6 { left: 101px; top: 239px; }
  #port-7 { left: 449px; top: 153px; }
  #port-8 { left: 563px; top: 238px; }
  #port-9 { left: 240px; top: 283px; }
  #port-10 { left: 126px; top: 257px; }
  #port-11 { left: 250px; top: 261px; }
  #port-12 { left: 260px; top: 290px; }
  #port-13 { left: 605px; top: 172px; }
  #port-14 { left: 453px; top: 242px; }
  #port-15 { left: 285px; top: 280px; }
  #port-16 { left: 153px; top: 244px; }
  #port-17 { left: 302px; top: 240px; }
  #port-18 { left: 615px; top: 230px; }
  #port-19 { left: 468px; top: 230px; }
  #port-20 { left: 84px; top: 231px; }
  #port-21 { left: 507px; top: 223px; }
  #port-22 { left: 141px; top: 225px; }
  #port-23 { left: 335px; top: 42px; }

  ul.bottom-menu-nav li:first-child a { padding-left: 52px;}
  .home-banner-inner { max-width: 100%; margin: auto 0; }
  .ppl-detail { width: 70%; }
  .element{ width: 44%; }
  .box-1, .box-2, .box-3 { width: 28%; }
  .home_stock_price img { max-width: 100%; }
  .home-about { width: 59%; }
  .home-content { top: 52.3% }
  .home-bottom-height { height: 290px; }




}
@media screen and (max-width: 940px){
  .bottom-menu-nav li { width: 32%; }
  .home-content { top: 53.2% }

}
@media screen and (max-width: 880px){
  .main-title { padding-right: 11%; }
  .home-content { top: 51.5%; }
  .home-bottom-height { height: 310px; }

}
@media screen and (max-width: 800px){
  .home-content { top: 52.6%; }
  .home-bottom-height { height: 330px; }

}
@media screen and (max-width: 799px){
  .second-menu ul.menu-nav li:first-child a { padding-left: 21px; }
  .second-menu ul.menu-nav li { width: 30%; }
}
@media screen and (max-width: 768px){
  img { outline: 0; max-width: 100%; height: auto; }
  .tab-detail { width: 50%; padding-left: 4%; }
  .portfolio-map { width: 700px;  }
  #map-wrap { width: 640px; }
  #port-1 { left: 352px; top: 146px; }
  #port-2 { left: 317px; top: 237px; }
  #port-3 { left: 425px; top: 156px; }
  #port-4 { left: 226px; top: 219px; }
  #port-5 { left: 315px; top: 266px; }
  #port-6 { left: 84px; top: 195px; }
  #port-7 { left: 376px; top: 123px; }
  #port-8 { left: 472px; top: 194px; }
  #port-9 { left: 200px; top: 231px; }
  #port-10 { left: 104px; top: 209px; }
  #port-11 { left: 209px; top: 211px; }
  #port-12 { left: 216px; top: 239px; }
  #port-13 { left: 507px; top: 140px; }
  #port-14 { left: 379px; top: 198px; }
  #port-15 { left: 240px; top: 231px; }
  #port-16 { left: 128px; top: 199px; }
  #port-17 { left: 253px; top: 195px; }
  #port-18 { left: 515px; top: 188px; }
  #port-19 { left: 392px; top: 186px; }
  #port-20 { left: 69px; top: 188px; }
  #port-21 { left: 424px; top: 182px; }
  #port-22 { left: 117px; top: 183px; }
  #port-23 { left: 280px; top: 34px; }
  #bod a.group { width: 143px; }
  .ppl-detail { width: 73%; }
  .second-menu ul.menu-nav li a { width: auto; padding: 10px 8px; }
  .portfolio-tab li a { min-height: 78px; }
  .top-img { margin-top: -29px; }
  .home-content { top: 53%; }
  .box-1, .box-2 { width: 47%; margin-top: -13.8%; }
  .box-2 { margin-left: 5%; }
  .box-3 { width: 99%; margin: 33px 0 0 0;  }
  .home-content { position: inherit; background: #fbfbfb; }
  .home-bottom-height { display: none; }
  .home-about { float: none; width: 99%; }
  .home-stock { float: none; width: 99%; padding: 8% 0 8% 0; }
  .chart-table { float: left; }
  #home_stock_price img { float: left; padding-right: 5%; width: 95%; }
  .chart-group { float: left;  width: 45%; }
  .chart-table { padding: 0; width: 45%; padding-left: 5%; }
  .alert-left { float: none; width: 98%; }
  .alert-right { float: none; width: 100%; padding: 3% 0 0 0; }
  .animate_img, .banner #slideshow { height: 383px; }
  #img1 { background: url('../images/tablet-home-banner-1_2021.jpg') no-repeat center; }
  #img2 { background:url('../images/tablet-home-banner-2_2021.jpg') no-repeat center; }
  #img3 { background:url('../images/tablet-home-banner-3_2021.jpg') no-repeat center; }
  #img4 { background:url('../images/tablet-home-banner-4_2021.jpg') no-repeat center; }
  #img5 { background:url('../images/tablet-home-banner-5_oct_2021.jpg') no-repeat center; }
  .home-bottom-alert-inner { padding-top: 50px; }
  .table-leasing tr td span { display: block; }
  .second-menu ul.menu-nav li:first-child a { padding-left: 5px; }
  .sub-menu-faq { text-align: center; }
  .menu-nav li.sub-menu-independent a { white-space: nowrap; }
  #ir_latest_news { padding-bottom: 50px; }
}

@media screen and (max-width: 741px){
  .tab-img { width: 100%; }
  .investment-element { width: 44%; }
  .top-img { margin-top: -20px; }
  .tab-detail { width: 100%; padding-left: 0; }


}



@media screen and (max-width: 650px){
  .pink { width: 13px; height: 19px;  }
  .blue { width: 13px; height: 19px;}
  .orange { width: 13px; height: 19px; }
  .purple { width: 13px; height: 19px; }
  .portfolio-map { width: 100%;  }
  #map-wrap { width: 100%; }
  #port-1 { left: 308px; top: 127px; }
  #port-2 { left: 278px; top: 208px; }
  #port-3 { left: 371px; top: 138px; }
  #port-4 { left: 198px; top: 193px; }
  #port-5 { left: 276px; top: 233px; }
  #port-6 { left: 74px; top: 170px;  }
  #port-7 { left: 329px; top: 109px; }
  #port-8 { left: 425px; top: 176px; }
  #port-9 { left: 176px; top: 202px; }
  #port-10 { left: 92px; top: 183px; }
  #port-11 { left: 183px; top: 186px; }
  #port-12 { left: 190px; top: 210px; }
  #port-13 { left: 443px; top: 122px; }
  #port-14 { left: 331px; top: 173px; }
  #port-15 { left: 209px; top: 201px; }
  #port-16 { left: 112px; top: 174px; }
  #port-17 { left: 222px; top: 170px; }
  #port-18 { left: 451px; top: 165px; }
  #port-19 { left: 343px; top: 164px; }
  #port-20 { left: 61px; top: 165px; }
  #port-21 { left: 371px; top: 159px; }
  #port-22 { left: 103px; top: 161px; }
  #port-23 { left: 246px; top: 31px; }

  ul.bottom-menu-nav li:first-child a, ul.bottom-menu-nav li a { padding-left: 40px;}
  #bottom-nav { display: none; }
  #footer { border-top: 1px solid #ddd; margin-top: 25px; }
  #bod a.group { width: 119px; }
  .contact-left { float: none; padding: 0; width: 100%; }
  .contact-right { float: none; padding: 0; width: 100%; }
  .element{ width: 43%; }
  .second-menu ul.menu-nav li:first-child a { padding-left: 21px; }
  .second-menu ul.menu-nav li { width: 50%; }
  .home-bottom-alert-inner { padding-top: 5%; }
  .home-about .logo-cg-emblem { position: inherit; left: 0; top: 0; padding-top: 25px;  }

}


@media screen and (max-width: 600px){
  .table-left { width: 48%; float: left; padding: 50px 2% 0 0; }
  .table-right { width: 48%; float: left;  padding: 50px 0 0 2%; }
  .pink { width: 11px; height: 16px; background: url(../images/pop-pink-small-480.png) no-repeat; }
  .blue { width: 11px; height: 16px; background: url(../images/pop-blue-small-480.png) no-repeat; }
  .orange { width: 11px; height: 16px; background: url(../images/pop-orange-small-480.png) no-repeat; }
  .purple { width: 11px; height: 16px; background: url(../images/pop-purple-small-480.png) no-repeat; }
  #port-1 { left: 285px; top: 118px; }
  #port-2 { left: 257px; top: 192px; }
  #port-3 { left: 343px; top: 128px; }
  #port-4 { left: 183px; top: 179px; }
  #port-5 { left: 255px; top: 216px; }
  #port-6 { left: 68px; top: 157px;  }
  #port-7 { left: 304px; top: 101px; }
  #port-8 { left: 381px; top: 158px; }
  #port-9 { left: 163px; top: 187px; }
  #port-10 { left: 86px; top: 170px; }
  #port-11 { left: 170px; top: 173px; }
  #port-12 { left: 176px; top: 194px; }
  #port-13 { left: 409px; top: 114px; }
  #port-14 { left: 306px; top: 160px; }
  #port-15 { left: 194px; top: 187px; }
  #port-16 { left: 104px; top: 162px; }
  #port-17 { left: 205px; top: 158px; }
  #port-18 { left: 416px; top: 153px; }
  #port-19 { left: 317px; top: 153px; }
  #port-20 { left: 57px; top: 153px; }
  #port-21 { left: 344px; top: 148px; }
  #port-22 { left: 96px; top: 149px; }
  #port-23 { left: 227px; top: 29px; }


}
@media screen and (max-width: 570px){
  .main-title { padding-right: 17%; }


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

}
@media screen and (max-width: 520px){
  .portfolio-tab li a { min-height: 52px; }
  /*480
  #port-1 { left: 226px; top: 93px; }
  #port-2 { left: 204px; top: 152px; }
  #port-3 { left: 273px; top: 100px; }
  #port-4 { left: 145px; top: 140px; }
  #port-5 { left: 202px; top: 171px; }
  #port-6 { left: 54px; top: 125px;  }
  #port-7 { left: 242px; top: 79px; }
  #port-8 { left: 303px; top: 125px; }
  #port-9 { left: 129px; top: 148px; }
  #port-10 { left: 67px; top: 134px; }
  #port-11 { left: 135px; top: 136px; }
  #port-12 { left: 140px; top: 153px; }
  #port-13 { left: 326px; top: 89px; }
  #port-14 { left: 243px; top: 127px; }
  #port-15 { left: 154px; top: 148px; }
  #port-16 { left: 82px; top: 128px; }
  #port-17 { left: 163px; top: 125px; }
  #port-18 { left: 331px; top: 120px; }
  #port-19 { left: 253px; top: 120px; }
  #port-20 { left: 44px; top: 121px; }
  #port-21 { left: 273px; top: 117px; }
  #port-22 { left: 75px; top: 117px; }
  #port-23 { left: 180px; top: 22px; }
  */


}
@media screen and (max-width: 480px){
  .portfolio-tab li { width: 50%; border-bottom: 1px solid #fff; }
  .bottom-menu-nav li { width: 50%; }
  .awards li img.images-left { float: none; }
  .awards li div { margin-left: 0; }
  .table-left { width: 100%; float: left; padding: 20px 0 0 0; }
  .table-right { width: 100%; float: left;  padding: 20px 0 0 0; }
  #bod a.group { width: 33%; }
  .ppl-detail { width: 100%; float: none; clear: both; padding: 0; }
  .mission li { float: none; width: 96%; }
  .investment-element { width: 100%; float: none; }
  .top-img { margin-top: -25px; }
  .portfolio-control, .portfolio-map { display: none; }
  .mob-show { display: block; }
  #map { height: 250px; }
  .box-1, .box-2 { margin-top: -14.1%; height: 421px; clear: both; }
  .bottom-read-more { padding-bottom: 0; }
  .box-1, .box-2, .certificate, .ar, .chart-group, .chart-table { width: 100%; }
  .certificate, .ar  { padding: 10% 0; }
  .box-2 { margin-top: 6%; margin-left: 0; }
  .box-3 { margin-top: 6%; }
  .chart-group img { margin: 0 0 10px 0; }
  .chart-table { padding: 5% 0; }
  .footer-email input[type="text"] { width: 66%; }
  .btn-read-more { position: inherit; }
  .chart-note { clear: both; }
  .table-leasing tr td:nth-child(1) { display: none;  }
  .table-leasing tr th:nth-child(1) { display: none;  }
  .contact-inner { padding-top: 6%;  }
  .animate_img, .banner #slideshow { height: 250px; }
  #img1 { background: url('../images/mobile-home-banner-1-600_2021.jpg') no-repeat center; }
  #img2 { background:url('../images/mobile-home-banner-2-600_2021.jpg') no-repeat center; }
  #img3 { background:url('../images/mobile-home-banner-3-600_2021.jpg') no-repeat center; }
  #img4 { background:url('../images/mobile-home-banner-4-600_2021.jpg') no-repeat center; }
  #img5 { background:url('../images/mobile-home-banner-5-600_oct_2021.jpg') no-repeat center; }
  .box-1 img, .box-2 img, .certificate img, .ar img, .chart-group img { width: 100%; }
  .table-container { width: 100%; overflow-y: auto; _overflow: auto; margin: 0; }

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

}
@media screen and (max-width: 450px){
  .strategy li { width: 100%; padding: 0; border-left: none; }
  .strategy li.top { margin-top: 2%;}
  .element{ width: 96%; }

}
@media screen and (max-width: 420px){
  .second-menu ul.menu-nav li:first-child a { padding-left: 0px; }
  .second-menu ul.menu-nav li a { padding: 10px 0; }
  .second-menu ul.menu-nav li { width: 50%; }
  .switch-to-landscape { display: block; width: 190px; height: 184px; background: url(../images/icon-landscape.jpg) no-repeat; background-size: 85% auto; margin: 0; }
  ul.portfolio-detail li .description { width: 100%; }
  ul.portfolio-detail li .dot { display: none;  }
  ul.portfolio-detail li .number { width: 100%; }
  
  .home-about {
	  bottom: 0px;
  }

}
@media screen and (max-width: 380px){
  .portfolio-tab li { width: 100%; border-bottom: 1px solid #fff; }
  .portfolio-tab li a { min-height: 20px; }
  .bottom-menu-nav li { width: 100%; }




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


}

@media screen and (max-width: 320px){
  #bod a.group { width: 100px; }

}

/*to remove kallang way yellow button 03312016*/
a#port-14 {
    display: none;
}

.embed-vid-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 */
}
.embed-vid-wrap iframe,
.embed-vid-wrap video {
  position: absolute;
  width: 100%;
  height: 100%;  
}

.img-responsive {
  max-width: 100%;
  height: auto;
}