/* ==|== primary styles =====================================================
   Conditional CSS for Tablet
   ========================================================================== */
@media only screen and (min-width: 744px){

.flex-viewport			{ height:560px; }
.headerBar h1 .ir		{ background:url("/iwov-resources/corporate_new/img/my/en/m/logo-maybank.png") no-repeat scroll 0 center transparent; width:334px; height:50px;  }
.dropDownTrigger		{ top:20px; }
.dropDownTrigger .ir {  width:53px; height:53px; background:url("/iwov-resources/corporate_new/img/my/en/m/icon-menu.png") no-repeat scroll 0 0 transparent; }
.backTrigger			{ top:20px; }
.backTrigger .ir 		{  width:53px; height:53px; background:url("/iwov-resources/corporate_new/img/my/en/m/icon-back.png") no-repeat scroll 0 0 transparent; }
aside.sidebarNav .dropDownTrigger .ir { width:53px; height:53px; }
nav[role="masonry"]		{ height:70px; }
nav[role="masonry"] ul li { font-size:35px; line-height:2em; }

.filterItem-image img,
.filterItem-content img { display:block; width:auto;}

nav[role="masonry"] a	{ text-shadow:none; } 
.sharePrice				{ line-height:160px; }
.masonryItem img		{ height:100%; }  
.imgBottom img			{ width:100%; height:auto; display:block; max-height:370px; }
.newsFeedWrapper .contentBottom img { max-height:370px; }
.masonryBlock			{ width:100%; max-height:100%; margin-right:20px; }
.masonryWrap,
.noMasonry-singleCol,
.noMasonry-directLink,
.dualCol,
.noMasonry				{ padding:0 9px; margin-top:90px; }
.masonryData 			{ height:inherit;}
.crossSellWrap		{ width:100%; padding:0 10px; }
.crossSellWrap .masonryItem { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; width:49.5%; float:left;}
.crossSellWrap .masonryItem:nth-child(2n+1) { margin-right:1%; } 
.crossSellWrapper		{ margin:10px 0 0 0; }
.masonryItem			{ height:180px; }
.widthHalf				{ width:180px; }
.height2				{ height:370px; }
.height3				{ height:560px; }
.maxWidth290			{ max-width:100%; }
.tabletMarginLeftNone	{ margin-left:0; }
.tabletMarginLeft10		{ margin-left:10px; }
.tabletMarginRight10	{ margin-right:10px; }
.tabletMarginRightNone	{ margin-right:0; }
.tabletMarginRightNone > div { margin-right:0; }
.width2 .overlayBar	{ width:180px; }
.contentBottom {height:370px;}
aside.sidebarNav,
aside.sidebarNav .maxWidth290{ max-width:100%; height:10px; }
aside.sidebarNav .dynamicMasonry > div a h2 { font-size:4.58333333333333333333em; line-height:inherit; }
aside.sidebarNav .dynamicMasonry > div > h2 { font-size:4.58333333333333333333em; }
footer { padding:0 10px; }

table 				{font-size: 1em;}
.tableTitle			{font-size:1.2em;}

.table-menu-wrapper ul li input[type="checkbox"] + label {font-size: 1em;}

.enhanced th.optional, 
   .enhanced td.optional {
      display: table-cell;
   }

.enhanced th.hidden, 
.enhanced td.hidden {
      display: none;
   }   

/*.desktoptableWrapper table .c-02,
.desktoptableWrapper table .c-03,
.desktoptableWrapper table .c-04 {display:table-cell;}

.actionWrapMobile{display:none;}*/
#map_canvas { display:block; }
.mapWrap { height:540px; }
.mapControlWrap { position:absolute; top:10px; left:10px; width:270px; }

.filterSliderContent > span { font-size:1.66666666666666667em; }
input[type="checkbox"] + label { font-size:1.66666666666666667em; }
.filterItem	{ padding:15px 25px 20px; }

.flexSlider .slides li a img { width:100%; }
.slideShowColumn { width:27.5%; }
.asteriskContent { left:45%; padding-left:10px;  }
.chartWrap { width:45% }
.resultContent { font-size:1.66666666666666667em; background: url("/iwov-resources/corporate_new/img/my/en/m/icon-tick.png") right top no-repeat; padding-right:40px; height:33px; line-height:33px;   }
.targetNotMet { background: url("/iwov-resources/corporate_new/img/my/en/m/icon-cross.png") right top no-repeat; }
.targetNone { background: none;}
.slideShowColumn h3 { font-size:1.25em; }
.slideShowColumn h3 strong { font-size:2.2em; line-height:1; }
.slideShowColumn p { font-size:1.25em; }
.slideShowMode .slideShowColumn ul li { height:auto; display:block; float:left; }
.slideShowText { font-size:2em;  }
.slideShowText img { text-align:left; float:left; width:auto; }
.slideShowOnlyImage > img { height:100%; width:auto !important; }
.slideShowWrapOnBackground { height:440px; }
.slideShowTextOnYellow p { font-size:2em; }

.chartData { position:relative; float:left; height:200px; margin-top:55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; padding:0 10px; text-align:center; font-size:1.58333333em; font-family:sans-serif; width:60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
.chartData .theBar { position:relative; height:100%; margin-bottom:10px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; -moz-box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,0.4), 1px 1px 1px 0 rgba(255,238,21,1); -webkit-box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,0.4), 1px 1px 1px 0 rgba(255,238,21,1); box-shadow: inset 1px 1px 1px 0 rgba(0,0,0,0.4), 1px 1px 1px 0 rgba(255,238,21,1); background: rgb(102,102,102);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,1)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000',GradientType=0 );
 }
.chartViewPort { position:relative; height:200px; }
.chartData .indicatorWrap { background:url("/iwov-resources/corporate_new/img/common/filter-indicator.png") no-repeat scroll center top transparent; width:60px; height:42px; border:none; outline:none; display:block; position:absolute; padding:0; top:-30px; font-size:0.78947368421em; line-height:36px; margin-left:-10px; }

.hideInMobile	{ display:block !important; }
.hideInTablet	{ display:none !important; }
.hideInDesktop	{ display:block !important; }
.mobileOnly		{ display:none !important; }
.tabletOnly		{ display:block !important; }
.desktopOnly	{ display:none !important; }

.articleContent .tabTitleWrap { position:absolute; left:145px; }
.articleContent .tabTitleWrap .tabTitle, .articleContentStatic .tabTitleWrap .tabTitle { height:auto; padding:20px 45px 10px 0; font-size:2.3333333333333em; } 
.articleContent .tabTitleWrap .tabTitleDesc, .articleContentStatic .tabTitleWrap .tabTitleDesc { position:static; padding:0; font-size:1.666666666667em; }
.articleContent .bod { height:125px; }
.articleContent .bod .tabTitleWrap .tabTitle { padding-left:0; }
.articleContent .bod .tabTitleWrap .tabTitleDesc { padding-right:50px; }
.photoThumb img { height:140px; width:140px; }
.articleContent > span { background:url("/iwov-resources/corporate_new/img/common/icon-accordion-collapsed.png") no-repeat scroll right center #fff; } 
.articleContentExpanded > span { background:url("/iwov-resources/corporate_new/img/common/icon-accordion-expanded.png") no-repeat scroll right center #fff; }
.articleContent .expandedWrap { padding:0 30px 20px; margin-top:0; }

.articleContentExpanded .tabTitleWrap .tabTitle { padding-left:0; padding-right:0; } 
.articleContentExpanded .tabTitleWrap .tabTitleDesc { margin:0; }
.articleContentExpanded .bod { height:139px; }                                                            
.articleContentStatic .bursaAnnouncement .tabTitleDesc > img { display:block; margin-right:10px; }
.articleContentStatic .bursaAnnouncement .tabTitleDesc .filterItem-content { float:left; }

.dualCol .articleContent .tabTitleWrap { position:static; }
.dualCol .articleContent .tabTitleWrap .tabTitle { padding:0 45px 0 0; } 
.dualCol .articleContent > span { padding:17px; } 
.dualCol .articleContent .expandedWrap,
.articleContentStatic .expandedWrap { padding:20px;  }
.articleContentStatic > .tabTitleWrap { padding:17px 20px; }
.articleContentStatic > .tabTitleWrap .tabTitle { padding:0 45px 0 0; } 
.tabNumbering {  font-size:2.3333333333333em; width:30px; line-height:1.1875em; }

.articleContent .expandedWrap strong { color:#000; font-weight:bold;}
.articleContent .expandedWrap ul {font-size:20px; padding-left:40px; margin-top:0px;}
.dualCol .articleContent .expandedWrapSub {padding: 0 0 0 100px; }
.articleContent .expandedWrapSub .tabTitleWrap .tabTitle {font-size:1.33333333em;}
.articleContent .expandedWrapSub .tabTitleWrap {padding: 17px;}
.articleContent .expandedWrapSub .tabTitleWrap .tabTitleDesc {font-size: 0.777777em;}

.articleContentStatic .groupStructure .tabTitleWrap .tabTitle, .articleContent .groupStructure .tabTitleWrap .tabTitle {font-size:1.99999999em; color:#000; font-family:sans-serif; padding:0 45px 0 0px; line-height:1.1875em; height: auto; display: table-cell; vertical-align: middle; overflow:hidden; }
.articleContentStatic .groupStructure .tabTitleWrap .tabTitleDesc, .articleContent .groupStructure .tabTitleWrap .tabTitleDesc { font-size:1.44444444em; margin-left: 100px; }
.articleContentStatic > span {padding:17px; } 
.tabPercentage {color: #ffbf23; float:left; height:100%; width:100px; font-size:1.999999999em; }
.articleContent .expandedWrapSub .tabPercentage {font-size:1.3333333em; width: 100px;}
.articleContent .expandedWrapSub .indent {padding-left: 100px; margin-top: 10px;}
.articleContent .expandedWrapSub .indent .tabPercentage {width: 80px;} 


.awardsWrap .filterItem {float: left; margin-bottom: 5px; margin-left: 0.5%; padding: 15px 25px 20px;   width: 33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
.awardsWrap .filterItem:nth-child(3n+1) { margin-left:0;}
.awardsWrap .filterItem img {float: none; width: 100%; margin: 0 0 20px 0;}
.promotionsWrap .filterItem {float: left; margin-bottom: 5px; margin-left: 1%; width: 49.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
.promotionsWrap .filterItem:nth-child(2n+1) { margin-left:0; clear:left; }
.promotionsWrap .filterItem img {float: none; width: 100%; margin: 0;}

.productsWrap .filterItem {float: left; margin-bottom: 5px; margin-left: 1%; width: 49.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; min-height:500px !important; }
/*.productsWrap .filterItem {float: left; margin-bottom: 5px; margin-left: 1%; width: 49.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; min-height:500px !important; }
*/
.productsWrap .filterItem img {float: none; width: 100%; margin: 0;}

/*.moreServiceWrap .filterItem {float: left; margin-bottom: 5px; margin-left: 1%; width: 49.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; min-height: 300px; }
*/
.moreServiceWrap .filterItem {float: left; margin-bottom: 5px; margin-left: 1%; width: 49.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; min-height: 420px; }
.moreServiceWrap .filterItem:nth-child(2n+1) { margin-left:0; clear:left; }
.moreServiceWrap .filterItem img {float: none; width: 100%; margin: 0;}
.moreServiceWrap .filterItem.yellowBg { padding-bottom:10px; }

.productHighlightWrap { position:relative; }
.dualCol .productHighlightWrap img { width:50%; float:left; margin-right:15px; }
.dualCol .productHighlightWrap figcaption { width:100%; float: none; }
.dualCol .productHighlightWrap figcaption a { width:50%; position:absolute; right:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; background:url("/iwov-resources/corporate_new/img/common/icon-arrows-clear.png") no-repeat scroll -35px top transparent; padding-left:40px; bottom:10px; }

.nextStepWrap li { width:49.5%; float:left; margin-top:0; margin-bottom:1%; }
.nextStepWrap li:nth-child( 2n+1 ){ margin-right:1%; }
.alsoInterestedWrap li { width:49.5%; float:left; margin-top:0; margin-bottom:1%; }
.alsoInterestedWrap li:nth-child( 2n+1 ){ margin-right:1%; }

.filterCategoriesControl li { float:left; width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
.filterWrap .filterCategoriesVertical ul li { width:100%; }

.noMasonry-directLink .articleContent .tabTitleWrap { position:static; }  
.noMasonry-directLink .articleContentNoArrow .tabTitleWrap .tabTitleDesc { padding:0 10px 20px; }
.noMasonry-directLink .articleContent .tabTitleWrap .tabTitle { padding-top:10px; }
.noMasonry-directLink .articleContent > a > .careers .tabTitleWrap .tabTitleDesc { font-size:1.666666666em; }

.videoWrap iframe { height:440px; }
.sharePrice .overlayBar { width:100%; }
.height100p { height:100%; }
.dualCol figure img{width:100%;}

.dynamicFrame-stockchart{height: 2500px;}
.dynamicFrame-share-price{height:30000px;}
.dynamicFrame-stock-fundamental{ height: 680px;}
.dynamicFrame-bursa{height:130000px;}
.dynamicFrame-email-alert{height: 720px;}


.noMasonry-directLink .tabCategory .tabTitleWrap .tabTitle { padding:10px 0 5px 15px; }

.allSubsidiaries{ margin-top:110px; padding:0 15px; }
.allSubsidiaries .noMasonry-directLink:first-child{ margin-top:0px; padding:0px; }
.allSubsidiaries .noMasonry-directLink{ margin-top:20px; padding:0px; }
.allSubsidiaries .articleContent .expandedWrap{ margin-top:0px; }

.articleContent .expandedWrap ul.subList strong { font-size:1em; color:#666; font-weight:bold;}
.fb-like{bottom: 0; right:auto;}
.outGoingAlert { padding:50px; }

table#foreign-shareholding {width:80%;}
table#foreign-shareholding th:first-child { width:10%; }

.careers .photoThumb img { height: 140px;  width: 230px;}
#enquiries-suggestions { margin-top:-45px; }
#enquiries-suggestions #refreshCaptcha{float: left; margin: 0 10px 0 0;}
#enquiries-suggestions .captcha .btnGeneral {clear: right; float: left; margin: 10px 0;}

nav[role="masonry"] ul li { padding-left:80px; }
.backTrigger { left:15px; }
nav[role="masonry"] .parentsList a { text-shadow:none; }
.gNavTitle { font-size:4.16666666667em; }

.videoPopup { background-color:rgba(255,255,255,0.9); }
.crossSellWrap  > .crossSellWrapper { margin-bottom:10px; }
.crossSellWrap  > .masonryItemSingle { margin-bottom:10px; }

.forexMeta { margin-top:20px; margin-bottom:10px; }
.masonryItem.width2 .forexContent ul img { height:auto; }
.forexContent ul li { margin-bottom:15px; }
.forexContent > a { top:335px; }

.heightAuto { height:auto; } 

.filterTopDown { width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; float:left; }
.filterTopDown:nth-child(2n+3) { clear:left; }
.filterLeftRight { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; clear:left; }
.filterLeftRight li { width:50%; float:left; }

.leadGenWrap ul { padding:0 20px 20px; }
.leadGenWrap ul li .radioContentWrap li,
.leadGenWrap ul li .checkBoxContentWrap li { float:left; width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; padding-right:15px; } 

.secureFormWrap ul li { margin-top:0; }
.secureFormWrap ul { padding:0 20px 20px; }
.secureFormWrap ul li .radioContentWrap li,
.secureFormWrap ul li .checkBoxContentWrap li { float:left; width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; padding-right:15px; } 
.secureFormWrap .expandedWrap { padding-top:0; }
.secureFormWrap .expandedTQWrap { min-height:630px; }
.secureFormWrap > div > form > ul > li { float:left; width:50%; margin-bottom:20px; padding-right:0; padding-left:1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
.secureFormWrap > div > form > ul > li.needNewLine { clear:left; padding-right:1%; padding-left:0; }
.secureFormWrap ul li .radioContentWrap li { margin-top:0; }
.secureFormWrap > div > form > ul > li.textAreaWrap,
.secureFormWrap > div > form > ul > li.tncWrap { width:100%; }
.secureFormWrap > div > form > ul > li.submissionWrap { padding:0; width:100%; }


.promotionCrossSellContent img {  max-width:100%; float:left; width:auto; margin-right:15px; }
.promotionCrossSellContent a h3 { clear:none; }
.promotionCrossSellContent a { height:125px; overflow:hidden; padding:0; background:url("/iwov-resources/corporate_new/img/common/icon-filter-item.png") no-repeat 98% center transparent; padding-right:50px; }
.promotionCrossSellContent a:hover { background:url("/iwov-resources/corporate_new/img/common/icon-filter-item-hover.png") no-repeat 98% center transparent; }

.crossSellWrap .calculatorWrapper { width:100%; margin:10px 0 0 0; height:290px; }
.calculatorContent p { width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
.calculatorWrap .calculatorCTA { width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; position:absolute; bottom:0; right:0; } 
.calculatorWrap p { width:50%; }
.calculatorResult hr { display:none; }
.ccrc-l5 { width:50%; position:absolute; right:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; bottom:75px;  }

.calculatorHPC .calculatorContent hr { display:none; }
.calculatorHPC .calculatorContent .calculatorDisclaimer,
.calculatorHPC .calculatorResult .calculatorDisclaimer,
.calculatorCC .calculatorResult .calculatorDisclaimer,
.calculatorSC .calculatorResult .calculatorDisclaimer,
.calculatorALC .calculatorResult .calculatorDisclaimer,
.calculatorPLC .calculatorResult .calculatorDisclaimer,
.calculatorMHLC .calculatorResult .calculatorDisclaimer  { width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; position:absolute; bottom:60px; right:0; }

.ihlcCol2 { right:0; position:absolute; }
.ihlcMarginLayout { top:57px; }
.ihlcLoanTenureLayout { top:109px; }

label[for="ihlcMonthlyIncome"], label[for="hlcMonthlyIncome"], label[for="initial"], label[for="monthly"], label[for="dpayment"], label[for="employmentStatus"] { width:auto; line-height:40px; }   

.hlcCol2 { right:0; position:absolute; }
.hlcInterestLayout { top:109px; }
.hlcLoanTenureLayout { top:57px; }
.scLoanTermYear { top:57px; }
.scLoanTermMonth { top:109px; }
.alcLoanTenure { top:57px; }

.branchWrap { margin-bottom:10px; font-size:20px; }
.branchInfo { float:left; width:55%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
.branchContact { float:left; width:30%; margin-left:15%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }


.filterContents .branchWrap strong {  font-size:20px; line-height:30px; }
.stateTitle { font-size:20px; }
a.cta-viewmap { font-size:20px; }
.branchWrap a.tel { font-size:20px; margin-bottom:2px; }

.ccTabletLayout { position:absolute; top:56px; right:0; }

.newsFeedWrapper .contentBottom .contentBottomData ul li iframe { min-width:370px; min-height:370px; } 
.rotatingContentWrap .contentBottom .contentBottomData ul li iframe { min-width:370px; min-height:370px; } 
/*
.filter3Tiers .filterCategoriesControl li:nth-child(2n+1) { clear:both; }
*/
.rateArchiveWrap .selectWrap { width:23%; margin-right:1%; float:left; }
.rateArchiveWrap input[type="submit"] { float:right; margin:6px 0; }

.filterCategoriesContent > span { color:#151515; font-size:1.33333333333333333em; font-family:sans-serif; display:block; padding:10px; background:url("/iwov-resources/corporate_new/img/my/en/s/bg-filter-expand.png") no-repeat scroll right top transparent; font-size:1.66666666666666667em; font-weight:bold; padding:17px; cursor:pointer; }


}