@media screen and (max-width: 1100px) {
	.floating-bar {
	}
	.floating-bar .wrapper {
		
	}
	.floating-bar .icons {
		
	}
	.logo {
		
	}
	.floating-bar .menu-center {
		top: 0px;
		left: 50%;
		transform: translateX(-50%);
		float: none;
		margin: 0 auto;
		width: 100%;
		max-width: 300px;
		padding: 0px;
		position: absolute;
		max-height: 36px;
		transition: all linear 300ms;
		overflow: hidden;
		font-size: 16px;
		background-color: #f0f0f0;
		padding-top: 12px;
		z-index: 9999;
	}
	.floating-bar .menu-center.active {
		max-height: 600px;
		padding-bottom: 1em;
/*
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
*/
	}
	.floating-bar .menu-center a {
		background-color: #f0f0f0;
		display: block !important;
		text-align: center;
		padding: 0.5em 1em;
		margin: 0;
	}
	.floating-bar .menu-center a.placeholder {
	}
	.floating-bar .menu-center a.placeholder:before {
		content: ' ';
		display: inline-block;
		vertical-align: middle;
		width: 14px;
		height: 14px;
		background: transparent url(../img/icon-download-more.svg) center center no-repeat;
		background-size: contain;
		margin-right: 0.8em;
		transform: rotateZ(90deg);
		font-weight: normal;
	}
}
@media screen and (orientation: landscape) {
	.mobile-only {
		display: none !important;
	}
/* 	.s2 {
		max-height: 560px;
	}
	.s3 {
		max-height: 740px;
	}
	.s4 {
		max-height: 560px;
	}
	.s5 {
		height: 85vh;
		max-height: 760px;
	}
	.s6 {
		max-height: 580px;
	}
	.s7 {
		min-height: 540px;
		max-height: 600px;
	} */
	.stickies .sticky {
		max-height: 200px;
	}
}
@media screen and (min-height: 900px) {
	.box .title, .section .title {
		font-size: 42px;
	}
}
@media screen and (min-width: 901px) and (orientation:landscape) {
	.stickies .sticky {
		padding-left: 5%;
	}
}
@media screen and (min-height: 1001px) and (orientation:landscape) {
	.stickies .sticky {
		font-size: 18px;
	}
	.stickies .sticky .sticky-num .sticky-pre {
		font-size: 3em;
	}
}
@media screen and (orientation:portrait), 
	screen and (max-width: 900px) {
	html {
		font-size: 15px;
	}
	.product-video {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		height: auto;
	}
	.stickies .sticky {
		font-size: 1.6vw;
		height: 20vw;
	}
	.stickies .sticky .sticky-num .sticky-pre {
		font-size: 4.5vw;
	}
	.slide-box {
		flex-wrap: wrap;
		height: auto;
	}
	.floating-bar {
		width: 100%;
		height: 64px;
		background-color: #ffffff;
	}
	.floating-bar:before {
		display: none;
	}
	.floating-bar .logo {
		height: 64px;
		width: 64px;
		background-size: 48px auto;
	}
	.floating-bar nav {
		top: 0px;
		right: 0px;
		position: fixed;
		width: 64px;
	}
	#menuToggle {
		padding-top: 23px;
		padding-bottom: 23px;
	}
	#menu {
		width: 100vw;
		padding: 40px;
	}
	.menu-download {
		position: fixed;
		bottom: auto;
		top: 0px;
		right: 64px;
		left: auto;
		border-top: 0px;
		width: 64px;
	}
	.custom-site-menu {
		position: fixed;
		left: 90px;
		top: 14px;
		z-index: 9999;
	}
	.hm_navs {
		display: none !important;
/* 		display: flex !important;
		align-items: center;
		justify-content: center;
		flex-direction: row;
		padding: 0px; */
	}
	.hm_navs .hm_navs_labels,
	.custom-site-menu .active + .hm_navs_labels {
		display: none !important;
	}
	body {
		padding-top: 64px;
	}
	.slide-box {
		width: 100%;
		margin-left: 0px;
	}
	.slide-box .col .content-box-cell .content {
		max-width: 100%;
	}
	.slide-box .col,
	.slide-box .col.left,
	.slide-box .col.right {
		width: 100% !important;
		height: auto !important;
	}
	.slide-box.mobile-switch .col.left {
		order: 2;
	}
	.slide-box.mobile-switch .col.right {
		order: 1;
	}
	.s2 .hero-col {
		background-image: none !important;
	}
	.s3 .hero-col {
		background-image: none !important;
	}
	.s2 .hero-image:before {
		display: none;
	}
	.s3 .hero-image:before {
		display: none;
	}
	.hero-box .hero-image img {
		height: auto;
		width: 50vw;
		margin-right: auto;
		margin-left: 0px;
	}
	.hero-box .quote {
		padding: 20px;
	}
	.hero-box .quote .text {
		font-size: 16px;
	}
	.hero-title {
		left: 50%;
		width: 50%;
	}
	.hero-floating .hero-title {
		position: relative !important;
		left: auto !important;
		width: auto !important;
	}
	.hero-title .name {
		font-size: 14px;
	}
	.hero-title .wrap {
		height: auto;
		padding: 18px;
	}
	.content .actions {
		margin-top: 0px;
	}
	.slide-box .col .content-box-cell .content {
		padding: 36px;
	}
	.hero-box .quote:before,
	.hero-box .quote:after {
		widows: 24px;
		height: 20px;
	}
	.big-circle.trusted {
		transform: none;
		position: relative;
		bottom: auto;
		margin: 20px auto 0;
	}
	
	/* Font Sizing Tablet */
	.inner-content-text .title,
	.inner-content-text .title span,
	.section .content .title,
	.section .content .title span,
	.sustain-summary .inner-content-row .content .title,
	.sustain-summary .inner-content-row .content .title span, 
	.sustain-framework .inner-content-row .content .title,
	.sustain-framework .inner-content-row .content .title span {
		font-size: 7vw !important;
		margin-bottom: 0px !important;
		line-height: 1em !important;
	}
	.mobile-vip .title,
	.mobile-vip .title span {
		font-size: 5.6vw !important;
		margin-bottom: 20px !important;
		line-height: 1em !important;
	}
	.sustain-glance .inner-content-row .content .title {
		font-size: 7vw !important;
		margin-bottom: 36px !important;
		line-height: 1em !important;
	}
	.inner-page.sustain-inner .inner-content-row .subtitle,
	.inner-page.sustain-joint .inner-content-row .subtitle {
		font-size: 4vw !important;
		margin-bottom: 2vh !important;
		line-height: 1em !important;
	}
	
	.inner-content-text .title {
		margin-bottom: 1em !important;
	}
	.environmental-awards .title {
		font-size: 4vw !important;
		margin-bottom: 0px !important;
	}
	.section .content .title.mobile-only {
		margin-bottom: 0px;
		padding: 36px 36px 24px 36px;
	}
	.message-icon {
		height: 5vw !important;
	}
	.inner-content-text .title .smaller,
	.section .content .title .smaller {
		font-size: 6vw !important;
	}
	.slide-box .col .content-box-table,
	.slide-box .col .content-box-cell {
		display: block;
	}
	.s2 .col.left,
	.s3 .col.left {
		background-color: #f5f5f5 !important;
	}
	.s2 .col.left .blocking,
	.s3 .col.left .blocking {
		background-color: #f5f5f5 !important;
	}
	.s2 .slide-box .col .content-box-cell .content,
	.s3 .slide-box .col .content-box-cell .content {
		padding-top: 0px !important;
	}
	.s5 .slide-box .col.left .content-box-cell .content {
		height: auto;
	}
	.facts .medium {
		font-size: 10vw !important;
	}
	.facts .big {
		font-size: 11vw !important;
	}
	.facts .row .col .big-circle {
		width: 24vw;
		height: 24vw;
	}
	.font68 {
		font-size: 10vw !important;
	}
	.font64 {
		font-size: 10vw !important;
	}
	.facts .icon-text .desc .desc-label {
		font-size: 2.6vw !important;
	}
	.facts .row .col .label.font18 {
		font-size: 2.4vw !important;
	}
	.facts .icon-text .desc .desc-text {
		font-size: 2.4vw !important;
	}
	.facts .row .col .label {
		font-size: 4vw !important;
	}
	.facts .row .col .label.smaller {
		font-size: 4vw !important;
	}
	.download-box .download-title.bigger,
	.download-box .download-title.big {
		font-size: 4vw !important;
	}
	.download-section {
		margin-bottom: 36px;
	}
	.facts.side .row .col .label {
		font-size: 3.2vw !important;
		line-height: 1.2em;
	}
	.facts .standard {
		font-size: 10vw !important;
	}
	.s5 .slide-box .col.left .content-box-cell .content {
		flex-direction: row;
		justify-content: space-between;
		padding-bottom: 0px !important;
		overflow: hidden !important;
	}
	.s5 .hero.financial img {
		width: 80%;
	}
	.s6.section .content .title {
		margin-bottom: 1em !important;
	}
	.inner-page {
		padding-top: 64px !important;
	}
	.inner-content {
		margin-left: 0px;
	}
	.inner-content-row {
		flex-wrap: wrap;
	}
	.inner-page.sustain-inner .inner-content-row .content-box-cell .content {
		padding: 36px !important;
		padding-bottom: 0px !important;
	}
	.inner-content-text {
		max-width: none !important;
		padding: 36px !important;
	}
	.inner-content-row .col.left {
		width: 100% !important;
		order: 2;
		height: auto !important;
	}
	.inner-content-row .col.right {
		width: 100% !important;	
		position: relative !important;
		top: auto !important;
		right: auto !important;
		height: auto !important;
		order: 1;
	}
	.inner.sustain-framework .inner-content-row,
	.inner.sustain-summary .inner-content-row {
		display: block;
	}
	.inner-page .page-title {
		display: none;
	}
	.hero-floating {
		height: auto !important;
	}
	.hero-floating .hero-profile-pic {
		height: 80vw !important;
	}
	.hero-floating .hero-profile-pic.ceo-chairman {
		height: 70vw !important;
		background: transparent url(../img/hero/hero-chairman-ceo-joint-mobile.jpg) center bottom/cover no-repeat;
	}
	.menu-back {
		border-top: 0px;
		left: auto !important;
		position: fixed !important;
		height: 64px !important;
		bottom: auto !important;
		top: 0px !important;
		right: 128px !important;
		display: flex;
		justify-content: center;
	}
	.menu-back a {
		transform: none !important;
		height: 100%;
		align-items:  center;
	}
	.menu-back svg {
		transform: rotate(0deg);
	}
	h2.subheading {
		font-size: 4.4vw !important;
	}
	h3.subheading {
		font-size: 15px !important;
	}
	.inner-content-text .signature .sign img {
		
	}
	.inner-content-row.floating-stats {
		display: block;
	}
	.inner-content-row.floating-stats .col.left,
	.inner-content-row.floating-stats .col.right {
		display: block;
		width: auto !important;
		position: relative !important;
	}
	.inner.financial .inner-content-row .col.left .inner-content-text {
		position: relative !important;
		width: auto !important;
		flex-direction: row;
		padding-bottom: 0px !important;
	}
	.inner.financial .inner-content-row .col.left .inner-content-text .title {
		padding: 0px;
	}
	.inner-page .hero.financial img {
		height: 45vw;
	}
	.financial-charts .subtitle .line1 {
		font-size: 8vw !important;
	}
	.financial-charts .subtitle .line2 {
		font-size: 7vw !important;
	}
	.sus-highlight-row .boxes > .row > .col {
		width: auto;
	}
	.sus-highlight-row .boxes > .row:last-of-type > .col:after {
		content: ' ';
		display: block;
		position: absolute;
		bottom: 0px;
		left: 2%;
		width: 96%;
		border-bottom: 1px dashed #ffffff;
	}
	.sus-highlight-row .boxes > .row {
		display: block;
	}
	.sus-highlight-row .boxes > .row > .col:not(:last-of-type):before {
		display: none !important;
	}
	.sus-highlight-row .boxes .row .col .col:after,
	.sus-highlight-row .boxes .row:last-of-type .col:after {
/* 		content: ' ';
		display: block;
		position: absolute;
		bottom: 0px;
		left: 2%;
		width: 96%;
		border-bottom: 1px dashed #ffffff; */
	}
	.sus-highlight-row .col31 .col {
		width: 50% !important;
	}
	.sus-highlight-row .col13 .col {
		width: 50% !important;
	}
	.sus-highlight-row .boxes .row:last-of-type .col:last-of-type:after {
		display: none !important;
	}
	.inner-page.sustain-glance .inner-content-row .content-box-cell .content {
		padding: 36px;
	}
	.sus-highlight-row {
		padding: 36px;
	}
	.sus-highlight-row .boxes > .row.cols2 > .col {
		width: auto;
	}
	.sus-highlight-row .boxes .row.col31 {
		
	}
	.sus-highlight-row .boxes .row.col31 .col:nth-of-type(1) {
		width: auto !important;
	}
	.sus-highlight-row .boxes .row.col31 .col:nth-of-type(2) {
		width: auto !important;
	}
	.focus-content {
		overflow-x: auto;
	}
	.focus-content .focus-table {
		min-width: 640px;
	}
	.table-row.header .table-cell,
	.table-cell {
		font-size: 14px;
		padding: 10px;
	}
	.table-row:not(.header) .table-cell .icon-label .icon {
		width: 36px;
	}
	.focus-content .note {
		text-align: left;
	}
}

@media screen and (max-aspect-ratio: 3/2) {
	.debug-viewport {
		background-color: blue !important;
	}
	.debug-viewport:after {
		content: ' 3/2 ';
		display: inline-block;
	}
}
@media screen and (max-aspect-ratio: 4/3) {
	.debug-viewport {
		background-color: green !important;
	}
	.debug-viewport:after {
		content: ' 4/3 ';
		display: inline-block;
	}
}

@media screen and (orientation:portrait) {
	.desktop-only {
		display: none !important;
	}
	.inner-header .back-action {
		margin-top: 2em;
	}
	.video-intro {
		max-width: none;
		width: auto;
		height: 80vh;
		margin-top: 64px;
		position: relative;
	}
	.video-intro video {
		height: 100%;
		width: auto;
		left: 50%;
		top: 0px;
		transform: translateX(-53%);
		position: absolute;
	}
	.box .content, .section .content {
		width: auto;
		margin-left: 0;
		padding-bottom: 0;
	}
	.box .title, .section .title {
		font-size: 6vw;
		text-align: left;
	}
	.section {
		height: auto;
	}
	.section .limit-width {
		padding-left: 0;
		padding-right: 0;
	}
	.section .hero {
		position: relative;
		height: auto;
		max-height: none;
		left: auto;
		margin-top: 0px;
		width: 100%;
	}
	.section .hero .human {
		height: auto;
		width: 100%;
	}
	.section .hero .human img {
		height: auto;
		width: 100%;
	}
	.s2 .fix-bg {
		background-color: #b45076;
		margin-top: -2em;
	} 
	.s3 .s3-gradient {
		content: ' ';
		display: block;
		height: 10vw;
		margin-top: -25vw;
		background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	}
	.s3 .next-cover {
		position: relative;
	}
	.s3 .hero .human .splash-1 {
		background-image: url(../img/person-ceo-mobile.png);
	}
	
	.highlight-box {
		margin-top: 1em;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 55vw;
	}
	.s4 {
		background-position: right bottom;
		background-size: 70% auto;
	}
	.highlight .glance-box {
		
	}
	.highlight .glance-box img {
	
	}
	.slick-dots {
		text-align: center;
	}
	.s4 .next-cover {
		position: relative;
	}
	.s4 .next-splash {
		width: 60%;
		height: 50%;
	}
	.s4 .next-splash img {
		width: 100%;
		height: auto;
	}
	.s4 .custom-actions {
		padding-top: 36px;
	}
	.stickies .sticky .sticky-label {
		
	}
	.stickies .sticky .sticky-label br {
		display: none;
	}
	.stickies .sticky .sticky-num .unit {
		
	}
	.stickies .sticky .sticky-num .sticky-pre {
		margin: 1vw 0 !important;
	}
	.stickies .sticky, .stickies .sticky.alt {
		height: auto;
		width: 100%;
		padding: 0px;
		background: none;
	}
	.stickies .sticky:hover {
		transform: none;
	}
	.stickies .sticky .sticky-wrap {
		width: 80%;
		height: auto;
		display: block;
		margin: 0 auto;
		position: relative;
		transition: all 400ms;
		text-align: left;
		box-sizing: border-box;
		padding: 1em 1em;
		vertical-align: top;
		font-size: 3vw;
		transform: translateX(-1em);
	}
	.stickies .sticky.alt .sticky-wrap {
	}
	.stickies .sticky .sticky-num .sticky-pre {
		font-size: 10vw !important;
		line-height: 1em !important;
	}
	
	.s5 .next-cover {
	}
	.s5 .bg2 {
		background-size: 140% auto;
		background-position: right bottom;
	}
	.s5 .baby {
		width: 100%;
		position: relative;
	}
	.s5 .baby img {
		width: 80%;
	}
	.s6 .content {
		margin-top: 0px;
		padding: 12px 36px 0px;
		background: none;
	}
	
	.s6 .content .actions .main-actions,
	.s6 .content .actions .main-actions.secondary {
		display: block;
		margin-bottom: 24px;
	}
	.s6 .hero {
		width: 80%;
		margin: 0 auto 0 !important;
	}
	.s6 .next-cover {
		height: 15vw;
	}
	.s8 .content .download-item .download-action a {
		font-size: 18px;
	}
	.s7 .content {
		padding: 0px 36px 0px;
		margin: 0px;
	}
	.s7 .title {
		padding: 0px 0px 36px !important;
	}
	.s7 .download-title {
		font-size: 1.4em;
	}
	.s7 .hero .human {
		overflow: hidden;
	}
	.s7 .hero .human img.placeholder {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.s7 .cover-1-mobile {
		background: transparent url(../img/cover-1-mobile.png) center top/100% auto no-repeat;
	}
	.s7 .cover-2-mobile {
		background: transparent url(../img/cover-2-mobile.png) center top/100% auto no-repeat;
	}
	.s7 .cover-1-mobile {
		z-index: 10;
		margin-top: -50vw;
	}
	.s7 .next-cover {
		
	}
	
	.s8 .limit-width {
		max-width: none;
	}
	
	.download-item-wrap {
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
	}
	.content-list {
		width: 100%;
	}
	.footer-menu ul li {
		display: block;
		text-align: center;
		padding: 1em 0;
	}
	.footer-menu ul li a {
		font-size: 13px;
	}
	.footer-menu ul li:not(:last-of-type) {
		border-bottom: 1px solid #cccccc;
	}
	.footer-menu ul li:not(:last-of-type):after {
		display: none;
	}
	.section-download .download-item {
		margin-bottom: 1em;
	}
	.section-download.slick-dotted.slick-slider {
		margin-bottom: 4em;
	}
	
	/* Inner pages */
	.inner .inner-content .text {
		border-right: 0px !important;
		border-left: 0px !important;
	}
	.masthead {
		display: block;
		width: auto;
		margin: 0 auto;
		max-width: 600px;
	}
	.header-content {
		display: block;
		width: auto;
		max-width: none;
	}
	.inner-content {
		margin-top: 0px !important;
	}
	.inner-content .col-main {
		display: block;
		width: auto;
		margin-top: 0;
	}
	.inner-content .text {
		border: 0px;
	}
	
	/* Chairman */
	.inner.chairman .header-content {
		max-width: none;
	}
	
	.inline-charts, .inline-quote {
		margin-bottom: 2em;
	}

	.inline-charts .page-chairman-chart-1,
	.inline-charts .page-chairman-chart-2,
	.inline-charts .page-chairman-chart-3 {
		width: 30%;
		margin: 0 1%;
		display: inline-block;
		vertical-align: middle;
	}
	
	.inline-quote .quote-box {
		padding: 1em 2em;
	}
	.header-content h1,
	.inner.ceo .header-content h1,
	.inner.financial .header-content h1,
	.inner.joint .header-content h1,
	.inner.sustain-framework .header-content h1,
	.inner.sustain-download .header-content h1,
	.inner.ar-download .header-content h1 {
		font-size: 36px;
	}	
	.inner.sustain-download {
		background-image: none;
	}
	.inner.ar-download {
		background-image: none;
	}
	.inner.joint .header-content h1 {
		margin-left: 0px;
		padding-left: 36px;
		padding-right: 36px;
	}
	.inner.joint blockquote {
		font-size: 16px;
	}
	.inner.glance .header-content h1 {
		font-size: 3em;
		text-align: left;
	}
	.inner-content .col-side {
		width: auto;
		display: block;
	}
	.side-table-wrap {
		
	}
	.header-content h1 {
		margin: 1em 0 0.5em;
	}
	.header-content .who {
		margin-bottom: 1em;
	}
	.inner.ceo .header-content {
		text-align: left;
	}
	.inner.ceo .header-content .position:before {
		left: auto;
		right: 100%;
	}
	.inner.ceo .inner-content {
		margin-top: 0px;
	}
	.inner.ceo .back-action {
		padding-left: 0;
	}
	.inner-header {
		padding-bottom: 2em;
	}
	.inner.glance {
		background-image: none;
	}
	.inner.glance .bg-splash {
		background-image: none;
	}
	.inner.glance .chart-main,
	.inner.glance .chart-sub {
		display: block;
		width: auto;
		margin-top: 4em;
	}
	.inner.glance .inner-header {
		margin-bottom: 0px;
		max-height: 80vw;
	}
	.inner.glance .masthead {
		width: auto;
		max-width: none;
	}
	.inner.glance .mobile-only .hero .human .splash-1 {
		background-position: right bottom;
		background-size: 90% auto;
		bottom: -15%;
	}
	.inner.glance .hero .human img:not(.placeholder) {
		width: 80%;
		margin-left: 20%;
	}
	.inner.glance .header-content {
		width: auto;
	}
	.inner.financial .masthead {
		width: auto;
		max-width: 400px;
		margin-left: 0px;
	}
	.inner.financial .header-content h1 br {
		display: none;
	}
	.inner.financial .header-content {
		width: auto;
	}
	.inner.joint .masthead {
		width: 100%;
		height: 70vw;
		float: none;
		max-width: none;
	}
	.joint-title {
		width: 100%;
	}
	.inner.joint .header-content {
		width: auto;
		padding-left: 0px;
		padding-right: 0px;
	}
	.inner.joint .inner-header {
		display: block;
	}
	.inner.financial .stickies,
	.financial-table {
		transform: none;
	}
	.side-quote {
		margin-bottom: 3em;
	}
	.side-quote .quote-box {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.inner.sustain-glance .masthead {
		display: none;
	}
	.inner.sustain-glance .header-content {
		width: auto;
		padding-left: 0px;
		padding-right: 0px;
	}
	.inner.sustain-glance .header-content h1 {
		font-size: 3em;
	}
	.inner.sustain-glance .mobile-masthead {
		display: inline-block;
		width: 30%;
		vertical-align: bottom;
	}
	.special-header-wrap {
		display: inline-block;
		vertical-align: bottom;
	}
	.chart-sustain-glance {
		transform: none;
	}
	.inner.sustain-framework {
		background-image: none;
		
	}
	.inner.sustain-framework .inner-header {
		background: #fff url(../img/page-sustain-framework-mobile.png) right top/50% auto no-repeat;
	}
	.vision-boxes .vision-box {
		display: block;
		width: auto;
		margin-bottom: 2em;
	}
	.inner-content .text.vision {
		padding-left: 24px;
		padding-right: 24px;
	}
	.vision-boxes .vision-box .icons img {
		margin: 0 1em;
	}
	.summary-charts .chart-row {
		padding-left: 24px;
		padding-right: 24px;
	}
	.summary-charts .chart-row .chart-single:not(.x2) {
		width: 50%;
		padding-bottom: 20px;
	}
	.sustain-summary .inner-content .col-main .note {
		padding-left: 24px;
		padding-right: 24px;
		box-sizing: border-box;
	}
	.summary-charts .chart-row .chart-single.x2 {
		width: 100%;
		box-sizing: border-box;
	}
	.summary-charts2 {
		padding-left: 24px;
		padding-right: 24px;
		box-sizing: border-box;
	}
	.inner.sustain-summary .header-content h1 {
		font-size: 2.4em;
	}
	.inner.sustain-summary .header-content h1 em {
		font-size: 1.1em;
	}
	.inner.sustain-download .masthead img.placeholder,
	.inner.ar-download .masthead img.placeholder {
		display: none;
	}
	.inner.sustain-download .hero,
	.inner.ar-download .hero {
		position: relative;
	}
	.inner.sustain-download .masthead {
		display: none;
	}
	.inner.ar-download .masthead {
		display: none;
	}
	body.sustain-download .download-row.sr-full .item-details {
		margin-top: 0;
	}
	.inner.ar-download .masthead {
		margin-bottom: -10vw;
	}
	.download-row .cover,
	body.download .download-row .cover {
		display: block;
		width: auto;
		max-width: 60%;
		margin: 0 auto 2em;
	}
	body.sustain-download .download-row .cover {
		max-width: none;
		margin-bottom: 0px;
	}
	.download-row {
		display: block !important;
		text-align: center !important;
	}
	body.sustain-download .download-row {
		margin-bottom: 2em;
	}
	.download-row .item-details .download-title,
	.download-row.alt .item-details .download-title {
		width: auto;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 20px;
	}
	.download-row .cover,
	.download-row .item-details,
	.download-row.alt .item-details,
	body.download .download-row .item-details {
		width: auto;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}
	body.sustain-download .download-row .item-details {
		padding-top: 0px;
		margin-top: -4em;
	}
	.download-row .item-details .sub-list {
		text-align: left;
	}
	.download-row .item-details .sub-list ul li {
		direction: ltr;
	}
	.download-row .item-details .sub-list {
		display: inline-block;
	}
	.ebook-row {
		display: block;
		width: auto;
		transform: none;
	}
	.ebook-row.ar, .ebook-row.sr {
		transform: none;
	}
	.ebook-row .cover,
	.ebook-row.alt .cover,
	.ebook-row .item-details,
	.ebook-row.alt .item-details {
		display: block;
		width: auto;
		transform: none;
		text-align: center;
	}
	.ebook-row .cover img {
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
	}
	.ebook-row .item-details {
		padding-top: 0px;
		margin-top: 0px;
	}
	.s7 .hero {
		top: auto;
	}
	.page-sustain-chart-mobile {
		padding-left: 24px;
		padding-right: 24px;	
	}
	.page-sustain-chart-mobile img {
		display: block;
		margin: 0 auto;
		max-width: 602px;
		width: 100%;
	}
	.inner.sustain-glance { 
		background-image: none;
	}
	.inner.financial { 
		background-image: none;
	}
}
@media screen and (orientation:portrait) and (max-width: 980px) {
	.stickies .sticky .sticky-wrap {
		width: 50%;
	}
}
@media screen and (orientation:portrait) and (max-width: 640px) {
	
	.content .actions .main-actions.full {
		max-width: none !important;
	}
	.financial-charts .columns {
		display: block;
	}
	.financial-charts .columns .column {
		width: auto !important;
	}
	.financial-charts .columns .column:first-of-type {
		margin-bottom: 36px;
	}
	.floating-bar .menu-center {
		font-size: 14px;
	}
	.box .title, .section .title {
		font-size: 36px;
	}	
	.stickies .sticky .sticky-wrap {
		width: 70%;
		font-size: 5vw;
	}
	.download-item {
		display: block;
		width: 100%;
	}
	.s7 .hero .human img.placeholder {
		margin-bottom: 30vw;
	}
	.s7 .cover-1-mobile,
	.s7 .cover-2-mobile {
		background-size: 140% auto;
	}
	.download-item-wrap {
		max-width: 200px;
	}
	.header-content,
	.inner-content .dear,
	.inner-content .text,
	.inner.joint .header-content .dear {
		
	}
	.inner.joint .header-content h1 {
		
	}
	.header-content h1, .inner.ceo .header-content h1, .inner.financial .header-content h1, .inner.joint .header-content h1, .inner.sustain-framework .header-content h1, .inner.sustain-download .header-content h1, .inner.ar-download .header-content h1 {
		
	}
	.footer-menu ul li {
		padding: 0.5em 0;
	}
	
	.inner.glance .chart-main .chart-item,
	.inner.glance .chart-sub .chart-item {
		display: block;
		width: auto;	
	}
	.inner.glance .chart-main .chart-item {
		max-width: 400px;
		margin: 0 auto;
	}
	.inner.glance .chart-sub .chart-item {
		max-width: 320px;
		margin: 0 auto;
	}
	.summary-charts .chart-row {
		display: block;
	}
	.summary-charts .chart-row .chart-single:not(.x2) {
		width: auto;
	}
	.financial-table {
		display: block;
		margin-top: 3em;
		max-width: 400px;
	}
	.financial-table .fb {
		width: auto;
	}
	.chart-piramid .columns3 {
		display: block;
	}
	.chart-piramid .columns3 .col {
		width: auto;
		padding: 0.3em 0;
		border-top: 1px dashed #343434;
		border-left: 0px;
	}
	.chart-piramid .columns3 .col:first-of-type {
		border-top: 0px;
	}
	.fb.full .fact-box:after {
		display: none;
	}
	.summary-charts .chart-row .chart-single.x2 .table-content {
		display: block;
	}
	.summary-charts .chart-row .chart-single.x2 .table-content .col {
		width: auto;
	}
	.stats-cols {
		display: block;
	}
	.stats-cols .stats-col {
		margin: 10px auto;
		width: auto;
	}
	.sus-highlight-row .boxes .row {
		
	}
	.circle-highlight {
		position: relative;
		margin: 20px auto;
		max-width: 140px;
	}
	.sus-highlight-row .boxes .row.cols2,
	.sus-highlight-row .boxes .row.col31,
	.sus-highlight-row .boxes .row.col13 {
		display: block !important;
	}
	.sus-highlight-row .boxes .row.cols2 > .col,
	.sus-highlight-row .boxes .row.col31 > .col,
	.sus-highlight-row .boxes .row.col13 > .col {
		width: auto !important;
	}
	.sus-highlight-row .boxes .row.cols2 > .col:before,
	.sus-highlight-row .boxes .row.col31 > .col:before,
	.sus-highlight-row .boxes .row.col13 > .col:before {
		display: none;
	}
	.sus-highlight-row .boxes .row.cols2 > .col:after,
	.sus-highlight-row .boxes .row.col31 > .col:after,
	.sus-highlight-row .boxes .row.col13 > .col:after {
		content: ' ';
		display: block;
		position: absolute;
		bottom: 0px;
		left: 2%;
		width: 96%;
		border-bottom: 1px dashed #ffffff;
	}
	.sus-highlight-row .hide-vertical-border {
		padding-bottom: 10px;
	}
	.sus-highlight-row .hide-vertical-border:after {
		display: none !important;
	}
}

@media screen and (orientation:portrait) and (max-width: 560px) {
	
	.sus-highlight-row {
		padding: 24px;
	}
	.inner-page.sustain-inner .inner-content-row .content-box-cell .content {
		padding: 24px !important;
	}
	.title-box .quote,
	.focus-content,
	.inner-content-text {
		padding: 24px !important;
	}
	.icon-box {
		padding-left: 0px;
		padding-right: 0px;
	}
	.signatures {
		display: block;
	}
	.signatures .signature {
		width: auto !important;
		max-width: none !important;
		text-align: left !important;
	}
	.inner-content-text .signature .sign img {
		max-height: 80px;
	}
	.inner-content-text .signatures .signature .sign img {
		margin-left: 0px;
	}
	.inner-content-text .text .columns {
		display: block;
	}
	.inner-content-text .text .columns .column {
		width: auto !important;
	}
	.download-list ul li {
		display: block !important;
	}
	.download-list ul li .download-item {
		margin-bottom: 10px;
	}
	.inline-charts .page-chairman-chart-1,
	.inline-charts .page-chairman-chart-2,
	.inline-charts .page-chairman-chart-3 {
		width: auto;
		margin: 0 auto;
		display: block;
		max-width: 315px;
	}
	
	.chart-piramid .pillars {
		display: block;
	}
	.chart-piramid .pillar {
		padding-bottom: 0px;
	}
	.chart-piramid .pillars.col2 .pillar,
	.chart-piramid .pillars .pillar {
		width: auto;
		border-top: 1px dashed #343434;
		border-left: 0px;
	}
	.chart-piramid .row.vision .heading {
		width: 50px;
		margin: 0 auto;
	}
	.inner.sustain-glance .header-content h1 em {
		font-size: 1.1em;
	}
	.special-header-wrap {
		width: 68%;
	}
	.inner.ceo .header-content h1 br {
		display: none;
	}
	.side-quote .quote-box {
		width: auto;
	}
}
@media screen and (orientation:portrait) and (max-width: 420px) {
	.inner.sustain-glance .header-content h1 {
		font-size: 9vw;
	}
	.header-content h1, .inner.ceo .header-content h1, .inner.financial .header-content h1, .inner.joint .header-content h1, .inner.sustain-framework .header-content h1, .inner.sustain-download .header-content h1, .inner.ar-download .header-content h1,
	.box .title, .section .title {
		font-size: 10vw;
	}
	.back-action a {
		font-size: 11px;
	}
	.inner-content .text h2 {
		font-size: 6vw;
	}
	.inner-content .text h3 {
		font-size: 5vw;
	}
}