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

}

@media only screen and (max-width:959px) {
	/* Home */
	.landing .prev, .landing .next{ z-index:999; top:220px}
	.landingWrapper {min-height: 1px;}
	.landing .upper{ top:50px; z-index:1}
	.landing .upperContainer, .landing .lowerContainer{ width:100%;}
	.landing .upperContainer, .landing .lowerContainer{ padding:0 20px; box-sizing:border-box}
	/* global */
	.navMobileItem{display:block;}
	.header, .main, .footer{ width: 100%}
	.headerWrapper {height:auto}
	.navBtn, .navCloseBtn{ display:block; position:absolute; right:20px; top:10px}
	.navBtn img, .navCloseBtn img{ height:26px;}
	.header .headerMenu{ height:auto; max-height:80vh; width:100%; background-image:none; background-color:#ddd; font-size:16px; overflow-x:auto; right:auto; left:0; padding:50px 0 0; display:none}
	.header{ padding: 10px 20px; height:auto; box-sizing: border-box;}
	.header .logo { margin:0; float:none}
	.header .sectionTitle{ display:none}
	.headerMenu li.lv1Item{float:none; display:block; height:auto; width:100%!important;clear: both; margin:0!important; padding:10px 0; border-bottom:1px solid #ccc }
	/*.headerMenu li.lv1Item{}*/
	.headerMenu .lv2Menu{width:100%; position:static; background-image:none; padding:0;}
	.headerMenu .lv2Menu:after{clear:both; content:"\00a0"; line-height:1px; display:block}
	.headerMenu .col01{ margin-left:0!important;}
	.headerMenu .lv1Item .col{ float:none; width:100%!important;  }
	
	
	.headerMenu .lv1Item_a{ overflow:hidden; background-image:none!important; padding:8px 20px; height:auto; width:auto;  font-size:18px;}
	.headerMenu .lv1Item_a img { display:none}
	.headerMenu .lv2Item{ width:auto; float:none}
	.headerMenu .lv2Item a{ display:block; padding:10px 40px; line-height:20px!important }
	.headerMenu .langBox{ float:none; padding: 10px 10px 100px;}
	
	.headerMenu .searchBtn{ width:0}
	.headerMenu .searchBtn .lv1Item_a{ display:none}
	.headerMenu .searchBtn .lv2Menu{ display:block}
	.mainSearchArea .searchBox{ margin:10px 0 0; width: 250px; background-position:right; border-left:1px solid #939598}
	
	
	
	.main{ padding-top:45px;}
	.mainContent{ float: none; margin-left:auto; margin-right: auto; padding: 0 20px 30px;}
	.mainWrapper{margin-bottom: -52px}
	.footerWrapper{ height: auto; text-align: center}
	#footerIconArea .fleft{ float: none!important; display: inline-block}
	#footerIconArea .text { vertical-align: top; margin-top: 2px; }
	#copright{ float: none!important;}
	.footer #fb { margin-left: 0; }
	
	.buttomnav { text-align:center; padding-bottom:20px;}
	.buttomnav .textMenu{ display:none}
	.buttomnav .block{ display:inline-block; margin:0 10px 20px; text-align:left}

	.buttomnav .leftBox{ margin:0; float:none}
	.buttomnav .icon_BtnContainer{ display:block; text-align:center;}
	#property .buttomnav .block,
	#aviation .buttomnav .block,
	#beverages .buttomnav .block,
	#marine .buttomnav .block,
	#trading .buttomnav .block{margin:0 0 20px;}
	#property .buttomnav .icon_BtnContainer .icon_btn,
	#aviation .buttomnav .icon_BtnContainer .icon_btn,
	#beverages .buttomnav .icon_BtnContainer .icon_btn,
	#marine .buttomnav .icon_BtnContainer .icon_btn,
	#trading .buttomnav .icon_BtnContainer .icon_btn{width:24%; position:relative; float:none!important;display:inline-block; }
	#property .buttomnav .icon_BtnContainer .icon_btn img,
	#aviation .buttomnav .icon_BtnContainer .icon_btn img,
	#beverages .buttomnav .icon_BtnContainer .icon_btn img,
	#marine .buttomnav .icon_BtnContainer .icon_btn img,
	#trading .buttomnav .icon_BtnContainer .icon_btn img{ width:100%}
	.buttomnav .icon_BtnContainer .icon_btn .on{ position:absolute; top:0; width:100%; height:inherit;}
	.buttomnav .icon_BtnContainer .icon_btn .on img{ visibility:hidden}
		
	/* Special Left Nav */
	.leftnav{ z-index:999; top:65px; background-color:#eee; padding:20px; left:-235px; transition: left 0.5s;}
	.leftnav.on{ left:0;}
	.leftnav #leftNavBtn{ position:absolute; width:40px; height:40px; background-color:#eee; right:-40px; display:block; background-repeat:no-repeat; background-size:auto 100%; background-position:center; cursor:pointer}
	.leftnav #leftNavBtn{ background-image:url(../images/global/sub_nav_btn_on.png)}
	.leftnav.on #leftNavBtn{ background-image:url(../images/global/sub_nav_btn_off.png)}
	.leftnav .textMenu{ /*padding:0 0 20px;*/ font-size:14px; background-color:#eee}
	.leftnav .textMenu li{ line-height:20px}
	.leftnav .textMenu a{ display:block}
	.leftnav .textMenu .submenu li, .leftnav .textMenu .submenu li:hover, .leftnav .textMenu .submenu li.selected{ background-position:0 6px;}
	.leftnav .icon_BtnContainer{ height:auto}
	
	/* History */
	#history .historyContent { margin:20px;}
	
	.inlineBlock{ display:inline-block}
	
	.landing .lower{bottom:70px;}
}

@media only screen and (max-width:799px) {
	/* Home */
	.landing .prev, .landing .next{top:160px}
	.landing .tagline img{ width:220px;}
	.landing .nav{ width:295px; margin-top:15px}
	.landing .nav .otherOpt{ height:40px; width:40px;}
	.landing .nav .otherOpt div{ width:40px; height:40px; background-size:100%!important;}
	.landing .nav .current img{ width:70px; height:70px;}
	
	
	
	.mainContent{ width:100%; box-sizing:border-box}
	.template01{}
	.template01 .mainPhoto{ width:100%; float:none; margin:0;}
	.template01 .mainPhoto img{ width:100%;}
	.template01 .aside{ width:100%; height:auto; float:none; box-sizing:border-box; margin-top:20px; min-height:1px;}
	.template01 .desc{ height:auto!important}
	
	.ba_subMenu{ height:auto}
	.ba_subMenuItem{ width:calc(100% / 5); height:17vw; margin-left:0;}
	.ba_subMenuItem img{ width:100%}
	.ba_banner{ height:auto}
	.ba_banner img {width:100%}
	.ba_banner .text{ float:none; width:auto; padding:10px 0;}
	
	.row3col .col{float:none;width:auto;margin-right:0;}
	
	#sd_reports .mainContent .col{ float:none; width:100%; height:auto; padding-bottom:15px; }
	#sd_reports .mainContent .col .img{ width:160px; overflow:hidden; display:inline-block}
	#sd_reports .mainContent .col .sdLink{ position:static;  display:inline-block; width:220px; vertical-align:top; padding-top:50px; margin-right:0;}
	.sdDetailsNav{ height:auto; text-align:center}
	.sdDetailsNav > div { margin:0 15px 20px!important;}
	.sdDetailsNav .imgContainer{ float:none;;  display:inline-block}
	.sdDetailsNav .imgContainer .bg { width:inherit;}
	.sdDetailsNav .imgContainer img{ width:100%;}
	
	#gallery .division{ width:auto; height:auto}
	#gallery .division div{ float:none; width:100%!important; text-align:left!important}
	#gallery .division a{ display:block}
	
	#gallery .sliderContainer{ height:70px;}
	#gallery .photoContainer .photo{ width:70px; height:70px;}
	#gallery .photoContainer .photo img { width:70px}
	#gallery .control{top:22px}
	
	.videoIndex{ width:572px; padding-left:10px!important; margin:0 auto}
	
	#address .nav{ height:auto; display:table; width:100%; border-collapse:separate;border-spacing:3px 3px}
	#address .nav div{ float:none;  display:table-cell;background-size:100%!important;border-spacing:0;}
	#address .nav div a{ display:block}
	#address .nav img{ width:100%;}
	#address .result{ width:auto}
	#address .nav #all a{display: table-cell; height:inherit; width:inherit;}
	
	#address .nav #all{
		width:150px;
		float: none;
	}
	#address .nav #property{
		width:150px;
	}
	#address .nav #beverages{
		width:150px;
	}
	#address .nav #aviation{
		width:150px;
	}
	#address .nav #trading{
		width:150px;
		float: none;
	}

	
	.hScrollArea{width:100%; position:relative}
	.hScrollArea .hScroll{overflow:auto; width:100%;}
	.hScrollArea.leftScroll:before{ content:""; display:block; position:absolute; left:0; top:0; height:100%; width:20px; background: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0.3));}
	.hScrollArea.rightScroll:after{ content:""; display:block; position:absolute; right:0; top:0; height:100%; width:20px; background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.3));}
	.dataTable { min-width:500px;}
	/*.dataTable thead th{ padding-left:;}*/
	.financialsTable{ min-width:360px;}
	/*.financialsTable thead th{ padding-left:10px;}*/
	.financialsTable ~ h3.underline{min-width:360px}
	
	.noteContent{ max-width:80%}
	.directors{ max-width:90%}
	.mainContent .subMenu .col {float: none; width: auto;}
	.mainContent .subMenu .col a{ display:block}
	
	.pdfTable tbody{ padding:3px 0;}
	.pdfTable thead{display:none}
	.pdfTable tbody tr{ padding-bottom:10px; display:block}
	.pdfTable tbody tr td{display:block; border-bottom:0px!important; padding:4px 0 0}
	.pdfTable .pdfDate{ font-weight:bold}
	.pdfTable tbody tr td[data-addCalendar]:before{content:attr(data-addCalendar)": "; color:#666}
	.pdfTable tbody tr td[data-addCalendar] img{ display:inline-block; vertical-align:text-top}
	
	.irContent tbody{ padding:3px 0; border-top:1px solid #000}
	.irContent thead{display:none}
	.irContent tbody tr{ padding-bottom:10px; display:block}
	.irContent tbody tr td{display:block; border-bottom:0px!important; padding:4px 0 0}
	.irContent .date{ font-weight:bold}

	.irInfoTable thead{display:none}
	.irInfoTable tbody tr td{display:block; border-bottom:0px!important; padding:4px 0 0}
	.irInfoTable tbody tr td.colHeading{font-weight:bold}
	.irInfoTable tbody tr{padding-bottom:10px; display:block}
	
	.irInfoTable tbody tr td[data-stock]:before{content:attr(data-stock)": "; color:#666}
	
	.yearbar{ width:90%; width:calc(100% - 32px);}
	.btn_dl{ clear:both; margin-bottom:5px;}
	
	#reports .latestReport, #reports .previousReport{ float:none}
	#reports .latestReport{ width: 100%; height:auto; margin:0 0 16px;}
	#reports .latestReport .bgImg img{ width:100%;}
	
	#reports .previousReport {width: 100%; height:auto;}
	#reports .previousReport .bgImg img{ width:100%;}
	
	#previousreports .mainContent .content{ text-align:center}
	#previousreports .mainContent .col{float:none; display:inline-block; margin:0 7px 18px;}
	
	.shareprice_indices { width:33%}
	
	/*#previousreports .mainContent .col{ width:100%; float:none; margin:0 0 18px; background-color:#fff}*/
	.chart_date_div { text-align:center!important}
	.chart_date_div a span{ margin:0 5px 10px!important; display:inline-block; font-size:14px!important;}
	
	.detailsImg img { width:100%}
	.detailsClose{right:5px}
	
	.briefingContent thead{display:none}
	.briefingContent > tbody > tr{ padding-bottom:20px; display:block; border-top:1px solid #000;}
	.briefingContent > tbody > tr > td{display:block; border-top:0px!important; padding:4px 0 0!important}
	.briefingContent > tbody > tr > td:nth-child(3){ font-weight:bold!important;}
	
	#charts iframe{height:940px}
	#sitemap .row{ width:auto; display:block; background-image:none}
	#sitemap .row .col{ width:100%; height:auto; float:none; margin:0 0 20px; background-color:#fff;}
	
	#ir_index .banner{width:100%; height:auto; background-color:transparent}
	#ir_index .slideContent, #ir_index .slideContent div{ width:100%; height:auto}
	#ir_index .banner .text{ float:none; width:100%; margin:0; height:140px; padding:10px; box-sizing:border-box; background: #092f87;}
	#ir_index .banner .slideContent img{ float:none!important; width:100%}
	#ir_index .banner .pagerContainer{ right:10px; top:120px;bottom:auto}
	
	#ir_index .row{ background-image:none}
	#ir_index .row .col{ width:100%; height:auto; float:none; margin:0 0 20px; background-color:#fff;}
	.irhome_preContent, .irhome_annContent{ height:auto}
	
	#search .criteria{ height:auto!important; width:auto!important}
	#search .subtitle{ padding-bottom:10px}
	#search .subtitle, #search .jqTransformInputWrapper{ clear:both}
	#search .jqTransformInputWrapper, #search .jqTransformSelectWrapper{ width:200px!important}
	#search .separator{ clear:both; float:none!important; height:5px!important;}
	#search .separator:after{clear:both; content:"\00a0"; line-height:1px; display:block}
	
	#governance .content img, #risk .content img{ width:100%}
	
	#ir_index #briefingsContainer{ width:100%; overflow:hidden}
	#ir_index #briefingsContainer .bg{ width:100%;}
	#ir_index #briefingsContainer img{ width:100%;}
	
	.dlListHeading, .dlListDot{ width:auto}
	.dlListHeading.fullver .title{width:calc(100% - 1px);}
	.dlListHeading .title{width:calc(100% - 120px)}
	.dlListDot .title{width:calc(100% - 130px); margin:0}
	
	.landing .lower{ position:static; bottom:auto;}
	.landing .lowerContainer{ padding-top:620px}
	.landing .infoBox{ float:none; margin: 0 auto; max-width:390px; width:100%; padding-bottom:50px; min-height:300px;}
	#home .infoBox .shortcut { margin:0 auto 10px!important;  width:190px}
	#home .infoBox .shortcut img{ width:100%}
	#home .infoBox .latest{ margin:0 auto 10px!important;}
	.home_small_box{ width:190px; margin:0 auto 10px!important;}
	
	#video_content #videoContainer{ width:100%; height:auto}
}

@media only screen and (max-width: 767px) {
	#sd_overview .icons_wrapper #slide-prev, #sd_overview .icons_wrapper #slide-next { display: none !important; }
	#sd_overview .icons_wrapper #slide-dots { display: block !important; }
}

@media only screen and (max-width:600px) {
	/* Home */
	.landing .prev, .landing .next{top:120px}
	.landing .prev img, .landing .next img{ width:16px}
	.landing .tagline img{ width:120px;}
	.landing .nav{ width:185px; margin-top:10px}
	.landing .nav .otherOpt{ height:24px; width:24px;}
	.landing .nav .otherOpt div{ width:24px; height:24px;}
	.landing .nav .current img{ width:40px; height:40px;}
	.landing .lowerContainer{ padding-top:400px}
	#home .infoBox .shortcut { float:none!important;}
	#home .infoBox .latest{ float:none; width:190px; box-sizing:border-box}
	
	.sdDetailsNav .imgContainer .bg {}
	.videoIndex{ width:380px;}
	.mainContent .pageTitle{ line-height:20px; padding:5px 20px;}
	.mainContent .pageTitle span.note{ float:none; display:block; line-height:normal; padding-bottom:5px}
	#previousreports .mainContent .col{ display:block; width:100%; margin:0 0 18px; background-color:#fff}
	.shareprice_indices { width:100%; padding-bottom:10px}
	.btn_update{margin-left:0; margin-top:10px; clear:both}
	.shareprice_current iframe{ height:320px!important}
	
	#sd_landing .infoBox .box{float:none!important;  margin:0 auto 10px!important;}
	
	#mediakit .content a img{ height:30px!important; width:auto; margin-bottom:10px}
	
	#personalDetails table{}
	#personalDetails > table > tbody > tr{ display:block}
	#personalDetails > table > tbody > tr:nth-child(2){ display:none}
	#personalDetails > table > tbody > tr > td{ display:block}
	#personalDetails > table > tbody > tr > td input[type=text]{ width:200px}
	#unsubscribe table > tbody > tr{ display:block}
	#unsubscribe table > tbody > tr > td{ display:block}
	#unsubscribe table > tbody > tr > td input[type=text]{ width:200px}
	
	#rss .dataTable{ min-width:1px;}
	#rss .dataTable tr td:nth-child(2){ display:none}
	
	.searchAreaIR .searchBox, .searchAreaIR form, .searchAreaIR .fullListBtn{margin-bottom:5px}
	.searchAreaIR form, .searchAreaIR .fullListBtn{ margin-right:2px}
	.searchAreaIR .jqtransform select{ width:127px;}
	
	
}

@media only screen and (max-width:440px) {
	.imgWrapper{ float:none!important; margin-left:0; margin-bottom:10px}
	.imgWrapper img { width:100%;}
	
	#sd_reports .mainContent .col .img{ width:100%;display:block}
	#sd_reports .mainContent .col .sdLink{width:auto;display:block; padding:0 15px}
	.sdDetailsNav .imgContainer{height:220px;}
	.sdDetailsNav .imgContainer .bg {}
	.videoIndex{ width:190px;}
	.chart_date_div a span{ margin:0 10px 10px!important; font-size:14px!important;}
	.searchAreaIR{ height:auto; width:180px; text-align:right; float:right}
	.searchAreaIR .searchBox, .searchAreaIR form, .searchAreaIR .fullListBtn{ float:none; display:inline-block; text-align:left;}
	
}

/*******************************************************/

.display-m{display:block!important;}
.hidden-m{display:none!important;}

/*******************************************************/