#container {
    position: relative;
}
.mobile-logo-container {
    display: none;
}
.mobile-logo-container a {
    border: none;
    float: left;
}
.menu-btn {
    float: right;
    background-color: #F4F4F4;
    background-image: url('../images/uploads/responsive/mobile-menu.png');
    background-repeat: no-repeat;
    height: 42px;
    width: 35px;
    margin-top: 2px;
    margin-right: 10px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: pointer;
    position: relative;
    z-index: 999;
}

/*mobile menu*/
.pushy{ 
    position: fixed; 
    width: 190px; 
    height: 100%; 
    top: 0; 
    right:0; 
    z-index: 9999; 
    background: #666; 
    font-size: 1.1em; 
    font-weight: 300; 
    -webkit-box-shadow: inset 10px 0 6px -9px rgba(0, 0, 0, .7); 
    -moz-box-shadow: inset 10px 0 6px -9px rgba(0, 0, 0, .7); 
    box-shadow: inset 10px 0 6px -9px rgba(0, 0, 0, .7); 
    overflow: auto; 
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */ 
}
.pushy a { 
    display: block; 
    color: #fff; 
    padding: 15px 30px; 
    border-bottom: 1px solid rgba(0, 0, 0, .1); 
    border-top: 1px solid rgba(255, 255, 255, .1); 
    text-decoration: none;
}
.pushy a.selected { 
    background-color: #373737; 
    border-right: 5px solid #EF1815; 
    color: #FFFFFF; 
    display: block; 
    font-weight: bold;
}
.pushy a:hover{ 
    background: #373737; 
    color: #FFF;
}
/* Menu Movement */
.pushy-left{
    -webkit-transform: translate3d(-190px,0,0);
    -moz-transform: translate3d(-190px,0,0);
    -ms-transform: translate3d(-190px,0,0);
    -o-transform: translate3d(-190px,0,0);
    transform: translate3d(-190px,0,0);
}
.pushy-right{
    -webkit-transform: translate3d(190px,0,0);
    -moz-transform: translate3d(190px,0,0);
    -ms-transform: translate3d(190px,0,0);
    -o-transform: translate3d(190px,0,0);
    transform: translate3d(190px,0,0);
}
.pushy-open{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.container-push, .push-push{
    -webkit-transform: translate3d(-190px,0,0);
    -moz-transform: translate3d(-190px,0,0);
    -ms-transform: translate3d(-190px,0,0);
    -o-transform: translate3d(-190px,0,0);
    transform: translate3d(-190px,0,0);
}
/* Menu Transitions */
.pushy, #container, .push {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
    /* improves performance issues on mobile*/
    -webkit-backface-visibility: hidden;
    /*-webkit-perspective: 1000;*/
}

.pb-card.ge-cashflo .cards-header2-bg1 {
    margin-top: 20px !important;
}

.cardflo-step-mobile, .mobile-only, .show-480, .show-600, .show-767, .show-768, .show-960 {
    display: none;
}
.premier-subnav-wrapper li.show-480 {
    display: none;
}

ul.path-process {
    padding: 0;
    margin: 0;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    background: url('../images/ul-path-repeat.jpg') top left repeat-x;
}
.pb-loans-pushy.flexible-repayment ul.path-process {
    display: none;
}
ul.path-process li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    width: 200px;
    height: 107px;
    margin: 0;
    padding: 20px 41px 0 25px;
    background: url('../images/arrow-big.jpg') no-repeat right;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin-left: -4px;
    font-family: 'TheSansCdRegular', Helvetica, Arial, sans-serif;
    font-size: 22px;
}
ul.path-process li.path1, ul.path-process li.path2 {
    width: 240px;
}
ul.path-process li.last {
    background: none;
}
ul.path-process li.path1 {
    color: #0ea39f;
}
ul.path-process li.path2 {
    color: #00628e;
}
ul.path-process li.path3 {
    color: #c15a0b;
    padding-left: 20px;
    padding-top: 39px;
}
ul.path-process li.path4 {
    color: #b93a63;
    padding-right: 0;
    padding-top: 39px;
}
ul.path-process li.path5 {
    color: #6e2e9c;
}

.pb-card.index .banner-wrapper {
    width: 790px;
    margin: 0 auto;
}
.pb-card.index .banner-wrapper .crc_img,
.pb-card.index .banner-wrapper .txt-wrapper {
    float: left;
}
.pb-card.index .banner-wrapper .crc_img {
    width: 135px;
    margin-right: 30px;
}
.pb-card.index .banner-wrapper .txt-wrapper {
    width: 610px;
}
.pb-card.index .banner-wrapper .txt-wrapper h2 {
    font-family: TheSansSemiBoldPlain;
    font-weight: bold;
    font-size: 29px;
    line-height: 1;
}
.pb-card.index .banner-wrapper .txt-wrapper p {
    margin-bottom: 0;
}
.pb-card.index .banner-wrapper .txt-wrapper a.more {
    width: 173px;
    height: 51px;
    display: block;
    float: right;
    background: url('https://www.ocbc.com/html/404.html') no-repeat;
    text-indent: -99999px;
    border: none;
}
.pb-card.index  .c-card-info {
    font-size: 12px;
    line-height: 1;
    padding: 10px 30px;
}
.pb-card.index  .c-card-info h5 {
    font-size: 16px;
}
.pb-card.index  .c-card-info ul li  {
    margin-bottom: 5px;
}
.pb-card.index .lightbox-content-s1 .table-column {
	float: left;
	width: 50%;
	margin-bottom: 50px;
}
.cardflo-step-mobile ul {
    padding: 0;
    margin: 0;
}
.cardflo-step-mobile ul li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
    background: none;
    width: 100%;
}
.cardflo-step-mobile ul li .title {
    width: 100%;
    clear: both;
    font-size: 15px;
    font-weight: bold;
    color: #006699;
    display: block;
    height: 20px;
    text-align: center;
}
.pb-card.ge-cashflo .cardflo-step-mobile ul li .title {
    color: #f57326;
 }
.pb-card.ge-cashflo .cardflo-step-mobile.style2 ul li .title {
    color: #4f9b9d;
 }
.pb-card.ge-cashflo .cardflo-step-mobile.style3 ul li .title {
    color: #c2493d;
 }
.cardflo-step-mobile ul li .text, .cardflo-step-mobile ul li .payments {
    padding: 10px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    width: auto;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    margin-bottom: 27px;
    position: relative;
}
.pb-card.ge-cashflo .cardflo-step-mobile ul li .text {
    height: auto;
}
.cardflo-step-mobile ul li .text:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 37px;
    height: 27px;
    background: url('https://www.ocbc.com/html/404.html') no-repeat;
    bottom: -27px;
    left: 50%;
    margin-left: -18px;
}
.cardflo-step-mobile ul li .text span {
    font-weight: normal;
    font-size: 13px;
}
.cardflo-step-mobile ul li .payments {
    height: auto;
    padding: 2px;
}
.cardflo-step-mobile ul li .payments .column {
    color: #fff;
    font-weight: normal;
    font-size: 13px;
    padding: 10px;
    border-bottom: 1px solid #fff;
}
.cardflo-step-mobile ul li .payments .column span {
    font-weight: bold;
    font-size: 15px;
}
.cardflo-step-mobile ul li .payments .col-1 {
    background: #18a6a6;
}
.cardflo-step-mobile ul li .payments .col-2 {
    background: #2ea4ab;
}
.cardflo-step-mobile ul li .payments .col-3 {
    background: #2798a9;
}
.cardflo-step-mobile ul li .payments .col-4 {
    background: #2290a9;
}
.cardflo-step-mobile ul li .payments .col-5 {
    background: #116f92;
}
.cardflo-step-mobile ul li .payments .col-6 {
    background: #1879a1;
}
.pb-card.ge-cashflo .cardflo-step-mobile ul li .payments .column {
    background: #f57326;
}
.pb-card.ge-cashflo .cardflo-step-mobile.style2 ul li .payments .column {
    background: #4f9b9d;
}
.pb-card.ge-cashflo .cardflo-step-mobile.style3 ul li .payments .column {
    background: #c2493d;
}
.pb-card.card-service-balance #balance-transfer-intro .right-content {
    margin-top: 45px;
    float: left;
    margin-left: 10px;
}
.pb-card.card-services-fixed-repayment-loan .easy-credit-banner-wrapper .easy-wrapper {
    border: 2px solid #3caeab;
    position: relative;
    padding: 10px 10px 10px 100px;
    width: 440px;
    margin-left: 70px;
}
.pb-card.card-services-fixed-repayment-loan .easy-credit-banner-wrapper .easy-wrapper .circle {
    width: 142px;
    height: 142px;
    position: absolute;
    left: -70px;
    top: -2px;
    background: url('https://www.ocbc.com/html/404.html') no-repeat;
}
.pb-card.card-services-fixed-repayment-loan .easy-credit-banner-wrapper .title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
}
.pb-card.card-services-fixed-repayment-loan .easy-credit-banner-wrapper .sub {
    font-style: italic;
    font-size: 16px;
    margin-bottom: 10px;
}
.pb-card.card-services-fixed-repayment-loan .easy-credit-banner-wrapper p {
    line-height: 1.2;
    font-size: 13px;
}
.pb-card.card-services-fixed-repayment-loan .easy-credit-banner-wrapper .terms {
    font-size: 11px;
    margin-bottom: 0;
}

.pb-card.card-services-cash-advance .box-apply-wrapper {
    border: 1px solid #D1CDC4;
    padding: 10px;
    width: 270px;
    float: left;
    margin-right: 30px;
    margin-bottom: 25px;
}
.pb-card.card-services-cash-advance .box-apply-wrapper.last {
    margin-right: 0;
}
.pb-card.card-services-cash-advance .box-apply-wrapper .title {
    text-align: center;
}
.pb-card.card-services-cash-advance .box-apply-wrapper .title span {
    display: inline-block;
    padding-left: 60px;
    font-size: 28px;
    font-family: 'TheSansCdRegular','Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,sans-serif;
    font-weight: bold;
    line-height: 53px;
    margin-bottom: 20px;
}
.pb-card.card-services-cash-advance .box-apply-wrapper.atm .title span {
    background: url('../images/cards/atm-icon.png') no-repeat left;
}
.pb-card.card-services-cash-advance .box-apply-wrapper.branch .title span {
    background: url('../images/cards/branch-icon.png') no-repeat left;
}
.pb-card.card-services-cash-advance .box-apply-wrapper.dial .title span {
    background: url('../images/cards/dial-icon.png') no-repeat left;
}
.pb-card.card-services-cash-advance .box-apply-wrapper ul li {
    margin-bottom: 10px;
}

.pb-card.yes-debit-card .cards-header2-img-container {
    float: left;
    width: 288px;
    margin-left: 60px;
}
.pb-card.yes-debit-card .cards-header2-wrapper .intro-text {
    float: right;
    width: 490px;
    text-align: center;
    margin: 70px 50px 0 0;
}
.pb-card.yes-debit-card .intro-text h2 {
    color: #b10716;
}
.pb-card.yes-debit-card .intro-text .sub {
    font-family: 'TheSansCdLight', Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 28px;
    line-height: 1;
    color: #000;
}

.pb-card.respon-header .cards-header2-img-container:after {
    content:"";
    display:table;
    clear:both;
}
.pb-card.respon-header .cards-header2-img-container img {
    float: left;
    width: 350px;
    height: auto;
    display: block;
}
.pb-card.respon-header .cards-header2-img-container .text {
    float: left;
    margin-top: 75px;
    width: 570px;
    margin-left: 20px;
}
.pb-card.respon-header .cards-header2-img-container .text h1 {
    font-family: 'TheSansCdRegular', Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 50px;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    margin: 0 0 10px 0;
    text-shadow: 1px 1px 1px #000;
}
.pb-card.respon-header .cards-header2-img-container .text p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.2;
    color: #fff;
    margin: 0;
    text-shadow: 1px 1px 1px #000;
    width: 455px;
}

.pb-card .orange-box {
    border: 4px solid #F46F22;
    text-align: center;
    border-radius: 5px;
    color: #000;
    position: relative;
    font-size: 12px;
    padding-bottom: 5px;
}
.pb-card .orange-box p {
    font-size: 10px;
    margin: 0 !important;
    line-height: 1;
    padding: 5px;
}
.pb-card .orange-box .title {
    background: #F46F22;
    color: #fff;
    width: auto;
    padding: 5px 0;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 5px;
}
.pb-card .orange-box .head {
    color: #F46F22;
    line-height: 1.2;
    font-size: 12px;
}

.cards-header2-img-container-mobile {
    display: none;
    text-align: center;
    padding-top: 40px;
    color: #3a3a3a;
}
.cards-header2-img-container-mobile img {
    margin: 0 auto;
}
.cards-header2-img-container-mobile .text {
    width: 145px;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 50px;
}
.cards-header2-img-container-mobile h3 {
    font-size: 30px;
    font-family: TheSansSemiBoldPlain;
}
.cards-header2-img-container-mobile p {
    font-size: 18px;
    font-family: TheSansSemiBoldPlain;
    line-height: 1.2;
}

.accordion-border {
    display: none;
}

/*move inline style here to responsive easier*/
/*accounts landing*/
.tabbed-account-list-container.tab270 {
    width:270px !important
}
.pb-accounts.deposit .notices-container .content-list {
    vertical-align: top;
}
.pb-accounts.deposit .insurance-2col {
    overflow: hidden;
}
.if-head > iframe {
    display: none;
}
.pb-premiere img.mobile-masthead {
    display: none;
}
.pb-loans-pushy.fixed-repayment .loan-heading {
    padding: 50px 0 0 0; 
    margin: auto; 
    width: 935px;
}

.onlinebanking-navigation-container .onlinebanking-navigation ul li.active-list {
    display: none;
}
.onlinebanking-navigation-container + div .bb-inner-container > p {
    text-align: center;
    padding-top: 10px;
}
.pb-loans-pushy.flexible-repayment .img-mobile, .htw-img-graph-wrapper, .load-mainfirstcon.border-box.inside-box {
    display: none;
}
.pb-loans-pushy.flexible-repayment .htw-content-container .img-desktop img,
.pb-loans-pushy.flexible-repayment .htw-content-container .htw-img-wrapper.graph img {
    vertical-align: top;
    display: inline-block !important;
    margin-left: -4px;
}
.pb-loans-pushy.flexible-repayment .htw-content-container .htw-img-wrapper.graph img {
    vertical-align: bottom;
}
a.dropdown img{
    display: inline;
    margin-top: 2px;
    padding-left: 0px;
    padding-right:5px;
    width: auto;
    float:right;
    padding-top:3px;
}
.country-more-detail.country a.dropdown img {
    margin-top: 2px;
    padding-left: 10px;
    float: none;
}

.table-wrapper-mobile {
    margin-bottom: 20px;
}
.table-wrapper-mobile .table-col {
    display: inline-block;
    vertical-align: top;
    width: 165px;
    /*padding-right: 20px;*/
}
.table-wrapper-mobile .table-col:first-child + div,
.table-wrapper-mobile .table-col:first-child + div + div + div {
    width: 100px;
}
.table-wrapper-mobile .table-col .table-title {
    margin: 10px 0;
    /*height: 30px;*/
}
.table-wrapper-mobile .table-col ul {
    padding: 0;
}
.table-wrapper-mobile .table-col ul li {
    list-style: none;
    background: transparent;
    padding: 0;
}
.table-wrapper-mobile.two-columns {
    margin-bottom: 0;
}
.table-wrapper-mobile.two-columns .table-col {
    width: 100% !important;
    padding: 0;
    border: 1px solid #dddddd;
    border-top: none;
}
.table-wrapper-mobile.two-columns .table-col:first-child {
    border-top: 1px solid #dddddd;
}
.table-wrapper-mobile.two-columns .table-col > div {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: auto;
    padding: 15px;
}
.table-wrapper-mobile.two-columns .table-col .table-title {
    margin: 0;
    background: #777777;
    color: #fff;
}

.simple-text .fancybox-close {
    top: 10px;
    right: 10px;
    width: 11px;
    height: 11px;
    background: url('../images/btn-close-zn.png');
}

.various-auto .fancybox-inner {
    height: auto !important;
}
.fancybox-inner .window {
    width: auto !important;
    box-shadow: none !important;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    left: auto !important;
    top: 0 !important;
    border: none !important;
    position: relative !important;
}

#wyel-lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255,255,255,.8);
}
.layer1 {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}
.layer2 {
    display: table-cell;
    vertical-align: middle;
}
.layer3 {
    margin-left: auto;
    margin-right: auto; 
    width: 100%;
}
#wyel-lightbox .c-wrapper {
    position: relative;
    width: auto;
    max-width: 500px;
    padding: 30px 15px 15px 15px;
    margin: 0 auto;
    border: 1px solid #d7d7d7;
    background: #fff;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
#wyel-lightbox .close-container {
    position: absolute;
    top: 4px;
    right: 15px;
}

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

    .box-online-banking-shadow {
        width: 100%;
    }
	  .pb-index .head-more{
		  left:360px !important;
		  top: 177px !important;
		  
		  }
	  
	.pb-index .pb-bgwrapper {
       background-image: url('../images/uploads/responsive/pb_tablet1.jpg') !important;/*changed*/
       background-size: 504px !important;
	   background-position: 15px 20px !important;
		
    }
    .pb-ob-box ul li{
        
        float:none;
        text-align:center;
        display:block;
        
        }
    .hot-line{text-align:center}
    .ongoing{text-align:center} 
    #btnLocateus{
        float:none !important;
        display:block !important;
        
        }
    .find-out{
        text-align:center;
        }

   .pb-index .group_rightcol{
       width:auto;
       
       }
    .box-online-banking{
        
        width:auto;
        }
    .group_rightcol-container{
        
        width:auto;
        
        }
    .rightnavi_title{
     text-align:center;     
            
            }
    .group-linear-gradient{
        width:auto;
        }
    .box-online-banking-content-container{
        
        width:auto;
        }
    .group-radial-gradient{width:auto}
    
    .pb-headline-continer{display:none} 
    .border-box {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
    .clearfix:before,.clearfix:after {
        display:table;
        content:" "
    }
    .clearfix:after {
        clear: both;
    }
    .show-960 {
        display: block;
    }
    .hide-960 {
        display: none;
    }
    body {
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: 100%;
    }

    #container {width:100%; min-width: 300px;}
    .sub_title_wrapper { background: #eeeeee;  height:auto; min-height: 59px; width: 100%; border: none;}
    .sub_title_bgimg {background:#eeeeee; min-height: 59px; height:auto;  margin: 0 auto; padding-left: 10px; width: auto; border-bottom: 1px solid #FFFFFF;}
    .sub_title { margin: 0; padding: 12px 0 0; }
    .sub_title h1 {margin: 0; font-size: 30px; line-height: 30px;}
    .breadcrumbs {width: 100%; /*change*/display:none;} 
    h2, h4.newtitle {font-size: 30px !important; line-height: 38px !important;}
    .header-wrapper { clear: both; margin: 0 auto; padding: 10px 0 0 0; width: 100%;}   
    .header-logo-container { display: inline; float: left; margin: 0 20px 0 0; padding: 0; width: 76px;}    
    .header-right-section { clear: right; display: inline; float: left; margin: 0; padding: 0; width: 844px; display:none;}     
    #header { background: url(../images/uploads/responsive/header_inside_navi_bg.jpg) repeat-x top left; clear: both; height: 60px; margin: 0; padding: 0; width: 100%}
    .header-logo-container{display:none;}   
    .mobile-logo-container{display:inline;}
    #container > .iw_component:last-child {
        margin-top: 80px;
        display: block;
    }
    .bottom-design {
        display: block;
    }
    #footer {
        background: url("../images/footer_bg-mobile.jpg") repeat-x top left;
        display: block;
    }
    .footer_container {
        width: auto;
        padding: 0 15px;
    }
    .footer_container .misc_container {
        width: 100%;
        text-align: center;
    }
    .footer_container .misc_container > ul {
        width: 100%;
        clear: both;
        text-align: center;
    }
    .footer_container .misc_container ul.misc_icons {
        margin-top: 20px;
    }
    .footer_container .misc_container > ul li {
        display: inline;
        float: none;
    }
    .footer_container .misc_container > ul li a {
        display: inline-block;
        vertical-align: top;
    }
    .footer_container .copyright {
        text-align: center;
        width: 100%;
        padding-top: 0;
    }

    .generic-accordion-container.donly {
        display: block;
    }

    .pb-index .pb-bgwrapper {
        width: auto;
        padding: 0 15px;
       
    }
    .pb-index #c1366289018733 {
        margin: 0 !important;
    }
    .pb-homepage-content {
        width: auto;
    }
    .landing_container2 {
        width: auto;
        left: auto;
        margin: 0px !important;
        padding: 20px;
    }
    .pb-columns {
        background: #efefef;
        width: 100%;
        margin-bottom: 15px;
    }
    .pb-columns.last {
        margin: 0;
    }

    /*accounts landing*/
    .pb-accounts-index .accnt-landing-wrapper {
        width: 100%;
    }
    .pb-accounts-index div#c1336699738791 .accnt-landing-headerbg1 {
        margin-bottom: 50px;
    }
    .pb-accounts-index .accnt-landing-headerbg2 {
        width: auto;
        padding: 0 15px;
    }
    .pb-accounts-index .tabbed-account-list-container, .pb-accounts-index .tabbed-account-list-container-clear {
        width: 33.333%;
    }
    .pb-accounts-index .al-tabcontent-wrapper.two-box .tabbed-account-list-container,
    .pb-accounts-index .al-tabcontent-wrapper.two-box .tabbed-account-list-container-clear {
        width: 50% !important;
    }
    .pb-accounts-index .tabbed-account-list-sbdetail {
        width: 100% !important;
    }
    .pb-accounts-index .accnt-right-container {
        position: relative;
        width: 100%;
        clear: both;
    }
    .pb-accounts-index .accnt-box-wrapper {
        width: auto;
        background: #f5f5f5;
    }
    .pb-accounts-index .accnt-box-wrapper-bottom {
        display: none;
    }
    .pb-accounts-index .accnt-box-wrapper-container {
        width: auto;
        background: transparent;
    }
    .pb-accounts-index .accnt-box-wrapper-container {
        display: inline-block;
    }


    /*account framework*/
    .pb-accounts .intro-container {
        padding: 15px;
        width: auto;
    }
    .pb-accounts .intro-pattern-bg {
        width: 100%;
    }
    .pb-accounts .intro-minibox-wrap {
        width: auto;
    }
    .pb-accounts .intro-main-pic {
        width: 340px;
        bottom: 20px;
    }
    .pb-accounts .intro-main-pic img {
        width: 100%;
        height: auto;
    }
    .pb-accounts .intro-content-wrap {
        width: 100%;
    }
    .pb-accounts .content-container-first, .pb-accounts .content-container {
        width: auto;
        padding: 0 15px;
    }
    .pb-accounts .account-heading {
        width: 100%;
    }
    .pb-accounts .outer-container {
        width: 100%;
        padding: 0;
    }
    .pb-accounts .inner-container {
        width: auto;
    }
    .pb-accounts .inner-container-wrap-radial-shadow {
        width: 100%;
    }
    .pb-accounts .inner-container-wrap-left {
        width: 30%;
    }
    .pb-accounts .inner-container-wrap-left img {
        width: 100%;
        height: auto;
    }
    .pb-accounts .inner-container-wrap-right {
        width: 70%;
    }
    .pb-accounts .easy-ways-icon-wrap {
        width: 100%;
    }
    .pb-accounts .easy-ways-text {
        width: 430px;
        float: left;margin-left: 15px;
    }
    .pb-accounts .intro-wrap-btm-shadow, .pb-accounts .btm-shadow {
        width: 100%;
        background-size: 100%;
    }
    .pb-accounts .how-to-apply-box-container {
        width: auto !important;
    }

    .pb-accounts.deposit .intro-pattern-bg {
        position: relative;
        margin: 0 auto;
    }
    .pb-accounts.deposit .intro-pattern-bg .intro-main-pic {
        top: 125px !important;
        bottom: auto;
    }
    .pb-accounts.deposit .spc-respo {
        padding: 0;
    }
    .pb-accounts.deposit .insurance-2col-box.donly {
        width: 100% !important;
        clear: both;
        /*display: block;*/
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .pb-accounts.deposit .insurance-2col-box.two {
        width: 100% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .pb-accounts.deposit .insurance-2col-box.two .inner-table-insurance {
        width: 70% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 170px !important;
    }
    .pb-accounts.deposit .insurance-2col-box.two .inner-table-insurance:first-child {
        width: 30% !important;
    }
    .pb-accounts.deposit .insurance-2col-box.two .first-row .inner-table-insurance {
        height: 200px !important;
    }
    .pb-accounts.deposit .inner-container-wrap-radial-style2 {
        width: auto;
    }
    .pb-accounts.deposit .tabs-container {
        left: 0 !important;
        height: 40px;
    }
    .pb-accounts.deposit .tabs-container > div {
        position: relative;
        float: left;
        left: auto !important;
        width: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 40px;
    }
    .pb-accounts.deposit .insurance-2col-box.tab1, .pb-accounts.deposit .insurance-2col-box.tab2 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100% !important;
        margin-top: 0 !important;
    }
    .pb-accounts.deposit .how-to-apply-container {
        padding-bottom: 80px;
    }
    .pb-accounts.deposit .show-960.bank-light {
        padding-bottom: 20px;
        display: none;
    }
    .pb-accounts.pb-accounts-ssa #container > .iw_component:last-child {
        margin-top: 150px;
    }
    .pb-accounts.baby-bonus .cards-header2-bg2 {
        background-position: top right;
    }
    .pb-accounts.baby-bonus .cards-header2-wrapper {
        width: auto;
        padding: 0 15px;
    }
    .pb-accounts.baby-bonus .cards-header2-img-container {
        width: 100%;
    }
    .pb-accounts.baby-bonus .cards-header2-img-container img {
        width: 100%;
        height: auto;
    }
    .pb-accounts.baby-bonus .cards-header2-outer-container {
        width: 100%;
        padding: 0;
        margin-top: 140px;
    }
    .pb-accounts.baby-bonus .cards-header2-inner-container {
        width: auto;
    }
    .pb-accounts.baby-bonus .cards-header2-btm-shadow {
        background-size: 100%;
        width: 100%;
    }

    .onlinebanking-navigation-container {
        width: 100%;
    }
    .onlinebanking-navigation-container .onlinebanking-navigation ul li {
        width: 25%;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .onlinebanking-navigation-container .onlinebanking-navigation ul li:last-child::after {
        display: none;
    }
    .onlinebanking-navigation-container .onlinebanking-navigation ul li:after {
        content: ' ';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: url("../images/inside_pg/onlinebanking-nav-line.jpg") no-repeat left top;
        width: 2px;
        height: 36px;
    }
    .onlinebanking-navigation-container .onlinebanking-navigation ul li.divider {
        display: none;
    }
    .onlinebanking-navigation-container .onlinebanking-navigation ul li a {
        width: 100% !important;
    }
    .onlinebanking-navigation-container + div {
        width: 100%;
        padding: 0;
    }
    .onlinebanking-navigation-container + div .bb-inner-container {
        width: auto;
    }
    .onlinebanking-navigation-container + div .bb-inner-container .bb-card-container {
        width: 100%;
        margin-right: 0;
    }
    .onlinebanking-navigation-container + div .bb-inner-container .bb-card-container .bb-card-detail {
        width: 33.33%;
    }
    .onlinebanking-navigation-container + div .bb-inner-container .bb-card-container .bb-card-detail .bb-card-image {
        width: 100%;
    }
    .onlinebanking-navigation-container + div .bb-inner-container .bb-card-container .bb-card-detail .bb-card-info {
        width: 100%;
        padding: 0;
        display: block;
        border: none;
        background: transparent;
        height: auto;
        box-shadow: none;
    }
    .onlinebanking-navigation-container + div .bb-inner-container .bb-card-container .bb-card-detail .bb-card-info h5, .onlinebanking-navigation-container + div .bb-inner-container .bb-card-container .bb-card-detail .bb-card-info p, .onlinebanking-navigation-container + div .bb-inner-container .bb-card-container .bb-card-detail .bb-card-info ul {
        display: none;
    }
    .onlinebanking-navigation-container + div .bb-inner-container .bb-card-container .bb-card-detail .bb-card-info p.linker {
        display: block;
        text-align: center;
    }

    .pb-accounts.baby-bonus .bottom-ctcontent-content-container {
        margin-bottom: 70px;
        width: 100%;
    }
    .pb-accounts.baby-bonus .bottom-ctcontent-outer-container {
        width: auto;
    }
    .pb-accounts.baby-bonus .bottom-ctcontent-inner-container {
        width: 100%;
    }

    .pb-accounts.sgd-fixed-deposit .inner-container-wrap {
        width: 100%;
    }
    .pb-accounts.foreign-currency .inner-container-wrap {
        width: auto;
    }


    /*card framework*/
    .pb-card.index .cards-header-img-container {
        display: none;
    }
    .pb-card.index .banner-wrapper, .pb-card.index .cards-header1-wrapper, 
    .pb-card.index .cards-header1-container, .pb-card.index .cards-header1-outer-container, 
    .pb-card.index .cards-header1-inner-container, .pb-card.index .cards-inner-container-bg {
        width: auto;
    }
    /*.pb-card.index .banner-wrapper {
        position: relative;
    }
    .pb-card.index .banner-wrapper .crc_img {
        position: absolute;
    }
    .pb-card.index .banner-wrapper .txt-wrapper {
        width: auto;
        margin-left: 165px;
    }*/
    .pb-card.index .banner-wrapper > div {
    	width: 100%;
    }
    .pb-card.index .banner-wrapper img {
    	width: 100%;
    	height: auto;
    }

    .pb-card.index .cards-header1-wrapper .content-container {
        padding: 0;
    }
    .pb-card.index .cards-inner-container-bg ul li p a.button-red {
        width: auto !important;
    }
    .pb-card.index .inner-container {
        width: auto !important;
    }
    .pb-card.index .cards-header2-wrapper {
        padding: 0 15px 40px 15px !important;
        width: auto;
    }
    .pb-card.index .c-card-container {
        width: 100%;
        /*height: auto !important;*/
        margin: 10px 0;
        padding: 0;
    }
    .pb-card.index .c-card-detail {
        width: 33.333%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .pb-card.index .c-card-detail:after {
        content:"";
        display:table;
        clear:both;
    }
    .pb-card.index .c-card-detail > div {
        width: auto;
    }
    .pb-card.index .c-card-detail .c-card-info {
        padding: 10px 20px;
        float: none;
        /*background: transparent;*/
        /*border: none;*/
        /*box-shadow: none;*/
    }
    .pb-card.index .c-card-detail .c-card-info h5 {
    	font-size: 16px;
    	line-height: 1.2;
    }
    .pb-card.index .c-card-detail .c-card-info p {
    	font-size: 13px;
    }
    .pb-card.index .c-card-detail .c-card-info ul li {
    	font-size: 13px;
	    margin: 0 0 5px 0;
	    line-height: 1.2;
	    background: url(../images/bullet.gif) no-repeat 2px 4px;
	}

    .pb-card .cards-header2-outer-container {
        width: 100%;
        padding: 0;
    }
    .pb-card .cards-header2-inner-container,
    .pb-card .cards-header2-wrapper {
        width: auto;
    }
    .pb-card .cards-header2-img-container {
        padding: 46px 0 36px 0;
        width: 100%;
    }
    .pb-card .cards-header2-img-container img {
        width: 100%;
        height: auto;
    }
    .pb-card .cards-header2-content {
        width: 50%;
    }
    .pb-card .cards-header2-btm-shadow {
        width: 100%;
        background-size: 100%;
    }
    .pb-card .content-container-first {
        width: auto;
        padding: 0 15px;
    }
    .pb-card .cards-heading {
        width: 100%;
        padding: 0;
    }
    .pb-card .outer-container {
        width: 100%;
        padding: 0;
    }
    .pb-card .inner-container {
        width: auto;
    }
    .pb-card .content-container-first .btm-shadow, .pb-card .content-container .btm-shadow {
        width: 100%;
        background-size: contain;
    }
    .pb-card .content-container {
        width: auto;
        padding: 0 15px;
    }
    .pb-card .content-container.solo {
        height: auto !important;
    }
    .pb-card .content-container.solo .outer-container, .pb-card .content-container.solo .inner-container {
        height: auto !important;
        width: auto !important;
    }
    .pb-card .content-container.solo .card-current-detail, .pb-card .content-container.solo .card-current-text {
        height: auto !important;
        width: 100% !important;
    }
    .pb-card .card-content {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .pb-card .card-content-image {
        position: absolute;
    }
    .pb-card .card-content-detail {
        width: auto;
        margin-left: 110px;
    }
    .pb-card .card-current-container {
        width: 100%;
        margin-left: 0;
    }
    .pb-card .card-current-detail {
        width: 50%;
    }
    .pb-card .card-current-img {
        width: 100%;
    }
    .pb-card .card-current-img img {
        width: 100%;
        height: auto;
    }
    .pb-card .card-current-text {
        width: 100%;
    }
    .pb-card .card-viewall {
        width: 100%;
    }
    .pb-card .oth-benefits-container {
        width: 100%;
    }
    .pb-card .oth_benefits-con {
        width: 100%;
        padding: 10px 0;
    }
    .pb-card .oth-benefits-left {
        width: 90px;
        position: absolute;
    }
    .pb-card .oth-benefits-left img {
        width: 100%;
        height: auto;
    }
    .pb-card .oth-benefits-right {
        width: auto;
        margin-left: 110px;
    }
    .pb-card .how-to-apply-pattern-bg {
        width: auto;
        padding: 0 15px;
    }
    .pb-card .how-to-apply-right-container, .pb-card .how-to-apply-left-container {
        width: 100%;
    }
    .pb-card.cashflo .how-to-apply-right-container {
        display: none;
    }
    .pb-card .how-2-apply-outside {
        width: 100%;
        padding: 0;
    }
    .pb-card .how-2-apply-inside {
        width: auto;
    }
    
    .pb-card.ge-cashflo .cards-header2-bg1 {
        margin-top: 0 !important;
    }
    .pb-card .cards-header2-img-container {
        width: 100% !important;
    }
    .pb-card.ge-cashflo .inner-container {
        width: auto !important;
    }
    .pb-card.ge-cashflo .ge-cashflo-img-wrapper {
        max-width: 817px;
        width: 100% !important;
    }
    .pb-card.ge-cashflo .ge-cashflo-img-wrapper img {
        width: 100%;
        height: auto;
    }
    .pb-card.ge-cashflo .spacer {
        width: 100%;
    }
    .pb-card.ge-cashflo .how-to-apply-right-container {
        display: none;
    }
    .pb-card.ge-cashflo .oth-benefits-container {
        width: 100% !important;
    }
    .pb-card.ge-cashflo .oth-benefits-container.last {
        padding-bottom: 20px;
    }
    .pb-card.ge-cashflo .oth_benefits-con {
        width: auto !important;
        display: block;
        clear: both;
    }
    .pb-card.ge-cashflo .oth-benefits-right {
        width: auto !important;
        float: none;
        margin-left: 150px !important;
    }
    .pb-card.ge-cashflo .oth_benefits-con2 {
        width: 100%;
    }
    .pb-card.ge-cashflo .oth-benefits-left2 {
        position: absolute;
        width: 200px;
        float: none;
    }
    .pb-card.ge-cashflo .oth-benefits-left2 img {
        width: 100%;
        height: auto;
    }
    .pb-card.ge-cashflo .oth-benefits-right2 {
        float: none;
        width: auto;
        margin-left: 230px;
    }

    .pb-card.titanium-card-benefits .bottom-ctcontent-content-container {
        margin-bottom: 70px;
        width: 100%;
    }
    .pb-card.titanium-card-benefits .bottom-ctcontent-outer-container {
        width: auto;
    }
    .pb-card.titanium-card-benefits .bottom-ctcontent-inner-container {
        width: 100%;
    }

    .pb-card.card-service-balance .intro-pattern-bg {
        width: auto;
    }
    .pb-card.card-service-balance .intro-wrap-btm-shadow {
        width: 100%;
        background-size: 100%;
    }
    .pb-card.card-service-balance .intro-content-wrap {
        width: auto !important;
        height: auto !important;
        padding: 0 10px 30px 10px;
    }
    .pb-card.card-service-balance .intro-content-wrap:after {
        content:"";
        display:table;
        clear:both;
    }
    .pb-card.card-service-balance #how-to-apply .left-content {
        width: 100%;
    }
    .pb-card.card-service-balance #how-to-apply .right-content {
        float: none;
        margin: 0 auto;
        clear: both;
    }
    .pb-card.card-service-balance #how-to-apply .right-content .or-bubble {
        left: 50%;
        top: -40px;
        margin-left: -30px;
    }

    .pb-card.card-services-fixed-repayment-loan .intro-pattern-bg {
        width: auto;
    }
    .pb-card.card-services-fixed-repayment-loan .intro-wrap-btm-shadow {
        width: 100%;
        background-size: 100%;
    }
    .pb-card.card-services-fixed-repayment-loan .intro-content-wrap {
        width: auto;
        padding: 0 10px 30px 10px;
    }
    .pb-card.card-services-fixed-repayment-loan .content-list {
        width: auto;
    }

    .pb-card.card-services-0-percent .gcc-bg div {
        width: auto !important;
    }
    .pb-card.card-services-0-percent .gcc-bg .gcc-inner-container {
        padding: 20px 10px 0 10px;
    }

    .pb-card.card-services-cash-advance .intro-pattern-bg {
        width: auto;
    }
    .pb-card.card-services-cash-advance .intro-wrap-btm-shadow {
        width: 100%;
        background-size: 100%;
    }
    .pb-card.card-services-cash-advance .intro-content-wrap,
    .pb-card.card-services-cash-advance .intro-container {
        width: auto;
    }
    .pb-card.card-services-cash-advance .need-help-container {
        width: auto;
        padding: 0 10px;
    }
    .pb-card.card-services-cash-advance .need-help-content-container {
        display: inline-block;
        float: none;
        margin: 0 !important;
    }

    .pb-card.card-services-cash-advance .card-intro-main-pic img {
        max-width: 350px;
    }
    .pb-card.card-services-cash-advance .intro-content-wrap {
        padding: 0 10px 30px 10px;
    }

    .pb-card.card-services-credit-limit .intro-pattern-bg {
        width: auto;
    }
    .pb-card.card-services-credit-limit .intro-wrap-btm-shadow {
        width: 100%;
        background-size: 100%;
    }
    .pb-card.card-services-credit-limit .intro-content-wrap {
        width: auto;
        padding: 0 10px 30px 10px;
    }
    .pb-card.card-services-credit-limit .intro-container {
        width: auto;
    }
    
    .pb-card.yes-debit-card .cards-header2-wrapper {
        width: auto;
        padding: 0 15px;
    }
    .pb-card.yes-debit-card .cards-header2-img-container {
        margin: 0;
        width: 288px !important;
    }
    .pb-card.yes-debit-card .cards-header2-img-container img {
        max-width: 288px;
    }
    .pb-card.yes-debit-card .cards-header2-wrapper .intro-text {
        width: 440px;
        margin: 70px 0 0 0;
    }

    .pb-card.respon-header .cards-header2-img-container img {
        width: 350px;
        float: none;
        height: auto;
        text-align: center;
    }
    .pb-card.respon-header .cards-header2-img-container .text {
        float: none;
        width: 100%;
        text-align: center;
        margin-top: 20px;
        margin-left: 0;
    }
    .pb-card.respon-header .cards-header2-img-container .text p {
        margin: 0 auto;
    }
    .pb-card.respon-header .inner-container-wrap-radial-shadow {
        width: 100%;
    }
    .pb-card.respon-header .inner-container-wrap-radial-shadow .inner-container-wrap-left, .pb-card.respon-header .inner-container-wrap-radial-shadow .inner-container-wrap-right {
        width: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .pb-card.respon-header .inner-container-wrap-radial-shadow .inner-container-wrap-left {
        padding-right: 20px;
    }
    .pb-card.respon-header .inner-container-wrap-radial-shadow .inner-container-wrap-left img {
        width: 100%;
        height: auto;
        display: block;
    }
    .pb-card.respon-header .inner-container-wrap-radial-shadow .inner-container-wrap-right .easy-ways-icon-wrap {
        width: auto;
    }
    .pb-card.respon-header .easy-ways-icon-wrap .easy-ways-icon {
        position: absolute;
    }
    .pb-card.respon-header .easy-ways-icon-wrap .easy-ways-text {
        width: auto;
        margin-left: 65px;
    }

    /*loans framework*/
    .pb-loans .c-content-container, .pb-loans-pushy .intro-pattern-bg {
        width: auto;
        padding: 0 15px;
    }
    .pb-loans .c-loans-container-accordion,
    .pb-loans-pushy .intro-content-wrap {
        width: 100%;
        padding: 0;
    }
    .pb-loans .c-loans-box-header {
        width: 100%;
        padding: 10px 0 0 0;
    }
    .pb-loans .c-loans-box-header h5 {
        padding: 0 20px;
    }
    .pb-loans .c-loans-box-detail {
        width: 100%;
    }
    .pb-loans .c-show-detail-outer {
        width: 100%;
        padding: 0 7px;
        margin: 0;
        border: none;
    }
    .pb-loans .c-show-detail-container {
        width: 100%;
        border: 1px solid #d7d7d7;
    }
    .pb-loans .c-show-detail-container .middle-content {
        clear: both;
    }
    .pb-loans .middle-content > div > div {
        width: 100% !important;
        height: auto !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
    }
    .pb-loans .middle-content > div > div img, .pb-loans .show-toggle p img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .pb-loans .c-loans-container-downloadform {
        width: 100%;
    }
    .pb-loans .c-month-roundedcorner {
        width: 100%;
    }
    .pb-loans .c-month-box-1, .pb-loans .c-month-box-3 {
        width: 50%;
    }
    .pb-loans .c-month-box-2 {
        position: absolute;
        left: 50%;
        margin-left: -35px;
    }
    .pb-loans .c-month-box-content-b1, .pb-loans .c-month-box-content-b2 {
        width: 100%;
    }
    .pb-loans .c-month-box-content-b1 .c-txtbox, .pb-loans .c-month-box-content-b2 .c-txtbox {
        width: 305px;
        float: right;
    }
    .pb-loans .loan-content-container, .pb-loans .loan-outer-container, .pb-loans .htw-inner-container {
        width: 100%;
    }
    .pb-loans-pushy .loan-content-container {
        width: auto;
        padding: 0 15px;
    }
    .loan-content-container .btm-shadow, .loan-content-container-first .btm-shadow {
        width: 100%;
        background-size: contain !important;
    }
    .pb-loans-pushy .loan-outer-container {
        padding: 0;
    }
    .pb-loans-pushy .loan-heading {
        width: 100%;
    }
    .pb-loans-pushy .loan-inner-container {
        width: auto;
        padding: 10px;
    }
    .pb-loans-pushy .ins-main-content-con {
        white-space: normal;
    }
    .pb-loans-pushy .ins-main-content-con .child {
        width: 310px;
    }
    .pb-loans-pushy .ins-main-content-con .child .ins-mainfirstcon,
    .pb-loans-pushy .ins-main-content-con .child .ins-mainsndcon {
        width: 100%;
    }
    .pb-loans-pushy .ins-main-content-con .child .ins-mainfirstcon h2 {
        font-size: 22px !important;
    }
    .pb-loans-pushy .ospl-inside-btm-content {
        width: 100%;
    }
    .pb-loans-pushy .ospl-landing-white-box {
        margin: 0 auto;
        float: none;
        height: 34px;
        text-align: center;
    }
    .pb-loans-pushy .c-loans-container-2sections {
        width: 100%;
    }
    .pb-loans-pushy .c-loans-box-content-1, .pb-loans-pushy .c-loans-box-content-2 {
        width: 100%;
        margin: 0 0 20px 0;
        float: left;
    }
    .pb-loans-pushy .c-loans-box-rounded-corners {
        width: auto;
    }
    .pb-loans-pushy .c-mini-2-btm-shadow, .pb-loans-pushy .c-btm-shadow-dark {
        width: 100%;
        background-position: top center;
    }
    .pb-loans-pushy .c-loans-outer-container {
        width: 100%;
        padding: 0;
    }
    .pb-loans-pushy .c-loans-inner-container {
        width: 100%;
        background-image: none;
    }
    .pb-loans-pushy .c-loans-box-process {
        width: auto;
        padding: 0 20px;
    }
    ul.path-process {
        width: auto;
        background: transparent;
        border: none;
    }
    ul.path-process li {
        position: relative;
        background: url('../images/ul-path-repeat.jpg') top left repeat !important;
        width: 330px !important;
    }
    ul.path-process li:after {
        content: ' ';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: url('../images/arrow-big.jpg') no-repeat right;
    }
    ul.path-process li.path2:after, ul.path-process li.path4:after {
        background: url('https://www.ocbc.com/html/404.html') no-repeat right;
    }
    .pb-loans-pushy .talk-to-us-container-leftcol {
        width: 100%;
    }
    .pb-loans-pushy .how-to-apply-content-container {
        width: auto;
        padding: 0 15px;
    }
    .pb-loans-pushy .how-to-apply-content-container .how-to-apply-left-container,
    .pb-loans-pushy .how-to-apply-content-container .online-app-right-container {
        float: left;
        width: 100%;
    }
    .pb-loans-pushy .how-to-apply-content-container  .online-app-form-container {
        padding-bottom: 40px;
    }
    .pb-loans-pushy .how-to-apply-content-container .online-app-content {
        padding-top: 40px;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .pb-loans-pushy .how-to-apply-content-container .online-app-right-container {
        text-align: center;
    }
    .pb-loans-pushy .how-to-apply-content-container .or {
        left: 50%;
        margin-left: -32px;
        top: -32px;
        text-align: left;
    }

    .pb-loans-pushy.fixed-repayment .loan-heading {
        width: auto !important;
        padding: 0 15px;
        margin-top: 40px;
    }
    .pb-loans-pushy.fixed-repayment .loan-heading img {
        width: 100%;
        height: auto;
    }
    .pb-loans-pushy.fixed-repayment .intro-text {
        padding: 0 15px;
    }
    .pb-loans-pushy.fixed-repayment .loan-content-container {
        padding: 0;
    }
    .pb-loans-pushy.fixed-repayment .loan-outer-container {
        width: 100%;
        padding: 0;
    }
    .pb-loans-pushy.fixed-repayment .c-card-detail {
        width: 33.33%;
    }
    .pb-loans-pushy.fixed-repayment .cta-points {
        width: auto;
    }
    .pb-loans-pushy.fixed-repayment .loan-content-container-first {
        width: auto;
        padding: 0 15px;
        margin-top: 0;
    }
    .pb-loans-pushy.fixed-repayment .loan-content-container-first .loan-heading {
        margin-top: 0;
    }
    .pb-loans-pushy.fixed-repayment .htw-inner-container {
        width: 100%;
    }
    .pb-loans-pushy.fixed-repayment .htw-img-wrapper {
        width: 100% !important; 
    }
    .pb-loans-pushy.fixed-repayment .htw-img-wrapper img {
        width: 33.33%;
        height: auto;
    }
    .pb-loans-pushy.fixed-repayment .htw-content-container {
        background-size: contain;
    }
    .pb-loans-pushy.fixed-repayment .fee-wrap {
        padding: 0 15px;
        display: block !important;
        margin: 0 !important;
        width: auto !important;
    }
    .pb-loans-pushy.fixed-repayment .fee-wrap .loan-heading {
        width: auto !important;
        padding: 50px 15px 0 15px !important;
    }
    .pb-loans-pushy.fixed-repayment .fee-wrap .loan-heading + div {
        width: auto !important;
    }
    .pb-loans-pushy.fixed-repayment .manage-wrap .loan-content-container {
        padding: 0 15px;
    }
    .pb-loans-pushy.fixed-repayment .manage-wrap .inner-container-wrap, .pb-loans-pushy.fixed-repayment .manage-wrap .inner-container-wrap-radial-shadow {
        width: 100%;
    }
    .pb-loans-pushy.fixed-repayment .manage-wrap .inner-container-wrap-left {
        position: absolute;
        width: 200px;
        float: none;
    }
    .pb-loans-pushy.fixed-repayment .manage-wrap .inner-container-wrap-left img {
        width: 100%;
        height: auto;
    }
    .pb-loans-pushy.fixed-repayment .manage-wrap .inner-container-wrap-right {
        float: none;
        margin-left: 220px;
        width: auto;
    }
    .pb-loans-pushy.fixed-repayment .manage-wrap .inner-container-wrap-right .easy-ways-icon-wrap {
        width: auto;
    }
    .pb-loans-pushy.fixed-repayment .manage-wrap .inner-container-wrap-right .easy-ways-icon-wrap .easy-ways-icon {
        position: absolute;
        float: none;
    }
    .pb-loans-pushy.fixed-repayment .manage-wrap .inner-container-wrap-right .easy-ways-icon-wrap .easy-ways-text {
        float: none;
        width: auto;
        margin-left: 65px;
    }
    .pb-loans-pushy.fixed-repayment .manage-wrap .inner-container-wrap-right .easy-ways-icon-wrap .easy-ways-text p {
        word-wrap: break-word;
    }
    .pb-loans-pushy.fixed-repayment .intro-wrap-btm-shadow {
        width: 100%;
        left: 0;
    }
    .pb-loans-pushy.fixed-repayment .online-app-right-container h2 img {
        margin: 0 auto;
    }
    .pb-loans-pushy.fixed-repayment .how-to-apply-content-container .online-app-content {
        text-align: left;
    }

    .pb-loans-pushy.flexible-repayment .loan-heading {
        width: auto !important;
        padding: 0 15px;
        padding-top: 40px !important;
    }
    .pb-loans-pushy.flexible-repayment .intro-text {
        width: auto !important;
        padding: 0 15px !important;
    }
    .pb-loans-pushy.flexible-repayment .intro-text .inner-container {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .pb-loans-pushy.flexible-repayment .intro-pattern-bg .intro-text {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .pb-loans-pushy.flexible-repayment .intro-wrap-btm-shadow {
        width: 100%;
    }
    .pb-loans-pushy.flexible-repayment .loan-content-container.header {
        padding: 0;
    }
    .pb-loans-pushy.flexible-repayment .intro-cta-wrap .loan-outer-container {
        width: 100%;
    }
    .pb-loans-pushy.flexible-repayment .five-cols-detail {
        width: 100%;
        height: 105px;
        padding-bottom: 20px;
    }
    .pb-loans-pushy.flexible-repayment .five-cols-image {
        position: absolute;
    }
    .pb-loans-pushy.flexible-repayment .five-cols-text {
        width: auto;
        margin-left: 189px;
    }
    .pb-loans-pushy.flexible-repayment .cta-wrapper {
        border-radius: 6px;
        border: 1px solid #d7d7d7;
        background: #fff;
        width: auto;
        padding: 15px;
        margin-bottom: 50px;
    }
    .pb-loans-pushy.flexible-repayment .loan-content-container-first,
    .pb-loans-pushy.flexible-repayment .loan-content-container {
        margin-top: 0;
        padding: 0 15px;
        width: auto;
    }
    .pb-loans-pushy.flexible-repayment .loan-content-container .loan-heading,
    .pb-loans-pushy.flexible-repayment .loan-content-container-first .loan-heading {
        padding: 0 !important;
        margin-top: 20px;
    }
    .pb-loans-pushy.flexible-repayment .loan-outer-container,
    .pb-loans-pushy.flexible-repayment .htw-inner-container {
        width: 100%;
    }
    .pb-loans-pushy.flexible-repayment .htw-content-container,
    .pb-loans-pushy.flexible-repayment .htw-content-container-last {
        padding: 20px;
        background-size: contain;
    }
    .pb-loans-pushy.flexible-repayment .htw-content-container-last.step img {
        width: 100%;
        height: auto;
    }
    .pb-loans-pushy.flexible-repayment .htw-content-container > div > img {
        width: 33.33%;
        height: auto;
    }
    .pb-loans-pushy.flexible-repayment .load-main-content-con {
        overflow: visible;
    }
    .pb-loans-pushy.flexible-repayment .load-main-content-con .load-child {
        width: 50%;
        margin: 0;
    }
    .load-greenbg h2, .load-bluebg h2, .load-orangebg h2 {
        font-size: 22px !important;
        line-height: 25px !important;
    }
    .load-mainfirstcon.border-box.inside-box {
        position: relative;
        display: block;
    }
    .inside-box .loan-detail-box-wrapper {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        right: auto;
        left: 0;
    }
    .inside-box .loan-detail-box-wrapper .loan-detail-content {
        padding: 15px;
        right: auto;
        left: 0;
        z-index: 99;
    }
    .pb-loans-pushy.flexible-repayment .load-main-content-con .load-child.first {
        padding-right: 10px;
    }
    .pb-loans-pushy.flexible-repayment .load-main-content-con .load-child.first + .load-child {
        padding-left: 10px;
    }
    .pb-loans-pushy.flexible-repayment .load-main-content-con .load-child .load-mainfirstcon {
        width: auto;
    }
    .pb-loans-pushy.flexible-repayment .load-main-content-con .load-child.last {
        display: none;
    }
    .pb-loans-pushy.flexible-repayment .htw-content-container > div {
        width: 100% !important;
    }
    .pb-loans-pushy.flexible-repayment .inner-container-wrap-radial-shadow {
        width: 100%;
        background-size: contain;
    }
    .pb-loans-pushy.flexible-repayment .loan-content-container .inner-container-wrap-left {
        width: 200px;
        position: absolute;
    }
    .pb-loans-pushy.flexible-repayment .loan-content-container .inner-container-wrap-left img {
        width: 100%;
        height: auto;
    }
    .pb-loans-pushy.flexible-repayment .loan-content-container .inner-container-wrap-right {
        width: auto;
        margin-left: 220px;
        float: none;
    }
    .pb-loans-pushy.flexible-repayment .manage-wrap .inner-container-wrap-right .easy-ways-icon-wrap {
        width: auto;
    }
    .pb-loans-pushy.flexible-repayment .manage-wrap .inner-container-wrap-right .easy-ways-icon-wrap .easy-ways-icon {
        position: absolute;
        float: none;
    }
    .pb-loans-pushy.flexible-repayment .manage-wrap .inner-container-wrap-right .easy-ways-icon-wrap .easy-ways-text {
        float: none;
        width: auto;
        margin-left: 65px;
    }
    .pb-loans-pushy.flexible-repayment .manage-wrap .inner-container-wrap-right .easy-ways-icon-wrap .easy-ways-text p {
        word-wrap: break-word;
    }
    .pb-loans-pushy.flexible-repayment .manage-wrap .inner-container-wrap {
        width: 100%;
    }
    .pb-loans-pushy.flexible-repayment .online-app-content h2 img {
        margin: 0 auto;
    }


    /*insurance framework*/
    .pb-insurance .cards-header1-wrapper {
        width: auto;
        padding: 25px 15px 0 15px;
    }
    .pb-insurance .hns-section-wrapper, .pb-insurance .hns-content-wrapper {
        width: 100%;
    }
    .pb-insurance .inscc-outer-container {
        width: auto;
    }
    .pb-insurance .ins-content-right, .pb-insurance .ins-content-left {
        width: 50%;
        margin: 0;
    }
    .pb-insurance .hns-content-wrapper > img {
        width: 100%;
        height: auto;
        max-width: 700px;
        margin: 0 auto;
    }
    .pb-insurance .accnt-right-container {
        width: 100%;
        margin: 0;
    }
    .pb-insurance .accnt-box-wrapper, .pb-insurance .accnt-box-wrapper-container-top, .pb-insurance .accnt-box-wrapper-container {
        width: auto;
        text-align: center;
    }
    .pb-insurance .ins-top-con, .pb-insurance .ins-topic-first {
        width: 100%;
    }
    .pb-insurance .ins-outer-container, .pb-insurance .ins-inner-container {
        width: auto !important;
    }
    .pb-insurance .ins-main-content-con .child {
        width: 33.333%;
        margin: 0 0 40px 0;
        padding: 0 10px;
    }
    .pb-insurance .ins-main-content-con .child2 {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        width: 50%;
        margin: 0;
        padding: 0 10px;
    }
    .pb-insurance .ins-mainfirstcon {
        width: auto;
    }
    .pb-insurance .ins-mainfirstcon h2 {
        font-size: 25px !important;
    }
    .pb-insurance .ins-main-cnttwo, .pb-insurance .ins-main-cntthree {
        padding: 10px;
    }
    .pb-insurance .content-container, .pb-insurance .need-help-container2 {
        width: 100%;
    }
    .pb-insurance .content-container .tc-wrapper {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .pb-insurance .ins-mainfirstcon-s2 {
        width: 100%;
    }
    .pb-insurance .how-to-apply-content-container {
        width: auto;
        padding: 0 15px;
    }
    .pb-insurance .talk-to-us-container-rightcol {
        position: absolute;
        right: 0;
        top: 165px;
        width: 400px;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    .pb-insurance .talk-to-us-box-img img {
        width: 100%;
        max-width: 400px;
        height: auto;
    }
    .pb-insurance .intro-pattern-bg, .pb-insurance .intro-content-wrap, .pb-insurance .intro-minibox-wrap {
        width: 100% !important;
        padding: 0;
    }
    .pb-insurance .mini-1 {
        width: 100% !important;
        height: auto;
        margin: 0 !important;
    }
    .pb-insurance.maxretirement .content-container {
        width: auto;
        padding: 0 15px;
        margin-top: 0 !important;
    }
    .pb-insurance.maxretirement .content-container .inner-container {
        width: 100%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        padding: 20px !important;
    }
    .pb-insurance.maxretirement .content-container .inner-container > div {
        width: 100% !important;
    }
    .pb-insurance.maxretirement .content-container .inner-container > div img {
        width: 100%;
        height: auto;
    }
    .pb-insurance.home-mortage .intro-content-wrap .intro-text {
        width: auto;
        padding: 0 15px;
    }
    .pb-insurance.home-mortage .intro-content-wrap .intro-text .button-red {
        float: none;
        display: inline-block;
    }
    .pb-insurance.home-mortage .intro-pattern-bg .intro-main-pic {
        width: 400px;
    }
    .pb-insurance.home-mortage .intro-pattern-bg .intro-main-pic a {
        display: block;
        border: none;
    }
    .pb-insurance.home-mortage .intro-pattern-bg .intro-main-pic img {
        width: 100%;
        height: auto;
    }
    .pb-insurance.home-mortage .content-container-first {
        width: 100%;
        padding: 0 15px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    .pb-insurance.home-mortage .content-container-first .inner-container {
        width: auto;
    }
    .pb-insurance.home-mortage .inner-container .insurance-benefit {
        width: 100%;
    }
    .pb-insurance .how-to-apply-left-container,
    .pb-insurance .online-app-right-container {
        width: 100% !important;
        text-align: center;
    }
    .pb-insurance .how-to-apply-left-container .or {
        left: 50% !important;
        right: auto !important;
        margin-left: -23px;
        top: auto !important;
        padding: 18px 0 0 0px;
        width: 64px;
    }
    .pb-insurance .insurance-benefit ul li {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        width: 50%;
    }
    .pb-insurance .btm-shadow-dark {
        width: 100%;
        background-size: 100%;
    }
    .pb-insurance .discount-outer-container {
        width: auto;
        padding: 0 15px;
    }
    .pb-insurance .discount-inner-container, .pb-insurance .discount_premium_img  {
        width: 100%;
    }
    .pb-insurance .discount_premium_img .inner-container {
        width: 100%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    .pb-insurance.home-mortage .ins-main-content-con .child2 {
        margin: 0 0 20px 0 !important;
    }
    .pb-insurance.home-mortage .ins-main-content-con .child2 img {
        width: 100%;
        height: auto;
    }
    .pb-insurance.home-mortage .ins-main-cnttwo, .pb-insurance.home-mortage .ins-main-cntthree {
        height: auto !important;
    }
    .pb-insurance.home-mortage .ins-inner-container {
        margin: 0 !important;
    }
    .pb-insurance.home-mortage .ins-inner-container p {
        margin: 0 !important;
        text-align: center;
    }
    .pb-insurance.home-mortage .how-to-apply-wrap .content-container {
        width: auto;
        padding: 0 15px;
    }

    /*investments framework*/
    .pb-investments .intro-pattern-bg {
        width: auto;
        padding: 0 15px;
    }
    .pb-investments .intro-pattern-bg .intro-content-wrap {
        width: 100%;
    }
    .pb-investments .intro-container-leftcol {
        position: relative;
        z-index: 2;
    }
    .pb-investments .intro-container-rightcol {
        position: absolute;
        right: 0;
        width: 300px;
        z-index: 1;
    }
    .pb-investments .intro-container-rightcol img {
        width: 100%;
        height: auto;
        margin: 0;
    }
    .pb-investments .content-container {
        width: auto;
        padding: 0 15px;
    }
    .pb-investments .content-container .inner-container {
        width: auto;
        padding: 20px;
    }
    .pb-investments .content-container .inner-container.premiuse {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .pb-investments .content-container .inner-container .wrap-bottom-shadow {
        background-size: 100%;
        overflow: hidden;
    }
    .pb-investments .content-container .btm-shadow-dark2 {
        width: 100%;
        background-size: 100%;
    }
    .pb-investments .inner-container .two-col-left, .pb-investments .inner-container .two-col-right {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
        margin: 0;
        padding: 0 10px;
    }
    .pb-investments .inner-container .two-col-left .ins-mainfirstcon, .pb-investments .inner-container .two-col-right .ins-mainfirstcon {
        width: 100%;
    }
    .pb-investments .inner-txt-content img {
        position: absolute;
    }
    .pb-investments .inner-container .inner-txt-content {
        padding: 20px;
    }
    .pb-investments .inner-container .inner-txt-content .sub-ul-content {
        width: auto;
        margin-left: 40px;
    }
    .pb-investments .how-to-apply-content-container {
        width: auto;
        padding: 0 15px;
    }
    .pb-investments .talk-to-us-container-rightcol {
        position: absolute;
        right: 0;
        top: 165px;
        width: 400px;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    .pb-investments .talk-to-us-box-img img {
        width: 100%;
        max-width: 400px;
        height: auto;
    }
    .pb-investments .how-to-apply-fullwidth-container {
        width: 100%;
    }
    .pb-investments .talktosip-roundcorner-container a.button-red {
        width: 160px !important;
    }
    .pb-investments .how-to-apply-talkto-container {
        width: auto;
    }
    .pb-investments.momentum .intro-pattern-bg .intro-wrap-btm-shadow {
        width: 100%;
        background-size: 100%;
        left: 0;
    }
    .vid-wrapper {
        width: 100% !important;
        height: auto !important;
    }
    .vid-wrapper iframe {
        width: 100% !important;
    }
    .pb-investments.momentum .content-container .outer-container {
        width: 100%;
        padding: 0;
    }
    .pb-investments .inner-container .inner-container-wrap,
    .pb-investments .inner-container .inner-container-wrap-radial-shadow,
    .pb-investments .inner-container .ob-2col-wrap {
        width: 100%;
    }
    .pb-investments .ob-2col-wrap-box {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
    }
    .pb-investments .ob-2col-wrap-box img {
        width: 100%;
        height: auto;
    }
    .pb-investments .btm-shadow {
        width: 100%;
        background-size: 100%;
    }
    .pb-investments.dual-currency .deposit-inner-container,
    .pb-investments.dual-currency .suitable ul li,
    .pb-investments.dual-currency .outer-container-small,
    .pb-investments.dual-currency .howitworks-bg.three {
        width: auto;
    }
    .pb-investments.dual-currency .howitworks-bg.three + img {
        width: 100%;
        height: auto;
    }
    .pb-investments.dual-currency .howitworks-bg-2b {
        width: 49%;
        margin-right: 0;
    }
    .pb-investments.dual-currency .howitworks-bg-3 {
        width: 49%;
        margin-left: 0;
        padding-left: 0;
    }
    .pb-investments.dual-currency .howitworks-bg-2b.show-960 {
        width: 100%;
    }
    .pb-investments.dual-currency .dual-currency-container .dual-inner-list {
        width: 260px;
    }
    .pb-investments.bluechip .cta-points {
        width: 300px;
    }
    .pb-investments.bluechip .intro-minibox-wrap,
    .pb-investments.bluechip .content-container .account-heading,
    .pb-investments.bluechip .content-container .outer-container,
    .pb-investments.bluechip .content-container .loan-outer-container,
    .pb-investments.bluechip .content-container .loan-inner-container,
    .pb-investments.bluechip .accord-full {
        width: auto;
    }
    .pb-investments.bluechip .content-container .loan-inner-container {
        padding: 20px;
    }
    .pb-investments.bluechip .content-container .inner-container > img {
        width: 100% !important;
        height: auto !important;
        margin: 0  0 20px 0!important;
        clear: both;
        float: none !important;
    }
    .pb-investments.bluechip .loan-inner-container .first-content {
        width: 25%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    .pb-investments.bluechip .loan-inner-container .first-content img {
        width: 100%;
        height: auto;
    }
    
    .pb-investments.dual-currency .exchange-rate-mobile {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .pb-investments.dual-currency .dual-currency-container {
        background: transparent;
        height: auto;
    }
    .pb-investments.dual-currency .dual-currency-container .dual-inner-list {
        float: none;
        width: 100%;
        margin: 0;
    }
    .pb-investments.dual-currency .dual-currency-container .dual-inner-list .dual-inner-top,
    .pb-investments.dual-currency .dual-currency-container .dual-inner-list .dual-inner-bottom {
        float: none;
        width: auto;
    }

    .premier-content-container-first {
        width: 700px;
        margin-left: auto;
        margin-right: auto;
        clear: both;
    }
    .pb-premiere .premier_sub_title_bgimg {
        width: 100%;
        background-position: top center;
    }
    .pb-premiere .premier_sub_title_bgimg .sub_title {
        padding: 12px 15px 0 15px;
    }
    .pb-premiere .premier-header-bg-wrapper {
        display: none;
    }
    .pb-premiere img.mobile-masthead {
        width: 100%;
        height: auto;
        display: block;
    }
    .pb-premiere .premier-subnav-container .premier-subnav-wrapper {
        width: auto;
        padding: 0 15px;
    }
    .pb-premiere .premier-subnav-wrapper li a {
        font-size: 16px;
    }
    .pb-premiere .premier-main-content-wrapper {
        width: auto;
        padding: 20px 15px 0 15px;
    }
    .pb-premiere .premier-content-left, .pb-premiere .premier-content-right {
        width: 100%;
        margin: 0;
    }
    .pb-premiere .premier-content-left {
        padding-bottom: 20px;
    }
    .pb-premiere .premier-right-box-wrapper {
        margin: 0 auto;
        float: none;
        clear: both;
        width: 700px;
        border: 1px solid #d7d7d7;
        border-radius: 6px;
        padding: 2px;
    }
    .pb-premiere .premier-box-wrapper-bottom {
        display: none;
    }
    .pb-premiere .premier-box-wrapper-top, .pb-premiere .premier-box-wrapper-container {
        width: auto;
        text-align: left;
        padding: 10px;
    }
    .pb-premiere .box-online-banking {
        width: 100%;
    }
    .pb-premiere .box-online-banking-content-container {
        width: auto;
    }
    .pb-premiere .box-online-banking-shadow {
        width: 100%;
    }
    .pb-premiere img.embed {
        margin: 0 auto;
    }
}

@media screen and (max-width: 768px) { 
      
	 a.button-red{
		  
		  width:100px;
		  margin:auto;
		  }
    .online-app-content a.button-red {
        width: 200px;
        padding: 10px !important;
    }
	  
	  .pb-index .pb-bgwrapper {
        background-image: url('../images/uploads/responsive/pb_tablet1.jpg') !important;/*changed*/
        background-size: contain !important;/*changed*/
		background-repeat:no-repeat !important;/*changed*/
		width:650px;
		margin:auto;
    }
	.pb-index .head-more {
		height: 490px;
		left: 300px !important;
    	top: 255px !important;
	}
    .pb-investments a.button-red,
    .pb-loans-pushy a.button-red {
        width: auto;
    }
}
@media screen and (max-width: 768px) {
	.mobile-only, .show-767 {
        display: block;
    }
    .hide-760, .hide-767 {
        display: none;
    }
    .desktop-only {
        display: none;
    }
    /*personal business landing*/
 
    .pb-index .head-more {
        position: relative !important;
        margin: 0 auto;
        width: 86px !important;
    }
    .pb-index .group_rightcol {
        position: absolute;
        top: 20px;
        right: 0;
    }

    /*accounts landing*/
    .pb-accounts-index .account-tab-wrapper {
        width: 100%;
    }
    .pb-accounts-index .tabbed-account-list-container img,
    .pb-accounts-index .tabbed-account-list-container-clear img {
        width: 100%;
        height: auto;
    }
    .pb-accounts-index .al-tabcontent-wrapper.two-box span.tabbed-account-list-container {
        width: 100% !important;
    }
    .pb-accounts-index .account-landing-content {
        width: 100%;
    }
    

    /*accounts framework*/
    .pb-accounts .col-3-content {
        width: 100%;
    }
    .pb-accounts .green-content, .pb-accounts .brown-content {
        width: 160px;
        background-size: 160px;
        background-position: top center;
    }
    .pb-accounts .green-content h5, .pb-accounts .brown-content h5 {
        font-size: 15px;
    }
    .pb-accounts .txt-as {
        font-size: 16px;
    }
    .pb-accounts .txt-num {
        font-size: 21px;
    }
    .pb-accounts .txt-content, .pb-accounts .green-content, .pb-accounts .brown-content, .pb-accounts .txt-content p {
        width: 170px !important;
    }
    .pb-accounts .inner-container-wrap-left {
        width: 100%;
        text-align: center;
    }
    .pb-accounts .inner-container-wrap-left img {
        max-width: 200px;
        margin-bottom: 20px;
    }
    .pb-accounts .inner-container-wrap-right {
        width: 100%;
    }
    .pb-accounts .inner-container-wrap-radial-shadow {
        background-size: contain;
    }
    .pb-accounts.deposit .insurance-2col-box.two > div {
        position: relative;
        height: auto;
    }
    .pb-accounts.deposit .insurance-2col-box.two .inner-table-insurance:first-child {
        position: absolute;
        width: 160px !important;
    }
    .pb-accounts.deposit .insurance-2col-box.two .first-row .inner-table-insurance {
        height: 220px !important;
    }
    .pb-accounts.deposit .insurance-2col-box.two div .insurance-2col-box.inner-table-insurance:first-child + div {
        width: auto !important;
        float: none;
        margin-left: 160px;
    }
    .pb-accounts.deposit .insurance-2col-box.two.single > div:first-child .inner-table-insurance {
        height: 190px !important;
    }
    .pb-accounts.deposit .insurance-2col-box.two.single .text1 {
        clear: both !important;
        margin-top: 0 !important;
        float: left !important;
    }
    .onlinebanking-navigation-container + div .bb-inner-container .bb-card-container .bb-card-detail {
        width: 50%;
    }
    .pb-accounts.sgd-fixed-deposit .inner-container-wrap table {
        width: 100% !important;
    }
    .pb-accounts.sgd-fixed-deposit .generic-accordion-header h2 p {
        display: none;
    }

    /*card framework*/
    .pb-card.index .c-card-container {
    	height: auto !important;
    }
    /*.pb-card.index .c-card-detail {
        width: 250px;
        margin: 0 auto;
        clear: both;
        float: none;
    }*/
    .pb-card.index .c-card-detail {
        padding: 0 10px;
    }
    .pb-card.index .c-card-detail .c-card-image img {
        width: 100%;
        height: auto;
    }
    .pb-card.index .c-card-detail .c-card-info {
    	display: none;
    }
    .pb-card.index .c-card-detail .c-card-info:after {
        content:"";
        display:table;
        clear:both;
    }
    .pb-card.index .lightbox-content-s1 {
		width: 100%;
    }
    .pb-card .cards-header2-img-container img {
        width: 100%;
        height: auto;
    }
    .pb-card .brand-wrapper {
        width: 100% !important;
    }
    .pb-card .brand-wrapper img {
        width: 100% !important;
        height: auto !important;
    }
    .pb-card .brand-wrapper + table {
        width: 100% !important;
    }
    .pb-card.cashflo .five-cols-detail {
        width: 100% !important;
        background: transparent;
    }
    .pb-card.cashflo .five-cols-detail .five-cols-image {
        margin: 0 !important;
        width: 100%;
    }
    .pb-card.cashflo .five-cols-detail .five-cols-image img {
        position: absolute;
        margin: 0 !important;
        width: 60px !important;
        height: 60px !important;
    }
    .pb-card.cashflo .five-cols-detail .five-cols-text {
        width: auto;
        margin-left: 80px;
    }
    .pb-card.cashflo .five-cols-detail .five-cols-text ul li {
        display: inline-block;
    }
    .pb-card.cashflo .oth-benefits-left {
        width: 70px;
    }
    .pb-card.cashflo .oth-benefits-right {
        margin-left: 80px;
    }
    .pb-card.card-service-balance #balance-transfer-intro .right-content {
        margin-top: 0;
        margin-bottom: 30px;
    }
    .pb-card.card-services-fixed-repayment-loan .content-container .content-container {
        padding: 0;
    }
    .pb-card.card-services-fixed-repayment-loan .easy-credit-banner-wrapper .easy-wrapper {
        width: auto;
        padding-left: 90px;
    }

    .pb-card.card-services-cash-advance .card-intro-main-pic {
        position: relative;
        text-align: center;
    }
    .pb-card.card-services-cash-advance .card-intro-main-pic img {
        margin: 20px auto 0 auto !important;
    }
    .pb-card.card-services-cash-advance .box-apply-wrapper {
        width: 100%;
        margin-right: 0;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }

    .pb-card.yes-debit-card .cards-header2-img-container {
        margin: 0 auto;
        float: none;
        clear: both;
    }
    .pb-card.yes-debit-card .cards-header2-wrapper .intro-text {
        margin: 0 auto 30px auto;
        float: none;
    }
    .pb-card.yes-debit-card .how-to-apply-pattern-bg .content-container {
        padding: 0;
    }
    .pb-card.yes-debit-card .content-machine {
        width: auto;
        position: relative;
    }
    .pb-card.yes-debit-card .content-machine .img-content {
        position: absolute;
        display: block;
    }
    .pb-card.yes-debit-card .content-machine .steps-content {
        width: auto;
        margin: 0 0 0 168px;
    }
    .pb-card.respon-header .inner-container-wrap-radial-shadow .inner-container-wrap-left {
        width: 30%;
    }
    .pb-card.respon-header .inner-container-wrap-radial-shadow .inner-container-wrap-right {
        width: 70%;
    }


    /*loans framework*/
    .pb-loans .c-monthly-payment-box {
        width: 200px;
        margin: 60px 0 60px 10px;
    }
    .pb-loans .c-monthly-payment-box .c-heading {
        font-size: 15px;
    }
    .pb-loans .c-monthly-payment-box .c-calculate {
        margin-top: 14px;
    }
    .pb-loans .c-month-box-content-b1 .c-txtbox, .pb-loans .c-month-box-content-b2 .c-txtbox {
        width: 211px;
    }
    .pb-loans .c-txtbox .c-heading {
        font-size: 15px;
    }
    ul.path-process {
        background: #eaeaea;
    }
    ul.path-process li {
        width: 100% !important;
        height: auto;
        padding: 20px;
        background: transparent !important;
        text-align: center;
        border-bottom: 4px solid #fff;
        margin-left: 0;
        padding-top: 39px;
    }
    ul.path-process li.last {
        padding-bottom: 39px;
    }
    ul.path-process li:after {
        background: #eaeaea url('../images/big-arrow-mobile.png') no-repeat bottom center !important;
        width: 102px;
        height: 29px;
        top: auto;
        left: 50%;
        margin-left: -51px;
        bottom: -28px;
    }
    ul.path-process li.last:after {
        background: transparent !important;
        display: none;
    }
    .pb-loans-pushy .boxes2 #dialog1, .pb-loans-pushy .boxes2 #dialog2, .pb-loans-pushy .boxes2 #dialog3, .pb-loans-pushy .boxes2 #dialog4,
    .pb-loans-pushy .tooltip-arrow {
        width: auto;
    }
    .pb-loans-pushy .tooltip-btm-content {
        width: auto;
    }
    .pb-loans-pushy .tooltip-arrow {
        width: 100% !important;
        background: url("https://www.ocbc.com/html/404.html") !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        height: 19px;
        position: relative;
        z-index: 2;
    }
    .pb-loans-pushy .tooltip-btm-content {
        border-top: 1px solid #d7d7d7;
        z-index: 1;
        margin-top: -6px;
        border-radius: 6px;
    }
    .pb-loans-pushy .tooltip-btm-content .close + div {
        margin-right: 0 !important;
        margin-top: 30px;
    }
    .pb-loans-pushy.fixed-repayment .intro-text h1 {
        text-align: center;
    }
    .pb-loans-pushy.fixed-repayment .intro-cta-wrap .loan-heading {
        text-align: center;
    }
    .pb-loans-pushy.fixed-repayment .intro-cta-wrap .c-card-container {
        margin: 0 !important;
    }
    .pb-loans-pushy.fixed-repayment .intro-cta-wrap .c-card-detail.c-card-detail-clear {
        background: url("../images/inside_pg/c_cardbg.png") 100% 50% no-repeat !important;
    }
    .pb-loans-pushy.fixed-repayment .wrapper-loan-container {
        background-color: #fff;
        border: 1px solid #d7d7d7;
        border-radius: 6px;
        width: auto;
        padding: 2px;
    }
    .pb-loans-pushy.fixed-repayment .wrapper-loan-container .cta-wrapper {
        background: #fcfbfb;
        padding: 13px;
        width: auto;
    }
    .pb-loans-pushy.fixed-repayment .wrapper-loan-container .cta-wrapper.sec-row {
        background: #fff;
    }
    .pb-loans-pushy.fixed-repayment .wrapper-loan-container .cta-points {
        margin: 0;
        background: transparent;
    }
    .pb-loans-pushy.fixed-repayment .wrapper-loan-container a.button-red {
        float: none;
        display: inline-block;
    }

    /*insurance framework*/
    .pb-insurance .ins-content-left img, .pb-insurance .ins-content-right img {
        width: 100%;
        height: auto;
        max-width: 270px;
    }
    .pb-insurance .ins-main-content-con .child {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0;
        float: left;
        clear: both;
    }
    .pb-insurance .ins-main-cnttwo, .pb-insurance .ins-main-cntthree, .pb-insurance .ins-main-cntfour {
        height: auto !important;
    }
    .pb-insurance .talk-to-us-container-leftcol {
        position: relative;
        z-index: 2;
    }
    .pb-insurance .how-to-apply-content-container .online-app-right-container {
        width: 100% !important;
    }
    .pb-insurance.home-mortage .intro-pattern-bg .intro-main-pic {
        display: none;
    }

    /*investments framework*/
    .pb-investments .intro-container-leftcol {
        width: 100%;
    }
    .pb-investments .intro-container-rightcol {
        /*display: none;*/
    }
    .pb-investments .talk-to-us-container-leftcol {
        position: relative;
        z-index: 2;
    }
    .pb-investments.cpf-investment .talktosip-roundcorner-container {
        width: auto !important;
    }
    .pb-investments.dual-currency .mobile-img-wrapper {
        text-align: center;
    }
    .pb-investments.dual-currency .mobile-img-wrapper img {
        margin: 0 auto;
    }
    .pb-investments.dual-currency .intro-container-rightcol {
        display: none;
    }
    .pb-investments.bluechip .intro-main-pic {
        position: relative;
    }
    .pb-investments.bluechip .how-to-apply-left-container {
        width: 100%;
    }
    .pb-investments.bluechip .how-to-apply-content-container {
        padding: 0;
    }

    /*premiere framework*/
    .pb-premiere .premier-content-container-first {
        width: 100%;
    }
    .pb-premiere .premier-subnav-container {
        background-position: bottom left;
        height: auto;
    }
    .pb-premiere .premier-subnav-wrapper li {
        display: inline-block;
        width: 50%;
        float: none;
    }
    .pb-premiere .premier-subnav-wrapper li.show-480 {
        display: none;
    }
    .pb-premiere .premier-subnav-wrapper li:nth-child(2n+3) a {
        border-left: 1px solid #d1d1d1;
    }
    .pb-premiere .premier-subnav-wrapper li:first-child + li + li a {
        border-right: 1px solid #d1d1d1;
        border-top-right-radius: 6px;
        -moz-border-radius-topright: 6px;
        -webkit-border-top-right-radius: 6px;
    }
    .pb-premiere .premier-subnav-wrapper li a.lastnav {
        border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        -webkit-border-top-right-radius: 0;
    }
    .pb-premiere .premier-content-container {
        width: 100%;
    }
    .pb-premiere .premier-outer-container, .pb-premiere .premier-right-box-wrapper {
        width: auto;
    }
    .pb-premiere .premier-promo-container {
        width: 100%;
        padding: 15px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    .pb-premiere .premier-inner-box {
        width: 100%;
        padding: 0;
    }
    .pb-premiere .premier-inner-box-content, .pb-premiere .premier-inner-box-pattern {
        width: auto;
    }
    .premier-btm-shadow {
        width: 100%;
        background-size: 100%;
    }
    .pb-premiere .premier-promo-image {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        width: 30%;
        margin: 0;
        padding-right: 20px;
    }
    .pb-premiere .premier-promo-image img {
        width: 100%;
        height: auto;
    }
    .pb-premiere .premier-promo-content {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        width: 70%;
    }
    .pb-premiere .premier-inner-box-content2, .pb-premiere .premier-inner-box-pattern2 {
        width: auto;
    }
    .pb-premiere .box-pattern-2column-content {
        width: 100%;
        margin-top: 20px;
    }
    .premier-btm-shadow {
        width: 100%;
        background-size: 100%;
    }
    .pb-premiere .premier-2column-wrapper {
        width: 100%;
    }
    .pb-premiere .premier-2column-content {
        width: 50%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    .pb-premiere.index .premier-inner-container {
        width: auto;
    }
    .pb-premiere img.embed {
        display: none;
    }
    .pb-premiere.market-insight .premier-outer-container > p {
        display: none;
    }

    .various-auto.fancybox-wrap,
    .pb-iframe .fancybox-wrap {
        width: 100% !important;
        left: 0 !important;
        padding: 10px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    .various-auto .fancybox-outer,
    .pb-iframe .fancybox-outer {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    .various-auto .fancybox-inner,
    .pb-iframe .fancybox-inner {
        width: 100% !important;
    }
}

@media screen and (max-width: 699px) {
	.pb-index .head-more {
        left: 144px !important;
        top: 45px !important;
		height:280px;
    }
    /*card framework*/
    .pb-card .cardflo-img-wrapper {
        width: 100% !important;
    }
    .pb-card .cardflo-img-wrapper img {
        width: 100%;
        height: auto;
    }
      .pb-index .pb-bgwrapper {
        background-image: url('../images/uploads/responsive/pb_tablet1.jpg') !important;/*changed*/
		background-size:contain !important;/*changed*/
		background-repeat:no-repeat !important;/*changed*/
		width:350px;/*changed*/
		marginm:auto;/*changed*/
    }

    /*fancybox apps*/
    .fancybox-wrap {
        width: 100% !important;
        left: 0 !important;
    }
    .fancybox-wrap.single-image {
        width: 835px !important;
    }
    .fancybox-outer {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    .fancybox-inner {
        width: 100% !important;
    }

    .boxes .window {
        width: 100% !important;
        box-shadow: 0 0 4px 3px #BBBBBB !important;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        left: 0 !important;
    }
}

@media screen and (min-width: 600px) and (max-width: 768px) {
    .inside-box .loan-detail-box-wrapper .loan-detail-content {
        right: 0;
        left: auto;
    }
}

@media screen and (max-width: 600px) {
    .show-600 {
        display: block;
    }
    .hide-600 {
        display: none;
    }
    .account-heading {
        display: block;
    }
    /*personal business landing*/
   
    .pb-index .head-more {
        top: 45px !important;
        width: 86px !important;
        left:   144px !important;
		height:280px;
    }

    /*accounts landing page*/
    #generic-tab .ui-tabs-nav li#generic-tab-1, #generic-tab .ui-tabs-nav li#generic-tab-2, #generic-tab .ui-tabs-nav li#generic-tab-3, #generic-tab .ui-tabs-nav li#generic-tab-4, #generic-tab .ui-tabs-nav li#generic-tab-5, #generic-tab .ui-tabs-nav li#generic-tab-6, #generic-tab .ui-tabs-nav li#generic-tab-7, #generic-tab .ui-tabs-nav li#generic-tab-1.ui-tabs-selected, #generic-tab .ui-tabs-nav li#generic-tab-2.ui-tabs-selected, #generic-tab .ui-tabs-nav li#generic-tab-3.ui-tabs-selected, #generic-tab .ui-tabs-nav li#generic-tab-4.ui-tabs-selected, #generic-tab .ui-tabs-nav li#generic-tab-5.ui-tabs-selected, #generic-tab .ui-tabs-nav li#generic-tab-6.ui-tabs-selected, #generic-tab .ui-tabs-nav li#generic-tab-7.ui-tabs-selected {
        width: 100%;
        margin: 0;
        height: 39px;
    }
    .pb-accounts-index #generic-tab .ui-tabs-nav li a {
        font-size: 17px;
        line-height: 39px;
    }
    .generic-tab-item {
        margin: 0;
    }
    .pb-accounts-index .tabbed-account-list-container, .pb-accounts-index .tabbed-account-list-container-clear {
        width: 50%;
        background: transparent;
    }

    /*accounts framework*/
    .pb-accounts .easy-ways-text {
        width: 340px;
    }
    .pb-accounts .brown-content {
        margin-left: 180px;
    }
    .pb-accounts.deposit .account-heading {
        display: block;
    }
    .pb-accounts.deposit .content-container-first .account-heading  {
        margin-top: 20px !important;
    }
    .pb-accounts.deposit .insurance-2col-box.two .inner-table-insurance {
        padding: 15px 10px;
    }
    .pb-accounts.deposit .tabs-container > div {
        height: auto;
        line-height: 1;
    }
    .pb-accounts.baby-bonus .cards-header2-bg2 {
        background: url('../images/uploads/accounts/inside_masthead/baby_bonus_background-mobile.jpg') top right no-repeat !important;
        background-size: 350px !important;
    }
    .pb-accounts.baby-bonus .cards-header2-outer-container {
        margin-top: 0;
    }
    .pb-accounts.baby-bonus .cards-header2-img-container-mobile .text {
        width: 190px;
    }
    .pb-accounts.baby-bonus .cards-header2-img-container-mobile h3 {
        color: #3a3a3a;
        font-family: TheSansSemiBoldPlain;
    }
    .pb-accounts.baby-bonus .cards-header2-img-container-mobile h3 span {
        color: #ed1c24;
    }
    .onlinebanking-navigation-container + div .bb-inner-container .bb-card-container .bb-card-detail {
        background: transparent;
    }

    /*loans framework*/
    .pb-loans .middle-content > div {
        width: 100% !important;
    }
    .pb-loans .middle-content > div > div {
        padding: 0;
    }
    .pb-loans .middle-content .right-content img {
        margin-bottom: -125px;
    }
    .c-loans-inner-container-downloadform {
        height: 220px;
    }
    .pb-loans .c-loans-box-downloadform {
        width: 100%;
    }
    .pb-loans .c-loans-img-downloadform {
        width: 60px;
    }
    .pb-loans .c-loans-img-downloadform img {
        width: 100%;
        height: auto;
    }
    .pb-loans .c-loans-txt-downloadform {
        width: 100%;
        clear: both;
    }
    .pb-loans .c-month-roundedcorner {
        width: 100%;
        height: auto;
    }
    .pb-loans .c-month-box-1, .pb-loans .c-month-box-3 {
        width: 100%;
        clear: both;
        height: auto;
    }
    .pb-loans .c-month-box-2 {
        display: none;
    }
    .pb-loans .c-monthly-payment-box {
        width: 200px;
        height: 100px;
        margin: 30px auto;
    }
    .pb-loans .c-monthly-payment-box .c-calculate {
        padding-top: 14px;
        float: none;
        text-align: center;
        clear: both;
        margin: 0 auto;
    }
    .pb-loans .c-monthly-payment-box .c-calculate .button-gray {
        float: none;
    }
    .pb-loans .c-month-box-content-b1, .pb-loans .c-month-box-content-b2 {
        height: auto;
        padding: 10px 0;
    }
    .pb-loans .c-month-box-content-b1 .c-txtbox, .pb-loans .c-month-box-content-b2 .c-txtbox {
        float: none;
        height: auto;
    }
    .pb-loans .c-txtbox .c-heading {
        text-align: center;
    }
    .pb-loans .c-month-box-content-b1 .c-digits, .pb-loans .c-month-box-content-b2 .c-digits, .pb-loans .c-month-box-content-b2 .c-nextmonth {
        float: none;
        width: auto;
    }
    .pb-loans-pushy.flexible-repayment .load-main-content-con .load-child {
        width: 100%;
        padding: 0 !important;
        margin-bottom: 20px;
    }
    .pb-loans-pushy.flexible-repayment .how-to-apply-content-container .online-app-content {
        text-align: left;
    }
    .inside-box .more-detail.width {
        width: 100%;
    }
    .inside-box .loan-detail-box-wrapper .loan-detail-content {
        left: -20px;
        width: 100%;
        border-top-right-radius: 6px;
    }
    .inside-box .loan-detail-box-wrapper .loan-detail-content > img,
    .pb-loans-pushy.flexible-repayment .fancybox-wrap .loan-detail-content > img {
        width: 100%;
        height: auto;
    }
    .inside-box .loan-detail-box-wrapper .loan-detail-content .drop-content,
    .pb-loans-pushy.flexible-repayment .fancybox-wrap .loan-detail-content .drop-content {
        width: auto;
        padding: 10px;
    }
    .pb-loans-pushy.flexible-repayment .fancybox-wrap .loan-detail-content {
        width: auto;
        padding: 10px;
        position: relative;
        top: auto;
        right: auto;
    }
    .pb-loans-pushy .how-to-apply-map {
        background-size: 100%;
        width: auto;
    }


    /*card framework*/
    .pb-card.index .banner-wrapper .crc_img {
        position: relative;
    }
    .pb-card.index .banner-wrapper .txt-wrapper {
        margin: 20px 0;
    }
    .pb-card.index .banner-wrapper .txt-wrapper a.more {
        float: none;
        margin: 20px auto 0 auto;
    }
    .pb-card.index .inner-container {
        height: auto !important;
    }
    .pb-card.index .cards-inner-container-bg ul li p a.button-red {
        margin-bottom: 20px;
    }
    .pb-card.index .mobile-card-container {
        clear: both;
        margin-bottom: 15px;
    }
    .pb-card.index .mobile-card-container:after {
        content:"";
        display:table;
        clear:both;
    }
    .pb-card.index .cards-heading + .outer-container .inner-container > br {
        display: none;
    }
    .pb-card.index .c-card-detail {
        width: 50%;
    }
    .pb-card.index .c-card-detail .c-card-info p.more {
        margin: 0 auto;
        width: 225px;
    }
    .pb-card.index #frankApplyDebit .frank-wrapper {
        padding: 15px !important;
    }
    .pb-card.index .frank-wrapper .frank-col {
        width: auto !important;
        margin: 0 !important;
    }
    .pb-card.index .frank-wrapper .im-shad {
        width: 100%;
        height: auto;
    }
    .pb-card.cashflo .cards-header2-bg1 {
        margin-top: 0;
    }
    .pb-card.cashflo .cards-header2-img-container-mobile h3 {
        margin-top: 25px;
    }
    .pb-card.cashflo .cards-header2-img-container-mobile p {
        margin-bottom: 20px;
    }
    .pb-card.ge-cashflo .inner-container {
        padding: 15px !important;
    }
    .pb-card.ge-cashflo .oth_benefits-con2 {
        padding-top: 0;
    }
    .pb-card.ge-cashflo .oth-benefits-left2 {
        width: 150px;
    }
    .pb-card.ge-cashflo .oth-benefits-right2 {
        margin-left: 170px;
    }
    .cards-header2-img-container {
        display: none;
    }
    .pb-card.best-platinum .cards-header2-img-container,
    .pb-card.platinum .cards-header2-img-container,
    .pb-card.arts-platinum .cards-header2-img-container,
    .pb-card.robinson .cards-header2-img-container {
        display: block;
    }
    .cards-header2-img-container-mobile {
        display: block;
    }
    .pb-card.titanium-card-benefits .cards-header2-outer-container {
        margin-top: 0;
    }
    .pb-card.titanium-card-benefits .cards-header2-img-container-mobile .text {
        width: 100%;
    }
    .pb-card.titanium-card-benefits .cards-header2-img-container-mobile .text h3 {
        color: #fff;
        font-size: 36px;
        text-shadow: 1px 1px 1px #000;
    }
    .pb-card.titanium-card-benefits .cards-header2-img-container-mobile .text p {
        color: #fff;
        font-size: 18px;
        text-shadow: 1px 1px 1px #000;
    }

    .pb-card.card-services-credit-limit #credit-card-adjustments-intro .left-panel {
        width: auto;
        margin: 0 0 20px 0;
    }
    .pb-card.card-services-credit-limit #credit-card-adjustments-intro .right-panel {
        width: 100%;
    }
    .pb-card.card-services-credit-limit #credit-card-adjustments-intro .right-panel span {
        position: relative;
        top: auto;
        left: auto;
        padding: 15px 0;
    }
    .pb-card.card-services-credit-limit #credit-card-adjustments-intro .right-content {
        position: relative;
        width: auto;
        right: auto;
        top: auto;
        float: left;
        clear: left;
    }

    .pb-card.card-services-0-percent #installment-merchants .left-content, .pb-card.card-services-0-percent #installment-merchants .right-content {
        width: 100%;
        margin-right: 0;
    }
    .pb-card.card-services-0-percent #installment-merchants .left-content ul li, .pb-card.card-services-0-percent #installment-merchants .right-content ul li {
        line-height: 1.2;
    }

    .pb-card.yes-debit-card .cards-header2-img-container {
        display: block;
    }
    .pb-card.yes-debit-card .intro-text {
        width: auto;
    }
    .pb-card.yes-debit-card .how-to-apply-box-container {
        width: auto;
    }
    .pb-card.yes-debit-card .how-to-apply-or {
        float: left;
        clear: both;
        width: 100%;
        margin-bottom: 20px;
    }
    .pb-card.yes-debit-card .how-to-apply-map {
        width: 100%;
        background-size: 100%;
        height: 250px;
        margin-bottom: 0;
    }
    .pb-card.yes-debit-card .how-to-apply-locate input {
        width: 100%;
        margin: 0;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        display: block;
        float: none;
    }
    .how-to-apply-locate a.button-red {
        float: none;
        margin: 10px auto 0 auto;
        display: block;
    }
    .pb-card.respon-header .cards-header2-img-container {
        display: block;
    }

    /*insurance framework*/
    .pb-insurance .ins-main-content-con .child2 {
        width: 100%;
        padding: 0;
        float: left;
        margin-bottom: 20px;
    }
    .pb-insurance .talk-to-us-container-rightcol {
        display: none;
    }
    .pb-insurance.maxretirement .mini-1-wrap {
        width: 100%;
        margin: 0;
        padding: 0 15px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    .pb-insurance.maxretirement .mini-1-wrap img {
        width: 100%;
        height: auto;
    }
    .pb-insurance .travelwise-header {
        height: auto !important;
        padding: 14px !important;
        left: 0;
        background: #efefef !important;
    }
    .pb-insurance .how-to-apply-left-container {
        width: 100% !important;
    }
    .pb-insurance .how-to-apply-left-container .or {
        left: 50% !important;
        right: auto !important;
        margin-left: -23px;
        top: auto !important;
    }

    /*investments framework*/
    .pb-investments .intro-pattern-bg .intro-container-rightcol {
        position: relative;
        float: left;
    }
    .pb-investments .inner-container .two-col-left, .pb-investments .inner-container .two-col-right {
        width: 100%;
        padding: 0;
    }
    .pb-investments .talk-to-us-container-rightcol {
        display: none;
    }
    .pb-investments.bluechip .intro-main-pic {
        width: 100% !important;
        height: auto !important;
    }
    .pb-investments.bluechip .intro-main-pic > div {
        position: relative !important;
    }
    .pb-investments.bluechip .intro-main-pic > div img:first-child {
        display: none;
    }
    .pb-investments.bluechip .intro-main-pic > div .mob img:first-child {
        display: block;
    }
    .pb-investments.bluechip .intro-main-pic > div img {
        margin: 0 auto;
        padding-bottom: 20px;
    }
    .pb-investments.bluechip .custom-table td, .pb-investments.bluechip .custom-table th {
        width: 150px;
    }

    .pb-investments.dual-currency .select-suit-wrapper {
        text-align: center;
    }
    .pb-investments.dual-currency .select-suit-title {
        color: #fff;
        background: #009999;
        font-family: 'TheSansCdRegular','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif;
        font-size: 20px;
        padding: 15px;
        line-height: 1;
    }
    .pb-investments.dual-currency .select-suit-wrapper.row-2 .select-suit-title {
        background: #0071a2;
    }
    .pb-investments.dual-currency .select-suit-title span {
        font-size: 30px;
    }
    .pb-investments.dual-currency .select-suit-wrapper .example {
        background: #178e8e;
        color: #bee6e6;
        font-weight: bold;
        padding: 10px;
    }
    .pb-investments.dual-currency .select-suit-wrapper.row-2 .example {
        background: #0d5787;
        color: #b4e5f6;
    }
    .pb-investments.dual-currency .select-suit-wrapper .select-suit-col {
        padding: 10px;
        background: url("../images/conten_box_gradient.jpg") repeat-x scroll left bottom #FFFFFF;
    }
    .pb-investments.dual-currency .select-suit-wrapper .select-suit-col p:last-child {
        margin: 0;
        font-size: 12px;
    }
    .pb-investments.dual-currency .select-suit-wrapper .select-suit-col p.bigger {
        color: #009999;
        font-size: 40px;
        margin: 20px 0;
    }
    .pb-investments.dual-currency .select-suit-wrapper.row-2 .select-suit-col p.bigger {
        color: #0071a2;
    }
    .pb-investments.dual-currency .select-suit-wrapper.row-1 {
        padding-bottom: 35px;
        position: relative;
    }
    .pb-investments.dual-currency .select-suit-wrapper.row-1:after {
        content: ' ';
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -18px;
        width: 37px;
        height: 27px;
        background: url('https://www.ocbc.com/html/404.html') no-repeat;
    }
    .pb-investments.dual-currency .howitworks-bg-2b.show-960 {
        height: 40px;
    }

}

@media screen and (min-width: 480px) and (max-width: 768px) {
    .pb-card.index .cpromo-data-contxtwo {
        width: auto;
    }
    .pb-card.index .c-card-detail .c-card-info p.more {
        text-align: center;
        width: auto;
    }
    .pb-card.index .c-card-detail .c-card-info a.button-red {
        margin: 0 auto 15px auto !important;
        display: block;
        clear: both;
        float: none;
    }
}

@media screen and (max-width:479px){
    .show-480 {
        display: block !important;
    }
    .hide-480 {
        display: none;
    }
    .online-app-content a.button-red {
        width: auto;
    }
    .intro-text h1 {
        font-size: 45px;
        line-height: 1;
    }
    .sub_title > h1 {
        font-size: 25px;
    }
    .pb-index .pb-bgwrapper {
        background-image: url('../images/uploads/responsive/pb_mobile1.jpg') !important;
        background-size: contain !important; /*changed*/
		background-repeat: no-repeat !important;/*changed*/
		width:278px;/*changed*/
		margin:auto;/*changed*/
    }
    .pb-index .pb-headline-continer {
        display: none;
    }
    .pb-homepage-content {
        height: auto;
    }
    .landing_container2 {
        margin-top: 0 !important;
    }
    .pb-index .head-more {
        top: 16px !important;
		width: 100px !important;
		left: 108px !important;
		height:258px;
    }
    .pb-index .head-more a {
        font-size: 12px !important;
    }
    .pb-index .group_rightcol {
        position: relative;
        top: auto;
        margin: 0 auto;
        float: none;
    }

    /*accounts landing page*/
    .pb-accounts-index .tabbed-account-list-container, .pb-accounts-index .tabbed-account-list-container-clear, .pb-accounts-index .al-tabcontent-wrapper.two-box .tabbed-account-list-container, .pb-accounts-index .al-tabcontent-wrapper.two-box .tabbed-account-list-container-clear {
        width: 100% !important;
    }

    /*accounts framework*/
    .pb-accounts .intro-main-pic {
        width: 100%;
        max-width: 300px;
    }
    .pb-accounts .intro-text h1 {
        font-size: 40px;
        line-height: 1.2;
    }
    .pb-accounts .intro-minibox-wrap h4 {
        font-size: 17px;
    }
    .pb-accounts .intro_amount_months1, .pb-accounts .intro_amount_months2 {
        font-size: 50px;
    }
    .pb-accounts .intro_details2 {
        margin: 20px 0;
        clear: both;
    }
    .pb-accounts .cta-points {
        width: auto;
    }
    .pb-accounts .col-3-content {
        text-align: center;
    }
    .pb-accounts .txt-content {
        float: none;
    }
    .pb-accounts .brown-content, .pb-accounts .green-content {
        margin: 0 auto;
        clear: both;
        float: none;
    }
    .pb-accounts .inner-container-wrap-right {
        width: 270px;
        float: none;
        clear: both;
        margin: 0 auto;
    }
    .pb-accounts .easy-ways-text {
        width: 205px;
    }
    .pb-accounts .how-to-apply-box {
        width: 100% !important;
        padding: 0;
        margin: 0 0 10px 0;
    }
    .pb-accounts .how-to-apply-box-last {
        min-width: 100% !important;
        width: 100% !important;
    } 
    .pb-accounts .how-to-apply-map {
        width: 100% !important;
    }
    .pb-accounts .how-to-apply-locate {
        width: auto;
    }
    .pb-accounts .how-to-apply-locate input {
        width: auto;
    }
    .pb-accounts.deposit .intro-pattern-bg .intro-main-pic {
        top: 160px !important;
    }
    .pb-accounts.deposit .inner-container-wrap-right {
        width: 100%;
    }
    .pb-accounts.deposit .insurance-2col-box.two.single .text2 {
        margin-top: 0 !important;
    }
    .pb-accounts.deposit .insurance-2col-box.two > div .inner-table-insurance {
        height: 190px !important;
    }
    .pb-accounts.deposit .insurance-2col-box.two .inner-table-insurance:first-child {
        width: 130px !important;
    }
    .pb-accounts.deposit .insurance-2col-box.two div .insurance-2col-box.inner-table-insurance:first-child + div {
        margin-left: 130px;
    }
    .pb-accounts.deposit .generic-accordion-header h2 {
        font-size: 24px !important;
        line-height: 1 !important;
    }
    .pb-accounts.deposit .generic-accordion-content {
        padding: 10px 15px 20px 15px;
    }
    .pb-accounts.pb-accounts-ssa .mini-1, .pb-accounts.pb-accounts-ssa .mini-2 {
        width: 250px;
        height: auto;
    }
    .pb-accounts.pb-accounts-ssa .txt-content, .pb-accounts.pb-accounts-ssa .green-content, .pb-accounts.pb-accounts-ssa .brown-content, .pb-accounts.pb-accounts-ssa .txt-content p {
        width: 100% !important;
        height: auto;
        padding: 0;
        text-align: center;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    .pb-accounts.pb-accounts-ssa .txt-content {
        margin-bottom: 20px;
    }
    .pb-accounts.pb-accounts-ssa .txt-content p {
        padding: 10px 0;
    }
    .pb-accounts.pb-accounts-ssa .green-content, .pb-accounts.pb-accounts-ssa .brown-content {
        padding: 10px;
        border-radius: 6px;
        padding-bottom: 20px;
    }
    .pb-accounts.pb-accounts-ssa .green-content {
        background: #00acac;
        margin-bottom: 20px;
    }
    .pb-accounts.pb-accounts-ssa .brown-content {
        background: #a28d68;
    }
    .pb-accounts.pb-accounts-ssa .green-content h5, .pb-accounts.pb-accounts-ssa .brown-content h5 {
        padding: 0;
        margin-bottom: 19px;
    }
    .pb-accounts.pb-accounts-ssa .green-content p, .pb-accounts.pb-accounts-ssa .brown-content p {
        background: #fff;
        margin: 0;
        padding: 10px 0;
    }
    .pb-accounts .accordion .btm-shadow {
        display: none;
    }
    .onlinebanking-wrapper {
        overflow: hidden;
    }
    .onlinebanking-navigation-container {
        padding-bottom: 16px;
    }
    .onlinebanking-navigation-container .onlinebanking-navigation {
        box-shadow: none;
        border: none;
        height: 50px;    
        position: relative;
    }
    .onlinebanking-navigation-container .onlinebanking-navigation:before,
    .onlinebanking-navigation-container .onlinebanking-navigation:after {
        content: ' ';
        display: block;
        position: absolute;
        height: 5px;
        background: #818181;
        width: 30px;
        left: -20px;
        bottom: 1px;
    }
    .onlinebanking-navigation-container .onlinebanking-navigation:after {
        left: auto;
        right: -20px;
    }
    .onlinebanking-navigation-container .onlinebanking-navigation ul {
        position: relative;
        z-index: 9;
    }
    .onlinebanking-navigation-container .onlinebanking-navigation ul li {
        width: 100%;
        display: none;
        background: transparent;
    }
    .onlinebanking-navigation-container .onlinebanking-navigation ul li.active-list {
        display: block;
    }
    .onlinebanking-navigation-container .onlinebanking-navigation ul li:first-child {
        display: block;
        position: relative;
    }
    .onlinebanking-navigation-container .onlinebanking-navigation ul li:first-child::after {
        content: ' ';
        display: block;
        position: absolute;
        right: 15px;
        top: 19px;
        width: 21px;
        height: 14px;
        background: url('../images/dropdown-arrow-white.png') no-repeat;
    }
    .onlinebanking-navigation-container .onlinebanking-navigation ul li:after {
        display: none;
    }
    .onlinebanking-navigation-container .onlinebanking-navigation ul li a {
        font-size: 20px;
    }
    .onlinebanking-navigation-container .onlinebanking-navigation ul li a.first-child {
        border-radius: 0;
    }
    .onlinebanking-navigation-container .onlinebanking-navigation ul li a.selected {
        display: none !important;
    }
    .onlinebanking-navigation-container .onlinebanking-navigation ul li:first-child a {
        border-bottom-left-radius: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        height: 33px;
        padding-top: 17px;
        color: #fff !important;
        background-image: none;
        background-color: #818181 !important;
        -moz-box-shadow: inset 0 3px 5px 1px #444 !important;
        -webkit-box-shadow: inset 0 3px 5px 1px #444 !important;
        box-shadow: inset 0 3px 5px 1px #444 !important;
    }
    .onlinebanking-navigation-container + div {
        border: none;
    }
    .onlinebanking-navigation-container + div .bb-inner-container {
        padding: 0;
        background: #fff;
    }
    .onlinebanking-navigation-container + div .bb-inner-container .bb-card-container .bb-card-detail .bb-card-image img {
        width: 100%;
        height: auto;
    }
    .pb-accounts.baby-bonus .bottom-ctcontent-inner-container .bottomblock {
        width: auto;
        text-align: center;
    }
    .pb-accounts.baby-bonus .btm-shadow {
        display: none;
    }
    .pb-accounts.sgd-fixed-deposit .intro-container {
        overflow: hidden;
    }
    .pb-accounts.sgd-fixed-deposit .intro-main-pic {
        position: absolute;
        top: 100px;
    }
    .pb-accounts.sgd-fixed-deposit .intro-main-pic img {
        width: 125%;
    }
    .pb-accounts.sgd-fixed-deposit .intro-wrap {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .pb-accounts.sgd-fixed-deposit .intro-content-wrap {
        padding-bottom: 0;
    }
    .pb-accounts.sgd-fixed-deposit .mini-2-wrap {
        margin: 0;
    }
    .pb-accounts.sgd-fixed-deposit .mini-1, .pb-accounts.sgd-fixed-deposit .mini-2 {
        height: auto !important;
        padding-top: 10px;
        width: 250px;
    }
    .pb-accounts.sgd-fixed-deposit .mini-2 {
        padding-bottom: 10px;
    }
    .pb-accounts.sgd-fixed-deposit .intro_amount_months1, .pb-accounts.sgd-fixed-deposit .intro_amount_months2 {
        font-size: 45px;
    }
    .pb-accounts.sgd-fixed-deposit .intro_details2 {
        display: none;
    }
    .pb-accounts.sgd-fixed-deposit .accordion .content-container,
    .pb-accounts.foreign-currency .accordion .content-container {
        margin-top: 0;
    }
    .pb-accounts.sgd-fixed-deposit .outer-container.pushy-accordion-outer,
    .pb-accounts.foreign-currency .outer-container.pushy-accordion-outer {
        margin-bottom: 20px;
    }
    .pb-accounts.sgd-fixed-deposit .how-to-apply-container,
    .pb-accounts.foreign-currency .how-to-apply-container {
        margin-top: 0;
    }
    .pb-accounts.foreign-currency .intro-container {
        overflow: hidden;
    }
    .pb-accounts.foreign-currency .mini-1, .pb-accounts.foreign-currency .mini-2 {
        height: auto;
    }
    .pb-accounts.foreign-currency .mini-1 .intro_details1 {
        margin-left: 0;
    }
    .pb-accounts.foreign-currency .mini-1 .intro_details1 p {
        font-size: 15px;
        margin: 0;
    }
    .pb-accounts.foreign-currency .mini-2 .intro_details2 {
        display: none;
    }
    .pb-accounts.foreign-currency .intro-cta-wrap {
        padding-top: 20px;
    }
    .pb-accounts.foreign-currency .intro-wrap {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .pb-accounts.foreign-currency .intro_amount_months1, .pb-accounts.foreign-currency .intro_amount_months2 {
        font-size: 40px;
        line-height: 1;
    }
    .pb-accounts.foreign-currency .intro_amount_months2 {
        padding-bottom: 10px;
    }
    .pb-accounts.foreign-currency .mini-2 .intro_currency2 {
        line-height: 1;
    }
    .pb-accounts.foreign-currency .intro-main-pic {
        bottom: 200px;
        right: -110px;
    }
    .pb-accounts.foreign-currency .intro-main-pic img {
        width: 80%;
    }

    /*loans framework*/
    .loan-content-container .btm-shadow, .loan-content-container-first .btm-shadow,
    .pb-loans-pushy .c-mini-2-btm-shadow, .pb-loans-pushy .c-btm-shadow-dark {
        background-size: contain !important;
    }
    .pb-loans-pushy .cta-points {
        width: auto;
    }
    .pb-loans-pushy .ins-main-content-con .child {
        width: 300px;
        margin-left: 0;
        margin-right: 0;
    }
    .pb-loans-pushy .ospl-landing-white-box {
        width: auto;
        height: auto;
    }
    .pb-loans-pushy .ospl-landing-white-box h4,
    .pb-loans-pushy .ospl-landing-white-box p {
        float: none;
    }
    .pb-loans-pushy .homeloan-content-top, .pb-loans-pushy .homeloan-content-bottom {
        width: auto;
    }
    .pb-loans-pushy.home-loan .c-loans-thumb-image {
        float: none;
        width: auto;
        height: auto;
        margin-bottom: 20px;
        text-align: center;
    }
    .pb-loans-pushy.home-loan .c-loans-thumb-image img,
    .pb-loans-pushy.home-loan .homeloan-content-bottom .homeloan-content-box img {
        margin: 0 auto;
    }
    .pb-loans-pushy.home-loan .homeloan-content-bottom .homeloan-content-box {
        width: 100%;
        text-align: center;
    }
    .pb-loans-pushy.home-loan .homeloan-content-bottom .homeloan-content-box a.button-gray {
        width: auto;
        display: inline-block;
        float: none;
    }

    .pb-loans-pushy .online-app-form-container a.button-red {
        display: block;
        float: none;
        width: auto;
        margin: 0 !important;
        height: auto;
        padding: 10px;
    }
    .pb-loans-pushy.fixed-repayment .intro-text h1 {
        margin-bottom: 0;
    }
    .pb-loans-pushy.fixed-repayment .loan-content-container.header {
        margin-top: 0;
    }
    .pb-loans-pushy.fixed-repayment .loan-content-container .loan-heading {
        margin-top: 15px;
    }
    .pb-loans-pushy.fixed-repayment .loan-outer-container {
        display: none;
    }
    .pb-loans-pushy.fixed-repayment .intro-cta-wrap .loan-outer-container {
        display: block;
    }
    .pb-loans-pushy.fixed-repayment .loan-outer-container + .btm-shadow {
        background: transparent !important;
        border-bottom: 1px solid #d1cdc4;
    }
    .pb-loans-pushy.fixed-repayment .intro-cta-wrap .loan-outer-container + .btm-shadow {
        display: none;
    }
    .pb-loans-pushy.fixed-repayment .c-card-detail {
        width: 100%;
        display: block;
        padding: 20px 0;
        background: url('https://www.ocbc.com/html/404.html') no-repeat bottom center;
    }
    .pb-loans-pushy.fixed-repayment .intro-cta-wrap .c-card-detail.c-card-detail-clear {
        background: transparent !important;
    }
    .pb-loans-pushy.fixed-repayment .c-card-detail .c-card-image {
        position: absolute;
        width: 100px;
    }
    .pb-loans-pushy.fixed-repayment .c-card-detail .c-card-image img {
        width: 100%;
        height: auto;
    }
    .pb-loans-pushy.fixed-repayment .c-card-detail .c-card-text {
        width: auto;
        margin-left: 110px;
        padding: 10px 10px 0 0;
    }
    .pb-loans-pushy.fixed-repayment .htw-content-container {
        padding: 15px;
    }
    .pb-loans-pushy.fixed-repayment .htw-img-wrapper.graph,
    .pb-loans-pushy.flexible-repayment .htw-img-wrapper.graph {
        display: none;
    }
    .htw-img-graph-wrapper {
        display: block;
    }
    .htw-img-graph-wrapper img {
        width: 100% !important;
        height: auto !important;
        margin-top: 20px;
    }
    .pb-loans-pushy.fixed-repayment table {
        font-size: 10px;
    }
    .pb-loans-pushy.fixed-repayment table tr th, .pb-loans-pushy.fixed-repayment table tr td {
        padding: 4px;
    }
    .pb-loans-pushy.fixed-repayment .manage-wrap .inner-container-wrap-left {
        width: 100px;
    }
    .pb-loans-pushy.fixed-repayment .manage-wrap .inner-container-wrap-right {
        margin-left: 110px;
    }
    .pb-loans-pushy.fixed-repayment .loan-content-container {
        margin-top: 0;
    }
    .pb-loans-pushy.fixed-repayment .accordion .loan-heading {
        background: url('../images/dropdown-arrow.png') no-repeat right;
        cursor: pointer;
        padding: 0 !important;
        margin: 0 !important;
    }
    .pb-loans-pushy.fixed-repayment .accordion .loan-heading h2,
    .accordion .pushy-accordion-header h2 {
        margin: 10px 0 0 0 !important;
        height: 49px;
    }
    .accordion .pushy-accordion-header h2 {
        height: auto;
    }
    .pb-loans-pushy.fixed-repayment .accordion.fee-wrap .loan-heading h2 {
        padding-top: 10px !important;
    }
    .pb-loans-pushy.fixed-repayment .accordion .loan-heading.active,
    .accordion .pushy-accordion-header.active {
        background: url('../images/dropdown-arrow2.png') no-repeat right;
    }
    .pb-loans-pushy.fixed-repayment .accordion .loan-heading.unactive,
    .accordion .pushy-accordion-header.unactive {
        background: url('../images/dropdown-arrow.png') no-repeat right;        
    }
    .accordion .pushy-accordion-outer {
        display: none;
    }
    .pb-loans-pushy.fixed-repayment .how-to-apply-map {
        /*background: transparent;*/
        width: 100%;
        text-align: center;
    }
    .pb-loans-pushy .how-to-apply-map {
        padding-top: 60px;
    }
    .pb-loans-pushy .how-to-apply-locate {
        width: auto;
    }
    .pb-loans-pushy .how-to-apply-locate input {
        width: 100%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        text-align: left;
        float: none;
    }
    .pb-loans-pushy .how-to-apply-locate a.button-red {
        float: none;
        margin: 0 auto;
        display: block;
        margin-top: 15px;
    }
    
    .pb-loans-pushy.flexible-repayment .intro-cta-wrap .loan-inner-container {
        padding: 0;
    }
    .pb-loans-pushy.flexible-repayment .loan-content-container.header .five-cols-detail {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
        background: url("https://www.ocbc.com/html/404.html") bottom center no-repeat !important;
        padding-bottom: 15px;
        padding-top: 15px;
        margin-bottom: 15px;
        height: auto;
        min-height: 70px;
    }
    .pb-loans-pushy.flexible-repayment .loan-content-container.header .five-cols-detail:first-child {
        padding-top: 15px;
    }
    .pb-loans-pushy.flexible-repayment .loan-content-container.header .five-cols-detail-clear {
        padding-bottom: 0;
        background: transparent !important;
    }
    .pb-loans-pushy.flexible-repayment .loan-heading h1,
    .pb-loans-pushy.flexible-repayment .intro-text h1,
    .pb-loans-pushy.flexible-repayment h4.manage-title {
        text-align: center;
    }
    .pb-loans-pushy.flexible-repayment .img-desktop {
        display: none;
    }
    .pb-loans-pushy.flexible-repayment .img-mobile {
        display: block;
    }
    .pb-loans-pushy.flexible-repayment .img-mobile img {
        width: 100% !important;
        height: auto !important;
    }
    .pb-loans-pushy.flexible-repayment .intro-text .inner-container-wrap-right {
        width: 100% !important;
        text-align: center;
    }
    .pb-loans-pushy.flexible-repayment .intro-text .inner-container-wrap-right img {
        width: 100% !important;
        height: auto;
        max-width: 270px;
        margin: 0 auto;
    }
    .pb-loans-pushy.flexible-repayment .intro-text .inner-container-wrap-left {
        width: 100% !important;
    }
    .pb-loans-pushy.flexible-repayment .five-cols-image {
        width: 100px;
    }
    .pb-loans-pushy.flexible-repayment .five-cols-image img {
        width: 100%;
        height: auto;
    }
    .pb-loans-pushy.flexible-repayment .five-cols-text {
        margin-left: 115px;
        padding: 0;
    }
    .pb-loans-pushy.flexible-repayment .accordion .loan-outer-container {
        display: none;
    }
    .pb-loans-pushy.flexible-repayment .accordion .loan-heading,
    .accordion .pushy-accordion-header {
        background: url('../images/dropdown-arrow.png') no-repeat right;
        cursor: pointer;
        padding: 10px 20px 10px 0 !important;
        margin: 0 !important;
    }
    .accordion .pushy-accordion-header {
        width: auto !important;
    }
    .pb-loans-pushy.flexible-repayment .accordion .loan-heading h2,
    .accordion .pushy-accordion-header h2 {
        margin: 10px 0 0 0 !important;
        height: auto;
    }
    .pb-loans-pushy.flexible-repayment .accordion.fee-wrap .loan-heading h2 {
        padding-top: 10px !important;
    }
    .pb-loans-pushy.flexible-repayment .accordion .loan-heading.active {
        background: url('../images/dropdown-arrow2.png') no-repeat right;
    }
    .pb-loans-pushy.flexible-repayment .accordion .loan-heading.unactive {
        background: url('../images/dropdown-arrow.png') no-repeat right;        
    }
    .pb-loans-pushy.flexible-repayment .accordion .btm-shadow {
        display: none;
    }
    .pb-loans-pushy.flexible-repayment .htw-content-container-last.step p {
        display: none;
    }
    .pb-loans-pushy.flexible-repayment ul.path-process {
        display: block;
    }
    .pb-loans-pushy.flexible-repayment .manage-wrap .inner-container-wrap-left {
        width: 100px;
    }
    .pb-loans-pushy.flexible-repayment .manage-wrap .inner-container-wrap-right {
        margin-left: 110px;
    }
    .pb-loans-pushy.flexible-repayment #easyTooltip {
        left: 10px !important;
        right: 10px;
    }
    


    /*card framework*/
    .pb-card.index .banner-wrapper .show-767 {
    	display: none;
    }
    .pb-card.index .c-card-detail {
        width: 100%;
        margin: 0 auto;
        float: none;
        clear: both;
    }
    .pb-card.index .c-card-detail .c-card-image {
        min-height: auto;
    }
    .pb-card.index .c-card-detail .c-card-image img {
        max-width: 244px;
    }
    .pb-card.index .cpromo-data-contxtwo {
        width: auto;
        text-align: center;
    }
    .pb-card.index .cards-header1-wrapper .content-container .inner-container {
    	font-size: 14px !important;
    	line-height: 1.2 !important;
    	height: 30px !important;
    }
    .pb-card.index .lightbox-content-s1 .table-column {
    	width: 100%;
    }
    .pb-card.index .lightbox-content-s1 .left-column.table-column {
    	margin-bottom: 15px;
    }
    .pb-card .cards-header2-content {
        width: 100%;
    }
    .pb-card .card-content-image {
        width: 70px;
        height: 70px;
    }
    .pb-card .card-content {
        width: auto;
    }
    .pb-card .card-content-image img {
        width: 100%;
        height: auto;
    }
    .pb-card .card-current-detail {
        width: 100%;
    }
    .pb-card .card-current-text {
        padding-top: 0;
    }
    .pb-card .card-content-detail {
        margin-left: 85px;
    }
    .pb-card .how-to-apply-signup-img img {
        width: 100%;
        height: auto;
        max-width: 250px;
    }
    .pb-card .oth-benefits-left {
        width: 70px;
    }
    .pb-card .oth-benefits-right {
        margin-left: 90px;
    }
    .pb-card .how-2-apply-inside {
        padding: 20px;
    }
    .pb-card .inside-txt h3 {
        font-size: 30px;
    }
    .pb-card .inside-txt h1 {
        font-size: 50px;
    }
    .pb-card .inside-btn a.button-red.large {
        padding: 15px;
    }
    .pb-card .content-container-first .btm-shadow, .pb-card .content-container .btm-shadow {
        background-size: contain;
    }
    .easicredit tbody td, .easicredit tbody th,
    .best-platinum tbody td, .best-platinum tbody th {
        font-size: 10px;
        padding: 7px;
    }
    .pb-card.cashflo .outer-container, .pb-card.ge-cashflo .outer-container {
        display: none;
    }
    .pb-card.cashflo .cards-heading, .pb-card.ge-cashflo .cards-heading {
        background: url('../images/dropdown-arrow.png') no-repeat right;
        cursor: pointer;
    }
    .pb-card.cashflo .cards-heading.active, .pb-card.ge-cashflo .cards-heading.active {
        background: url('../images/dropdown-arrow2.png') no-repeat right;
    }
    .pb-card.cashflo .cards-heading.unactive, .pb-card.ge-cashflo .cards-heading.unactive {
        background: url('../images/dropdown-arrow.png') no-repeat right;        
    }
    .accordion-border {
        display: block;
        height: 7px;
        width: 100%;
        border-bottom: 1px solid #d1cdc4;
        clear: both;
    }
    .pb-card.cashflo .content-container, .pb-card.ge-cashflo .content-container {
        margin-top: 20px;
    }
    .pb-card.cashflo .content-container .btm-shadow, .pb-card.ge-cashflo .content-container .btm-shadow {
        border-bottom: 1px solid #d1cdc4;
        background: transparent;
    }
    .pb-card.cashflo .five-cols-detail .five-cols-text ul li {
        display: block;
    }
    .pb-card .cardflo-img-wrapper {
        display: none;
    }
    .pb-card .cardflo-step-mobile {
        display: block;
    }
    .pb-card.cashflo table.fees-table tbody tr th {
        font-size: 15px !important;
        padding: 10px !important;
    }

    .pb-card.ge-cashflo div.cards-header2-bg1 {
        background: url(../images/uploads/cards_images/inside_gecashflo/background-gecashflo2-mobile.jpg) no-repeat center top;
        background-size: contain;
    }
    .pb-card.ge-cashflo .ge-cashflo-img-wrapper {
        display: none;
    }
    .pb-card.ge-cashflo .oth-benefits-left, .pb-card.ge-cashflo .oth-benefits-left2 {
        width: 100px !important;
    }
    .pb-card.ge-cashflo .oth-benefits-right, .pb-card.ge-cashflo .oth-benefits-right2 {
        margin-left: 110px !important;
    }
    .pb-card.titanium-card-benefits .bottom-ctcontent-inner-container .bottomblock {
        width: auto;
        text-align: center;
    }
    .pb-card.titanium-card-benefits .btm-shadow {
        display: none;
    }
    .pb-card.titanium-card-benefits .cards-header2-img-container-mobile .text {
        padding-bottom: 20px;
    }
    .pb-card.robinson #dialog30 > table > tbody > tr > td:first-child {
        display: none;
    }
    .pb-card.card-service-balance #balance-transfer-intro .left-content {
        width: auto !important;
    }
    .pb-card.card-service-balance #balance-transfer-intro .right-content {
        float: none;
        margin-left: auto;
        margin-right: auto;
        clear: both;
    }
    .pb-card.card-service-balance #balance-transfer-intro .middle-content img {
        width: 100%;
        height: auto;
    }

    .pb-card.card-services-fixed-repayment-loan .card-intro-main-pic {
        position: relative;
        text-align: center;
    }
    .pb-card.card-services-fixed-repayment-loan .card-intro-main-pic img {
        margin: 0 auto;
        max-width: 200px;
    }
    .pb-card.card-services-fixed-repayment-loan .cta-points {
        width: auto;
    }
    .pb-card.card-services-fixed-repayment-loan .easy-credit-banner-wrapper .easy-wrapper {
        padding-left: 60px;
    }
    .pb-card.card-services-fixed-repayment-loan .easy-credit-banner-wrapper .easy-wrapper .circle {
        width: 120px;
        height: 120px;
        background-size: 100%;
    }
    .pb-card.card-services-fixed-repayment-loan .inner-container {
        padding: 10px;
    }
    .pb-card.card-services-fixed-repayment-loan .ocbc-table-data tbody th {
        padding: 10px;
    }
    .pb-card.card-services-fixed-repayment-loan .ocbc-table-data tbody td {
        padding: 8px 10px;
    }

    .pb-card.card-services-cash-advance .card-intro-main-pic img {
        max-width: 300px;
    }
    .pb-card.card-services-cash-advance .cta-points {
        width: auto;
    }

    .pb-card.yes-debit-card .cards-header2-wrapper .intro-text {
        width: auto;
    }
    .pb-card.yes-debit-card .content-machine .img-content {
        width: 100px;
        position: relative;
        clear: both;
        height: auto;
    }
    .pb-card.yes-debit-card .content-machine .img-content img {
        width: 100%;
        height: auto;
    }
    .pb-card.yes-debit-card .content-machine .steps-content {
        margin: 15px 0 0 0;
    }
    .pb-card.yes-debit-card .how-to-apply-locate {
        width: auto;
    }
    
    .pb-card.respon-header .cards-header2-img-container img {
        width: 250px;
    }
    .pb-card.respon-header .cards-header2-img-container .text h1 {
        font-size: 40px;
        padding: 0 15px;
    }
    .pb-card.respon-header .cards-header2-img-container .text p {
        font-size: 14px;
        width: auto;
        padding: 0 15px;
    }
    .pb-card.respon-header .easy-ways-icon-wrap .easy-ways-icon {
        width: 30px;
    }
    .pb-card.respon-header .easy-ways-icon-wrap .easy-ways-icon img {
        width: 100%;
        height: auto;
        display: block;
    }
    .pb-card.respon-header .easy-ways-icon-wrap .easy-ways-text {
        margin-left: 40px;
    }

    

    /*insurance framework*/
    .pb-insurance .ins-content-left, .pb-insurance .ins-content-right {
        width: 100%;
        clear: both;
        padding: 0;
    }
    .pb-insurance .talk-to-us-container-leftcol {
        width: 100%;
    }
    .pb-insurance .hta-online-box-or-s2 {
        width: 100%;
        background-size: contain;
    }
    .pb-insurance .how-to-apply-wrap h1 {
        font-size: 45px;
    }
    .pb-insurance .online-app-content > div {
        width: 100% !important;
    }
    .pb-insurance .online-app-content > div a {
        height: auto;
    }
    .pb-insurance .insurance-benefit ul li {
        width: 100%;
    }
    .pb-insurance.home-mortage .intro-text h1 {
        text-align: center;
    }
    .pb-insurance.home-mortage .intro-text h1 + br + div {
        text-align: center;
    }
    .pb-insurance.home-mortage ul.cta-points {
        width: auto;
    }

    /*investments framework*/
    .pb-investments .intro-text h1 {
        font-size: 45px;
        line-height: 1;
    }
    .pb-investments .hta-online-box-or-s2 {
        width: 100%;
        background-size: contain;
    }
    .pb-investments .talk-to-us-container-leftcol {
        width: 100%;
    }
    .pb-investments .ob-2col-wrap-box {
        width: 100%;
    }
    .pb-investments.dual-currency .content-container .inner-container.premiuse {
        border: none;
        padding: 0;
        background: transparent;
    }
    .pb-investments.dual-currency .content-container .btm-shadow-dark2 {
        display: none;
    }
    .pb-investments.dual-currency .content-container .inner-container .wrap-bottom-shadow {
        padding-bottom: 0;
        margin-bottom: 0;
        background: transparent;
    }
    .pb-investments.dual-currency .pushy-accordion-header h3 {
        font-size: 30px;
        line-height: 38px;
        margin: 0;
    }
    .pb-investments.dual-currency .pushy-accordion-outer {
        padding: 10px;
    }
    .pb-investments.dual-currency .structured-deposit ul li {
        padding-left: 30px;
        background-size: 20px;
    }
    .pb-investments.dual-currency .suitable ul {
        margin-top: 15px;
    }
    .pb-investments.dual-currency .suitable ul li {
        background-position: 0 8px;
    }
    .pb-investments.bluechip .cta-points {
        width: auto;
    }
    .pb-investments.bluechip .fancy-video img {
        width: 100%;
        height: auto;
    }
    .pb-investments.bluechip .content-container .inner-container,
    .pb-investments.bluechip .content-container .loan-inner-container {
        padding: 10px;
    }
    .pb-investments.bluechip .loan-inner-container .first-content {
        padding: 0 !important;
        width: 100%;
        margin-bottom: 20px;
    }
    .pb-investments.bluechip .loan-inner-container .first-content img {
        position: absolute;
        width: 100px;
        margin-left: -20px;
    }
    .pb-investments.bluechip .loan-inner-container .first-content p {
        margin-left: 80px;
    }
    .pb-investments.bluechip .viewall a,
    .pb-investments.bluechip #generic-accordion h3 a {
        font-size: 15px;
    }
    .pb-investments.bluechip .custom-gray td, .pb-investments.bluechip .custom-gray th {
        padding: 5px;
    }
    .pb-investments.bluechip .accord-full {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .pb-investments.bluechip .custom-table {
        font-size: 12px;
    }
    .pb-investments .generic-accordion-header {
        padding-left: 15px;
    }
    .pb-investments .generic-accordion-header h2 {
        font-size: 20px !important;
    }
    .pb-investments .online-app-form-container {
        padding: 15px;
    }
    .pb-investments .content-list {
        padding: 20px 0;
        width: auto;
    }
    .pb-investments.bluechip .mini-1, .pb-investments.bluechip .mini-2 {
        width: 255px;
    }
    .pb-investments.bluechip .ui-state-active a, .pb-investments.bluechip .ui-state-active a:link, .pb-investments.bluechip .ui-state-active a:visited, .pb-investments.bluechip .ui-state-default a, .pb-investments.bluechip .ui-state-default a:link, .pb-investments.bluechip .ui-state-default a:visited {
        background-color: #fff;
    }


    /*premiere framework*/
    .pb-premiere .premier-promo-image {
        width: 100%;
        margin: 0;
        padding-right: 0;
    }
    .pb-premiere .premier-promo-image img {
        max-width: 150px;
    }
    .pb-premiere .premier-promo-content {
        width: 100%;
    }
    .pb-premiere .premier-inner-box-pattern2, .pb-premiere .premier-inner-box .premier-inner-box-content {
        padding: 10px;
    }
    .pb-premiere .premier-inner-box .premier-inner-box-content .premier-inner-box-pattern {
        padding-left: 15px;
        background-position: 0 5px;
        background-size: 10px;
    }
    .pb-premiere .premier-inner-box .premier-inner-box-content .premier-inner-box-pattern table th,
    .pb-premiere .premier-inner-box .premier-inner-box-content .premier-inner-box-pattern table td {
        padding: 5px;
        font-size: 11px;
    }
    .pb-premiere .box-pattern-2column-image {
        width: 100px;
    }
    .pb-premiere .box-pattern-2column-image img {
        width: 100%;
        height: auto;
    }
    .pb-premiere .premier-subnav-wrapper li {
        display: none;
        width: 100%;
        text-align: center;
    }
    .pb-premiere .premier-subnav-wrapper > ul > li:first-child {
        display: block;
        position: relative;
    }
    .pb-premiere .premier-subnav-wrapper > ul > li:first-child::after {
        content: ' ';
        display: block;
        position: absolute;
        right: 15px;
        top: 19px;
        width: 21px;
        height: 14px;
        background: url('../images/dropdown-arrow-white.png') no-repeat;
    }
    .pb-premiere .premier-subnav-wrapper li:after {
        display: none;
    }
    .pb-premiere .premier-subnav-wrapper li a {
        border-radius: 0 !important;
        border-left: 1px solid #d1d1d1;
    }
    .pb-premiere .premier-subnav-wrapper > ul > li:first-child > a {
        border-top-left-radius: 6px !important;
        border-top-right-radius: 6px !important;
    }
    .premier-subnav-wrapper > ul > li:first-child > a {
        background: #866d2d url("../images/inside_pg/premier_subnavi_selected.jpg") repeat-x right top;
        border-bottom: none;
        color: #fff;
        font-weight: normal;
        text-decoration: none;
        text-shadow: none;
    }
    .pb-premiere .premier-subnav-wrapper li a.selected {
        background: #fff url("../images/inside_pg/premier_subnavi_bg2.jpg") no-repeat right top;
        border-bottom: none;
        border-top: 1px solid #d1d1d1;
        border-right: 1px solid #d1d1d1;
        color: #333;
        display: block;
        font-family: 'TheSansCdRegular','Lucida Grande','Lucida Sans Unicode', Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: normal;
        line-height: 18px;
        margin: 0;
        padding: 14px 13px 12px 13px;
        text-decoration: none;
        text-shadow: #fff 0 1px 0;
    }
    .pb-premiere .premier-subnav-wrapper ul li ul {
        /*display: block !important;*/
    }
    .pb-premiere .premier-subnav-wrapper ul li ul li {
        display: block;
    }
    .pb-premiere .premier-subnav-wrapper ul li ul li a {
        background: #eaeaea;
    }
    .pb-premiere .premier-2column-content {
        padding: 10px 10px 0 10px; 
    }
    .pb-premiere .premier-line-separator {
        background-size: 100%;
    }

    .boxes .window.advanced div.wrap {
        height: 350px !important;
        overflow: auto;
    }
}

@media screen and (max-width: 420px) {
    a.dropdown img{
       
        float:none;
     
    }
    .pb-index .group_rightcol, .pb-index .group-radial-gradient, .pb-index .box-online-banking-content-container {
        width: auto;
    }
    .pb-index .group_rightcol-container, .pb-index .box-online-banking {
        width: 100%;
    }
    .pb-index .box-online-banking-shadow {
        width: 100%;
        background-size: contain;
    }
    .pb-index .box-content-container {
        width: auto;
        padding: 0 17px 10px 17px !important;
    }
    .pb-index .textbox {
        width: 100%;
        background: transparent;
    }
    .pb-index .textbox input {
        width: 100%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        border: 1px solid #c4c4c4;
        background: #fff;
        padding: 6px 5px 4px 5px;
        margin: 0;
        border-radius: 3px;
    }
    .pb-index .jqTransformSelectWrapper, .pb-index .droplist.jqtransformdone, .pb-index .jqTransformSelectWrapper ul {
        width: 100% !important;
    }
    .pb-index .group-linear-gradient {
        width: auto;
    }
}

@media screen and (max-width: 400px) {
    .pb-accounts.deposit .insurance-2col-box.two > div .inner-table-insurance {
        height: 180px !important;
    }
    .cardflo-step-mobile ul li .text.long {
        height: 60px;
    }
}
@media screen and (max-width: 360px) {
    .pb-accounts.deposit .insurance-2col-box.two > div .inner-table-insurance, .pb-accounts.deposit .insurance-2col-box.two.single > div:first-child .inner-table-insurance {
        height: 200px !important;
    }
    ul.path-process li {
        padding-left: 15px;
        padding-right: 15px;
    }
    ul.path-process li.path1, ul.path-process li.path2 {
        padding-bottom: 30px;
        /*height: 140px;*/
    }

    .pb-accounts.foreign-currency .accordion table {
        font-size: 12px;
    }

    .pb-card.card-service-balance #balance-transfer-intro .right-content {
        width: auto;
    }

}
@media screen and (max-width: 359px) {
    .pb-investments .intro-pattern-bg .intro-container-rightcol {
        width: 100%;
    }
}
@media screen and (max-width: 320px) {
	.pb-card.index .cards-header1-wrapper .content-container .inner-container {
		height: 50px !important;
	}
    .pb-accounts.deposit .insurance-2col-box.two .first-row .inner-table-insurance {
        height: 250px !important;
    }
    .pb-accounts.deposit .tabs-container > div {
        height: 80px;
    }
    .pb-loans-pushy .ins-main-content-con .child {
        width: 260px;
    }
    .inside-box .loan-detail-box-wrapper .loan-detail-content {
        left: -70px;
        width: 273px;
    }
    .pb-accounts.foreign-currency .accordion table th, .pb-accounts.foreign-currency .accordion table td {
        padding: 5px;
    }
    .pb-loans-pushy .how-to-apply-map {
        padding-top: 73px;
    }
}