@media only screen and (orientation:landscape) {body{-webkit-text-size-adjust:none}}

@media only screen and (orientation:portrait) {body{-webkit-text-size-adjust:none}}



/*-------------------------------------------------------------------------------

 XS Style @media (max-width: 767px) 

-------------------------------------------------------------------------------*/

@media (max-width: 767px) {

/*-------------------------------------------------------------------------------

Header

-------------------------------------------------------------------------------*/

.bg-iamge-2, .bg-iamge-two{ background-size:100% }

.logo{ margin:0; max-width: 100%; width: 50%}

.navicon{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAADFBMVEX/0kj/////0kj/0kgYXL21AAAAA3RSTlMAAIAXzkf+AAAARElEQVR4Ae2TMQrAMBDDVPv/f+7aXKDG0K3RLJBvOK7ArwRJoAXgIdgGL3RCTrBTCiMB8DqyF3Liqysm28hJI8TE+YsbYDkElcMeU00AAAAASUVORK5CYII=); text-indent: -9999px;background-repeat: no-repeat; width: 40px; height:40px; background-position: center center; display: block; float: right; background-color: #42474d; }

.main-navigation,.search-pan,.loginbutton{ display: none; }

.callpan,.hed-top{ float: none; width: 100%; padding: 0; text-align: center; clear: both; }

.callpan { padding:10px 0}

.callpan p{ text-align: center; display: inline-block;}

.loginbutton_mobile{ width:40px; height: 40px; display: block;float: right; font-size: 0;   background-color: #42474d; margin-right: 5px; text-indent: -9999px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAclBMVEX/0kj/////0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj35j9jAAAAJXRSTlMAAAELDA0PERMVMDY3P0BBSktMU1VggJGTlJmcoMDQ09T4+fr+ZUubfwAAAIxJREFUeNqdz+sOgjAMhuF6AHTOiQdEgXIY9v5v0TkS0gJLDO+vL3mSJoVNoLUAvyKt935ISEpL1BXxFJLW5un11TfxBEp7BtelLyRENgffu9sJ0JQOcKOTAENmADc4ZBVVT58bGQMkFnJAGMM5PO7LcKTPYRG2bRM4hRgApeZQm7Ea//lDGZZiIFsJX1nzEAbTmxk9AAAAAElFTkSuQmCC);background-position: center center;background-repeat: no-repeat;

 }

 .searchicon{width:40px; height: 40px; display: block;float: right; font-size: 0;   background-color: #42474d; margin-right: 5px; text-indent: -9999px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAMFBMVEX/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kiU3hSuAAAAD3RSTlMAESIzRFVmd4iZqrvM3e5GKvWZAAAAeklEQVR42mWOWxLFIAhDsVatgmT/u60PGOf25ifMYUIgU6BfJVYolwNCw5ZcjgTQVmoHusULwHMMFagbnSUDKxqBPMzGND2vlQceQ9GrB/oEbx8VaufFb2RAZvTi9YR3QyrrsG5N4cGWHkaxivZ2U3N2tBj9s/BlOdELNEoGOjHm+isAAAAASUVORK5CYII=);background-position: center center;background-repeat: no-repeat; cursor: pointer; position: relative; z-index: 1}

 .search-for-mobile{ display: none; width: 100%; clear: both;padding:10px 0; margin-top: 10px }

  .search-for-mobile form{ position: relative; }

   .search-for-mobile form label{ display: none; }

   .search-for-mobile .searchfield{ width:100%; display: block; height: 40px; background-color: #373b40; color: #FFF; max-width: 100%; border: none; }

   .search-for-mobile .search-submit{ position: absolute; right: 0; top: 0; width: 40px; height: 40px; border: none; outline: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAMFBMVEX/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kj/0kiU3hSuAAAAD3RSTlMAESIzRFVmd4iZqrvM3e5GKvWZAAAAeklEQVR42mWOWxLFIAhDsVatgmT/u60PGOf25ifMYUIgU6BfJVYolwNCw5ZcjgTQVmoHusULwHMMFagbnSUDKxqBPMzGND2vlQceQ9GrB/oEbx8VaufFb2RAZvTi9YR3QyrrsG5N4cGWHkaxivZ2U3N2tBj9s/BlOdELNEoGOjHm+isAAAAASUVORK5CYII=);background-position: center center;background-repeat: no-repeat;background-color: #42474d; cursor: pointer; z-index: 2 }



.account-button-mob{ display: block; text-align: center; margin:15px auto }

.formobile-account span{ display: none; }

.formobile-account{border: 2px solid #ffd248;padding: 7px 16px;

    color: #FFF;

    border-radius: 60px;

    font-size: 16px;

    font-weight: 400;}

/*-------------------------------------------------------------------------------

Banner

-------------------------------------------------------------------------------*/

.banner-content{ padding: 0 }

.slider_content,.slider_video{ float: none; width: 100% }

.slider_content, .slider_video {padding: 5%;  }

.slider_video{ padding: 0 }

.nav-slider{ width: 30px; height: 30px; background-size:30% }

.nav-slider.prv-nav{ left: 0; right: inherit; }

.nav-slider.next-nav{ right: 0 }

.slider_video img,.hed-right img{ display: block; margin: 0 auto }

.about_page .breadcrumb-pan{ padding-bottom: 17px }



.flexslider.video-playing {background-color: transparent; }

.flexslider.video-playing .slider_content {opacity: 1; }

.ytp-vol-btn  {bottom: auto; left: auto; left: 15px; top: 15px; -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

.ytp-close-btn {-moz-transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

/*-------------------------------------------------------------------------------

NaV

-------------------------------------------------------------------------------*/

.mm-listview>li:not(.mm-divider):after{ right: 20px }

.mm-listview>li{text-transform: uppercase; }

.mm-listview li a{ color: #FFF }

body .wpmm-menu {background-color: #4e535b !important; }

.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span {background: rgba(0,0,0,.1); color: #ffd248; background-color: #42474d; }

.mm-listview>li:not(.mm-divider):after {border-color: #686b71; }

/*-------------------------------------------------------------------------------

Home Page 

-------------------------------------------------------------------------------*/

.prod-hom-bg{ padding: 0; padding-top: 22px; }

.home-page-wrapper .icon-pan{ position: static; }

.home-page-wrapper .comperbox{ display: none; }

.home-page-wrapper .prod-cont{ height: inherit; padding: 0; background-color: inherit; background-color: transparent; text-align: left; overflow: hidden; }

.home-page-wrapper .details-button{ display: none; }

.additional-box .icon-pan{ width: 40px; height: 40px;font-size:36px; line-height: 40px; }

.additional-right-box h3 a{ line-height: 16px }

.prod-cont.mobil-pan-hom .icon-pan span{ font-size:59px; line-height:75px; }

.hed-cont-pan{ float: left; width: 50%; margin-left: 10px }

.prod-cont h2 span{ display: inline-block; }

.prod-cont h2.entry-title{background-color: #f3f3f3; line-height: 75px; font-size: 20px; text-align: left; padding: 0 10px; min-height: inherit; display: block; cursor: pointer;     transition-delay: 0s;

    transition-duration: 0.4s;

    transition-property: all;

    transition-timing-function: ease;}

.home-contant{ padding-bottom: 0; padding-top: 20px }

.buttonpan{ padding-top: 20px }

.home-contant img{ margin: 0 auto; display: block; }

.online-product-main .heading{ padding-bottom: 0 }

.prod-hom-bg{ margin-top:6px }

.home-page-wrapper{ padding-top: 20px }

.form-banner .mktoForm .mktoFormRow{ width: 161px }

.form-banner .mktoButtonRow{ width: 80px }

.form-banner .mktoForm input[type=email]{ padding: 0 5px }

.form-banner{ padding-top: 0; padding-bottom: 37px }

.online-product-main { padding-bottom: 20px }

.prod-cont p{ min-height: inherit; }

.prod-cont.mobil-pan-hom{ text-align: center; margin-bottom: 10px;     transition-delay: 0s;

    transition-duration: 0.4s;

    transition-property: all;

    transition-timing-function: ease; }

.mob-left,.mob-right{ display: inline-block; vertical-align: top; }

.mob-right{ width: 80% }

.mon-cont-product{ text-align: left; padding-top:6px; display: none; }

.prod-cont p+p{font-size: 14px;

    line-height: 20px;

    font-size: 1.4rem;

    line-height: 2rem;

    color: #52575f;

    min-height: inherit;

    margin-bottom: 0;

    padding-bottom: 0;

    font-weight: 500;}

    .page-button a{ width: auto; padding: 0 10px; margin: 0 2%; font-size: 24px; font-size: 2.4rem }

    .page-button{ padding-bottom: 20px }

    .prod-hei{ padding-bottom: 10px }

    .home-page-wrapper .prod-cont.prod-cont-bg{ background-color: #f3f3f3; padding:5% 1%}

    .home-page-wrapper .prod-cont.prod-cont-bg h2.entry-title{ line-height: 22px; line-height: 2.2rem }

    .home-page-wrapper .prod-cont.prod-cont-bg .mon-cont-product{ padding: 0 10px }

/*-------------------------------------------------------------------------------

Footer

-------------------------------------------------------------------------------*/

.footer-top-pan{ padding: 30px  0}

.pad-left p{ padding-left: 0; }

.footopinfo p{padding-top: 0; text-align: center; padding-bottom: 20px}

.footopimage p{ text-align: center; }

.footopimage p img{ margin: 0 10px }

.footer-nav{ padding: 1%;margin-bottom: 20px; }

.footer-nav ul{ text-align: left; }

.footer-nav li{ width: 49%; padding: 0; padding-left: 10px }

.footer-nav li:after{ right: inherit;left: 2px;top: 8px; }

.footer-nav li:last-child:after{ display: block; }

.footer-nav li a{ line-height: 20px; line-height: 2rem }

.footer-bot{ min-height:50px }

.footer-bot li{ font-size: 0; padding: 0; line-height: 50px;width: 30%; }

.footer-bot li a{ padding:0;width: 84px;background-position: center center;margin: 0 auto; display: block;}

.footer-bot li .livecat-icon{ padding: 0 }

.footer-bot li:after{right:0;top: 6px;}


/*-------------------------------------------------------------------------------

Online-Time-Deposits

-------------------------------------------------------------------------------*/

.header-pan{ padding: 20px }

.header-pan h2,.header-pan-product h2,.prod-main-pan h3,.sub-pro-pan h3,.online-product-main  .heading,.home-contant h3{ font-size: 30px; font-size: 3rem; line-height:34px; line-height: 3.4rem; padding-bottom: 10px}

.header-pan h1,.header-pan-product h1{ font-size: 24px; font-size: 2.4rem; line-height: 26px; line-height: 2.6rem }

.header-pan h1 br{ display: none; }

.sub-pro-list{ margin-bottom: 30px }

.sub-pro-pan-box{ padding: 20px; text-align: center; }

.sub-pro-pan-box{ min-height: inherit; padding-bottom: 20px; }

.sub-pro-pan-box .details-button{ position: static; }

.months_list_pan li span, .comparisons_list li span{ text-align: left; font-size: 24px; font-size: 2.4rem }

.savings-calculator-pan{ padding: 20px 0 }

.marketo-wrapper{ padding: 10px }

.hed-on-child{ padding: 0; padding-bottom: 20px }

.subproduct-wrapper{ padding-top: 20px }

.calculator-disclosure{ padding-bottom: 25px; width: 100% }

.started-button{ margin-top: 0 }

/*-------------------------------------------------------------------------------

Products

/*-------------------------------------------------------------------------------*/

.hed-left{ padding: 20px }

.header-pan-product .nopad{ padding-left: 0 }

.hed-right{ min-height: inherit; padding: 20px }

.hed-right .amountpan{ padding: 0 }

.hed-right .amountpan{ font-size: 90px; line-height: 80px }

.hed-right .amountpan span{ font-size: 15px; font-size: 1.5rem }

.produscts-pan-wrapper{ padding: 20px 0 }

.prod-cont-box{ padding: 5% ;margin-bottom:15px;}

.product-pro-list:nth-child(3) .prod-cont-box{ margin-bottom: 0 }

.prod-cont-box{ min-height: inherit; }

.product-pro-list:last-child .prod-cont-box,.goals-box{ padding: 5% }

.combo_det_wrapper,.product-pro-list:last-child .contentinfo{ float: none; width: 100% }

.product-pro-list:last-child .prod-cont-box h4,.heder-pan h2.gb-h2, .left-top .escom-h2, .head-pan h2,.deposit-info h3,.deposit-info .title-h1,.video-hed-title,.left-top h1,.combo-includes-wrapper .page-title,.heder-pan h1,.testimonial-wrapper h3,.transfers-box h2,.goals-cat-wrap h2,.blog_page h1,.about_page .page-title,.our_team_page .heading,.selections-hed h2{ font-size: 30px; font-size: 3rem; line-height: 32px; line-height: 3.2rem; padding-bottom: 10px }

.our_team_page .heading {padding-top: 10px;}

.product-pro-list:last-child .contentinfo h5,.heder-pan h1.gb-h1,.prod-cont-box h4,.hed-right ul li,.head-pan h1, .head-pan .header-sec-f,.top-det h2,.comparisons-wrapper h4,.left-top p,.rigt-top p,.hed-amount-pan .heading,.heder-pan h2,.transfers-box h3,.left-hed p,.blog_page article .entry-title a,.blog_page_aside .widget-title,.other_interest .int_heading,.about_page .sub_title,.selections-hed p{ font-size: 24px; font-size: 2.4rem; line-height: 26px; line-height: 2.6rem }

.combo_pan{ min-height: inherit; padding: 5% }

.combo_pan .icon_combo{ position: static; }

.combo_det_wrapper .plus-icon{ position: static; text-align: center; padding: 20px 0; margin-top: 15px; line-height: 57px }

.product-pro-list:last-child .details-button{ position:static; margin: 0 auto; margin-top: 20px }

.timedeposit-list .months_list_pan li span{ font-size:24px; font-size: 2.4rem }

.timedeposit-list .months_list_pan li{ font-size: 16px; font-size: 1.6rem }

.prod-cont-box h4{ padding-bottom: 10px }

.startchatbutton{ margin-top: 10px }

.produscts-pan-wrapper .details-button{ position: static; margin:20px auto; margin-bottom: 0 }

.product-pro-list:last-child h3{ padding: 10px 0 }

.account_info_pan{ padding: 10px }

.contentinfo ul{ padding-bottom: 10px }

.prod-main-pan h3{ color: #FFF }

/*-------------------------------------------------------------------------------

PRODUST DETAILS

/*-------------------------------------------------------------------------------*/

.product-single-wrapper, .my-esavings-combo-detaisl-wrapper{ margin-bottom: 20px }

.product-single-wrapper-details{ padding: 0 }

.head-pan,.comparisons-wrapper,.videobax,.left-top,.rigt-top,.includes-right,.client-details,.transfers-box{ padding: 5% }

.head-pan h1 br,.head-pan h2 br,.videobax p br,.left-top h1 br,.left-top p br,.heder-pan h1 br,.left-hed p br,.testimonial-wrapper h3 br{ display: none; }

.left-pan,.deposit-info,.product-sin-con-pan .right-pan{ padding:3% }

.product-sin-con-pan .right-pan,.rigt-top,.includes-right{ margin: 3% }

.features_opction-list li{ padding-left: 9px }

.deposit-info{ min-height: inherit; margin-bottom: 10px }

.video-pan{ padding-top: 20px }

.top-det,.det-right-pan h3{ padding-bottom:10px }

.top-det{ padding-top: 10px }

.top-det h2,.comparisons-wrapper h4{ padding-bottom: 10px }

.top-det p{ font-size: 14px; line-height: 18px; font-size: 1.4rem; line-height: 1.8rem; padding-right: 0px; }

.features_info_pan,.videobax h2{ padding-top: 10px }

.page-list li span.iconpan{ font-size: 30px; width: 36px; height: 36px; line-height: 35px; padding: 3px }

.page-list li{ font-size: 15px; font-size: 1.5rem; line-height: 35px }

.videobax{ margin-top: 20px }

.videobax img{ margin: 0 auto }

.videobax .videobutton{ margin-top: 6px; font-size: 14px; font-size: 1.4rem}

.openaccount-buton{ padding-top: 7px }

.comparisons_list li{ font-size: 24px; font-size: 2.4rem }

.videobax p,.client-details p{ font-size: 18px; font-size: 1.8rem; line-height: 20px; line-height: 2rem }

.rigt-top h2,.includes-left .amount{ font-size: 90px; font-size: 9rem; line-height: 80px; line-height: 8rem }

.rigt-top span{ padding-bottom: 10px }

.includes-detail-wrapper{ margin: 20px 0 }

.includes-left{ padding: 0 }

.includes-left .amount{ padding-left: 0 }

.hed-amount-pan{ padding: 2% }

.includes-left .combo_pan{ margin-bottom: 0 }

.plus-icon{ position: static; text-align: center; margin-top:0; line-height: 50px }

.bot-info-pan{ padding: 5% }

.my-esavings-contentinfo li{ padding-bottom: 15px }

.additional-box .additional-right-box{ max-width: 100%; float: none; }

.my-esavings-combo-detaisl-wrapper .top-pan-hed .rigt-top{ padding: 0 }

.my-esavings-combo-detaisl-wrapper .top-pan-hed .rigt-top img{ margin: 0 auto; display: block; }

.subpost-wrapper .details-button{ margin-bottom: 0; margin-top: 20px }

/*-------------------------------------------------------------------------------

Testimonial

/*-------------------------------------------------------------------------------*/

.testimonial-wrapper{ margin-top: 20px; padding-top: 0}

.client-image, .client-details{ float: none; width: 100% }

.flex-control-nav{ bottom: 0; right: 0 }

.client-details p{ margin-bottom: 10px }

.client-details h4{ line-height: 18px; padding-bottom: 10px }



.page-bg{ padding: 2% }

.heder-pan{ padding: 0 }

.heder-pan h2, .heder-pan h1.gb-h1{ padding-bottom: 10px }

.heder-pan p{ font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; padding-bottom: 20px }

.list-pan-wrap{ margin-bottom: 20px }

.creme-page-wrapper{ padding-bottom: 20px }

.list-loop-pan .title{ padding: 15px 0 }



.transfers-box{ min-height: inherit; margin-bottom: 30px }

.interbank-transfers-wrapper{ padding-bottom: 0 }

.interbank-transfers-page .page-bg{ margin-bottom: 0 }

.interbank-transfers-page .heading{ padding: 10px 0 }

.marketo-wrapper{ margin-top: 0 }



.left-hed{ padding: 0 }

.left-hed p{ padding-bottom: 10px }

.goals-cat-wrap{ padding-top: 15px }

.goals-wrapper{ padding: 10px 0 }

.goals-box .icon-pan,.goals-box h3{ padding-bottom: 20px }

.hed-icon-pan,.goals-box{ min-height: inherit; }

.explore-goals-page-wrapper .testimonial-wrapper{ padding-top:20px; margin-bottom: 20px }

.explore-goals-page-wrapper .testimonial-wrapper h3{ margin: 0; padding-bottom: 20px }



/*-------------------------------------------------------------------------------

Blog

/*-------------------------------------------------------------------------------*/

.blog_page{ padding-bottom:0; margin-bottom: 5px }

.blog_page h1{ padding: 0 }

.blog_page article .article_wrap{ margin: 0; padding-top: 20px }

.alm-btn-wrap{ padding: 20px 0 }

.alm-load-more-btn{ width: 100%; }

.adv_aside,.blog_page_aside .widget_search, .blog_page_aside .widget_tag_cloud, .blog_page_aside .widget_categories{ padding: 5%;margin-bottom: 30px }

.widget_search .search-field, input[type="email"].email-field{ margin-left: 0;max-width: 150px; }

.search-submit, .email-submit{ max-width: 80px }

.other_interest .int_heading{ padding:15px 0 }

.blog .openaccount-buton{ padding-bottom: 20px }



.blog_page.blog_page_single article .article_wrap{ padding: 5% }

.blog_page_single.blog_page .entry-content{ max-width: 100% }

.blog_page .entry-content p,.about_page p{ font-size: 14px; font-size: 1.4rem }

.blog_page_single .alm-btn-wrap{ padding-bottom: 20px }

.blog_page_single{ margin-bottom: 20px }

.blog_page .archive_title h1{ padding-bottom: 0 }

ul.recent_posts{ padding-bottom: 0 }

.press_page_aside{ min-height: inherit; padding-bottom: 20px; margin-bottom:20px }

.article_wrap .post-thumbnail img{ margin: 0 auto; display: block; }

.press_articales.widget br{ display: none; }

.openaccount-buton .button span{ display: none; }

.adv_aside.brown_aside{ margin-top: 20px }

/*-------------------------------------------------------------------------------

aBout

/*-------------------------------------------------------------------------------*/

.about_page{ padding: 5% }

.about_page .sub_title{ padding-bottom: 10px }

.about_page p{ padding-bottom: 15px }

.our_team_page{ padding: 0 }

.team_poster .front,.team_poster .back{ padding: 5% }

.team_poster .back {padding-bottom: 40px;}

.brand_video{ padding-top: 20px }

/*-------------------------------------------------------------------------------

Contact

/*-------------------------------------------------------------------------------*/

.contact_details{ padding: 5%; height: inherit; }

.contact_page{ margin-bottom: 30px }



.giving_back .heder-pan{ padding: 5% }

.grid-item, .grid-sizer{ width: 100% }

.giving_back_post .entry-content p,.giving_back_post .entry-title,.inner-page-wrapper-all{ padding: 5% }

.giving_back_post .entry-title{ padding-bottom: 0 }

.heder-pan h2{ max-width: 100% }



.inner-page-wrapper-all{ margin-bottom: 20px }

.inner-page-wrapper-all .entry-header h1{ padding-bottom: 10px }

.image-pan{ height:inherit }

.imagesmall .image-pan{ height: inherit; }



/*-------------------------------------------------------------------------------

Explore Goals

/*-------------------------------------------------------------------------------*/

.sub-post-pan .image-pan,.sub-post-pan .right-cont-pan{ float: none; max-width: 100% }

.sub-post-pan .right-cont-pan{ padding-top: 20px }

.sub-cat-title{ font-size: 24px; font-size: 2.4rem; padding-bottom:15px; padding-top: 0}

.sub-post-pan .image-pan{ height: inherit; margin: 0 auto; display: block;}

.sub-post-pan .image-pan img{margin: 0 auto; display: block;}

.list-relited-pan .divider-broder,.list-relited-pan .last{ width: 50% }

.list-relited-pan a.rel-pro-button,.list-relited-pan a.icons-Articles,.list-relited-pan a.icons-Videos,.list-relited-pan a.icons-Infographics{background-position: 20px center;background-size: 20px;}

.list-relited-pan a.rel-pro-button{background-size: 10px;}

.list-relited-pan a{ text-align: left; padding-left: 43px }

.relatedpro-list li a{ padding-left: 0 }

.header-pan img{ margin: 0 auto; display: block; }

.sub-post-pan h3{ font-size: 20px; font-size: 2rem; padding-bottom:5px }

.explore-goals-page-wrapper{ padding-bottom: 30px }

.contact_details{ margin-top: 20px }

.page-button{ text-align: center; }

.page-button a{ display: inline-block; padding: 0 10px }

.amount{ font-size:50px; padding-top: 20px }

.savings-calculator-pan{ text-align: center; }

.calc-button{ display: inline-block; padding: 0 15px }

.one-post .sub-post-pan .right-cont-pan{ max-width: 100% }

.unblockbutton, .livechatbutton{ width: 80% }

.infoaccount-pan .mktoForm .mktoButtonWrap.mktoSimple .mktoButton{ width: 90%; bottom: 0 }

.presspagenewsletter .form-banner .mktoButtonRow{ margin: 0 auto; display: block; }

.white-popup-block-el.extlink-modal {padding: 25px;}

.extlink-modal .heading {padding-bottom: 20px; }



#mktoForm_1055 > .mktoFormRow:nth-child(2), #mktoForm_1055 > .mktoFormRow:nth-child(3) {

    width: 100%;

    margin-right: 0px;

    margin-bottom: 10px;

    clear: both;

}

 .form-banner #mktoForm_1055.mktoForm .mktoFormRow + .mktoFormRow {

    position: static;

    bottom: 0;

    width: 100%;

    clear: both;

}

.flex-control-nav{ right: 0 }



}



/*-------------------------------------------------------------------------------

End Responsiv

/*-------------------------------------------------------------------------------*/

@media (min-width:580px) and (max-width: 767px) {

.sub-pro-list,.product-pro-list,.my-esavings-combo-detaisl-wrapper .combo_pan,.listlooppan,.goals-wrapper .col-xs-12{ width: 50% }

.prod-cont{ margin-bottom: 0 }



.prod-cont{ height: 565px }



.prod-cont p{min-height: inherit;}

.comperbox{margin-bottom: 59px;}

.details-button{ position: absolute;margin-bottom: 29px; }

.client-image, .client-details{ float: left; width: 50% }

.goals-wrapper .goals-box{ min-height:270px }

.imagesmall .image-pan{height: 487px;}

.listlooppan:last-child{ margin: 0 auto; display: block; float: none; clear: both; padding-top: 30px }



/*-------------------------------------------------------------------------------

Footer

-------------------------------------------------------------------------------*/

.footopinfo{ width: 50% }

.footopimage{ float: none; clear: both; text-align: center; padding-top:0 }

.footer-nav li{width: 33%;}

.hideFDIC{display: none !important;}

/*-------------------------------------------------------------------------------

Online-Time-Deposits

-------------------------------------------------------------------------------*/

.sub-pro-list:last-child{ margin: 0 auto; float: none; clear: both; padding-top: 30px }

.sub-pro-pan-box{ min-height: 700px;padding-bottom: 1px; padding: 10px }



.sub-pro-list{ margin-bottom: 0 }

.deposit_amount{ font-size: 16px; font-size: 1.6rem }

/*.product-pro-list:nth-child(3){ float: none; margin: 0 auto;clear: both; margin-bottom: 0}

*/.product-pro-list:nth-child(3) .prod-cont-box{ margin-bottom: 0 }

.prod-cont-box{ min-height: 910px }

.produscts-pan-wrapper .details-button{ position: absolute; margin: 20px auto; margin-top: 0 }



.my-esavings-combo-detaisl-wrapper .combo_pan{ float: left; }

.my-esavings-combo-detaisl-wrapper .plus-icon{ position: absolute; left: 0; right: 0; top: 128px }

.my-esavings-combo-detaisl-wrapper .hed-amount-pan .heading{ font-size: 20px; font-size: 2rem }



.contact_page .col-xs-12{ width: 50% }

.contact_details{ margin-top: 0 }

.contact_page .acf-map{height: 370px;}

.contact_details .title,.contact_details address p,.contact_details .contact-div p, .contact_details a.email{ font-size: 26px; font-size: 2.6rem }





/*.sub-pro-list.subprolist-2{ width: 100% }

.sub-pro-list.subprolist-2 .contentinfo,.sub-pro-list.subprolist-2 .comperbox{ float: left; }*/

.product-pro-list.productprolist-0{ width: 100% }

.product-pro-list.productprolist-0 .prod-cont-box{ min-height: inherit; }

.productprolist-0 .timedeposit-list li{ display: inline-block; width:49% }

.productprolist-0 .timedeposit-list li ul.months_list_pan li{ display: block; width: 100% }

.prod-cont-box h4{min-height: 68px; }

.productprolist-15 .combo_wrapper .col-xs-12{ width: 50% }

.productprolist-15 .combo_det_wrapper .plus-icon{ position: absolute;left: -8px; }



.page-button a, .buttonpan a, .calc-button, .video-pan .openaccount-buton .button, .openaccount-buton .button, .openaccount-buton .buton, .unblockbutton, .livechatbutton, .viethembutton,.buttonpan a{ width: auto;margin: 0 auto; padding: 0 15px}



.calc-button{ display: inline-block; padding: 0 49px }

.contentinfo{ min-height: 80px }

.sub-pro-list.subprolist-2 .sub-pro-pan h4,.sub-pro-list.subprolist-2 .deposit_amount,.sub-pro-list.subprolist-2 .months_list_pan,.sub-pro-list.subprolist-2 .contentinfo{ min-height: 0; }

.child-cat-nam{ max-width: 170px;min-height: 80px }



}





/*-------------------------------------------------------------------------------

 SM Style 768 - 991 @media (min-width: 480px) and (max-width: 767px) 

-------------------------------------------------------------------------------*/

@media (min-width:480px) and (max-width: 767px) {

.logo{ width:33%}

.banner-content h2{ font-size:37px; font-size:3.7rem; line-height:42px; line-height: 4.2rem }

.buttonpan a{ font-size: 21px; font-size: 2.1rem }

.page-list li{ width: 100%; vertical-align: top;}

.our_team_page .grid-item,.grid-item, .grid-sizer{ width: 50% }

.callpan p{ text-align: center; display: inline-block; }

.callpan .time{ font-size: 14px; padding-left: 10px }

.sub-post-pan .image-pan{ float: left; width: 30%; margin-right: 20px }

.sub-post-pan .right-cont-pan{ padding-top:0 }

.list-relited-pan .divider-broder,.list-relited-pan .last{ width: 50% }

.list-relited-pan a.rel-pro-button,.list-relited-pan a.icons-Articles,.list-relited-pan a.icons-Videos,.list-relited-pan a.icons-Infographics{background-position: 45px center;}

.list-relited-pan a{ padding-left:27% }

.relatedpro-list li a{ padding-left: 0 }

.banner-content .sub-heading{ padding-top: 5px }

.maincont-banner{ padding-top: 0 }

.online-product-main .buttonpan a{ width: auto; padding: 0 15px }

.product-pro-list:last-child h3{ padding-top: 0;padding-bottom: 20px; }

.productprolist-15 .prod-cont-box h4{ min-height: inherit; }

.product-pro-list.productprolist-15 .contentinfo ul{ padding-top: 0; padding-bottom: 10px }

.header-pan .col-xs-12,.header-pan-product .col-xs-12,.top-pan-hed .col-xs-12{ width: 50% }

.header-pan-product,.top-pan-hed{ min-height: inherit; }

.widget_search .search-field, input[type="email"].email-field{max-width: 280px; text-align: left;}

.features_opction-list{ max-width: 100% }

.form-banner .mktoButtonRow{ width: 170px }

.page-button{ text-align: center; }

.page-button a{ display: inline-block; padding: 0 15px }



.white-popup-block .form-banner{ width: 100%; padding: 0 }

.white-popup-block .form-banner .mktoForm .mktoFormRow{ width: 200px }

.infoaccount-pan .mktoForm input[type=text],.infoaccount-pan .mktoForm input[type=email]{ width: 100% !important;    height: 40px;}

.infoaccount-pan .mktoForm .mktoFormRow{width: 30%;margin: 0 1%;}

.infoaccount-pan .mktoForm .mktoButtonWrap.mktoSimple .mktoButton{ width: 31% }

.openaccount-buton .button{ width: 100%; }





}

@media (min-width:480px) and (max-width: 580px) {

	.our_team_page .grid-item,.grid-item, .grid-sizer{ width: 100%; text-align: left; }

	.card-container figure{ padding: 0; width: 60%; float: left; margin-right: 20px }

	.card-container, .front, .back {height: 290px}

	.card-container .btn_card{ padding: 10px 16px; font-size: 16px; font-size: 1.6rem; margin-top: 15px }

	.card-container .executive_title{ padding-bottom: 3px }

	.card-container p.content{ line-height: normal; }

	.online-product-main .buttonpan a{ width: 100% }

	/*.back{ height: 350px }*/



}

/*-------------------------------------------------------------------------------

End Responsiv

/*-------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------

 SM Style (max-width:460px)

-------------------------------------------------------------------------------*/

@media (max-width:460px) {

.mob-right{width: 68%;}

.prod-cont h2.entry-title{ line-height: 75px; font-size: 18px; font-size: 1.8rem }

.homprolist-1 .prod-cont h2.entry-title,.homprolist-2 .prod-cont h2.entry-title{ line-height: 20px;height: 75px;padding-top: 16px; }



.homprolist-1 .prod-cont-bg.prod-cont h2.entry-title,.homprolist-2 .prod-cont-bg.prod-cont h2.entry-title{ height: inherit; padding-top: 0 }



.banner-content h2,.home-contant h3{ font-size:24px; font-size:2.4rem; line-height:26px; line-height:2.6rem }

.banner-content .sub-heading{ font-size:20px; line-height: 22px; font-size: 2rem; line-height: 2.2rem; padding-top: 6px }

.maincont-banner{ padding-top: 0 }

.maincont-banner p{ font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height:1.8rem }

.home-contant h3{ padding: 10px 0 }

.footopinfo p{ font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem }



/*-------------------------------------------------------------------------------

Online-Time-Deposits

-------------------------------------------------------------------------------*/

.sub-pro-pan-box{ padding:20px 10px}

.sub-pro-pan h3,.savings-calculator-pan h2,.marketo-wrapper h2{ font-size: 30px; font-size: 3rem; line-height: 36px; line-height: 3.6rem }

.sub-pro-pan h4{ font-size: 24px; font-size: 2.4rem; padding-bottom: 10px; min-height: inherit; }

.deposit_amount{ padding-bottom: 0 ;}

.months_list_pan,.contentinfo{  }

.months_list_pan li, .comparisons_list li{ font-size: 16px; font-size: 1.6rem }

.savings-calculator-pan h2{ padding-bottom: 20px }

.video-pan .openaccount-buton .button,.openaccount-buton .buton{ font-size: 17px; font-size: 1.7rem }

.additional-right-box h4{ font-size: 14px; font-size: 1.4rem }

.page-button a, .buttonpan a, .calc-button, .video-pan .openaccount-buton .button, .openaccount-buton .button, .openaccount-buton .buton, .unblockbutton, .livechatbutton{ font-size:24px; font-size: 2.4rem; width: auto;}

.home-contant .buttonpan{font-size: 14px;}

.viethembutton{ width: auto; padding: 0 15px }

.viethembutton.livechatbutton,.online-product-main .page-button a{font-size: 18px; font-size: 1.8rem}

.form-banner .mktoForm .mktoFormRow{ width: 100% }

.form-banner .mktoForm input[type=email]{ border-right: 2px solid #e8e8e8 }

.form-banner{ padding-bottom: 0 }

.form-banner .mktoButtonRow {

    width: 190px;

    margin: 0 auto;

    float: none;

    clear: both;

    display: block; position: relative; z-index: 2;

}



.form-banner .mktoForm .mktoFormRow + .mktoFormRow{ position: absolute; bottom: 0 }

.field-box{ margin: 0 }

.white-popup-block{ padding:33px 15px;padding-bottom: 20px;}

.white-popup-block .form-banner{ width: 100%; padding: 0 }

.white-popup-block .form-banner .mktoForm .mktoFormRow{ width: 200px }



.white-popup-block .form-banner .mktoButtonRow{ padding-top: 6px }

/*-------------------------------------------------------------------------------

Blog

-------------------------------------------------------------------------------*/

.blog_page article .entry-header .post-thumbnail{ float: none; padding: 0 }

.child-cat-nam{max-width: 175px;}

.sub-post-mag-bot{ margin-top: 0; padding-top: 30px }

.infoaccount-pan .mktoForm label{ padding: 0; width: 100% !important; line-height: 18px; line-height: 1.8rem }

.infoaccount-pan .mktoForm input[type=text], .infoaccount-pan .mktoForm input[type=email]{ width: 100% !important; height: 40px; }

.infoaccount-pan .mktoForm .mktoFormRow{ display: block; }

.form-banner .mktoForm .mktoButtonWrap.mktoSimple .mktoButton{ position: static; margin-top: 10px }

.presspagenewsletter .form-banner .mktoForm .mktoFormRow{ width: 100% }

/* Download Applications Images*/
.app-group{	width:360px; margin:0px auto;}
.app-image1 > a > img {	width: 170px !important; height: auto !important;}	
.app-image2 > a > img {	width: 170px !important; height: auto !important;}

}



@media (max-width:414px) {

.online-product-main .buttonpan a{ font-size:18px;border-radius: 30px; }

/* Download Applications Images*/
.app-group{	width:360px; margin:0px auto;}
.app-image1 > a > img {	width: 170px !important; height: auto !important;}	
.app-image2 > a > img {	width: 170px !important; height: auto !important;}

}



/*-------------------------------------------------------------------------------

 SM Style (max-width:375px) BUTTON FIX

-------------------------------------------------------------------------------*/

@media (max-width:375px) {

.online-product-main .buttonpan a{ font-size: 14px;border-radius: 30px; }

/* Download Applications Images*/
.app-group{	width:340px; margin:0px auto;}
.app-image1 > a > img {	width: 160px !important; height: auto !important;}	
.app-image2 > a > img {	width: 160px !important; height: auto !important;}


}



















/*-------------------------------------------------------------------------------

 SM Style (max-width:320px)

-------------------------------------------------------------------------------*/

@media (max-width:320px) {

.viethembutton.livechatbutton{font-size: 15px; font-size: 1.5rem}

.callpan p{ display: block; padding-bottom:6px }

.list-relited-pan .divider-broder,.list-relited-pan .last{ width: 100% }

.list-relited-pan a{ line-height: 40px; line-height: 4rem }

.list-relited-pan a{  padding-left: 63px }

.list-relited-pan a.rel-pro-button, .list-relited-pan a.icons-Articles, .list-relited-pan a.icons-Videos, .list-relited-pan a.icons-Infographics{ background-position: 30px center }

.home-contant .buttonpan a,.online-product-main .buttonpan a{ font-size: 14px;border-radius: 30px; }

.online-product-main .page-button a{ font-size: 22px; font-size: 2.2rem }

.postid-56 .video-pan .openaccount-buton .button,.video-pan .openaccount-buton .button{ font-size:19px; font-size: 1.9rem }

.combo-includes-wrapper .page-title{ color: #FFF }

.footer-top-pan ul li{ line-height: 18px; line-height: 1.8rem; padding-bottom: 8px }

}

/*-------------------------------------------------------------------------------

End Responsiv

/*-------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------

 SM Style 768 - 991 @media (min-width: 768px) and (max-width: 991px) 

-------------------------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 991px) {

/*-------------------------------------------------------------------------------

Header

-------------------------------------------------------------------------------*/

.logo{ margin-top: 0; margin-left: 0; width: 20% }

.slider_content,.slider_video{ float: none; width: 100% }

.slider_video{ text-align: center; }

.banner-content{ padding:5% }

.nav-slider.prv-nav{ right: inherit; left: 10px }

.nav-slider.next-nav{ right: 10px }







.flexslider.video-playing {background-color: transparent; }

.flexslider.video-playing .slider_content {opacity: 1; }

.ytp-vol-btn  {bottom: auto; left: auto; left: 15px; top: 0px; -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

.ytp-close-btn {top:0;-moz-transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }





/*-------------------------------------------------------------------------------

NAV

-------------------------------------------------------------------------------*/

.main-navigation li{ padding:0 12px; font-size: 14px; font-size: 1.4rem }

.main-navigation li:first-child{ padding-left: 10px }

.main-navigation li.myaccount{ font-size: 18px; font-size: 1.8rem }

.main-navigation li.myaccount,.main-navigation li.myaccount a{ width:220px }

.main-navigation li.myaccount:before{ left: -19px }

.main-navigation li.myaccount:after{ left: -24px }



/*-------------------------------------------------------------------------------

HOME PAGE

-------------------------------------------------------------------------------*/

.online-product-main .heading{ font-size: 46px; font-size: 4.6rem }

.hom-pro-list:nth-child(1), .hom-pro-list:nth-child(2){ margin-bottom: 145px }

.home-contant img{ display: block; margin: 0 auto }

.home-contant ul{ max-width: 100% }

.buttonpan a,.openaccount-buton .button{ width: 100%}

/*-------------------------------------------------------------------------------

Footer

-------------------------------------------------------------------------------*/

.footopimage{ padding-top:20px }

.footopimage,.footopimage p{ text-align: center; }

.footopimage p img{ margin: 0 5% }

/*-------------------------------------------------------------------------------

Online Products

-------------------------------------------------------------------------------*/

.header-pan,.sub-pro-pan-box,.prod-cont-box,.product-pro-list:last-child .prod-cont-box,.hed-left,.product-sin-con-pan .right-pan,.deposit-info,.videobax,.left-top,.includes-right,.client-details,.heder-pan,.transfers-box,.goals-box,.blog_page h1,.adv_aside.brown_aside,.adv_aside,.about_page,.contact_details{ padding: 5% }

.subproduct-wrapper{ padding-top: 30px }

.sub-pro-list:last-child,.product-pro-list:nth-child(3),.goalslistloop:last-child{ margin: 0 auto; float: none; clear: both; padding-top: 30px }

.prod-main-pan h3{ font-size: 40px; font-size: 4rem }

.product-pro-list:last-child .contentinfo,.combo_det_wrapper{ float: none; width: 100% }

.combo_det_wrapper{ padding-top: 130px }

.product-pro-list:last-child .details-button{ position: static; margin: 0 auto; margin-top: 20px }

.combo_det_wrapper .plus-icon{left: 294px;top: 248px;}

.comperbox img{ margin: 0 auto; display: block; }

.product-sin-con-pan .right-pan{ margin-top: 20px }

.openaccount-buton .button{ margin: 0 auto }

.page-list li{ font-size: 16px; font-size: 1.6rem }

.videobax h2{ padding-top: 0 }

.videobax p br,.left-top h1 br,.left-top p br,.client-details p br,.left-hed p br{ display: none; }

.deposit-info{ text-align: center; min-height: inherit; }

.postid-54 .months_list_pan li span, .postid-56 .months_list_pan li span{ display: inline-block; }

.left-top h1,.left-top .escom-h2,.left-hed h1,.blog_page h1{ font-size: 34px; font-size: 3.4rem; line-height: 36px; line-height: 3.6rem }

.bot-info-pan{ padding: 0 }

.my-esavings-contentinfo li{ padding-bottom: 18px }

.additional-box .additional-right-box{ max-width: 213px }

.includes-right{ min-height: 940px }

.client-details p{ font-size:20px; font-size: 2rem; line-height: 24px; line-height: 2.4rem }

.testimonial-wrapper{ margin-top: 30px }

.includes-detail-wrapper{ margin-bottom: 30px }

.product-single-wrapper, .my-esavings-combo-detaisl-wrapper{ margin-bottom:80px }

.hed-on-child{ padding: 0 }

.header-pan h2{ font-size: 40px; line-height: 43px; font-size: 4rem; line-height: 4.3rem }

/*-------------------------------------------------------------------------------

Creme Brulee

-------------------------------------------------------------------------------*/

.image-pan img{ width: 90% }

.testimonial-wrapper{ padding-top: 0 }

.testimonial-wrapper h3,.creme-page-wrapper{ padding-bottom: 30px }

.imagesmall .image-pan{ height:328px}

.creme-page-wrapper .heading,.left-hed p{ font-size: 24px; font-size: 2.4rem }

.heder-pan h1, .heder-pan h2.gb-h2 { font-size: 40px; font-size: 4rem }

.transfers-box{ min-height: inherit; margin-bottom: 30px }

.interbank-transfers-wrapper{ padding-bottom:0 }

.marketo-wrapper{ margin-top: 0 }

/*-------------------------------------------------------------------------------

Explore Goals

-------------------------------------------------------------------------------*/

.left-hed{ padding: 0 }

.goals-wrapper{ padding: 30px 0 }

.explore-goals-page-wrapper .testimonial-wrapper h3{ margin:0; padding-top: 20px }

.sub-post-pan .image-pan,.sub-post-pan .right-cont-pan{ float: none; max-width: 100% }



.sub-post-pan .right-cont-pan{ padding-top: 20px }

.list-relited-pan a.icons-Videos,.list-relited-pan a.icons-Articles,.list-relited-pan a.icons-Infographics,.list-relited-pan a.rel-pro-button{ background-position:8px center; background-size:20px; font-size: 13px }

.list-relited-pan a.rel-pro-button{background-size:10px;background-position:18px center;}

/*-------------------------------------------------------------------------------

BLOG

-------------------------------------------------------------------------------*/

.blog_page article .article_wrap{ margin: 0 }

.blog_page_aside .widget-title{ font-size: 24px; font-size: 2.4rem }

.widget_search .search-field, input[type="email"].email-field{ margin-left: -4px }

.other_interest .int_heading{ padding: 30px 0 }

.openaccount-buton{ padding-bottom: 30px }

.blog_page.blog_page_single article{ padding: 5% }

.blog_page .archive_title h1{ padding-bottom: 0 }

.contact_details{ margin-top: 20px }

.blog_page{ padding-bottom:30px }

.heder-pan h2, .heder-pan h3, .heder-pan h1.gb-h1{ max-width: 100% }



.presspagenewsletter .form-banner .mktoForm .mktoFormRow{ width: 100% }

.form-banner .mktoForm .mktoButtonWrap.mktoSimple .mktoButton{ position: static; }



.form-banner #mktoForm_1055.mktoForm .mktoButtonWrap.mktoSimple .mktoButton{ position: absolute; }



.presspagenewsletter .form-banner .mktoButtonRow{ margin: 0 auto; display: block; }

.presspagenewsletter .form-banner .mktoForm input[type=email]{    border: 2px solid #e8e8e8;}

.presspagenewsletter .mktoForm .mktoFormCol{ min-height: 5px }

/*-------------------------------------------------------------------------------

Giving Back

-------------------------------------------------------------------------------*/

.giving_back_post .entry-title,.giving_back_post .entry-content p,.inner-page-wrapper-all{ padding:5% }

.giving_back_post .entry-content p{ padding-top: 0 }

.inner-page-wrapper-all{ margin-bottom: 30px }

.header-pan-product .nopad{ padding-right: 15px }

.product-pro-list:nth-child(3) h3{ color: #FFF }

.produscts-pan-wrapper{ padding-bottom: 30px }

.header-pan-product h2{ font-size: 30px; font-size: 3rem; padding-bottom: 10px }

.header-pan-product h1{ font-size: 24px; font-size: 2.4rem; line-height:30px; line-height: 3rem }

.header-pan-product{ min-height: 327px }

.page-id-12 .infoaccount-pan .mktoForm .mktoFormRow {min-width: 365px; }

.list-relited-pan .row{ margin-left: 0; margin-right: 0 }

.footer-bot,.site-info{ max-width: 100% }

.footer-bot li{width: 29%;}

.flex-control-nav{ right: 0 }

}

/*-------------------------------------------------------------------------------

End Responsiv

-------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------

 MD Style 992 - 1199 @media (min-width: 992px) and (max-width: 1199px) 

-------------------------------------------------------------------------------*/





@media (min-width: 992px) and (max-width: 1199px) {

.logo{ margin-top: 0; margin-left: 0 }

/*-------------------------------------------------------------------------------

NAV

-------------------------------------------------------------------------------*/

.main-navigation li{ padding: 0 2% }

.main-navigation li.myaccount,.main-navigation li.myaccount a{ width:276px;font-size: 20px; }

.main-navigation li.myaccount:before{ left: -22px }

.main-navigation li.myaccount:after{ left: -28px }

/*-------------------------------------------------------------------------------

Banner

-------------------------------------------------------------------------------*/

.banner-content{ padding-top: 20px; padding-bottom:0; padding-left: 30px; padding-right: 30px }

.banner-main-wrapper{ min-height: 368px }

.banner-content h2{ font-size: 43px }

.banner-content h1{ font-size: 44px }

.banner-content .sub-heading{ padding-top: 10px; font-size: 24px; line-height: 26px; font-size: 2.4rem; line-height: 2.6rem}

.maincont-banner p br{ display: none; }

.banner-main-wrapper{ margin-bottom: 10px }

/*-------------------------------------------------------------------------------

HOME Page

-------------------------------------------------------------------------------*/

.prod-cont h2{ font-size: 24px; font-size: 2.4rem }

.prod-cont h2.entry-title{ min-height:71px}

.hom-pro-list:last-child{ width: 100%; float: none; clear: both;padding-top: 154px; }

.hom-pro-list:last-child .prod-cont{ height: inherit;padding-bottom: 20px;}

.hom-pro-list:last-child .prod-cont h2 span{ display: inline-block; }

.hom-pro-list:last-child .prod-cont h2.entry-title{ min-height: inherit; padding-bottom: 20px }

.hom-pro-list:last-child .prod-cont p{ min-height: inherit; }

.hom-pro-list:last-child .details-button{ position: static; margin-top:30px }



.home-contant h3{ font-size: 44px; font-size: 4.4rem; padding-top: 0}

/*-------------------------------------------------------------------------------

Footer

-------------------------------------------------------------------------------*/

.footopinfo p{ font-size: 14px; font-size: 1.4rem }

.footopimage p img{ margin-left: 43px }.



/*-------------------------------------------------------------------------------

Products Page

-------------------------------------------------------------------------------*/

.hed-left{ padding-left: 30px;}

.hed-right{padding-left:20px;}

.header-pan-product h2{ font-size: 50px; font-size: 5rem }

.hed-right .amountpan span{ font-size:16px; font-size: 1.6rem }

.hed-right ul li{ font-size: 23px; font-size: 2.3rem }

.prod-main-pan h3{ font-size:36px }

.prod-cont-box{ padding:5%;min-height: 1057px;}

.product-pro-list:last-child .contentinfo h5{ font-size: 23px; line-height: 26px; font-size: 2.3rem; line-height: 2.6rem }

.combo_det_wrapper .plus-icon{ left: 183px}

.hed-left{ padding-left: 30px; padding-top: 30px }

.header-pan-product .nopad{ padding-right: 15px }

.header-pan-product{ min-height: 336px }

/*-------------------------------------------------------------------------------

Onlne Products Page

-------------------------------------------------------------------------------*/

.header-pan h2{ font-size:40px; font-size:4rem }

.subproduct-wrapper{ padding-top: 60px }

.sub-pro-pan-box{ padding: 6% }

.sub-pro-pan h4{ font-size: 25px; font-size: 2.5rem }

.deposit_amount{ font-size: 16px; font-size: 1.6rem }

.deposit-info{ padding:5% }

.deposit-info h3, .deposit-info .title-h1{ font-size: 38px; font-size:2.8rem }

.openaccount-buton .button{ width: 100% }

.product-sin-con-pan .right-pan{ padding-left: 15px }

.page-list li{ font-size: 14px; font-size: 1.4rem }

.video-pan,.videobax{ padding-top: 30px }

.video-hed-title{ font-size: 40px; font-size: 4rem }

.videobax{ margin-top: 30px }

.videobax h2{ padding-top: 0 }

.videobax p br{ display: none; }

.videobax{ padding-bottom: 30px }

.product-single-wrapper, .my-esavings-combo-detaisl-wrapper{ margin-bottom: 80px }

.testimonial-wrapper .cycloneslider-template-standard .cycloneslider-caption{ padding:2% }

.testimonial-wrapper .cycloneslider-template-standard .cycloneslider-pager{ bottom: 10px }

.hed-on-child{ padding-left: 30px; padding-top: 30px }

.header-pan h2 br{ display: none; }

/*-------------------------------------------------------------------------------

My Esavings Combo Page

-------------------------------------------------------------------------------*/

.my-esavings-combo-detaisl-wrapper .left-top{ padding-left: 15px }

.top-pan-hed{ min-height: 450px }

.left-top p br{ display: none; }

.includes-left .combo_pan{ margin-bottom: 35px }

.bot-info-pan{  padding-top: 0; padding-left: 30px }

.rigt-top{ padding-left: 15px; padding-right: 15px }

.rigt-top h2{ font-size: 80px; line-height:60px; font-size: 8rem; line-height: 6rem }

.rigt-top p{  font-size: 26px; font-size: 2.6rem; line-height: 30px; font-size: 3rem }

.includes-right{ padding-left: 15px; }

.additional-box .additional-right-box{ max-width: 334px }



/*-------------------------------------------------------------------------------

Creme Brulle Page

-------------------------------------------------------------------------------*/

.creme-page-wrapper{ padding-bottom: 80px }

.imagesmall .image-pan{ height: inherit; }

.transfers-box h2{ font-size: 30px; font-size: 3rem }

/*-------------------------------------------------------------------------------

Interbank Transfers Page

-------------------------------------------------------------------------------*/

.interbank-transfers-wrapper{ padding-bottom: 30px }

.transfers-box{ padding:6% }

.transfers-box h3{ font-size: 24px; font-size: 2.4rem; line-height: 26px; line-height: 2.6rem }

.interbank-transfers-page .heading{ font-size:37px; font-size: 3.7rem; padding:2% 0 }

/*-------------------------------------------------------------------------------

Explore Goals Page

-------------------------------------------------------------------------------*/

.goals-box{ padding: 5% }

.list-relited-pan a.rel-pro-button{background-position: 30px center;}

.list-relited-pan a.icons-Articles,.list-relited-pan a.icons-Videos,.list-relited-pan a.icons-Infographics{background-position: 20px center;}

.sub-post-pan .image-pan{ max-width:90px }

.client-details{ padding:3% }

.testimonial-wrapper h3 br{ display: none; }

.child-cat-nam{ max-width: 195px; }

.one-post .sub-post-pan .right-cont-pan{max-width: 56%;}

.infoaccount-pan .mktoForm .mktoFormRow{ width: 29% }

/*-------------------------------------------------------------------------------

Blog Page

-------------------------------------------------------------------------------*/

.blog_page h1{ padding-bottom: 30px }

.widget_search .search-field, input[type="email"].email-field{max-width: 150px;}

.search-submit, .email-submit{max-width: 92px}

/*-------------------------------------------------------------------------------

About Page

-------------------------------------------------------------------------------*/

.our_team_page .heading{ font-size: 40px; font-size: 4rem }

.team_poster .front,.team_poster .back{ padding: 7% }

/*.card-container, .front, .back{ height: 414px }*/

.card-container, .front, .back{ height: 465px }

/*-------------------------------------------------------------------------------

Press Page

-------------------------------------------------------------------------------*/

.blog_page_aside .widget-title{ font-size: 25px; font-size: 2.5rem }

.blog_page_aside .widget_search, .blog_page_aside .widget_tag_cloud, .blog_page_aside .widget_categories{ padding-left: 20px }

.presspagenewsletter .form-banner .mktoForm .mktoFormRow{ width: 100% }

.form-banner .mktoForm .mktoButtonWrap.mktoSimple .mktoButton{ position: static; }

.form-banner #mktoForm_1055.mktoForm .mktoButtonWrap.mktoSimple .mktoButton{ position: absolute; }

.presspagenewsletter .form-banner .mktoButtonRow{ margin: 0 auto; display: block; }

.presspagenewsletter .form-banner .mktoForm input[type=email]{    border: 2px solid #e8e8e8;}

.presspagenewsletter .mktoForm .mktoFormCol{ min-height: 5px }

.field-box{max-width: 270px;}

.footer-bot,.site-info{ max-width: 100% }

.footer-bot li{width: 29%;}

.flex-control-nav{ right: 0 }

}













@media (min-width:1200px) and (max-width:1200px) {

.container{width: 1190px;}

}

@media (min-width:1200px) and (max-width:1440px) {

.prod-cont h2.entry-title{ min-height:96px}

}