/* Responsive */
@media only screen and (min-width: 1081px) {
	#menuToggle {
		display: none;
	}
}
@media (orientation: landscape) {
	.debug {
		background-color: blue !important;
	}
	.mobile-only {
		display: none !important;
	}
	.mobile-inline-only {
		display: none !important;
	}
}
@media (orientation: portrait) {
	.floating-bar nav {
		position: fixed;
		right: 0px;
		top: 0px;
		float: none !important;
	}
	.debug {
		background-color: orange !important;
	}
	.floating-bar {
		background-color: #fff;
		height: 50px;
	}
	.site-title {
		top: 50%;
	}
	body {
		font-size: 14px;
	}
	.review-charts {
		padding: 20px;
	}
	.section.highlights {
		padding-top: 1em;
		padding-bottom: 3em;
	}
	.review-charts img {
		height: 200px;
	}
	#menu {
		width: 100vw;
	}
	.floating-bar .logo {
		transform: none;
	}
	.slide-mobile-video {
		position: relative;
		border: 10px solid #ffffff;
	}
	.slide-mobile-video img {
		box-sizing: border-box;
	}
	.footer-bar {
		position: relative;
		padding: 20px;
		box-sizing: border-box;
	}
	.desktop-only {
		display: none !important;
	}
	.mobile-only {
		
	}
	.mobile-inline-only {
		display: inline-block !important;
	}
	.slide-intro .layer-2 {
		background-image: url(../img/slide-1-layer-2-mobile-20190419.png);
	}
	.dark-overlay:before {
		opacity: 1;
	}
	.fullpage-text .text,
	.slide-action-dropdown ul li a {
		font-size: 20px;
	}
	.slide-action-dropdown ul  {
		margin: 1em 0;
	}
	.slide-action-dropdown ul ul {
		margin: 0 0 0 1em;
	}
	.slide-action-dropdown ul li {
		margin-bottom: 0.4em;
	}
	.slide-action-dropdown .grid .grid-item {
		display: block;
		width: 100%;
	}
	.slide-action-dropdown .grid .grid-item-title, .slide-action-dropdown .grid .grid-item-title span {
		font-size: 18px;
	}
	.slide-action-dropdown .grid {
		text-align: left;
	}
	.slide-action-dropdown .grid .grid-item-thumb {
		width: 100px;
	}
	.slide-action-dropdown .grid .grid-item-content {
		width: auto;
	}
	.slick-next, .slick-prev {
		width: 18px;
		height: 45px;
		top: calc(50% - 22px);
	}
	.slick-dots li button:before {
		font-size: 10px;
	}
	.floating-bar .icons.mobile-only {
		float: none;
		margin-left: 1em;
	}
	.floating-bar .icons.mobile-only a.ebook {
		background-image: url(../img/icon-download.png);
	}
	.floating-bar .icons.mobile-only a.download {
		background-image: url(../img/icon-ebook-white.png);
	}
	.floating-bar .icons.mobile-only a.share {
		background-image: url(../img/icon-share-dark.svg);
	}
	.fullpage-text {
		height: 100%;
		overflow-y: auto;
		width: 80%;
		padding-top: 12vh;
	}
	.slide-temp:before {
		content: ' ';
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		z-index: 2;
		background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
		background: linear-gradient(135deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); 
	}
	.fullpage-text .title,
	.fullpage-text .title2,
	.slide-intro .fullpage-text .title,
	.slide-intro .fullpage-text .title2 {
		font-size: 6vw;
	}
	.slide-intro .fullpage-text .title {
		line-height: 1.1em;
		width: 60%;
	}
	.slide-intro .floating-text {
		font-size: 3vw;
		line-height: 1.1em;
		width: 100%;
		top: 9vh;
	}
	.slide-intro .fullpage-text .title2 {
		font-size: 5vw;
		line-height: 1.1em;
	}
	.slide-intro.slide-temp .fullpage-text .title {
		font-size: 7vw;
		margin-top: 1em;
		margin-bottom: 0px;
	}
	.fullpage-text .action {
		margin-top: 10px;
	}
	.fullpage-text .text {
		display: none;
	}
	.fullpage-text .action .button {
		transform-origin: left;
	}
	
	.footer-download {
		padding: 3vw 0;
	}
	.footer-download .grid .grid-item {
		width: 30%;
		margin-left: 1%;
		margin-right: 1%;
		vertical-align: top;
	}
	.footer-download .grid .grid-item.title {
		display: block;
		width: 100%;
		margin-bottom: 0px;
	}
	.footer-download .grid .grid-item-label {
		font-size: 18px;
	}	
	.footer-download .grid .grid-item-title {
		font-size: 14px;
	}
	.footer-download .grid .grid-item-thumb {

	}
	.footer-download .grid .grid-item-content {
		
	}
	.footer-download .grid .grid-item.action {
		width: 100%;
	}
	.footer-download .grid .grid-item.action .action {
		margin-top: 0px !important;
	}
	.page-col-sidebar {
		display: block;
		position: relative;
		width: 100%;
	}
	.page-col-sidebar .sidebar {
		max-width: none;
	}
	.page-col-main {
		width: 100%;
	}
	.footer-menu {
		padding: 0;
	}
	.footer-menu ul li {
		display: block;
		width: 100%;
		text-align: center;
		padding: 0.5em 0;
		border-bottom: 1px solid #666666;
		font-size: 13px;
	}
	.footer-menu ul li:not(:last-of-type):after {
		display: none;
	}
	#menuToggle {
		
	}
	.fixed-section {
		position: relative;
		height: auto;
	}
	body .fixed-section .banner {
		background-image: none !important;
		height: auto;
	}
	body .fixed-section .menu {
		width: auto;
		margin: 20px 20px 0px;
		padding: 0px;
		text-align: left;
		background-color: #f05a22;
		color: #ffffff;
		border-radius: 6px;
		padding: 0px 20px;
		position: relative;
		overflow: hidden;
	}
	body .fixed-section .menu .menu-title {
		padding: 0.8em 1.5em 0.8em 0;
	}
	body .fixed-section .menu ul li a,
	body .fixed-section .menu ul li:hover a,
	body .fixed-section .menu ul li.current a {
		color: #ffffff;
		text-decoration: none;
		
	}
	body .fixed-section .menu ul li:hover a,
	body .fixed-section .menu ul li.current a {
		color: #024DA1;
	}
	body .fixed-section .menu ul li:hover:after, body .fixed-section .menu ul li.current:after {
		display: none;
	}
	.fixed-section {
		background-color: transparent;
	}
	.scroll-content {
		width: auto;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	.content-box {
		-webkit-box-shadow: none;
	    -moz-box-shadow: none;
	    box-shadow: none;
	    padding: 20px;
	}
	.content-color-box {
		padding: 20px;
		margin-left: -20px;
		margin-right: -20px;
	}
	.content-color-box2 {
		margin-left: -20px;
		margin-right: -20px;
	}
	.content-box .content-color-box2-wrap {
		padding: 20px 20px 0px;
	}
	.tm-one-ir-title {
		overflow: hidden;
	}
	.tm-one-ir-title img {
		float: left;
		margin-top: -10px;
	}
	.content-box .page-label {
		display: none;
	}
	.fixed-section .menu-title {
		position: relative;
		cursor: pointer;
		font-size: 18px;
	}
	.fixed-section .menu-title:after {
		content: ' ';
		display: inline-block;
		width: 10px;
		height: 2.5em;
		background: transparent url(../img/icon-chevron-right.svg) center center no-repeat;
		background-size: 12px 12px; 
		vertical-align: middle;
		-webkit-transition: transform .2s;
		transition: transform .2s;
		position: absolute;
		right: 0;
		top: 0;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	body .fixed-section .menu .sub-menu > a:after {
		background-image: url(../img/icon-chevron-right.svg);
		right: 0;
	}
	body .fixed-section .menu .sub-menu ul {
		margin-left: 1em;
	}
	.fixed-section .menu-title.active:after {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
	body .fixed-section .menu ul {
		display: none;
		margin-bottom: 10px;
	}
	body .fixed-section .menu ul ul {
		margin-bottom: 0px;
	}
	body .fixed-section .menu ul li {
		margin: 0px;
		padding: 5px 0px;
	}
	.content-download-section {
		text-align: center;
	}
	.material-list table td,
	.material-list table th {
		padding: 0.8em;
	}
	.material-chart .chart {
		display: block;
		width: auto;
	}
	.material-chart .chart-legend {
		display: block;
		width: auto;
	}
	.legend-box {
		display: inline-block;
		vertical-align: top;
		width: 24.5%;
		box-sizing: border-box;
		padding: 1em;
	}
	.slide-intro .floating-text { 
		top: 12vh;
	}
	.business-review-img, .business-review-stats {
		display: block;
		width: auto;
	}
	.business-review-img {
		margin-bottom: 1em;
	}
	.business-review-img img {
		width: auto;
	}
	.img-malaysia img {
		width: 43%;
		margin-left: 5%;
	}
	.vip-item-box.additional p {
		display: block;
		width: auto;
	}
	.chart-operating .chart-numbers-wrap {
		padding-top: 5%;
	}
	.chart-operating .chart-numbers .year, .chart-operating .chart-numbers .unit {
		font-size: 2vw;
	}
	.chart-operating .chart-numbers .count .num {
		font-size: 2.5vw;
	}
	.section.performance .banner-full .more-content .tab-content .cols.programme {
		text-align: center;
	}
	.section.performance .banner-full .more-content .tab-content .cols.programme img {
		width: auto;
		margin: 1em auto;
	}
	.cols.programme .col.right {
		background: none;
	}
	.cols .col.col-3-10 {
		min-width: 200px;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	/* yyy */
	.chart-ach-1 {
		height: 25vh;
	}
	.mobile-device.modal-open:not(.highlights-open) {
		overflow: hidden;
	}
	.content-box-scroll {
		margin-top: 3em;
		margin-bottom: 3em;
		margin-left: auto;
		margin-right: auto;
		max-width: 90%;
		width: 100%;
	}
	.section.expand .section-scroll {
		display: block !important;
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index: 999;
		overflow: auto;
	}
	/* .section.expand .section-scroll > .slide-cols {
		height: 0px;
	} */
	.section.expand .section-scroll .performance-section {
		display: none;
	}
	.floating-bar .icons > a:not(.share):not(.modal-close),
	.floating-bar .icons .share-menu {
		margin-top: 12px;
		margin-bottom: 12px;
	}
	body.modal-open .modal-close {
		width: 48px;
		height: 48px;
	}
	.section.expand .slide-cols {
		position: relative;
		height: auto;
	}
	.section.expand .hidden-banner {
		display: block;
	}
	.section.expand .slide-cols .new-title {
		transform: translateX(0px);
		opacity: 1;
		margin: 0px -6% 1em;
		background-color: red;
		padding: 20vh 30% 20vh 6%;
		font-size: 36px;
		background-size: cover !important;
	}
	.section.expand .tower-box {
		transform: translateX(0px);
	}
	.section.expand .slide-col p {
		opacity: 1;
		transform: translateX(0px);
		
	}
	.section.expand .stat-block {
		max-width: 380px;
		width: 90%;
		margin: 0 auto 40px;
	}
	.section.expand .stat-block.chart-towers-total  {
		max-width: 480px;
	}
	.section.slide-upgrades .chart-mobile-states {
		background-color: #7DB340;
	}
	.section.slide-suburban .chart-mobile-states {
		background-color: #7DB340;
		margin-top: -200px;
	}
	.section.slide-fibre .chart-mobile-states {
		background-color: #B49B76;
	}
	.section.slide-upgrades .chart-mobile-states.white .stat span {
		color: #0058A6;
	}
	.section.expand .submarine-map img {
		transform: scale(1);
		max-width: 100%;
		margin: 0px auto;
	}
	.chart.total-distance.mobile-only {
		position: relative;
		bottom: 0;
		height: 180px;
		margin-top: -100px;
		margin-bottom: 20px;
	}
	.chart.total-distance .stats .stat {
		font-size: 48px;
	}
	body.modal-open .smart-hand {
		display: none;
	}
	.section.expand .chart-smart-states .stat {
		opacity: 1;
	}
	.chart-internet-states > br,
	.chart-smart-states > br {
		display: none;
	}
	.section.expand .chart-internet-states .stat {
		opacity: 1;
	}
	.section.expand .wifi-bg-layer {
		display: none;
	}
	.slide-wifi .stats {
		width: 100%;
		display: block;
		margin-bottom: 0px;
	}
	.section .chart-wifi-states .stat {
		width: 110px;
	}
	.inside-content .banner {
		height: auto;
	}
	.inside-content .banner img {
		display: block;
	}
	.banner.chairman {
		background-image: none;
	}
	.banner.chairman .banner-caption {
		margin: 0;
		width: 100%;
		height: auto;
	}
	.banner.chairman .banner-caption .banner-caption-wrap {
		height: auto;
	}
	.inner-page {
		padding-top: 49px;
	}
	.banner.chairman .banner-caption h1 {
		font-size: 36px;
		margin: 0.5em 0 1em;
	}
	.banner.chairman .banner-caption .footnote {
		position: relative;
		bottom: 0;
	}
	.inside-content .row .wrapper .left, .inside-content .row .wrapper .right {
		padding: 0px;
		border: 0px;
		display: block;
		width: 100%;
	}
	.inside-content .row.cols2 .wrapper:after {
		display: none;
	}
	body.fund .inside-content-inner .box .col {
		width: 100%;
		display: block;
	}
	body.fund .inside-content-inner .box .col img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	body.fund .inside-content-inner .box-bg {
		margin-top: 0px;
	}
	.row.fund-collection h2,
	.row.fund-claims h2 {
		font-size: 24px;
	}
	.slide-suburban .chart-mobile-states.white .stat {
		margin-left: 10px;
		margin-right: 10px;
	}
	.slide-suburban .chart-mobile-states.white .stat span {
		color: #0c6ab4;
		font-size: 11px;
	}
	.slide-suburban .chart-mobile-states.white .stat span.num {
		font-size: 18px;
	}
	.banner.statement {
		background-position: right center;
	}
	.inside-content .banner.statement {
		height: 80vh;
	}
	.banner.statement .banner-caption h1 {
		font-size: 36px;
	}
	.banner.statement .banner-caption .banner-caption-wrap {
	    padding: 1em 6%;
	}
	.banner.statement .banner-caption .banner-caption-wrap > h1 {
		position: absolute;
		top: 1em;
	}
	.banner.statement .banner-caption .banner-caption-wrap > .download {
		position: absolute;
		bottom: 5vh;
	}
	.floating-bar .icons {
		margin-right: 12px;
	}
	body.modal-open .modal-close {
		margin-left: 12px;
	}
	
	/* Disable animation */
	.timeline {
		margin-top: 3rem;
		width: 100%;
	}
	.highlights-boxes .highlights-side {
		border: 0px;
		padding: 0px;
		max-height: none;
	}
	.section .slide-cols {
		height: 100vw;
	}
	.section .slide-cols .slide-col.col2 {
		width: 40%;
		margin-left: auto;
	}
	.section .slide-col div.text:not(.nohide) {
		display: none;
		
	}
	/* Mobile Start */
	.highlights-boxes-title {
		margin-top: 2rem;
	}
	.highlights-boxes {
		display: block;
	}
	.highlights-boxes .highlights-main,
	.highlights-boxes .highlights-side {
		width: 100%;
	}
	.highlights-boxes .highlights-side {
		border-top: 1px solid #cccccc;
		padding-top: 2em;	
	}
	.highlights-boxes .highlights-side {
		margin-top: 1em;
	}
	.highlights-boxes {
		margin-bottom: 1em;
	}
	.highlights-boxes-title img {
		max-width: 80%;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.slick-dots li {
		margin: 0 3px !important;
	}
	.arrow-down {
		width: 40px;
		bottom: 3%;
		left: calc(50% - 20px);
	}
	.arrow-up {
		width: 40px;
		top: 5%;
		left: calc(50% - 20px);
	}
	.slick-dotted.slick-slider {
		margin-bottom: 0px;
	}
	.slick-dots {
		bottom: 10px !important;
	}
	.slick-dots li button:before {
		color: #cccccc;
		opacity: 1;
	}
	.slick-dots li.slick-active button:before {
		color: #10275F;
		opacity: 1;
	}
	.fp-viewing-home .floating-bar .logo {
		display: block;
	    height: 49px;
	    width: 56px !important;
	    padding: 0px;
	    margin: 0;
	    background-color: #ffffff;
	    background-size: 80%;
	    background-position: center center;
	}
	.floating-bar .box {
		padding-left: 0px;
		padding-right: 0px;
	}
	#menu > ul > li {
		display: block;
	}
	#menuToggle input:checked ~ div {
	    transform: translate(calc(-100% + 56px), 0);
	    opacity: 1;
	}
	.menu-bottom {
	}
	.arrows {
		display: none !important;
	}
	.slick-slide img {
		height: auto;
		width: 100%;
	}
	.slide-bg {
		width: 100vw;
		height: auto;
	}
	.mobile-slides .slide .slide-bg-table,
	.mobile-slides .slide .slide-bg-table .slide-bg-cell {
		display: block;
	}
	.mobile-slides .slide .slide-bg-table .slide-bg-cell .separator-img.placeholder {
		position: relative;
		top: auto;
		left: auto;
	}
	.mobile-slides .slide .slide-bg-table .slide-bg-cell .separator-img:not(.placeholder) {
		
	}
	.fp-section.fp-table {
		height: auto;
	}
	.floating-bar .logo {
		margin: 5px 0px !important;
		padding: 0px !important;
		height: 40px;
		width: 100px;
		margin-left: 10px !important;
		box-sizing: border-box;
	}
	.mobile-section-title {
		font-size: 24px;
		color: #636466;
		
		text-align: center;
		margin-bottom: 1em;
	}
	.section.slide-achievement {
		background-color: #E2E2E2;
		padding: 5vw;
	}
	.hidden-banner {
		display: none;
	}
	.ach-thumbs {
		
	}
	.ach-thumbs a {
		display: block;
		text-align: center;
		background-color: #ffffff;
		position: relative;
	}
	.ach-thumbs a .mobile-arrow {
		text-align: left;
		width: 26px;
		display: block;
		position: absolute;
		bottom: 0px;
		padding: 1em 2em;
		width: 100%;
		box-sizing: border-box;
		background: transparent url(../img/mobile-gradient-bottom.png) left bottom repeat-x;
		background-size: auto 100%;
	}
	.ach-thumbs a.completed {
		background-color: #F0EFF0;
	}
	.ach-thumbs a.initiatives {
		background-color: #1D3149;
		background-image: url(../img/mobile-achievement-initiatives-bg.png);
		background-position: right center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.ach-thumbs a.midterm {
		background-color: #D4DDE8;
		background-image: url(../img/mobile-achievement-midterm-bg.svg);
		background-position: right center;
		background-repeat: no-repeat;
		background-size: auto 80%;
	}
	
	.section-thumbs {
		
	}
	.section-thumbs a {
		display: block;
		text-align: left;
		position: relative;
		cursor: pointer;
	}
	.section-thumbs a .mobile-arrow {
		text-align: left;
		display: block;
		position: absolute;
		left: 0px;
		bottom: 0px;
		padding: 1em 2em 2em;
		width: 100%;
		box-sizing: border-box;
		background: transparent url(../img/mobile-gradient-bottom.png) left bottom repeat-x;
		background-size: auto 100%;
		z-index: 2;
	}
	.section-thumbs a .thumb-title {
		font-size: 24px;
		color: #ffffff;
		
		position: relative;
		z-index: 2;
	}
	.section-thumbs a .box {
		border-top-right-radius: 10vw;	
		padding: 30vw 5vw 18vw;
		position: relative;
	}
	.section-thumbs a.tower {
		background: #E94153;
	}
	.section-thumbs a.tower .box {
		background: #E94153 url(../img/mobile-tower-thumb-bg.jpg) right bottom no-repeat;
		background-size: cover;
	}
	.section-thumbs a.upgrade {
		background-color: #5084A7;
	}
	.section-thumbs a.upgrade .box {
		background: #E94153 url(../img/mobile-upgrade-thumb-bg.jpg) center top no-repeat;
		background-size: cover;
	}
	.section-thumbs a.suburban {
		background-color: #FFA800;
	}
	.section-thumbs a.suburban .box {
		background: #E94153 url(../img/mobile-suburban-thumb-bg.jpg) center top no-repeat;
		background-size: cover;
	}
	.section-thumbs a.fibre {
		background-color: #E94153;
	}
	.section-thumbs a.fibre .box {
		background: #E94153 url(../img/mobile-fibre-thumb-bg.jpg) center top no-repeat;
		background-size: cover;
	}
	.section-thumbs a.submarine {
		background-color: #1F3249;
	}
	.section-thumbs a.submarine .box {
		background: #E94153 url(../img/mobile-submarine-thumb-bg.jpg) center top no-repeat;
		background-size: cover;
	}
	.section-thumbs a.smart {
		background-color: #FDB913;
	}
	.section-thumbs a.smart .box {
		background: #E94153 url(../img/mobile-smart-thumb-bg.jpg) center top no-repeat;
		background-size: cover;
	}
	.section-thumbs a.internet {
		background-color: #5084A7;
	}
	.section-thumbs a.internet .box {
		background: #E94153 url(../img/mobile-internet-thumb-bg.jpg) center top no-repeat;
		background-size: cover;
	}
	.section-thumbs a.wifi {
		background-color: #E94153;
	}
	.section-thumbs a.wifi .box {
		background: #E94153 url(../img/mobile-wifi-thumb-bg.jpg) center top no-repeat;
		background-size: cover;
	}
	.section.ceo .slide-cols .slide-col.col1,
	.section.chairman .slide-cols .slide-col.col1,
	.section.cfo .slide-cols .slide-col.col1 {
		display: none !important;
	}
	.section .slide-cols .slide-col.col2 {
		display: block !important;
		width: 100% !important;
		padding-left: 0px;
		padding-right: 0px;
	}
	img.cover {
		
	}
	.slide-download .slide-cols .slide-col {
		padding-bottom: 3em;
	}
	.section.slide-download .slide-col p {
		opacity: 1;
		transform: none;
		padding: 0 1em;
		font-size: 14px;
	}
	.section a.btn {
		opacity: 1;
		transform: none;
		display: inline-block;
		font-size: 11px;
		padding: 10px 20px;
	}
	.copyright {
		border-top: 1px solid #dddddd;
		padding-top: 1em !important;
		padding-bottom: 1em !important;
		font-size: 12px;
		line-height: 1.6em;
	}
	.section.slide-wifi .slide-cols .slide-col.col1 {
		display: block !important;
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
	}
	#slide-download .slide-cols .slide-col {
		padding-bottom: 3em;
	}
	#slide-upgrades {
		background-color: #efede0;
	}
	.upgrades-mobile {
		padding: 3em;
	}
	.white {
		color: #ffffff;
	}
	.content-box-scroll {
		margin-top: 0px;
		margin-bottom: 20px;
	}

	.section.chairman .slide-cols {
		background-image: url(../img/bg-chairman.jpg);
		background-position: center top !important;
		background-size: cover !important;
	}
	.section.chairman .slide-cols .slide-col.col2 {
		background-color: transparent;
		padding: 0px;
		background-image: url(../img/chairman-hero.png);
		background-position: right 0vw top 0vw !important;
		background-size: auto 120% !important;
		background-repeat: no-repeat;
	}
	.section.chairman .slide-cols .slide-col.col2 .content-box-table {
		background: -moz-linear-gradient(0deg, rgba(0,0,0,0.9023984593837535) 0%, rgba(0,0,0,0) 50%);
		background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.9023984593837535) 0%, rgba(0,0,0,0) 50%);
		background: linear-gradient(0deg, rgba(0,0,0,0.9023984593837535) 0%, rgba(0,0,0,0) 50%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	}
	.section.chairman .slide-col div.title {
		width: 60%;
		max-width: 360px;
		margin-bottom: 0px;
		margin-top: 10vw;
	}
	.section.chairman .slide-col div.title img {
		width: 100%;
	}
	.section.chairman .slide-col div.title img.mobile-designation {
		width: 80%;
	}
	.section.chairman.active.expand .slide-cols .title .mobile-title,
	.section.chairman.active.expand .slide-cols .actions {
		display: none;
	}
	.section.chairman.active.expand .slide-col div.title,
	.section.ceo.active.expand .slide-col div.title,
	.section.cfo.active.expand .slide-col div.title {
		margin-top: 15vw;
	}
	.section.chairman.active.expand .slide-cols .slide-col.col2 {
		background-position: right 0vw top 0vw !important;
		background-size: 80% auto !important;
	}
	.section.sustain .section-scroll {
		background-image: none;
	}
	.section.sustain .slide-cols {
		background-image: url(../img/bg-sustain-mobile.jpg);
		background-position: center top !important;
		background-size: 100% auto !important;
		background-repeat: no-repeat;
	}
	.section.sustain .content-box-cell {
		vertical-align: bottom;
	}
	
	.section.ceo .slide-cols {
		background-image: url(../img/bg-chairman.jpg);
		background-repeat: repeat-y;
		background-size: 100% auto;
		background-position: left top;
	}
	.section.ceo .slide-cols .slide-col.col2 {
		background-color: transparent;
		padding: 0px;
		background-image: url(../img/ceo-hero2.png);
		background-position: left 0vw top -5vw !important;
		background-size: auto 140% !important;
		background-repeat: no-repeat;
	}
	.section.ceo .slide-cols .slide-col.col2 .content-box-table {
		background: -moz-linear-gradient(0deg, rgba(0,0,0,0.9023984593837535) 0%, rgba(0,0,0,0) 50%);
		background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.9023984593837535) 0%, rgba(0,0,0,0) 50%);
		background: linear-gradient(0deg, rgba(0,0,0,0.9023984593837535) 0%, rgba(0,0,0,0) 50%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	}
	.section.ceo .slide-col div.title {
		width: 60%;
		max-width: 360px;
		margin-bottom: 0px;
		margin-top: 10vw;
		margin-left: auto;
		margin-right: 0px;
		display: block;
		text-align: right;
	}
	.section.ceo .slide-col .actions {
		text-align: right;
	}
	.section.ceo .slide-col div.title img {
		width: 100%;
	}
	.section.ceo .slide-col div.title img.mobile-designation {
		width: 80%;
	}
	.section.ceo.active.expand .slide-cols .title .mobile-title,
	.section.ceo.active.expand .slide-cols .actions {
		display: none;
	}
	.section.ceo.active.expand .slide-cols .slide-col.col2 .content-box-table .content-box-cell {
		text-align: right;
	}
	.section.ceo.active.expand .slide-cols .slide-col.col2 {
		background-position: left 0vw top -3vw !important;
		background-size: 120% auto !important;
	}
	
	
	.section.cfo .slide-cols {
		background-image: url(../img/bg-cfo.jpg);
		background-repeat: repeat-y;
		background-size: 100% auto;
		background-position: left top;
	}
	.section.cfo .slide-cols .slide-col.col2 {
		background-color: transparent;
		padding: 0px;
		background-image: url(../img/cfo-hero2.png);
		background-position: right top !important;
		background-size: auto 100% !important;
		background-repeat: no-repeat;
	}
	.section.cfo .slide-cols .slide-col.col2 .content-box-table {
		background: -moz-linear-gradient(0deg, rgba(0,0,0,0.9023984593837535) 0%, rgba(0,0,0,0) 50%);
		background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.9023984593837535) 0%, rgba(0,0,0,0) 50%);
		background: linear-gradient(0deg, rgba(0,0,0,0.9023984593837535) 0%, rgba(0,0,0,0) 50%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	}
	.section.cfo .slide-col div.title {
		width: 60%;
		max-width: 360px;
		margin-bottom: 0px;
		margin-top: 10vw;
	}
	.section.cfo .slide-col div.title img {
		width: 100%;
	}
	.section.cfo .slide-col div.title img.mobile-designation {
		width: 80%;
	}
	.section.cfo.active.expand .slide-cols .title .mobile-title,
	.section.cfo.active.expand .slide-cols .actions {
		display: none;
	}
	.section.cfo.active.expand .slide-cols .slide-col.col2 .content-box-table .content-box-cell {
		
	}
	.section.cfo.active.expand .slide-cols .slide-col.col2 {
		background-position: right 0vw top 0vw !important;
		background-size: 70% auto !important;
	}
	
	
	.section.chairman .vip *,
	.section.ceo .vip *,
	.section.cfo .vip * {
		text-align: right;
	}
	.section.active.expand .slide-cols {
		background-size: cover !important;
		background-position: center top !important;
	}
	.section a.watch-video.btn {
		float: right;
		margin-right: 0px;
		clear: both;
	}
	.section.ceo a.btn,
	.section.chairman a.btn {
		clear: both;
	}
	.section.performance .slide-cols {
		padding: 2rem;
		height: auto;
	}
	.section.performance .slide-cols .performance-section {
		padding: 1rem;
		text-align: center;
	}
	.performance-boxes {
		display: block;
	}
	.performance-title:after {
		width: 100%;
	}
	.performance-boxes .performance-box a.btn {
		display: inline-block;
	}
	.performance-boxes .performance-box {
		margin-bottom: 2em;
		padding-bottom: 2em;
		border-bottom: 4px solid rgba(200,200,200,0.5);
		background: none;
	}
	.active .performance-boxes .performance-box .performance-box-top {
		margin-bottom: 1em;
	}
	.active .performance-boxes .performance-box:last-of-type {
		border-bottom: 0px;
		margin-bottom: 0px;
	}
	.slide-download, .slide-download.section .slide-cols {
		height: auto;
	}
	.slide-download.section .slide-cols {
		display: block;
	}
	#slide-download .slide-cols .slide-col {
		padding: 0px;
	}
	.slide-download .slide-cols .slide-col.col1,
	.slide-download .slide-cols .slide-col.col2,
	.slide-download .slide-cols .slide-col.col3 {
		width: 100%;
	}
	.slide-download .slide-cols {
		padding: 0px;
	}
	.slide-download .slide-cols .slide-col.col1,
	.slide-download .slide-cols .slide-col.col2 {
		text-align: center;
	}
	#slide-download .slide-cols .slide-col.col2 {
		text-align: center;
		padding-right: 0px;
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.slide-download .slide-cols .slide-col .actions {
		
	}
	.slide-download .slide-cols .slide-col .actions .btn {
		margin-left: auto;
		margin-right: auto;
	}
	img.cover {
	}
	.main-download-title {
		font-size: 1.4rem;
	}
	#slide-download .slide-cols .slide-col.col3 {
		padding: 1rem 2rem 2rem;
	}
	.download-by-title {
		text-align: center;
	}
	.download-sections {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}
	.card .mini-card .mini-card-content {
		border-width: 10px;
	}
	#menuToggle {
		padding: 18px 18px;
	}
	#menuToggle:before {
		width: 56px;
		height: 56px;
	}
	#menuToggle input {
		width: 56px;
		height: 56px;
	}
	.section.ceo.expand .slide-cols .slide-col.col2,
	.section.chairman.expand .slide-cols .slide-col.col2,
	.section.cfo.expand .slide-cols .slide-col.col2 {
		transform: none !important;
		margin-top: 50px;
	}
	.banner-full .more-content-actions {
		box-sizing: border-box;
		padding: 1rem;
	}
	.performance-content-cols {
		margin-top: 57px;
		display: block;
	}
	.performance-content-cols .col1,
	.performance-content-cols .col2 {
		width: 100%;
	}
	.mobile-only .text-ceo {
		margin-left: 0px;
		display: block;
	}
	.mobile-only .text-ceo img {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	.mobile-only .text-ceo .text-ceo-text {
		width: 100%;
		max-height: none;
		box-sizing: border-box;
	}
	.performance-content-cols .col1 {
		padding: 1rem;
		box-sizing: border-box;
		text-align: center;
	}
	.performance-content-cols .col1 img {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.section.performance.expand .anim-box {
		display: inline-block;
	}
	.section.performance.expand .anim-box .line1 {
		font-size: 2rem;
	}
	.section.performance.expand .anim-box .line2 {
		font-size: 1.6rem;
	}
	.performance-content-cols .col2 {
		padding: 0 1rem 2rem 1rem;
	}
	.performance.expand .strategic-quote {
		font-size: 1.1rem;
	}
	.pop-tabs {
		white-space: nowrap;
		overflow: auto;
		padding-bottom: 1rem;
	}
	.section.performance .banner-full .more-content .tab-content .bigger {
		font-size: 1.2rem;
	}
	.policy-boxes {
		flex-wrap: wrap;
		margin-left: 0px;
		margin-right: 0px;
		justify-content: center;
	}
	.policy-boxes img {
		padding: 0.6em;
		box-sizing: border-box;
	}
	.section.performance .banner-full .more-content .tab-content img {
		
	}
	.arrow-chart .chart-arrow,
	.chart-results .chart-arrow {
		font-size: 4vw;
	}
	.arrow-chart .chart-arrow *,
	.chart-results .chart-arrow * {
		line-height: 1.1em;
	}
	.section.active.expand .slide-cols {
		height: 40vh;
	}
	.section.active.performance.expand .slide-cols {
		height: 100vh;
	}
	.section.active.management.expand .slide-cols {
		height: auto;
	}
	.financing-offer-charts .col {
		margin-bottom: 2rem;
	}
	.gtfs-five {

	}
	.gtfs-five img {
		width: 26% !important;
		display: inline-block !important;
		flex-basis: auto !important;
	}
	.gtfs-five img:nth-child(1) {
		width: 24% !important;
	}
	.gtfs-highlights .cols .col:last-of-type {
		width: 90%;
	}
	.section.performance .banner-full .more-content .tab-content .textbox {
		padding-left: 1em;
		padding-right: 1em;
	}
	.overflow-gray {
		margin-left: 0px;
		margin-right: 0px;
	}
	.green-achievements .cols .col {
		margin-bottom: 2rem;
	}
	.chart-impact .cols {
		display: flex !important;
	}
	.chart-impact .cols .col {
		padding-left: 0px;
		padding-right: 0px;
	}
	.card .mini-card .mini-card-content:after {
		transform: translateY(43px) translateX(-50%);
	}
	.card.left .mini-card .mini-card-content:after, 
	.card.right .mini-card .mini-card-content:after {
		transform: translateY(50px) translateX(-50%);
	}
	.card.left .mini-card .mini-card-content:after {
		left: 20%;
	}
	.card.right .mini-card .mini-card-content:after {
		right: 20%;
		left: auto;
		transform: translateY(50px) translateX(50%);
	}
	.performance-boxes .performance-box {
		transform: translateX(0%);
	}
	.section.chairman .content-box-cell,
	.section.ceo .content-box-cell,
	.section.cfo .content-box-cell {
		vertical-align: top;
	}
	.section .slide-col div.action {
		margin-top: 0px;
	}
	.section.management .content-box-cell {
		padding-top: 2em;
	}
	.download-sections {
		display: block;
	}
	.download-sections ul {
		width: auto;
	}
	#slide-download .slide-cols .slide-col.col3 {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		display: block;
		border-left: 0px;
	}
	#slide-download .slide-cols .slide-col.col3 .download-by-title {
		text-align: left;
	}
	.graph-slides-nav {
		display: none;
	}
	.highlights-scroll .highlights-scroll-content .standard .highlights-title img {
		max-width: 100%;
		width: 100%;
		max-height: 1em;
		margin: 0 auto;
	}
	.highlights-scroll .highlights-scroll-content .hidden-banner .highlights-title img {
		max-width: 100%;
		width: 100%;
		max-height: 1em;
		margin: 0 auto;
	}
	.chart-key-highlights {
		border: 1px solid #707070;
		padding: 20px 20px;
		box-sizing: border-box;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.chart-key-highlights .flex .box {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.chart-key-highlights .flex .box.mobile-reverse {
		flex-direction: row-reverse;
	}
	.chart-key-highlights .flex .box:last-of-type {
		
	}
	.chart-key-highlights .flex .box:first-of-type {
	
	}
	.chart-key-highlights .flex {
		display: block;
		padding: 0px;
	}
	.chart-key-highlights .flex .box {
		width: auto !important;
		border-right: 0px;
		border-bottom: 1px dotted #222;
	}
	.chart-key-highlights .flex .box .icon {
		width: 36% !important;
	}
	.chart-key-highlights .flex .box .label {
		width: 64% !important;
	}
	.chart-key-highlights .flex .box:last-of-type {
		border-bottom: 0px;
	}
	.chart-key-highlights .flex:last-of-type {
		border-bottom: 0px;
		padding-bottom: 0px;
	}
	.chart-key-highlights .highlights-title {
		margin-top: 0px;
	}
	.chart-key-highlights.governance-health .flex .box-wrapper {
		width: auto !important;
		border-right: 0px;
		border-bottom: 1px dotted #222;
	}
	.chart-key-highlights.governance-health .flex .box-wrapper:not(:first-of-type) {
		padding-top: 20px;
	}
	.chart-key-highlights.governance-health .flex .box-wrapper:last-of-type {
		border-bottom: 0px;
		padding-bottom: 0px;
	}
	.business-highlights {
		display: block;
	}
	.business-highlights .img-chart {
		display: inline-block;
		width: 90%;
		max-width: 240px;
		margin: 5px auto;
	}
	.chart-key-highlights .financial-highlights .flex .box {
		border-bottom: 0px;
	}
	.section.active .slide-col div img.mobile-title {
		margin-bottom: 0.5em;
	}
	.more-content-pop {
		display: block;
	}
	.modal-open-content-pop-box {
		max-width: 100%;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.incontent-charts {
		display: block;
	}
	.incontent-charts .chart {
		width: auto;		
	}
	.incontent-charts .chart:not(:last-of-type) {
		border-bottom: 1px solid #707070;
	}
	.modal-open-content-pop-box p {
		font-size: 13px;
	}
	.incontent-charts .chart .heading3 {
		text-align: left;
	}
	.incontent-charts2 {
		display: block;
	}
	.incontent-charts2 .chart {
		width: auto;
		border-right: 0px;
		margin: 0px 0px 20px 0px;
	}
	.incontent-charts2 .chart:not(:last-of-type) {
		
	}
	.incontent-charts2 .chart .heading3 {
		text-align: left;
	}
	.incontent-charts3 {
		display: block;
	}
	.incontent-charts3 .chart {
		width: auto;
		border-right: 0px;
	}
	.incontent-charts3 .chart:not(:last-of-type) {
		border-bottom: 1px solid #707070;
	}
	.incontent-charts3 .chart .heading3 {
		text-align: left;
	}
	.business-boxes {
		display: block;
	}
	.business-boxes .business-box {
		width: auto;
	}
	.business-boxes .business-box:not(:last-of-type) {
		margin-bottom: 10px;
	}
	.section.management .slide-cols {
		height: auto;
	}
	.slide-cols-wrapper {
		width: auto;
		display: block;
	}
	.section.sustain .slide-cols .slide-col.col1 {
		width: auto;
		margin-bottom: 20px;
	}
	
	.section.sustain .slide-cols {
		padding: 10vw 5%;
		display: block;
		box-sizing: border-box;
	}
	.title-sustain {
		height: auto;
	}
	.sustain-intro-action {
		display: block;
		width: auto;
	}
	.image-quote {
		display: block;
		margin: 2em 0;
	}
	.image-quote .thumbnail {
		width: auto;
		padding-right: 0px;
		border-right: 0pc;
		border-bottom: 1px solid #222222;
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
	}
	.image-quote .quote {
		width: auto;
		padding-left: 0px;
		padding-top: 20px;
	}
	.image-quote .thumbnail img {
	}
	body.modal-open .highlights-footer {
		padding-left: 0px;
		padding-right: 0px;
	}
	.section.sustain .slide-cols .slide-col {
		display: block;
	}
	.sustain-boxes {
		display: block;
	}
	.sustain-boxes .sustain-box {
		display: block;
		width: auto;
		margin-bottom: 20px;
		height: auto;
	}
	.sustain-boxes .sustain-box .sustain-box-content .sustain-box-text {
		max-height: none;
		height: auto;
	}
	#slide-sustain {
		background-color: #1f2e45;
		
	}
	.section#slide-sustain .slide-cols {
		height: auto !important;
	}
	.title-sustain img {
		max-height: none;
		height: auto;
		width: 100%;
		max-width: 300px;
	}
	.title-sustain img:first-of-type {
		max-height: none;
		height: auto;
		width: 60%;
		max-width: 200px;
	}
	.sustain-note .top {
		margin-bottom: 1em;
	}
	.sustain-note .bottom {
		display: block;
	}
	.sustain-note .icons {
		margin: 0 auto 20px;
	}
	.sustain-note .icons img {
		height: auto;
		max-width: 100%;
		display: block;
		margin: 0 auto;
	}
	.section.sustain .collapsible {
		overflow: hidden;
		height: 0px;
	}
	.section.sustain .collapsible.mobile-show {
		height: auto;
	}
	.download-box {
		display: block;
		width: 100%;
	}
	.download-box img.cover {
		width: 100%;
		max-width: 300px;
		height: auto;
		max-height: none; 
	}
	.download-box .col2 {
		padding: 2em;
		text-align: center;
	}
	.chart-key-highlights.social .flex .box,
	.chart-key-highlights.governance-health .flex .box {
		align-items: center;
	}
	.chart-key-highlights.governance-health .flex .box .icon {
		margin-top: 0px;
	}
	.chart-key-highlights.social .flex .box .icon img,
	.chart-key-highlights.governance-health .flex .box .icon img {
		margin-top: 0px;
	}
	.business-highlights .img-chart.icon-4 .icon {
		top: 3vw;
	}
	.business-highlights .img-chart.icon-6 .icon {
		bottom: 4vw;
	}
	.business-highlights .img-chart.icon-5 .icon {
		bottom: 3vw;
	}
	.business-highlights .img-chart .icon {
		top: 3vw;
	}
	/* XXX */
}
@media only screen and (max-width: 960px) {
	
	.download .grid .grid-item-thumb {
		width: 54%;
	}
	.download .grid .grid-item-content {
		width: 44%;
	}
	.download .grid .grid-item-title {
		font-size: 20px;
	}
	.download .grid.download-others .grid-item-title {
		font-size: 18px;
	}
	.download-full {
		padding-right: 4%;
	}
	.download-others {
		padding-right: 4%;
	}
	.grid-item-chapter-title {
		font-size: 20px;
	}
	.grid-item-chapter {
		height: auto;
	}
	.vip-profile {
		display: block;
		width: auto;
		margin-right: 0;
		float: none;
	}
}
@media only screen and (min-width: 641px) and (max-width: 800px) {
	.tablet-only {
		display: block !important;
	}
}


@media only screen and (max-width: 768px) {
	.banner-full .more-content .flex {
		display: block;
	}
	.banner-full .more-content .flex .left,
	.banner-full .more-content .flex .right {
		width: 100%;
	}
	.banner-full .more-content blockquote.style4 {
		max-width: 100%;
	}
}	

/* Mobile view for charts starts from 640 */
@media only screen and (max-width: 640px) {
	.gtmp-icons {
		margin-bottom: 2rem;
	}
	.section.performance .banner-full .more-content .tab-content .cols {
		display: block;
	}
	.section.performance .banner-full .more-content .tab-content .cols .col {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.ngtp-charts-1 {
		display: block;
	}
	.ngtp-charts-1 .col {
		max-width: 360px;
		margin-left: auto;
		margin-right: auto;
	}
	.green-cert-intro > .cols > .col:first-of-type {
		border-right: 0px;
	    border-bottom: 3px solid #009A9F;
	    padding-bottom: 1em;
	    padding-left: 1em;
	    padding-right: 1em;
	    margin-bottom: 1em;
	}
	.section.performance .banner-full .more-content .tab-content .green-cert-intro .cols {
		flex-wrap: wrap;
	}
	.section.performance .banner-full .more-content .tab-content .green-cert-intro .cols .col {
		flex-grow: 0;
	}
	.green-cert-intro > .cols > .col:first-of-type {
		width: auto;
		text-align: center;
		
	}
	.green-cert-intro .vertical-box,
	.green-cert-intro .vertical-box span {
		display: block !important;
		text-align: center;
	}
	.myhijau-history {
		text-align: center;
	}
	.chart-myhijau-2 .col-8-10 {
		margin-bottom: 2rem;
	}
	.chart-myhijau-2.cols .col.col-2-10 {
		width: 100%;
		max-width: 300px;
	}
	.rating-box {
		margin-bottom: 1rem;
	}
	.jantung .cols .col.col-3-10 {
		width: 100%;
		max-width: 300px;
		margin-bottom: 1rem;
	}
	.cols.lccf .col {
		margin-bottom: 1rem;
	}
	.section.performance .banner-full .more-content .tab-content .chart-framework-assessment .cols,
	.section.performance .banner-full .more-content .tab-content .chart-framework-lcc .cols,
	.section.performance .banner-full .more-content .tab-content .cols.chart-reduce-emission,
	.section.performance .banner-full .more-content .tab-content .summary-deliverable .cols,
	.section.performance .banner-full .more-content .tab-content .chart-low-carbon .cols {
		display: flex !important;
	}
	.section.performance .banner-full .more-content .tab-content .chart-framework-recognition .cols .left {
		margin-bottom: 1rem;
	}
	.section.performance .banner-full .more-content .tab-content .chart-framework-recognition .cols .right {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.section.performance .banner-full .more-content .tab-content .chart-procurement .cols .col {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.ggp-boxes .ggp-box {
		display: block;
		width: 100%;
		margin-bottom: 5px;
		min-height: 5em;
		height: 5em;
	}
	.cols .col.col-7-10 {
		width: 100%;
	}
	.section.performance .banner-full .more-content .tab-content .green-cert-intro .cols .col {
		padding-left: 0px;
		padding-right: 0px;
	}
	.table-marketplace .table-cells {
		display: block;
	}
	.table-marketplace .cell {
		width: 100%;
	}
	.gallery-product-launch {
		display: block;
	}
	.gallery-product-launch .gallery-product-launch-single {
		width: 100%;
	}
	.gallery-product-launch .gallery-product-launch-single .caption {
		position: relative;
		font-size: 0.7rem;
	}
	.gallery-action {
		max-width: 300px;
	}
/*
	.section.performance .banner-full .more-content .tab-content .cols {
		flex-wrap: wrap;
	}
	.section.performance .banner-full .more-content .tab-content .cols .col {
		flex-grow: 0;
	}
*/
	.section.expand .hidden-text2 {
		max-height: 2000px;
		transition: max-height 800ms ease-in;
	}
	.hidden-text2 {
		max-height: 0px;
		transition: max-height 800ms;
		overflow: hidden;
	}
	.section .slide-col p {
		font-size: 13px;
	}
	.fixed-section .menu-title {
		font-size: 16px;
	}
	.tablet-only {
		display: none !important;
	}
	.button {
		transform: scale(0.8);
	}
	.slide-action-dropdown .grid .grid-item-action a {
		transform: scale(0.8);
		transform-origin: left;
	}
	.slide-action-dropdown .grid .grid-item-thumb {
		width: 80px;
	}
	.floating-bar .logo {
		margin: 10px 0px;
	}
	
	/* Responsive Charts */
	.glance-table .col.th {
		display: block;
		width: 100%;
	}
	.glance-table .col {
		display: block;
		width: 100%;
		margin: 10px 0px;
		min-height: 1px;	
	}
	.glance-table .col.full {
		display: block;
		width: 100%;
	}
	.glance-table .stats {
		width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
	.full .stats {
		margin-top: 0px;
	}
	
	.chart.vision-mission {
		padding: 0;
	}
	.chart.vision-mission .same {
		display: block;
		width: 100%;
	}
	.chart.vision-mission .text {
		width: 100%;
		display: inline-block;
	}
	.chart.vision-mission .mission .icon,
	.chart.vision-mission .vision .icon {
		width: 100%;
		display: block;
		height: 64px;
		background-size: 48px auto;
	}
	.chart.vision-mission .divider {
		width: auto;
		height: auto;
	}
	.chart.vision-mission .divider {
	    border-bottom: 1px dotted #ccc;
	    height: 1px;
	    position: relative;
	    margin: 20px 20px;
	}
	.chart.vision-mission .divider:before {
		content: ' ';
		width: 10px;
		height: 10px;
		background-color: #f05a22;
		position: absolute;
		z-index: 1;
		top: -4px;
		left: -20px;
	}
	.chart.vision-mission .divider:after {
		content: ' ';
		width: 10px;
		height: 10px;
		background-color: #f05a22;
		position: absolute;
		z-index: 1;
		top: -4px;
		right: -20px;
		left: auto;
	}
	.chart.digital-nation > .icon {
		position: absolute;
		width: 60px;
		height: 60px;
	}
	.chart.digital-nation .text {
		width: 100%;
		display: block;
	}
	.chart.digital-nation .text h2 {
		margin-left: 60px;
		margin-top: 0px;
		margin-bottom: 2em;
	}
	.nation-goal .col {
		width: auto;
		display: block;
	}
	.digital-infra .infra.payments, .digital-infra .infra.digitalid, .digital-infra .infra.cybersecurity, .digital-infra .infra.data, .digital-infra .infra.gis, .digital-infra .infra.cloud, .digital-infra .infra.iot,
	.digital-infra .infra {
		width: 100%;
		display: block;
	}
	.digital-infra .infra {
		border-bottom: 1px dotted #f05a22;
	}
	.chart.key-focus {
		position: relative;
	}
	.chart.key-focus > .icon {
		position: absolute;
		width: 100px;
		height: 100px;
		top: 0px;
		left: 0px;
	}
	.chart.key-focus .text {
		width: 100%;
		display: block;
		padding: 0px;
	}
	.chart.key-focus .text > .main-heading {
		margin-left: 120px;
		font-size: 16px;
		padding-top: 1em;
	}
	.ambition-box .col-1, .ambition-box .col-2 {
		display: block;
		width: auto;
	}
	.ambition-box .col-2 {
		margin-top: 1em;
	}
	.pillars .col {
		display: block;
		width: auto;
	}
	.pillars .col:nth-of-type(2) {
		margin: 1em 0;
	}
	.pillars .col .heading:before {
		width: 56px;
		height: 56px;
	}
	.enablers .row .col-1 {
		display: block;
		width: auto;
		margin-right: 0px;
		border: 0px;
		padding-bottom: 1em;
		margin-bottom: 1em;
		border-bottom: 1px solid #024DA1;
	}
	.enablers .row .col-2 {
		display: block;
		width: auto;
	}
	.enablers .row:first-of-type {
		border-bottom: 1px dotted #f05a22;
	}
	.pip .row .col.col-1, .pip .row .col.col-2 {
		border-right: 0px;
		display: block;
		width: auto;
	}
	.pip .row .col img {
		width: 42px;
		height: 42px;
		margin-right: 10px;
		padding: 5px;
	}
	.chart-biz-model .label {
		width: 30vw;
	}
	.chart-biz-model .table {
		width: 57vw;
	}
	.chart-biz-model .label .box .icon {
		display: block;
		text-align: center;
		width: auto;
		margin-right: 0px;
	}
	.chart-biz-model .label .customers .box {
		padding-top: 40%;
	}
	.chart-biz-model .label .products .box {
		padding-top: 30%;
	}
	.chart-biz-model .label .box .icon img {
		width: auto;
	}
	.chart-biz-model .label .box .title {
		display: block;
		text-align: center;
		width: auto;
		font-size: 16px;
	}
	.chart-biz-model .label .box:before {
		display: none;
	}
	.chart-biz-model .mixed {
		overflow-x: auto;
	}
	.mixed .col {
		float: none;
		width: 57vw;
		border-right: 0px;
	}
	.mixed-scroll {
		white-space: nowrap;
		overflow-x: auto;
	}
	.mixed-scroll .col, .mixed-scroll .col * {
		white-space: initial;
	}
	.mCSB_horizontal.mCSB_inside>.mCSB_container {
		margin-bottom: 10px;
	}
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
		height: 5px;
		background-color: #EAD1C7;
	}
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
		height: 6px;
		background-color: #f05a22;
	}
	.life-table > .scroll {
		white-space: nowrap;
	}
	.life-table > .scroll .col,
	.life-table > .scroll .col * {
		white-space: initial;
	}
	.life-table .col,
	.life-table .col.overall {
		width: auto;
		display: block;
	}
	.life-table .text {
		border-right: 1px dotted #333333;
	}
	.table-item {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.table-item .cols2 .col-1,
	.table-item .cols2 .col-2 {
		display: block;
		width: auto;
		border-right: 0px;
	}
	.table-item .cols2 .col-2 {
		border-top: 1px solid #f05a22;
	}
	.table-item .cols .col {
		display: block;
		width: auto;
		padding: 5px 10px;
	}
	/*
	.life-table .scroll .mCSB_container > .col {
		width: 88vw;
	}*/
	.content-box-tab .col-5-12,
	.content-box-tab .col-7-12 {
		width: auto;
		display: block;
	}
	.chart.chairman .col {
		display: block;
		width: auto;
		border-right: 0px;
	}
	.chart.chairman .col:not(:last-of-type) {
		border-bottom: 2px dotted #ccc;
		border-right: 0px;
	}
	.chart.ceo .col {
		display: block;
		width: auto;
		margin-bottom: 2em;
	}
	.chart.ceo .col .col-box .stat br {
		display: none;
	}
	.champion-section .champion {
		margin: 5px 10px;
	}
	.champion-row .champion-head {
		display: block;
		width: auto;
		text-align: center;
	}
	.champion-row .champion-content {
		display: block;
		width: auto;
		text-align: center;
		padding: 10px;
	}
	.champion-content-slide {
		width: 24%;
	}
	.environmental .champion-content-slide {
		width: 22%;
	}
	.social .champion-content-slide {
		width: 18%;
	}
	.footer-download .footer-download-title {
		font-size: 18px;
	}
	.footer-download .grid .grid-item-title {
		font-size: 12px;
	}
	.sus-chart .col {
		border-right: 0px;
		border-bottom: 2px solid #ffffff;
	}
	.sus-chart .cols4 .col {
		display: block;
		width: auto;
	}
	.sus-chart .cols3 .col {
		display: block;
		width: auto;
	}
	.sus-chart .cols2 .col {
		display: block;
		width: auto;
	}
	.sus-chart .col:empty {
		display: none;
	}
	.sus-chart .row:not(:last-of-type) {
		border-bottom: 0px;
	}
	.impact-row-icon, .impact-row-content {
		display: block;
		width: auto;
	}
	.impact-row-icon {
		text-align: left;
	}
	.impact-row-icon img {
		max-width: 52px;
	}
	.impact-row-icon img,
	.impact-row-icon label {
		display: inline-block;
		vertical-align: middle;
	}
	.impact-row-icon label {
		font-size: 18px;
		padding-left: 10px;
		width: calc(100% - 100px);
		text-align: left;
	}
	.chart.governance {
		display: block;
	}
	.chart.governance .framework,
	.chart.governance .includes {
		width: auto;
		display: block;
		margin-bottom: 10px;	
	}
	.chart.governance .cell-col.two .cell {
		width: auto;
		display: block;
		margin-bottom: 10px;	
	}
	.chart.governance .includes .chart-box {
		margin: 0px;
	}
	.chart.governance .cell-col.three .cell:nth-of-type(2) {
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
	}
	.chart.governance .cell-col.three .cell {
		width: auto;
		display: block;
		margin-bottom: 5px;
	}
	.chart.facts .col {
		width: auto;
		display: block;
		margin-bottom: 10px;
	}
	.chart.facts .col .col-box {
		line-height: 1.3em;
	}
	.icon-heading:before {
		width: 52px;
		height: 52px;
		vertical-align: middle;
	}
	.icon-heading h2 {
		width: calc(100% - 70px);
	}
	.download-section.ar .col-1,
	.download-section.ar .col-2 {
		display: block;
		width: auto;
		padding: 0px;
	}
	.download-section.ar .col-1 {
		border-bottom: 2px dotted #ccc;
		border-right: 0px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.download-section .col-1 .cover .image {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.slick-dots li {
		margin: 0 3px !important;
	}
	.arrow-down {
		width: 40px;
		bottom: 3%;
		left: calc(50% - 20px);
	}
	.arrow-up {
		width: 40px;
		top: 5%;
		left: calc(50% - 20px);
	}
	.slick-dotted.slick-slider {
		margin-bottom: 0px;
	}
	.slick-dots {
		position: relative;
		bottom: auto !important;
		padding-bottom: 10px;
	}
	.slick-dots li button:before {
		color: #cccccc;
		opacity: 1;
	}
	.slick-dots li.slick-active button:before {
		color: #10275F;
		opacity: 1;
	}
	.footer-download .grid .grid-item {
		/*display: block;
		width: auto;
		max-width: 260px;
		margin: 6px auto;
		*/
		width: 45%;
	}
	.footer-download .grid .grid-item-action a {
		font-size: 10px;
		transform: scale(0.8);
	}
	.glance-table .row {
		width: auto;
		display: block;
	}
	.glance-table .col:not(.th) > .icon {
		text-align: center;
	}
	.powered .stat {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.fullpage-text .text.mobile-only {
		font-size: 14px;
		width: 100%;
		line-height: 1.3em;
	}
	.fullpage-text .text, .slide-action-dropdown ul li {
		margin-bottom: 0px;
	}
	.slide-action-dropdown ul li {
		line-height: 1.1em;
	}
	.fullpage-text .text, .slide-action-dropdown ul li a {
		font-size: 14px;
	}
	.content-box h1 {
		font-size: 28px;
	}
	.chart-biz-model .table .purpose:before {

	}
	.chart-biz-model .table .purpose .box {
		width: 95%;
	}
	.animated-chart-box {
		height: 200px;
	}
	.champion-section {
		padding: 10px 0;
	}
	.impact-row-tags span {
		font-size: 12px;
		padding: 3px 10px;
		margin-right: 5px;
	}
	.future-has-icon {
		padding-right: 60px;
	}
	.champ12-13 .future-has-icon {
		padding-right: 110px;
	}
	.champ4-12-14 .future-has-icon {
		padding-right: 140px;
	}
	.champ4-8 .future-has-icon {
		padding-right: 110px;
	}
	.champ4-8-9 .future-has-icon {
		padding-right: 140px;
	}
	.champ3-8 .future-has-icon {
		padding-right: 90px;
	}
	.champ8-9 .future-has-icon {
		padding-right: 90px;
	}
	.champ5-10 .future-has-icon {
		padding-right: 90px;
	}
	.champ4-9 .future-has-icon {
		padding-right: 90px;
	}
	.champ1-4-5-9-12 .future-has-icon {
		padding-right: 0px;
	}
	.champ1-4-5-9-12 {
		background-image: none !important;
	}
	#fp-nav.fp-right {
		right: 0px;
	}
	.slide-action-dropdown ul {
		margin: 10px 0px;
	}
	.slide-action-dropdown ul ul {
		margin: 0 0 0 1em;
	}
	.download-by-sections .section-download .image {
		display: block;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.download-by-sections .section-download .action {
		display: block;
		width: auto;
		text-align: center;
	}
	.download-by-sections .section-download .action .t2 {
		min-height: 2em;
	}
	h2.make-life-easier {
		font-size: 34px;
	}
	.legend-box {
		width: 49%;
	}
	.content-download-section a {
		padding: 5px 10px;
		font-size: 12px;
	}
	.table-table-cell {
		font-size: inherit;
	}
	.img-malaysia img {
		width: 90%;
		display: block;
		margin: 0px 0px 0px 9%;
	}
	.chart-pieces .chart-piece-box {
		display: inline-block;
		width: 49%;
	}
	#mobile-ach-2 .chart-pieces .chart-piece-box {
		width: 47%;
		max-width: 200px;
		margin-right: 1%;
		margin-left: 1%;
	}
	#mobile-ach-3 .chart-ach-3-icons .chart-ach-3-icons-top .chart-ach-3-icons-icon {
		width: 47%;	
		margin-left: 1%;
		margin-right: 1%;
	}
	#mobile-ach-3 .chart-ach-3-icons-top {
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}
	.chart-wifi-states {
		width: 100%;
	}
	body.fund .inside-content-inner .box {
		padding: 2em;
	}
	.chart-wrapper > .chart {
		left: 50%;
		transform: translateX(-50%);
	}
	.cols.chart-eacg .col {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.chart-eacg-ach .cols {
		display: flex !important;
		flex-wrap: nowrap;
	}
	.clusters .cluster {
		width: 50%;
	}
	.targets .col {
		margin-bottom: 1rem;
	}
	.advisory .col.col2 .text img {
		max-width: 180px;
	}
	.advisory .col {
		margin-bottom: 2rem;
		text-align: center;
	}
	.pursuing .col {
		margin-bottom: 1rem;
	}
	.pursuing .col .text img {
		max-width: 200px;
	}
	.chart-advisory-achievements .cols {
		display: flex !important;
	}
	.card .mini-card .mini-card-content .text .text-cell {
		font-size: 0.7rem;
	}
	.card .mini-card .mini-card-content {
		max-width: 90%;
	}
	.go-up {
		width: 36px;
		height: 36px;
		bottom: 2vh;
		right: 3vw;
	}
	.btn-back-highlights {
		width: 60px;
		top: 56px;
	}
	body.highlights-open #slide-home-mobile,
	body.highlights-open #slide-chairman,
	body.highlights-open #slide-ceo,
	body.highlights-open #slide-performance,
	body.highlights-open #slide-cfo,
	body.highlights-open #slide-sustain {
		height: 0px !important;
		overflow: hidden;
	}
	/* Responsive Charts */
	/* yyy */
}
@media only screen and (orientation: landscape) and (max-height: 680px) {
	.hero-captions .bubble p {
		font-size: 1.6vh;
	}
	.hero-captions .bubble {
		padding: 2vh;
	}
	.hero-captions .quote .quote-text {
		font-size: 1.8vh;
	}
	.hero-captions .person-title .name {
		font-size: 1.6vh;
	}
	.hero-captions .person-title .position {
		font-size: 1.6vh;
	}
}
@media only screen and (max-width: 600px) {
	.key-focus-title {
		padding-right: 30px;
		line-height: 1.2em;
	}
}
@media only screen and (min-width: 561px) {
	.show560 {
		display: none !important;
	}
}
@media only screen and (max-width: 560px) {
	.hide560 {
		display: none !important;
	}
	.show560 {
		display: block !important;
	}
	.table-table .table-table-row .table-table-cell:nth-of-type(2) {
		border-bottom: 1px solid #666666;
	}
	.slick-arrows {
		float: none;
		margin: auto;
		text-align: center;
	}
	.slick-arrows a.prev:after,
	.slick-arrows a.next:before {
		width: 10px;
		height: 10px;
		background-size: 10px 10px;
	}
	.material-boxes .row .box {
		width: 49.5%;
		border-bottom: 2px dotted #939598;
	}
	.material-boxes .row .box.no-border-right {
		border-right: 2px dotted #939598;
	}
	.material-boxes .row .box:nth-of-type(even) {
		border-right: 0px;
	}
	.material-boxes .row .box:last-of-type,
	.material-boxes .row .box:nth-last-of-type(2) {
		border-bottom: 0px;
	}
	.page-body .heading,
	.page-banner .heading {
		font-size: 24px;
	}
	.page-col-main .heading3 {
		font-size: 16px;
	}
/*
	#menuToggle > span {
		margin-bottom: 6px !important;
		transform-origin: 3px 5px !important;
	}
	#menuToggle > span:nth-last-child(2) {
	    transform-origin: 23% 0% !important;
	}
*/
	.footer-download .grid .grid-item {
		
	}
	.footer-download .grid .grid-item-thumb {
	}
	.footer-download .grid .grid-item-content {

	}
	.footer-download .grid .grid-item-title {
	}
	.footer-download .grid .grid-item-title span {
		
	}
	.slide-action-dropdown .grid .grid-item-thumb {
		width: 70px;
	}
	.slide-action-dropdown .grid .grid-item-title, .slide-action-dropdown .grid .grid-item-title span {
		font-size: 14px;
	}
	.menu-logo {
		font-size: 28px;
	}
	.chart-biz-model .label .arrow {
		width: 14px;
	}
	h2.make-life-easier {
		font-size: 26px;
	}
	.slide-intro .floating-text { 
		top: 15vh;
		font-size: 4vw;
	}
	.table-table,
	.table-table-row,
	.table-table-cell, .table-table-cell.key {
		display: block;
		width: auto;
	}
	.table-table .table-table-row .table-table-cell:first-of-type {
		border-bottom: 1px solid #666666;
	}
	.table-table-cell, .table-table-cell.key {
		border: 0px;
	}
	.chart-ach-4 {
		min-width: 410px;
	}
	img.chart-ach-4-mtr {
		max-width: 90%;
	}
	div.chart-ach-4-new-upgrade {
		max-width: none;
	}
}
@media only screen and (max-width: 420px) {
	
	#menu {

	}
	#menu > ul > li {
		padding: 10px 0px;
	}
	#menu > ul > li > ul {
		padding-top: 0px;
	}
	.chart-biz-model .label .arrow {
		width: 10px;
	}
	.chart-biz-model .label .box .title {
		font-size: 13px;
	}
	.chart-biz-model .table {
		width: 54vw;
	}
	.terms {
		font-size: 12px;
	}
	.legend-box {
		width: auto;
		display: block;
	}
	.chart-operating .chart-numbers {
		width: 19%;
	}
	
}
@media only screen and (max-width: 400px) {
	.footer-download .grid .grid-item-title {
		font-size: 11px;
	}
	.footer-download .grid .grid-item-thumb {
		width: 42%;
	}
	.footer-download .grid .grid-item-content {
		width: 51%;
	}
}
@media only screen and (max-width: 320px) {
	.fullpage-text .text.mobile-only {
		font-size: 13px;
	}
}

@media (min-aspect-ratio: 2/1) {
	/* .ceo .ceo-hero-box .layer-1 {
		top: 1vh;
		bottom: auto;
	} */
}