.banner-wrapper {
    position: relative;
    overflow: hidden;
}

.nivo-controlNav {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

a.nivo-control {
    float: left;
    width: 16px;
    height: 16px;
    background: url("../images/icons/dot_1.png") left bottom;
    text-indent: -1000em;
    margin-right: 7px;
}

a.nivo-control.active {
    background-position: left top;
}
.show-tablet{
	display: none;
}
@media screen and (min-width: 880px){
	#main_nav > li > div> ul >li >ul {
	    display: none;
	}
	.mobile-language{
		display: none;
	}
	img.landing-mobile {
	    display: none;
	}
	.second-level {
	    display: none;
	}
}
@media screen and (max-width: 879px){
	html{
		box-sizing: border-box;
	}

	* {
	    box-sizing: inherit;
	}

	body.responsive {
	    overflow: hidden;
	    position: fixed;
	}
	img {
	    max-width: 100%;
	}
	#header {
	    position: relative;
	    /* width: 100%; */
	    margin: 15px 0px 0px;
	    padding: 0 15px 20px;
	    /* background: none; */
	    height: initial;
	    min-height: 37px;
	    /* background-position-y: 29px; */
	}
	#site_title a {
		margin: 0;
	}
	#container {
	    /* min-width: 880px; */
	    width: 100%;
	    position: relative;
	    left: 0px;
	    transition: 0.5s all ease;
	    /* right: 300px; */
	}

	.responsive #container{
		left: 300px;
	}

	.mobile-toggle {
	    width: 28px;
	    height: 28px;
	    background: rgb(52,26,1); /* Old browsers */
	    background: -moz-linear-gradient(left, rgba(52,26,1,1) 1%, rgba(127,63,2,1) 100%); /* FF3.6-15 */
	    background: -webkit-linear-gradient(left, rgba(52,26,1,1) 1%,rgba(127,63,2,1) 100%); /* Chrome10-25,Safari5.1-6 */
	    background: linear-gradient(to right, rgba(52,26,1,1) 1%,rgba(127,63,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#341a01', endColorstr='#7f3f02',GradientType=1 ); /* IE6-9 */
	    position: absolute;
	    text-align: center;
	    right: 0;
	    top: 0;
	    cursor: pointer;
	}
	.mobile-toggle.close {
	    position: relative;
	    margin: 15px 15px 10px;
		float: unset;
        font-size: inherit;
        font-weight: unset;
        line-height: inherit;
        color: inherit;
        text-shadow: unset;
        filter: unset;
        opacity: unset;
	}

	.mobile-toggle.open span:before, .mobile-toggle.mobile-toggle.open span:after, .mobile-toggle.close span:before, .mobile-toggle.close span:after {
	    content: "";
	}

	.mobile-toggle.open span, .mobile-toggle.open span:before, .mobile-toggle.open span:after, .mobile-toggle.close span:before, .mobile-toggle.close span:after {
	    border-bottom: 2px solid white;
	    width: 14px;
	    display: block;
	    height: 2px;
	    /* text-align: center; */
	    margin: auto;
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	}
	.mobile-toggle.open{
		margin-right: 15px;
	}

	.mobile-toggle.open span:before {
	    top: -10px;
	}

	.mobile-toggle.open span:after {
	    bottom: -10px;
	}

	.mobile-toggle.close span:before {
	    transform: rotate(45deg);
	    transform-origin: 50%;
	}

	.mobile-toggle.close span:after {
	    transform: rotate(-45deg);
	    transform-origin: 50%;
	    left: -2px;
	}

	.header-wrapper{
	    position: fixed;
	    display: block;
	    top: 0;
	    left: -300px;
	    width: 300px;
	    transition: 0.5s ease all;
	    overflow-x: hidden;
	}
	.responsive .header-wrapper{
		left: 0;
	}
	.header-wrapper-secondary{
		overflow-y: scroll;
	    overflow-x: hidden;
    	max-height: 360px;
		/*padding-right: 18px;*/
    	width: 318px;
		display: block !important;
	}
	.header-wrapper-secondary > *{
		/*margin-right: 18px !important;*/
	}

	#main_nav, .chinese #main_nav{
		float: none;
	    margin: 0;
	}

	.header-wrapper-secondary, .header-wrapper-secondary::-webkit-scrollbar{
		display: none;
		padding-right: 18px;
	}

	

	#site_title {
	    float: none;
	    margin: 0;
	    width: 50%;
	    display: inline-block;
	}

	#main_nav > li, .chinese #main_nav > li {
	    float: none;
	    background: #eceae7;
	    margin-bottom: 1px;
	}

	.nav_column.text_column {
	    display: none;
	}
	#main_nav .select_indicator {
	    display: none;
	}
	#main_nav .sub_level {
	    position: relative;
	    width: 100% !important;
	    float: none;
	    height: 0 !important;
	    background: none !important;
	    box-shadow: none;
	    padding: 0 !important;
	    top: 0;
	    display: block !important;
	    overflow: hidden;
	    transition: 0.5s ease all;
	}

	#main_nav .sub_level ul {
	    float: none;
	}

	#main_nav .sub_level li {
	    padding: 0px;
	    background: none;
	    margin-top: 1px;
	}
	#main_nav .sub_level li > a{
		padding: 25px;
	}

	#main_nav > li > a, .chinese #main_nav > li > a{
	    color: #666666;
	    padding: 25px;
	    transition: 0.5s ease all;
	}

	

	#main_nav > li > span {
	    position: absolute;
	    top: 0;
	    right: 0;
	    width: 50px;
	    height: 70px;
	    z-index: 1;
	    cursor: pointer;
	}

	#main_nav > li > span:before {
	    content: "";
	    background-position: 20px 50%;
	    background-repeat: no-repeat;
	    transition: 0.5s ease all;
    	width: 100%;
	    height: 10px;
	    display: block;
	    position: absolute;
	    background-image: url(../images/icons/arrow-right.png);
	    top: 0;
	    margin: auto;
	    bottom: 0;
	    z-index: 1;
	    left: 2px;
	}
	#main_nav > li.active > span:before {
	    transform: rotate(90deg);
	     background-image: url(../images/icons/arrow-down.png); 
	}

	#main_nav .about.hover > a, #main_nav .about li:hover,
	#main_nav .businesses.hover > a, #main_nav .businesses li:hover,
	#main_nav .ir.hover > a, #main_nav .ir li:hover,
	#main_nav .csr.hover > a, #main_nav .csr li:hover{
		background-color: inherit;
		color: inherit;
	}
	#main_nav .about.active > a{
		background-color: #55040b;
		color: #fff;
	}
	#main_nav .about.active > .sub_level{
		height: 283px !important;
	}
	#main_nav .businesses.active > a{
		background-color: #854c09;
		color: #fff;
	}
	#main_nav .businesses.active > .sub_level{
		height: 283px !important;
	}
	#main_nav .ir.active > a{
		background-color: #011049;
		color: #fff;
	}
	#main_nav .ir.active > .sub_level{
		height: auto !important;
	}
	#main_nav .ir.active > .sub_level.financialInfo {
		height: calc( 354px + 354px) !important;
	}
	#main_nav .ir.active > .sub_level.stockInfo {
		height: calc(354px + 283px) !important;
	}
	#main_nav .ir.active > .sub_level.corpGovern {
		height: calc(354px + 141px) !important;
	}
	#main_nav .ir.active > .sub_level.newsroomAnnounce {
		height: calc(354px + 212px) !important;
	}
	#main_nav .ir.active > .sub_level.infoRequest {
		height: calc(354px + 212px) !important;
	}


	#main_nav .csr.active > a{
		background-color: #1e4400;
		color: #fff;
	}
	#main_nav .csr.active > .sub_level{
		height: 100% !important;
	}
	#main_nav .about .sub_level li > a, #main_nav .about .sub_level li:hover > a {
	    background-color: #a2121f;
	}

	#main_nav .businesses .sub_level li > a , #main_nav .businesses .sub_level li:hover > a{
	    background-color: #eb9205;
	}

	#main_nav .ir > .sub_level > ul > li > a, #main_nav .ir > .sub_level > ul > li:hover > a{
	    background-color: #0f298a;
	}
	.has-third-level {
    	background: #ffffff;
	}
	#main_nav .sub_level ul.has-third-level a {
	    color: #0f298a;
	}

	#main_nav .csr .sub_level li > a, #main_nav .csr .sub_level li:hover > a{
	    background-color: #499d06;
	}
	.overlay{
		height: 0;
		transition: 0.5s all ease;
		left: 0;
    	width: 0;
	}
	.responsive .overlay {
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    background: rgba(0,0,0, 0.3);
	     z-index: 1; 
	     left: 300px; 
	}

	.second-level {
		height: 0;
		overflow: hidden;
		transition: 0.5s all ease;
	}
	#financialInfo.active{
		height: 214px;
	}
	#stockInfo.active{
		height: 283px;
	}
	#corpGovern.active{
		height: 141px;
	}
	#newsroomAnnounce.active{
		height: 212px;
	}
	#infoRequest.active{
		height: 212px;
	}


	.ir > .sub_level > ul > li > span{
		position: absolute;
	    top: 0;
	    right: 0;
	    width: 50px;
	    height: 70px;
	    z-index: 1;
	    cursor: pointer;
	}
	.ir > .sub_level > ul > li > span:before{
		content: "";
	    background-position: 20px 50%;
	    background-repeat: no-repeat;
	    transition: 0.5s ease all;
    	width: 100%;
	    height: 10px;
	    display: block;
	    position: absolute;
	    background-image:  url(../images/icons/arrow-down.png); 
	    top: 0;
	    margin: auto;
	    bottom: 0;
	    z-index: 1;
	    left: 2px;
	}

	.ir > .sub_level > ul > li > span.active:before {
	    transform: rotate(90deg);
	}

	#lang_switcher {
	    float: none;
	    color: #666666;
	    padding: 0;
	    margin: 0;
	    background: #fff;
    	overflow: hidden;
		height: 47px;
    	transition: 0.5s ease all;
	}
	#lang_switcher.active {
	    height: 141px;
	}

	.mobile-language {
        position: relative;
	    cursor: pointer;
	    background: white;
	    overflow: hidden;
	    z-index: 1;
	    display: block;
	    padding: 15px 25px;
	    border-bottom: 1px solid #eceae7;
	    height: 47px;
	}
	#lang_switcher .mobile-language:before {
	    content: "+";
	    position: absolute;
	    right: 21px;
	    font-size: 15px;
	    font-weight: normal;
	    transition: 0.5s ease all;
	}
	#lang_switcher.active .mobile-language:before{
		content: "-";
	}
	.language-wrapper > *{
		padding: 15px 25px;
	    display: block;
	    border-bottom: 1px solid #eceae7;
	    height: 47px;
	}
	.language-wrapper > .language-divided {
	    display: none;
	}
	.language-wrapper {
	    top: -100px;
	    overflow: hidden;
	    position: relative;
	    transition: 0.5s all ease;
	}
	#lang_switcher.active .language-wrapper {
		top: 0;
	}
	#email_alert {
	    /* display: none; */
	    float: none;
	    margin: 0;
	    padding: 15px 25px 15px 46px;
	    display: block;
	    /* border-bottom: 1px solid black; */
	    border-bottom: 1px solid #eceae7;
	    background-position-x: 25px;
	}

	#search_form {
	    float: none;
	    border: none;
	    padding: 0;
	    overflow: hidden;
	    height: auto;
	    border-bottom: 1px solid #eceae7;
	}

	#search_form /*> label*/ {
	    display: block;
	    padding: 15px 25px;
	    vertical-align: middle;
	}

	#search_form .form_text {
	    top: 0;
	    left: 0;
	    width: 100%;
	}

	#search_form .form_submit {
	    top: 0;
	    bottom: 0;
	    right: 0;
	    margin: auto;
	}
	
	#banner{
		height: 1px;
    	padding-top: 37.72727273%;
	}
	#banner img{
		/*width: 100%;*/
	}
	.home_block_one, .grid_1, .grid_2, .chinese_home_block_one, .grid_1.right, .chinese_home_block_two, .grid_1.margin_left, .chinese_home_block_three, .grid_1.right{
		float: none;
		width: auto;
	}
	.grid_2.margin_left, .chinese_home_block_two, .grid_1.margin_left, .margin_right{
		margin: 0;
	}
	#content{
		padding: 0;
    	overflow: hidden;
	}
	.cat_home #content > * {
	    position: relative;
	    overflow: hidden;
	}
	.grid_2.margin_left{
		margin: 0;
	}
	.grid_1 {
	    padding-left: 15px;
	    padding-right: 15px;
	    width: 50% !important;
	    position: relative;
	    /* display: inline-block; */
	    float: left !important;
	}
	div#footer {
	    margin: 0 15px;
	    padding: 15px 0px 25px;
	    margin-top: 25px;
	}


	.si_fixed.landing_page {
	    display: flex;
	    flex-wrap: wrap;
	}

	.sub_landing_page_container {
	    order: 2;
	    width: 100%;
	    background-size: cover;
	    /* height: 2025px; */
	    background-position: 50%;
	    margin: 0;
	    padding: 0;
	    float: none;
	    height: auto;
	    height: 50vh;
	    min-height: 280px;
	    max-height: 300px;
	    background-size: 100% 73%;
    	background-position-y: 0;
	}
	.local_nav {
	    left: 0;
	    right: 0;
	    margin: auto;
	    text-align: center;
	    bottom: 20%;
	}

	.local_nav li {
	    float: none;
	    display: inline-block;
	}

	.sub_landing_page_text {
	    order: 1;
	    margin: 0;
	    width: 100%;
	    padding: 15px;
	    background-position: 90% 0%;
	    height: 60vh;
	    min-height: 300px;
	    max-height: 380px;
	}


	.local_nav_content {
	    width: 100%;
	    position: relative;
	    left: 0;
	    top: 0;
	    padding: 15px;
	    padding-top: 30px;
	}

	#content.landing_page {
	    min-height: auto;
	}

	.cat_about .sub_landing_page_container {
	    background-color: #a51b28;
	    background-image: url("../images/backgrounds/bg_landing_red.png");
	}
	.cat_businesses .sub_landing_page_container {
	    background-color: #eb9205;
	    background-image: url("../images/backgrounds/bg_landing_yellow.png");
	}
	.cat_csr .sub_landing_page_container {
	    background-color: #499d06;
	    background-image: url("../images/backgrounds/bg_landing_green.png");
	}
	.landing-desktop {
	    display: none;
	}
	.local_nav_content img {
	    right: 0;
	    top: -237px;
	    left: 0;
	    margin: auto;
	    /* max-width: 250px; */
	    /* max-height: 304px; */
	}
	#side_bar{
		display: none;
	}
	.content_show {
	    float: none !important;
	    width: 100% !important;
	    padding: 15px;
	}
	.si_right .back_to_top {
	    display: none;
	}
	.si_right:last-child .back_to_top {
	    display: block;
	}
	

	img[alt='Tiger Balm'] {
	    width: 100vw;
	    margin-bottom: 12px !important;
	    margin-left: -15px !important;
	    max-width: none;
	}
}
@media (max-width: 767px){
	.grid_1{
		width: 100% !important;
	}
	.grid_2.margin_left{
	    display: flex;
	    width: 100%;
	    flex-wrap: wrap;
	}
	.grid_2.margin_left > *:nth-child(1){
		order: 1;
	}
	.grid_2.margin_left > *:nth-child(2){
		order: 3;
	}
	.grid_2.margin_left > *:nth-child(4){
		order: 2;
	}
	.grid_2.margin_left > *:nth-child(5){
		order: 4;
	}
	.grid_1.right > iframe{
		width: 100%;
	}
	.content_hide{
		padding: 0 15px;
	}
	.cat_businesses .si_right, .cat_businesses  .text_small.lineheight_small{
		width: 100% !important;
	}
	
	.cat_about .text_small.lineheight_small > div {
    	width: 100% !important;
	}
	.cat_about .text_small.lineheight_small {
	    width: 100% !important;
	}
	.cat_csr .text_small.lineheight_small {
	    width: 100% !important;
	}
	.cat_csr .text_small.lineheight_small > .si_right{
		width: 100% !important;
	}
	.cat_csr .text_small.lineheight_small + div {
    	width: 100% !important;
	}
	#director_slider .slider_group_nav_1 {
	    top: -45px;
	}
	#director_slider {
	    min-height: 800px;
	    overflow: visible !important;
	}
	#director_slider .slider_pane_1 {
	    padding: 0;
	    position: relative;
	}

	#director_slider .director_photo {
	    position: relative;
	}

	#director_slider h3 {
	    margin-top: 50px;
	}

	#director_slider .designation {
	    margin-bottom: 20px;
	    display: block;
	}
	img.margin_right.col-sm-4 {
	    margin-bottom: 12px;
	}
	.half_width{
		width: 100%;
	}
	img[alt="Eart hour"],img[alt="Earth hour"]  {
	    margin: 0 !important;
	    margin-bottom: 20px !important;
	}
	.corp-mobile-images {
	    width: 100%;
	    margin-top: 0 !important;
	    margin-bottom: 15px !important;
	    margin-left: 0 !important;
	    margin-right: 0 !important;
	}
	.corp-mobile-images-caption{
		font-size: 11px;
	    font-style: italic;
	    margin: 0 !important;
	    margin-bottom: 12px !important;
	}
	.corp-mobile-images + .caption {
	    margin-top: 0;
	    font-size: 11px;
	    font-style: italic;
	    margin-bottom: 15px;
	}
	.corp-mobile-images-caption .si_right {
	    text-align: left;
	}
	.corp-mobile-images-caption img {
	    margin-bottom: 15px;
	}
	.cat_businesses .corp-mobile-images-caption > div{
		margin: 0 !important;
	}
	.cat_csr .corp-mobile-images-caption > div{
		padding: 0 !important;
	}
	
}
@media screen and (max-width: 565px) {
	div#footer .si_floatRight{
		float: none;
	}
}
@media screen and (max-width: 400px) {
	.sub_landing_page_container{
		max-height: 330px;
		background-size: 100% 76%;
	}
	.local_nav{
		bottom: 5px;
	}
}
@media screen and (max-height: 620px) {
	.sub_landing_page_container{
	    min-height: 320px;
	}
}