/*
 * Nextgen Responsive CSS
 * Additions from legacy AEM 10/2022
*/

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

@-ms-viewport {
    width: device-width;
}

.hidden {
    display: none;
    visibility: hidden;
}

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

.visible-desktop {
    display: inherit !important;
}

.visible-print {
    display: none !important;
}

/* Tablet to desktop */
@media (min-width: 768px) and (max-width: 979px) {

    .visible-desktop {
        display: none !important ;
    }

    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }
}

/* Landscape phone to desktop/tablet */
@media (max-width: 767px) {

    .visible-desktop {
        display: none !important;
    }

    .visible-phone {
        display: inherit !important;
    }
}

/* Print Media Utilities*/
@media print {
    .visible-print {
        display: inherit !important;
    }

    .hidden-print {
        display: none !important;
    }
}

/* THIS BREAK POINT WILL BECOME DEPRECATED */
/* please move your css to other breakpoints */
/* In between small devices and regular tablets  */
@media screen and (min-width: 481px) and (max-width : 768px) {

    #modal-mask.masked {
        display: none;
    }

    .row {
        margin-left: -26px;
        *zoom: 1;
    }

    .row:before,
    .row:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .row:after {
        clear: both;
    }

    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 26px;
    }

    .container,
    .utility-bar.container,
    .megamenu-static-top .container,
    .megamenu-fixed-top .container,
    .megamenu-fixed-bottom .container {
        width: 95%;
    }

    .ns-body.container,
    .ns-outer-control {
        width: 100%;
    }

    .ns-body.container > .row > .span12  {
        width: 99%;
    }

    /* 1/3 Right Template Default Behavior @breakpoint */
    .ns-body.container > .row > .span8:first-child {
        width: 47.35979381443299%;
    }

    /* Authored Custom 1/3 Right Template Behavior @breakpoint */
    .ns-body.container.custom-reflow > .row > .span8:first-child {
        width: 99%;
    }

    /* 1/4 Right Template Default Behavior @breakpoint */
    .ns-body.container > .row > .span9:first-child {
        width: 74%;
    }

    /* Authored 1/4 Right Template Behavior @ breakpoint */
    .ns-body.container.custom-reflow > .row > .span9:first-child {
        width: 99%;
    }

    /* 1/4 Left  Template Behavior @ breakpoint */
    .ns-body.container > .row > .span9:not(:first-child) {
        width: 99%;
    }

    /* 1/3 Right Template Behavior @ breakpoint */
    .ns-body.container > .row > .span4:not(:first-child) {
        width: 47.35979381443299%;
    }

    /* Authored Custom 1/3 Right Template Default Behavior @breakpoint */
    .ns-body.container.custom-reflow > .row > .span4:not(:first-child) {
        width: 99%;
    }

    /* 1/4 Right Template Behavior @ breakpoint */
    .ns-body.container > .row > .span3:not(:first-child) {
        width: 20.58969072164948%;
    }

    /* Authored Custom 1/4 Right Template Default Behavior @breakpoint */
    .ns-body.container.custom-reflow > .row > .span3:not(:first-child) {
        width: 99%;
    }

    /* 1/4 Left Rail Template Behavior @ breakpoint */
    .ns-body.container > .row > .span3:first-child {
        width: 99%;
    }
}

/* ipad Portrait*/
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait), screen and (max-width: 768px) {
    .row {
        margin-left: 5px;
        *zoom: 1;
    }

    .row:before,
    .row:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .row:after {
        clear: both;
    }

    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 13px;
    }

    .row > [class*="span"]:first-child {
        margin-left: 0;
    }

    .row > [class*="span"]:only-of-type,
    .row-fluid > [class*="span"]:only-of-type {
        width: 100%;
        margin-left: 0;
    }

    .container,
    .utility-bar.container {
        width: 99.99999999999999%;
    }

    .ns-outer-control {
        width: 99.99999999999999%;
    }

    #modal-mask.masked {
        display: none;
    }

    .ns-hedge.container,
    .ns-breadcrumb.container,
    .ns-body.container,
    .ns-title.container,
    .ns-disclosure.container {
        width: 96.99999999999999%;
    }

    /* Side by Side Rail Padding */
    .ns-one-twenty-eight-spacer + .ns-secondary-parsys .secondaryParys:first-child,
    .ns-one-twenty-eight-spacer + .ns-secondary-parsys .secondaryParsys:first-child{
        margin-top: 0;
    }

    /* Restore Rail BG Colors and Padding */
    .right-rail-bgc {
        background-color: #FFF;
        padding: 0;
    }

    .left-rail-bgc {
        background-color: #FFF;
        padding:0;
    }
    /* End Restore Rail BG Colors and Padding */

    /* Remove 128 spacer that lives on title bar */
    html .ns-one-twenty-eight-spacer {
        min-height: 0;
    }
    /* Remove 128 spacer that lives on title bar */

    /* prevent long words from extending beyond container */
    p {
        word-wrap: break-word;
    }

    /* Utility Bar */
    .nav-collapse ul.cross-site-nav li .home .icon + span {
        display: none;
    }

    ul.cross-site-nav li:last-child > span {
        padding-right: 0;
    }

    .dropdown-menu {
        display: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none;
    }

    .open > .dropdown-menu.desktop-site-switcher { /* override .open rule */
        display: none;
    }

    .ns-login-dropdown {
        border: 1px solid #ccc;
     }

    .nav-collapse ul.nav.pull-right > li:first-child {
        display: none;
    }

    .nav-collapse,
    .cross-site-nav,
    .footer-nav {
        *zoom: 1;
    }

    .nav-collapse:before,
    .nav-collapse:after,
    .cross-site-nav:before,
    .cross-site-nav:after,
    .footer-nav:before,
    .footer-nav:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .nav-collapse:after,
    .cross-site-nav:after,
    .footer-nav:after {
        clear: both;
    }


    /* Header */

    .ns-header header .row {
        margin-left: 0;
    }

    .ns-header img.logo {
        margin: 30px 0 0 13px;
    }

    .ns-header.entry header .row > .span2 img {
        max-width: none;
    }

    .ns-header header .row > .span2 {
        width: 14.432989690721648%;
    }

    .ns-header header .row > .span2 img {
        max-width: 100%;
    }

    .ns-header header .row .span10{
         width: 82.88659793814432%;
    }

    .ns-header header .row > .span10 > .row > .span10 {
        width: 100%;
    }

    .ns-header header .row > .span12 {
        width: 99.99999999999999%;
    }

    .ns-body.container > .row > .span8:first-child {
        width: 47.35979381443299%;
    }

    .ns-header .ns-utility-links {
        margin: 30px 0 0 0;
    }
    /* End Header */

    /* Sub Menu */

    .ns-header .site-nav {
        margin: 30px 5px 0;
    }

    .ns-header .site-nav > li > a {
        padding: 10px 14px 0 12px;
    }

    .ns-header .site-nav > li.open > a,
    .ns-header .site-nav > li.open > a:hover,
    .ns-header .site-nav > li > a.prefix,
    .ns-header .site-nav > li > a.prefix:hover,
    .ns-header .site-nav > li > a.transition,
    .ns-header .site-nav > li > a.transition:hover {
        padding: 9px 13px 10px 11px;
    }

    .ns-header .site-nav > li > .ns-sub-menu {
        width: 760px;
        right: -10px;
    }

    /* Fluid layout 0 : 50% 50% */
    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt0-c0 {
      width: 45.65979381443299%;
    }

    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt0-c1 {
      width: 45.65979381443299%;
    }

    /* Fixed layout 1 : 25% 75% */
    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt1-c0 {
      width: 19.98969072164948%;
    }

    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt1-c1 {
      width: 71.3298969072165%;
    }

    /* Fixed layout 2 : 75% 25% */
    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt2-c0 {
      width: 71.3298969072165%;
    }

    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt2-c1 {
      width: 19.98969072164948%;
    }

    /* Fixed layout 3 : 33% 67% */
    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt3-c0 {
      width: 29.546391752577318%;
    }

    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt3-c1 {
      width: 62.546391752577318%;
    }

    /* Fixed layout 4 : 67% 33% */
    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt4-c0 {
      width: 62.546391752577318%;
    }

    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt4-c1 {
      width: 29.546391752577318%;
    }

    /* Fixed layout 5 : 33% 33% 33% */
    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt5-c0 {
      width: 29.546391752577318%;
    }

    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt5-c1 {
      width: 29.546391752577318%;
    }

    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt5-c2 {
      width: 29.546391752577318%;
    }

    /* Fixed layout 6 : 25% 25% 50% */
    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt6-c0 {
      width: 19.98969072164948%;
    }

    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt6-c1 {
      width: 19.98969072164948%;
    }

    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt6-c2 {
      width: 45.65979381443299%;
    }

    /* Fixed layout 7 : 50% 25% 25% */
    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt7-c0 {
      width: 45.65979381443299%;
    }

    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt7-c1 {
      width: 19.98969072164948%;
    }

    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt7-c2 {
      width: 19.98969072164948%;
    }

    /* Fixed layout 8 : 25% 25% 25% 25% */
    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt8-c0 {
      width: 19.98969072164948%;
    }

    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt8-c1 {
      width: 19.98969072164948%;
    }

    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt8-c2 {
      width: 19.98969072164948%;
    }

    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt8-c3 {
      width: 19.98969072164948%;
    }

    /* Layout 9 : 8% 34% 8% 34% */
    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt9-c0 {
        width: 7.98969072164948%;
    }

    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt9-c1 {
        width: 33.98969072164948%;
    }

    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt9-c2 {
        width: 7.98969072164948%;
    }

    .ns-sub-menu > .inner-wrapper div.cq-colctrl-lt9-c3 {
        width: 33.98969072164948%;
    }

    /* End Sub Menu*/

    .ns-title.container .span12,
    .ns-body.container .span12,
    .ns-breadcrumb.container > .row > .span12 {
        width: 99%;
    }

    .ns-body-wide.qtr-left-rail .ns-outer-control,
    .ns-body-wide.qtr-right-rail .ns-outer-control,
    .ns-body-wide.third-right-rail .ns-outer-control {
        background: #FFFFFF url('/etc.clientlibs/capital-group/clientlibs/clientlib-site/resources/images/bgs/title-bar-bg.jpg') center top no-repeat;
    }

    .ns-body-wide.qtr-left-rail.investor .ns-outer-control,
    .ns-body-wide.qtr-right-rail.investor .ns-outer-control,
    .ns-body-wide.third-right-rail.investor .ns-outer-control {
        background: #FFFFFF url('/etc.clientlibs/capital-group/clientlibs/clientlib-site/resources/images/bgs/investor-title-bar-bg.jpg') center top no-repeat;
    }

    /* Authored Custom 1/3 Right Template Behavior @breakpoint */
    .ns-body.container.custom-reflow > .row > .span8:first-child {
        width: 99%;
        margin-left: 0;
    }

    /* 1/4 Right Template Default Behavior @breakpoint */
    .ns-body.container > .row > .span9:first-child {
        width: 63.646090535%;
    }

    /* Authored 1/4 Right Template Behavior @ breakpoint */
    .ns-body.container.custom-reflow > .row > .span9:first-child {
        width: 99%;
        margin-left: 0;
    }

    /* 1/4 Left  Template Behavior @ breakpoint */
    .ns-body.container > .row > .span9:not(:first-child) {
        width: 99%;
        margin-left: 0;
    }

    /* 1/3 Right Template Behavior @ breakpoint */
    .ns-body.container > .row > .span4:not(:first-child) {
        width: 49.35979381443299%;
    }

    /* Authored Custom 1/3 Right Template Default Behavior @breakpoint */
    .ns-body.container.custom-reflow > .row > .span4:not(:first-child) {
        width: 99%;
        margin-left: 0;
    }

    /* 1/4 Right Template Behavior @ breakpoint */
    .ns-body.container > .row > .span3:not(:first-child) {
        width: 31.8230452675%;
        margin-left: 3.18230452675%;
    }

    /* Authored Custom 1/4 Right Template Default Behavior @breakpoint */
    .ns-body.container.custom-reflow > .row > .span3:not(:first-child) {
        width: 99%;
        margin-left: 0;
    }

    /* 1/4 Left Rail Template Behavior @ breakpoint */
    .ns-body.container > .row > .span3:first-child {
        width: 99%;
        margin-left: 0;
    }

    /* SEARCH PAGE 1/4 Left Rail Template Behavior @ breakpoint */
    .ns-search-body.container > .row > .span3:first-child {
        width: 31.8230452675%;
        margin-left: 0;
    }
    /* SEARCH PAGE 1/4 Left Template Default Behavior @breakpoint */
    .ns-search-body.container > .row > .span9:first-child {
        width: 63.646090535%;
    }

    /* CQ Col Control RWD 1/4 Right Template @breakpoint */
    .ns-body.container:not(.custom-reflow) > .row > .span9 [class*="cq-colctrl-lt"] {
        width: 99%;
        margin-left: 0;
    }

    /* CQ Col Control RWD 1/3 Right Template @breakpoint */
    .ns-body.container:not(.custom-reflow) > .row > .span8 [class*="cq-colctrl-lt"] {
        width: 99%;
        margin-left: 0;
    }

    /* adding spacer for promo - side-by-side layout */
    .ns-body.container > .row > .span4 .ns-one-twenty-eight-spacer,
    .ns-body.container > .row > .span3 .ns-one-twenty-eight-spacer {
        min-height: 128px;
    }

    /* Removing spacer for promo - stacked layout */
    .ns-body.container.custom-reflow > .row > .span4 .ns-one-twenty-eight-spacer,
    .ns-body.container.custom-reflow > .row > .span3 .ns-one-twenty-eight-spacer {
        min-height: 0;
    }

    /* Article Template */
    .ns-body.container.article .ns-med-breakpoint-container-a {

    }

    .ns-body.container.article .ns-med-breakpoint-container-a .row-a-1 .span3,
    .ns-body.container.article .ns-default-container-a .row-a-1 .span3 {
        margin-left: 0;
        width: 0;
    }

    .ns-body.container.article .ns-med-breakpoint-container-a .row-a-1 .span6,
    .ns-body.container.article .ns-default-container-a .row-a-1 .span6,
    .promo.section > .container > .row > .span8:not(:first-child) {
        margin-left: 0;
        width: 100%;
    }

    .ns-body.container.article .row-b-1 .span3 {
        margin-left: 0;
        width: 100%;
    }

    .ns-body.container.article .row-b-1 .span6 {
        margin-left: 0;
        width: 100%;
    }

    /* end Article Template */

    .ns-cgc-tabs-component .tab-content .ns-accordian-trigger .icon.hidden-desktop {
        display: inline-block !important;
    }

    /* Footer */

    .footer .row {
        margin-left: 0;
    }

    .footer .row [class*="span"] {
        float: none;
        min-height: 1px;
        margin-left: 0;
        width: 100%;
    }

    .footer .about ul li {
        border-right: none;
        border-left: 1px #666 solid;
    }

    .footer .about ul li:first-child {
        display: block;
        border: none;
    }

    .footer .about ul li:nth-child(2) {
        padding-left: 0;
        border: none;
    }

    .footer .about .row:first-child .span12 ul li:last-child {
        border: none;
    }

    /* whoa crazy town selector ahead*/
    .footer .about .row:first-child .span12 > ul li:nth-last-child(2){
        border-right: 1px #666 solid;
    }

    .footer .about .row:first-child .span12 > ul li ul.social-media-badges li {
        border: none;
    }

    .footer .about .social-media-badges li:first-child {
        display: inline-block;
    }

    .footer li {
        display: block;
    }

    .footer .row [class*="span"] {
        float: none;
        min-height: 1px;
        margin-left: 0;
        width: 100%;
    }

    .concise-sitemap {
        padding-top: 0;
    }

    .concise-sitemap h5 {
        margin: 0;
        padding: 13px 13px 13px 10px;
        border-top: 1px #CCC solid;
    }

    .concise-sitemap .icon.hidden-desktop {
        display: inline-block !important;
    }

    .footer .concise-sitemap ul {
        margin: 0;
        display: none;
    }

    .footer .concise-sitemap ul.show {
        display: block;
    }

    .footer .concise-sitemap ul li {
        margin: 0;
        padding: 0 33px 13px;
        background: #666;
    }

    .footer .concise-sitemap ul li:first-child {
        margin: 0;
        padding-top: 13px;
    }

    .footer .concise-sitemap ul li > a {
        font-size: 1rem;
        background: transparent;
    }

    footer.legal {
        padding-top: 0;
    }

    .footer .legal h5 {
        margin: 26px 13px 0 13px;
    }

    .footer .legal p {
        margin: 13px 13px 0 13px;
    }

    .footer .legal ul.footer-nav {
        margin: 13px 13px 26px 13px;
    }

    .footer .legal ul.footer-nav li:first-child a {
        padding-left: 0;
    }

    /* end footer */

    /* Promo Component */
    html .ns-promo,
    html .custom-reflow .span4 .ns-promo,
    html .custom-reflow .span3 .ns-promo {
        padding: 0;
    }

    html .span4 .ns-promo,
    html .span3 .ns-promo {
        padding: 13px;
    }

    html .span4 .ns-promo .ns-promo-img,
    html .span3 .ns-promo .ns-promo-img {
        max-width: 100%;
        float: right;
    }

    html .span4 .ns-promo.no-image .ns-promo-img,
    html .span3 .ns-promo.no-image .ns-promo-img {
        float: left;
    }

    html .ns-promo .ns-promo-img {
        max-width: 140px;
        float: right;
    }

    html .custom-reflow .span4 .ns-promo .ns-promo-img,
    html .custom-reflow .span3 .ns-promo .ns-promo-img {
        width: 36%;
    }

    html .ns-promo .ns-promo-text,
    html .custom-reflow .span4 .ns-promo .ns-promo-text,
    html .custom-reflow .span3 .ns-promo .ns-promo-text {
        float: left;
        width: 58%;
        padding: 13px;
    }

    html .span4 .ns-promo .ns-promo-text,
    html .span3 .ns-promo .ns-promo-text {
        width: 100%;
        padding: 0;
    }

    html .span4 .ns-promo.no-image .ns-promo-text,
    html .span3 .ns-promo.no-image .ns-promo-text {
        padding: 13px;
    }

    html .ns-promo .span8 {
        width: 100%;
        margin: 0;
    }

    html .span9 .ns-promo.no-image .ns-promo-img,
    html .span8 .ns-promo.no-image .ns-promo-img,
    html .custom-reflow .span4 .ns-promo.no-image .ns-promo-img,
    html .custom-reflow .span3 .ns-promo.no-image .ns-promo-img {
        width: 29%;
        text-align: right;
    }

    html .custom-reflow .span4 .ns-promo.no-image,
    html .custom-reflow .span3 .ns-promo.no-image {
        display: table;
    }

    html .custom-reflow .span4 .no-image .ns-promo-img,
    html .custom-reflow .span3 .no-image .ns-promo-img {
        float: none;
        display: table-cell;
        vertical-align: middle;
        }

    html .custom-reflow .span4 .ns-promo.no-image .ns-promo-img,
    html .custom-reflow .span3 .ns-promo.no-image .ns-promo-img {
        padding-right: 13px;
    }

    html .span9 .ns-promo.no-image .ns-promo-text,
    html .span8 .ns-promo.no-image .ns-promo-text,
    html .custom-reflow .span4 .ns-promo.no-image .ns-promo-text,
    html .custom-reflow .span3 .ns-promo.no-image .ns-promo-text {
        width: 92%;
    }

    html .span8 .no-image .ns-promo-img a {
       margin-right: 13px;
    }

    /* End Promo */

    /*step by step*/

    html .steps .directions,
    html .span12 .steps .directions,
    html .span9 .steps .directions,
    html .span8 .steps .directions{
        width: 100%;
        display: block;
    }

    html .steps .numbers
    {
        display: block;
        width: 100%;
        margin: 0 0 9px;
    }

    html .steps.unordered .directions{
        margin: 0;
    }

    /*end step by step*/

    /* Presentation Component */

    html .span12 .ns-presentation .right-side-wrapper,
    html .span9 .ns-presentation .right-side-wrapper,
    html .span8 .ns-presentation .right-side-wrapper {
        float: none;
        clear: both;
        max-width: 376px;
        width: 100%;
    }

    html .presentation-img img {
        margin-bottom: 20px;
        max-width: 100%;
    }

    html .ns-presentation .preview {
        margin: 0;
    }

    html .presentation-title p {
        line-height: 2.14285714286rem;
        *line-height: 30px;
    }

    /* End Presentation Component */

    /* MODAL AT MEDIUM */
    .ns-modal{
        max-width: 100%;
    }
    /* END MODAL AT MEDIUM */

    /* Responsive for Entry Component */
    .ns-entry.container .investing-block {
        display:none;
    }
    .ns-entry.container{
        width: 100%;
    }

    .ns-entry.container .span3.financial-entry h2 {
        margin-left: 20px;
    }
    .ns-entry.container .institution-entry {
        width: 29%;
        float: right;
    }

    .ns-entry-wide{
        height: 510px;
    }

    .ns-entry-wide .row{
        margin-left: 0;
    }

    .ns-entry.container h2{
        margin-bottom:30px;
        height: 45px;
    }

    .ns-entry.container .span3.financial-entry {
        padding-top:94px;
    }

    .ns-entry.container .institution-entry {
        height:auto;
        clear:both;
        width:100%;
        margin-left:0;
        padding:18px 0 1px 13px;
        background-color:#1e5aa0;
    }

    .ns-entry.container .institution-entry h2 {
        border:none;
    }

    .ns-investor-block-wide {
        height:340px;
        top: 80px;
    }

    .ns-entry.container .span3 {
        padding-bottom:0;
    }

    .ns-entry.container .choose-title {
        margin-bottom: 20px;
    }

    .ns-entry.container .span3.employee-entry,
    .ns-entry.container .span3.financial-entry {
        width: 48%;
        margin-left: 5px;
    }

    .ns-entry.container .span3.employee-entry {
        padding-top:30px;
        margin-left:13px;
    }

    .institution-entry .capgroup-title {
        margin-bottom: 0;
    }

    .ns-entry.container .institution-entry h2{
        height: auto;
        margin-bottom: 22px;
        padding-left: 13px;
    }

    .ns-entry.container .institution-entry p{
        padding-left: 13px;
    }

    .ns-entry.container .intro-text p {
        display: none;
    }

    .ns-entry.container .tagline p {
        margin:20px 0 0 13px;
    }

    .span12.tagline,
    .span12.intro-text {
        width: auto;
    }
    /* End Entry Component */

    /* Page Disclosure */
    .ns-disclosure .row [class*="span"] {
        float: none;
        min-height: 1px;
        margin-left: 0;
        width: 100%;
    }
    /* End Page Disclosure */

    /* Table Column Control OVerrides */
    .ns-table-wrapper{
        width: 768px;
    }

    /* Table responsive overrides */
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt0-c0,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt0-c1 {
        width: 50%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt1-c0 {
        width: 25%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt1-c1 {
        width: 75%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt2-c0 {
        width: 75%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt2-c1 {
        width: 25%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt3-c0 {
        width: 33%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt3-c1 {
        width: 67%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt4-c0 {
        width: 67%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt4-c1 {
        width: 33%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt5-c0,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt5-c1,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt5-c2 {
        width: 33.333%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt6-c0,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt6-c2 {
        width: 25%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt6-c1 {
        width: 50%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt7-c0,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt7-c1 {
        width: 25%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt7-c2 {
        width: 50%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt8-c1,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt8-c2 {
        width: 25%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt8-c0 {
        width: 50%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt9-c0,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt9-c1,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt9-c2,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt9-c3 {
        width: 25%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt10-c0,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt10-c1,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt10-c2,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt10-c3,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt10-c4 {
        width: 20%;
    }

    html .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt11-c0,
    html .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt11-c1,
    html .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt11-c2,
    html .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt11-c3,
    html .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt11-c4,
    html .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt11-c5 {
        width: 16.65%;
    }
    /* End Table Component */

    /* Mutual Funds */
    .ns-mutual-funds .two-col-one,
    .ns-mutual-funds .two-col-two{
        margin-bottom: 12px;
    }

    .two-col-wrap {
    *zoom: 1;
    }

    .two-col-wrap:before,
    .two-col-wrap:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .two-col-wrap:after {
        clear: both;
    }
    /* End Mutual Funds */

    /* Section Component */

    html .sections-wrapper .section-label{
        width: 87%;
    }

    /* End Section */

    /* SEARCH PAGE 1/4 Left Rail Template Behavior @ breakpoint */
    .ns-search-body.container > .row > .span3:first-child {
        width: 31.8230452675%;
        margin-left: 0;
    }
    /* SEARCH PAGE 1/4 Left Template Default Behavior @breakpoint */
    .ns-search-body.container > .row > .span9 {
        width: 63.646090535%;
    }

    /* Search page

    .featured.section.banners,
    .cq-searchpromote-results,
    .ns-search-filter,
    .ns-search-query-container{
        margin-left: 13px;
    }
    */
    .ns-search .cq-searchpromote-search #q  {
        width: 310px;
    }

    .ns-search.cq-searchpromote-search{
        width: 355px;
    }

    .ns-search-query-container {
        margin-bottom: 20px;
    }
    .results.section .cq-searchpromote-results span {
        margin-bottom: 30px;
    }

    /* Login Investor - logout btn at MEDIUM */
    .login-investor .loggedInContent a.btn.lock {
        float: none;
        margin-top: 13px;
    }
    /* Login Investor - logout btn at MEDIUM */

    /* Sticky anchor at MEDIUM */
    .ns-sticky-anchor-links-component .row-fluid .span12 {
        width: 100%;
    }

    .span12 .ns-sticky-anchor-links-component .row-fluid .span14 {
        margin-left: .206;
        width: 14.108%;
    }
    /* Sticky anchor at MEDIUM */

    /* flex template at MEDIUM */
    .flex-no-title ~ .ns-body-wide .ns-outer-control {
        background-image: none;
    }
    /* End - flex template at MEDIUM*/

	.fund-service .jp-fund-center .fund-service-hdr .col-md-6 {
	    display: none;
	}

	.fund-service .jp-fund-center .fund-service-hdr .col-md-2,
	.fund-service .jp-fund-center .col-md-2.fund-num {
	    width: 33%;
	}

}

/* Up to landscape phone*/
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 480px), screen and (max-width: 480px), screen and (max-device-width: 568px) and (-webkit-device-pixel-ratio:2.0), screen and (max-device-width: 569px) and (-webkit-device-pixel-ratio:1.5) {

    body {
        padding-top: 0;
    }

    .hidden-phone {
        display: none !important;
    }

    #modal-mask.masked {
        display: none;
    }

    .row {
        margin-left: 0px;
        *zoom: 1;
    }

    .row:before,
    .row:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .row:after {
        clear: both;
    }

    [class*="span"] {
        min-height: 1px;
        margin-left: 0;
    }

    .row-fluid > [class*="span"] {
        width: 100%;
        margin-left: 0;
    }

    .container,
    .utility-bar.container,
    .footer .container,
    .ns-outer-control {
        width: 99.99999999999999%;
    }

    .ns-hedge.container,
    .ns-body.container,
    .ns-search-body.container,
    .ns-title.container,
    .ns-disclosure.container {
        width: 96.99999999999999%;
    }

    /* Restore Rail BG Colors and Padding */
    .right-rail-bgc {
        background-color: #FFF;
        padding: 0;
    }

    .left-rail-bgc {
        background-color: #FFF;
        padding:0;
    }

    /* End Restore Rail BG Colors and Padding */

    /* prevent long words from extending beyond container */
    p {
        word-wrap: break-word;
    }

    .utility-bar-inner .container .h1 {
        display: inline-block;
        padding: 4px 13px;
    }
    .utility-bar-inner .container a.logoImage img{
		display:inline-block;
   		padding:5px 4px;
		width:70%;
	}

    .utility-bar-inner .container .h1 sup {
        font-size: 1rem
    }

    .utility-bar-inner {
        height: inherit;
        min-height: 30px;
    }

    .utility-bar-inverse .utility-bar-inner {
        background-color: #FAFAFA;
        background-image: none;
        border-color: #FAFAFA;
    }

    .utility-bar-fixed-top {
        position: static;
        margin-bottom: 18px;
    }

    .utility-bar-fixed-top .utility-bar-inner {
        padding: 5px;
    }

    .utility-bar .container {
        width: auto;
        padding: 0;
    }

    .utility-bar .btn.btn-navbar.three-bar {
        display: block;
        background: url('/etc.clientlibs/capital-group/clientlibs/clientlib-site/resources/images/sprites/icons@1x.png') no-repeat -80px -176px;
        background-size: 288px 256px;
        width: 15px;
        height: 15px;
        margin-right: 15px;
        padding: 0;
    }

    .nav-collapse {
        clear: both;
    }

    .nav-collapse .nav {
        float: none;
        margin: 0;
    }

    .utility-bar .nav > li > span {
        padding: 6px 15px 5px;
    }

    .nav-collapse .nav > .divider-vertical {
        display: none;
    }

    .nav-collapse .nav .nav-header {
        color: #999999;
        text-shadow: none;
    }

    .nav-collapse .nav > li > a,
    .nav-collapse .dropdown-menu a {
        padding: 6px 15px;
        -webkit-border-radius: none;
        -moz-border-radius: none;
        border-radius: none;
    }

    .nav-collapse .btn {
        padding: 4px 10px 4px;
        font-weight: normal;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .nav-collapse .dropdown-menu li + li a {
        margin-bottom: 2px;
    }

    .nav-collapse .nav > li > a:hover,
    .nav-collapse .dropdown-menu a:hover {
        background-color: #009ADF;
    }

    .nav-collapse.in .btn-group {
        padding: 0;
        margin-top: 5px;
    }

    .nav-collapse .dropdown-menu:before,
    .nav-collapse .dropdown-menu:after {
        display: none;
    }

    .nav-collapse .dropdown-menu .divider {
        display: none;
    }

    .nav-collapse .in {
        position: relative;
    }

    .utility-bar .nav-collapse .nav.pull-right {
        float: none;
        margin-left: 0;
        background: #000;
        width: 100%;
        border-top: 1px solid #444444;
    }

    .utility-bar .nav-collapse .nav.pull-right > li:first-child {
        display: none;
    }

    .utility-bar .nav > li > a {
        float: none;
        border-left: 1px solid #444444;
        color: #FFFFFF;
        font-family: AvenirNextLTCom-Demi, Arial, Helvetica, sans-serif;
        text-decoration: none;
        text-transform: uppercase;
    }

    .utility-bar .nav > li:first-child > a {
        border-left: 0 none;
    }

    .utility-bar .nav-collapse .nav.pull-right > li {
        float: left;
    }

    .utility-bar .nav-collapse .nav.pull-right > li:last-child {
        float: right;
    }

    .nav-collapse,
    .nav-collapse.collapse {
        height: 0;
        overflow: hidden;
    }

    .utility-bar .btn-utility-bar {
        display: block;
    }
    .utility-bar-static .utility-bar-inner {
        padding-right: 10px;
        padding-left: 10px;
    }

    .utility-bar-inverse .nav.cross-site-nav > li:first-child > a {
        padding-left: 13px;
    }

    .utility-bar-inverse .nav.cross-site-nav > li > a,
    .utility-bar-inverse .nav.cross-site-nav > li.disabled > a:hover,
    .utility-bar-inverse .nav.cross-site-nav > li.disabled > a:focus {
        background-color: #4d4d4d;
        background-image: -moz-linear-gradient(top, #666666, #333333);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#333333));
        background-image: -webkit-linear-gradient(top, #666666, #333333);
        background-image: -o-linear-gradient(top, #666666, #333333);
        background-image: linear-gradient(to bottom, #666666, #333333);
        background-repeat: repeat-x;
        border-left: 1px solid #666;
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#666666', endColorstr='#333333', GradientType=0);
    }

    .cross-site-nav li.site-type {
        float: right;
        margin-right: 13px;
    }

    .utility-bar-inverse .nav.cross-site-nav > li:first-child > a,
    .utility-bar-inverse .nav.cross-site-nav > li.disabled:first-child > a {
            border-left: 0 none;
    }

    .dropdown-menu {
        display: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none;
    }

    .utility-bar .nav.pull-left,
    .nav-collapse ul.nav {
        float: none;
        background: #000;
        height: auto;
        z-index: 1005;
        color: #000;
        display: block;
        margin-right: 0 !important;
        /* Test */
    }

    .cross-site-nav li:first-child a {
        padding: 6px;
    }

    .cross-site-nav li a .home .icon + span {
        display: none;
    }

    .nav-collapse,
    .cross-site-nav,
    .nav.pull-right,
    .ns-login-dropdown,
    .footer-nav,
    .utility-bar .nav-collapse .nav.pull-right {
        *zoom: 1;
    }

    .nav-collapse:before,
    .nav-collapse:after,
    .cross-site-nav:before,
    .cross-site-nav:after,
    .nav.pull-right:before,
    .nav.pull-right:after,
    .footer-nav:before,
    .footer-nav:after,
    .ns-login-dropdown:before,
    .ns-login-dropdown:after,
    .utility-bar .nav-collapse .nav.pull-right:before,
    .utility-bar .nav-collapse .nav.pull-right:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .nav-collapse:after,
    .cross-site-nav:after,
    .nav.pull-right:after,
    .ns-login-dropdown:after,
    .footer-nav:after,
    .utility-bar .nav-collapse .nav.pull-right:after {
        clear: both;
    }


    .ns-account-utilities li .lock .icon {
        background-position: -48px -48px;
    }

    /* Login Dropdown */
    .ns-login-dropdown {
        position: relative;
        display: none;
        width: 100%;
        float: none;
        z-index: 1;
        background: #4d4d4d;
        border-top: 5px solid #009adf;
    }

    .ns-login-dropdown li {
        padding: 13px 13px 16px;
        padding: .9285714285714rem .9285714285714rem 1.14285714285714rem;
        font-family: AvenirNextLTCom-Demi, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-size: 1rem;
        line-height: 30px;
        line-height: 2.14285714285714rem;
    }

    .ns-login-dropdown li:last-child {
        background: #333;
    }

    .ns-login-dropdown li > div a {
        color: #66C2EC;
    }

    .ns-login-dropdown a:hover {
        color: #FFF;
        background-color: none;
        background: none;
    }

    .btn.btn-small.lock:hover,
    .btn.btn-small.lock:focus,
    .btn.btn-small.lock:active {
        background-color: #66C2EC;;
    }

    .btn.btn-small.lock .icon {
        background-position: -48px -16px;
    }

    .lock.ns-login-toggle:hover .icon,
    .lock.ns-login-toggle:focus .icon,
    .lock.ns-login-toggle:active .icon,
    .ns-login-dropdown li > div a.lock .icon {
        background-position: -48px -32px;
    }

    .ns-account-utilities li a.gear:hover .icon,
    .ns-account-utilities li a.gear:focus .icon,
    .ns-account-utilities li a.gear:active .icon {
        background-position: -32px -32px;
    }

    .ns-login-toggle:hover .arrow {
        background-position: -64px -32px;
    }

    .open .ns-login-toggle:active .arrow,
    .open .ns-login-toggle:focus .arrow {
        background-position: -80px -32px;
    }

    .ns-login-dropdown li > div a.help .icon {
        background-position: -272px -158px;
    }

    .ns-login-dropdown li > div h3 {
        color: #fff;
    }

    .ns-login-dropdown .utility-bar-registration {
        float: left;
        margin-right: 2em;
    }

    .ns-login-dropdown li .state-site-defined.advisor-id,
    .ns-login-dropdown li .state-accounts-active.accounts-id {
        color: #FFF;
        background: transparent;
    }

    .ns-login-dropdown .utility-bar-registration-help a {
        font-style: italic;
        font-family: AvenirNextLTCom-Regular, Arial, Helvetica, sans-serif;
        color: #FFF;
    }

    .ns-login-dropdown .utility-bar-registration-help a span.registration-text {
        border-bottom: 1px dotted #FFF;
    }

    .ns-login-dropdown {
        *zoom: 1;
    }

    .ns-login-dropdown:before,
    .ns-login-dropdown:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .ns-login-dropdown:after{
        clear: both;
    }

    /* End Login Dropdown */

    /* Investor Login Dropdown */
    .investor .dd-login {
        width: 100%;
        overflow: visible;
        background-color: #fff;
    }

    .investor .dd-login > ul > li {
        width: 100%;
        padding: 0;
        list-style-type: none;
    }
    .investor .dd-login .dd-login-section {

        width: 100%;
    }


    .investor .dd-login .dd-login-header h3 {
        color: #333;
    }

    .investor .dd-login .dd-login-main .dd-help {
        padding: 6px 0;
        background-color: #fff;
    }

    .investor .dd-login .dd-login-help {
        display: none;
        background-color: #f5f5f5;
    }

    .investor .dd-login .dd-login-help ul {
        margin: 0 0 18px .65em !important;
    }

    .investor .dd-login .dd-login-help li {
        list-style-type: none;
    }

    .investor .dd-login .dd-login-help li:last-child {
        background-color: inherit;
    }

    .investor .dd-login .dd-login-section .dd-link-login-help-forward {
    background: url(/etc.clientlibs/capital-group/clientlibs/clientlib-site/resources/images/icons/circle-arrow-up.png) 100% 0 no-repeat;
    }

    .investor .dd-login .dd-login-section .dd-link-login-help-back {
        background: url(/etc.clientlibs/capital-group/clientlibs/clientlib-site/resources/images/icons/circle-arrow-down.png) 5% 0 no-repeat;
    }
    /* End Investor Login Dropdown */

    /* header */
    .ns-header .row {
        display: none;
    }

    .ns-header.entry .row {
        display: block;
    }

    .ns-header.entry header .row > .span2 img {
        max-width: none;
        margin-left: 12px;
    }

    .ns-header .small-site-nav {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .ns-header .small-site-nav.collapse li form.ns-search {
        display: block;
    }

    .investor .ns-header .small-site-nav.collapse {
        margin-bottom: 0;
    }

    .ns-header .small-site-nav .ns-search-btn {
        margin-left: 15px;
        background: none;
        border: none;
    }

    .ns-header .small-site-nav li {
        padding: 8px 13px;
        background: #FAFAFA;
        border: 0;
        border-bottom: 1px solid #E6E6E6;
        margin: 0;
    }

    form.ns-search {
        border:1px solid #ccc;
        margin-left: 0px;
    }

    form.ns-search .ns-search-wrapper {
        background:#fff;
        position:relative;
    }

    form.ns-search .ns-search-wrapper input {
        margin: 0;
        width: 90%;
        border:none;
        color:#333;
    }

    form.ns-search .ns-search-wrapper button {
        position: absolute;
        background-color: transparent;
        cursor: pointer;
        height: 17px;
        right: 10px;
        top: 5px;
        width: 17px;
    }

    form.ns-search .ns-search-wrapper button {
        padding: 0;
        font-size: 11px;
        font-size: 0.785714286rem;
        line-height: 1.428571429;
        font-weight: normal;
        color: #333;
        background-color: transparent;
        background-image: none;
        border: none;
        border-radius: none;
        box-shadow: none;
    }

    form.ns-search .ns-search-wrapper button:hover {
        color: #333;
        background-color: transparent;
        background-image: none;
    }

    form.ns-search .ns-search-wrapper button:active {
        color: #333;
        background-color: transparent;
        background-image: none;
        box-shadow: none;
        border: none;
    }

    /* end header */

    /* Title Bar */
    .ns-title.container .span12,
    .ns-body.container .span12,
    .ns-search-body.container .span12 {
        width: 99%;
    }

    .ns-title-wide .ns-title-bar.investor h1 p,
    .ns-title-wide .ns-title-bar.investor .h1 p {
        font-size: 26px;
        line-height: 30px;
    }

    /* 1/3 Right Template Default Behavior @breakpoint */
    .ns-body.container > .row > .span8:first-child {
        width: 99%;
        margin-left: 0;
    }

    /* Reset right and left rail padding */
    .right-rail-pad,
    .left-rail-pad {
        padding: 0;
    }

    /* Authored Custom 1/3 Right Template Behavior @breakpoint */
    .ns-body.container.custom-reflow > .row > .span8:first-child {
        width: 99%;
        margin-left: 0;
    }

    /* 1/4 Right Template Default Behavior @breakpoint */
    .ns-body.container > .row > .span9:first-child,
    .ns-search-body.container > .row > .span9:first-child {
        width: 99%;
        margin-left: 0;
    }

    /* Authored 1/4 Right Template Behavior @ breakpoint */
    .ns-body.container.custom-reflow > .row > .span9:first-child {
        width: 99%;
        margin-left: 0;
    }

    /* 1/4 Left Rail Template Behavior @ breakpoint */
    .ns-body.container > .row > .span9:not(:first-child),
    .ns-search-body.container > .row > .span9:not(:first-child) {
        width: 99%;
        margin-left: 0;
    }

    /* 1/3 Right Template Behavior @ breakpoint */
    .ns-body.container > .row > .span4:not(:first-child) {
        width: 99%;
        margin-left: 0;
    }

    /* Authored Custom 1/3 Right Template Default Behavior @breakpoint */
    .ns-body.container.custom-reflow > .row > .span4:not(:first-child) {
        width: 99%;
        margin-left: 0;
    }

    /* 1/4 Right Template Behavior @ breakpoint */
    .ns-body.container > .row > .span3:not(:first-child),
    .ns-search-body.container > .row > .span3:not(:first-child) {
        width: 99%;
        margin-left: 0;
    }

    /* Authored Custom 1/4 Right Template Default Behavior @breakpoint */
    .ns-body.container.custom-reflow > .row > .span3:not(:first-child) {
        width: 99%;
        margin-left: 0;
    }

    /* 1/4 Left Rail Template Behavior @ breakpoint */
    .ns-body.container > .row > .span3:first-child,
    .ns-search-body.container > .row > .span3:first-child {
        width: 99%;
        margin-left: 0;
    }

    /* SEARCH PAGE 1/4 Left Rail Template Behavior @ breakpoint */
    .ns-search-body.container > .row > .span3:first-child {
        width: 99%;
        /*margin-left: 13px;*/
    }
    /* SEARCH PAGE 1/4 Left Template Default Behavior @breakpoint */
    .ns-search-body.container > .row > .span9 {
        width: 99%;
        margin-left: 13px;
    }

    .ns-search-filter div .title{
        display: none;
    }

    /* Search page */
    .ns-search-query-container .search-text,
    .ns-search-query-container .search-form {
        margin-left: 0;
    }
    .ns-search-query-container .search-form {
        width: 100%;
        min-width: 222px;
    }

    .ns-search.cq-searchpromote-search {
        width: 100%;
    }

    .ns-search-query-container,
    .results.section .cq-searchpromote-results span {
        margin-bottom: 13px;
    }

    /* Hidden search in header */
    .ns-header.container .small-site-nav.in.collapse  div.ns-search.cq-searchpromote-search {
        width: 100%;
    }

    /* CQ Col Control RWD Reset to W I D E @breakpoint */
    .ns-body.container > .row > [class*="span"] [class*="cq-colctrl-lt"] {
        width: 99%;
        margin-left: 0;
    }

    /* removing spacer for promo - side-by-side layout */
    .ns-body.container > .row > .span4 .ns-one-twenty-eight-spacer,
    .ns-body.container > .row > .span3 .ns-one-twenty-eight-spacer {
        min-height: 0;
    }

    /* Removing spacer for promo - stacked layout */
    .ns-body.container.custom-reflow > .row > .span4 .ns-one-twenty-eight-spacer,
    .ns-body.container.custom-reflow > .row > .span3 .ns-one-twenty-eight-spacer {
        min-height: 0;
    }

    /* CGC Tabs */
    .cgc-tab-hr {
        display: none;
    }

    .ns-cgc-tabs-component .row-fluid.tabwrap,
    .ns-cgc-tabs-component .nav.nav-tabs.tabwrap {
        display: none;
    }

    .ns-cgc-tabs-component .tab-bar {
        display: none !important;
    }

    .ns-cgc-tabs-component .tab-pane {
        background: #FFF;
    }

    .ns-cgc-tabs-component .tab-content .ns-accordian-trigger {
        display: block;
        margin-bottom: 1px;
    }

    .ns-cgc-tabs-component .tab-content .ns-accordian-trigger.hover {
        background: #999 !important;
    }

    .ns-accordian-trigger .truncate {
        font-size: 18px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }
    /* End CGC Tabs */

    /* Footer */
    .footer .row {
        margin-left: 0;
    }

    .footer .about ul li {
        border-right: none;
        border-left: 1px #666 solid;
    }

    .footer .about ul li:first-child {
        display: block;
        border: none;
    }

    .footer .about ul li:nth-child(2) {
        padding-left: 0;
        border: none;
    }

    /* whoa crazy town selector ahead*/
    .footer .about .row:first-child .span12 > ul li:nth-last-child(2){
        border-right: none;
    }

    .footer .about .row:first-child .span12 > ul li ul.social-media-badges li {
        border: none;
    }

    .footer .about .social-media-badges li {
        border: none;
    }

    .footer li {
        display: block;
    }

    .footer .row [class*="span"] {
        float: none;
        min-height: 1px;
        margin-left: 0;
        width: 100%;
    }

    .concise-sitemap {
        padding-top: 0;
    }

    .concise-sitemap h5 {
        margin: 0;
        padding: 13px 13px 13px 10px;
        border-top: 1px #CCC solid;
    }

    .concise-sitemap .icon.hidden-desktop {
        display: inline-block !important;
    }

    .footer .concise-sitemap ul {
        margin: 0;
        display: none;
    }

    .footer .concise-sitemap ul li {
        margin: 0;
        padding: 0 33px 13px;
        background: #666;
    }

    .footer .concise-sitemap ul li:first-child {
        padding-top: 13px;
    }

    .footer .concise-sitemap ul li > a {
        font-size: 1rem;
        background: transparent;
    }

    footer.legal {
        padding-top: 0;
    }

    .footer .legal h5 {
        margin: 26px 13px 0 13px;
    }

    .footer .legal p {
        margin: 13px 13px 0 13px;
    }

    .footer .legal ul.footer-nav {
        margin: 13px 13px 26px 13px;
    }

    .footer .legal ul.footer-nav li:first-child a {
        padding-left: 0;
    }

    .footer ul li,
    .footer .about ul li {
        border: none;
        padding: 0;
    }

    .footer ul li a {
        padding: 0 13px 0 0;
        padding: 0 0.92857142857142857142857142857143rem 0 0;
    }

    ul.social-media-badges li a {
        padding: 0;
    }

    /* end footer */

    .ns-breadcrumb.container > .row > .span12 {
        width: 99%;
    }

    /* Entry Component */
    .ns-entry.container{
        width: 100%;
    }
    .ns-entry.container .span3.investing-block, .ns-entry.container .span12.tagline{
        display:none;
    }
    .ns-entry.container h2{
        margin-bottom:10px;
        font-size: 1.286rem;
        line-height: 1.429rem;
        height: 45px;
    }

    .ns-entry.container .span3.financial-entry {
        padding-top:43px;
    }

    .ns-entry.container .institution-entry {
        height:auto;
        clear:both;
        width:100%;
        margin-left:0;
        padding:10px 0 1px 13px;
        background-color:#1e5aa0;
    }

    .ns-entry.container .institution-entry h2 {
        border:none;
    }

    .ns-investor-block-wide {
        height:auto;
        top: 0;
    }

    .ns-entry.container .span3 {
        padding-bottom:0;
    }

    html .entrycallout {
        background-image:none;
    }

    .ns-entry.container .choose-title {
        margin-bottom: 0;
        padding-top: 3px;
        height: 34px;
        font-size: 1.143rem;
        line-height: 1.286rem;
    }

    .ns-entry-wide {
        height:auto;
        margin-bottom: 0;
    }

    .ns-entry.container .span3.employee-entry,
    .ns-entry.container .span3.financial-entry {
        width: 46%;
    }

    .ns-entry.container .span3.employee-entry {
        padding-top:6px;
        margin-left:13px;
    }

    .institution-entry .capgroup-title {
        margin-bottom: 0;
    }

    .ns-entry.container .institution-entry h2{
        height: auto;
    }

    .ns-entry.container .tagline p {
        margin:0;
    }
    /* End Entry Component */

    /* Modal */
    .ns-modal {
        position: absolute;
        width: 100%;
        left: 0;
        max-height: 100%;
        margin-left: 0;
        overflow: visible;
        border-width: 1px 0;
        background-color: #ffffff;
    }

    .ns-modal .ns-modal-header {
        margin-right: 10px;
    }

    .ns-modal .ns-modal-header h4 {
        margin-left: 13px;
    }
    /* End Modal */

    /* Content Utility Popover */
    .ns-content-utility .cg-popover {
        width: 225px;
        width: 16.07142857142857rem;
    }

    .ns-content-utility .cg-popover .cg-arrow {
        display: none;
    }

    /* Promo Component */

    .span3 .ns-promo,
    .span4 .ns-promo {
        display: none;
    }

    .span9 .ns-promo .ns-image-mask,
    .span8 .ns-promo .ns-image-mask {
        display: none;
    }

    html .ns-promo .ns-promo-text {
        float: none;
        padding: 13px;
        width: auto !important;
    }

    html .ns-promo .btn {
        width: auto;
        text-align: center;
        padding: 6px 15px;
    }

    html .ns-promo .ns-promo-img {
        float: none;
        max-width: auto;
        padding: 0 13px 13px 13px;
    }

    html .ns-promo.no-image {
        display: block !important;
        text-align: left !important;
    }

    html .span9 .ns-promo.no-image .ns-promo-img,
    html .span8 .ns-promo.no-image .ns-promo-img {
        display: block;
        width: auto;
        text-align: left;
        max-width: 100%;
    }

    html .ns-promo .btn span {
        padding: 0;
    }

    html .span8 .ns-promo.no-image,
    html .span9 .ns-promo.no-image {
        display: block;
    }

    /* End Promo component*/

    /* Removing spacer for promo + title bar */
    .ns-body.container > .row > .span4 .ns-one-twenty-eight-spacer {
        margin-top: 0;
    }

    /* Image Component Icon Removal */
    .ns-image-component .contain {
        display: none;
    }

    /* Page disclosure */
    .ns-disclosure .row [class*="span"] {
        float: none;
        min-height: 1px;
        margin-left: 0;
        width: 100%;
    }
    /* End Page Disclosure */

    /* Table responsive overrides */

    .ns-table-wrapper{
        width: 768px;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt0-c0,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt0-c1 {
        width: 50%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt1-c0 {
        width: 25%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt1-c1 {
        width: 75%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt2-c0 {
        width: 75%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt2-c1 {
        width: 25%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt3-c0 {
        width: 33%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt3-c1 {
        width: 67%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt4-c0 {
        width: 67%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt4-c1 {
        width: 33%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt5-c0,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt5-c1,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt5-c2 {
        width: 33.333%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt6-c0,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt6-c2 {
        width: 25%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt6-c1 {
        width: 50%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt7-c0,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt7-c1 {
        width: 25%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt7-c2 {
        width: 50%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt8-c1,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt8-c2 {
        width: 25%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt8-c0 {
        width: 50%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt9-c0,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt9-c1,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt9-c2,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt9-c3 {
        width: 25%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt10-c0,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt10-c1,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt10-c2,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt10-c3,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt10-c4 {
        width: 20%;
    }

    html .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt11-c0,
    html .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt11-c1,
    html .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt11-c2,
    html .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt11-c3,
    html .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt11-c4,
    html .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt11-c5 {
        width: 16.65%;
    }

    /* Mutual Funds */
    .ns-mutual-funds .two-col-three,
    .ns-mutual-funds .one-col-one{
        margin-bottom: 12px;
    }
    /* End Mutual Funds */


    /* Frame component display in small breakpoint - start */

    .promo-box.square-box {
        height: initial !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    .promo-box.square-box:before {
        padding-top: 40% !important;
    }

    .promo-box .squarebox-content {
        border: 0px !important;
        padding-top: 20px;
        border-color: transparent !important;
        pointer-events: none;
    }

    .promo-box .squarebox-content span {
        padding: 0 20px 0 20px !important;
    }

    .promo-box .squarebox-content span.x-small {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .promo-box .squarebox-content span.small {
        font-size: 16px !important;
        line-height: 21px !important;
    }

    .promo-box .squarebox-content span.medium {
        font-size: 22px !important;
        line-height: 27px !important;
    }

    .promo-box .squarebox-content span.large {
        font-size: 28px !important;
        line-height: 32px !important;
    }

    /* Frame component display in small breakpoint - end */

    /* Suppress link list - Start */
    .ns-link-list-component.link-list-suppress {
        display: none;
    }
    .ns-link-list-component.link-list-nohr hr {
        display: none;
    }

    /* Suppress link list - End */

    /* Disclaimer popup alignment fix - Small breakpoint */
    .tenant-disclaimer .disclaimerBrk {
        display: block;
    }

    /* Shuffleboard component related changes -- start */
    .shuffleboard .close-button {
        margin-left: 76% !important;
    }
    .shuffleboard.lt1 .tile-1, .shuffleboard.lt1 .tile-2, .shuffleboard.lt2 .tile-1, .shuffleboard.lt2 .tile-2, .shuffleboard.lt3 .tile-1, .shuffleboard.lt3 .tile-2, .shuffleboard.lt4 .tile-1, .shuffleboard.lt4 .tile-2, .shuffleboard.lt5 .tile-1, .shuffleboard.lt5 .tile-2 {
        width: 100% !important;
        padding-right: 1px;
    }
    .shuffleboard.shuffleboard-desktop {
        display: none;
    }
    .shuffleboard.shuffleboard-smallBreakpoint {
        display: block !important;
    }
    .shuffleboard.shuffleboard-smallBreakpoint .tile-1-parsys, .shuffleboard.shuffleboard-smallBreakpoint .tile-2-parsys, .shuffleboard.shuffleboard-smallBreakpoint .tile-3-parsys, .shuffleboard.lt6 .tile-1, .shuffleboard.lt6 .tile-2, .shuffleboard.lt6 .tile-3 {
        width: 100% !important;
    }
    /* Shuffleboard component related changes - end */

    .ns-sticky-anchor-links-component .row-fluid,
    .ns-sticky-anchor-links-component .row-fluid .span6,
    .ns-sticky-anchor-links-component .row-fluid .span6 .anchor-link,
    .ns-sticky-anchor-links-component .row-fluid .span6 .anchor-link a {
        display: none;
    }
    #oo_tab {
        display: none;
    }

    .ns-sticky-anchor-links-component .sticky-anchor-dropdown {
        display: block;
    }

    /* Login Investor - logout btn at SMALL */
    .login-investor .loggedInContent a.btn.lock {
        float: right;
        margin-top: 0;
    }
    /* Login Investor - logout btn at SMALL */

    /* Sticky anchor at SMALL */
    /*.ns-sticky-anchor-links-component .row-fluid,
    .ns-sticky-anchor-links-component .row-fluid .span6,
    .ns-sticky-anchor-links-component .row-fluid .span6 .anchor-link,
    .ns-sticky-anchor-links-component .row-fluid .span6 .anchor-link a {
        display: none;
    }

    .ns-sticky-anchor-links-component .sticky-anchor-dropdown {
        display: block;
    }*/

    .ns-sticky-anchor-links-component .sticky-anchor-dropdown .wide {
        width: 100%;
    }

    .ns-sticky-anchor-links-component .sticky-anchor-menu {
        display: none;
    }

    .ns-sticky-anchor-links-component .anchor-link span {
        display: inline-block;
    }

    .ns-sticky-anchor-links-component .anchor-link span:first-child {
        margin-right: 4px;
    }
    /* Sticky anchor at SMALL */

    /* Wrapper at SMALL */
    .ns-wrapper > div {
         padding: 13px !important;
    }
    /* Wrapper at SMALL - END */

    /* Media Component at SMALL */
    .ns-media-component .contain {
         display: none;
    }
    /*Media Component at SMALL - END */

    /* Highlight Component*/
    .highlight.section {
        width: 100%;
    }
    /* Highlight Component*/

    /* flex template*/
    .flex-hr {
        display: none;
    }

    .flex-no-title ~ .ns-body-wide .ns-outer-control {
        background-image: none;
    }
    /* End - flex template*/

    /*Link Dropdown*/
    .link-dropdown .pre-text-label {
        display: block;
        float: none;
        padding: 0;
        width: 100%;
        margin-bottom: 13px;
    }

    .link-dropdown .dropdown,
    .link-dropdown .dropdown button,
    .link-dropdown .dropdown ul,
    .link-dropdown .dropdown ul li,
    .link-dropdown .dropdownSection {
        width: 100% !important;
    }

    .link-dropdown .dropdownSection,
    .link-dropdown .dropdownSection div.dropdown-main {
        float: none !important;
    }

    .link-dropdown .dropdownSection div {
        margin-bottom: 6px;
    }

    .link-dropdown .label-padding {
        padding-top: 6px !important;
    }
    /*Link Dropdown*/
}

/* @ Small BP Portrait */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), screen and (max-device-width: 480px) and (orientation: portrait), screen and (max-width: 480px) and (orientation: portrait), screen and (max-device-width: 568px) and (-webkit-device-pixel-ratio:2.0) and (orientation: portrait), screen and (max-device-width: 569px) and (-webkit-device-pixel-ratio:1.5) and (orientation: portrait) {

    /* Content Utility Popover */
    .ns-content-utility .cg-popover {
        width: 225px;
        width: 16.07142857142857rem;
    }

    .ns-content-utility .cg-popover .cg-arrow {
        display: none;
    }

    /* Promo Component */

    .span3 .ns-promo,
    .span4 .ns-promo {
        display: none;
    }

    .span9 .ns-promo .ns-image-mask,
    .span8 .ns-promo .ns-image-mask {
        display: none;
    }

    html .ns-promo .ns-promo-text {
        float: none;
        padding: 13px;
        width: auto;
    }

    html .ns-promo .btn {
        width: auto;
        text-align: center;
        padding: 6px 15px;
    }

    html .ns-promo .ns-promo-img {
        float: none;
        max-width: auto;
        padding: 0 13px 13px 13px;
    }

    html .ns-promo.no-image {
        padding: 0;
        display: block;
    }

    html .span9 .ns-promo.no-image .ns-promo-img,
    html .span8 .ns-promo.no-image .ns-promo-img {
        display: block;
        width: auto;
        text-align: left;
        max-width: 100%;
    }

    html .ns-promo .btn span {
        padding: 0;
    }

    html .span8 .ns-promo.no-image,
    html .span9 .ns-promo.no-image {
        display: block;
    }


    /* End Promo component*/

    /* Removing spacer for promo + title bar */
    .ns-body.container > .row > .span4 .ns-one-twenty-eight-spacer {
        margin-top: 0;
    }

    /* Image Component Icon Removal */
    .ns-image-component .contain {
        display: none;
    }

    /* Page disclosure */
    .ns-disclosure .row [class*="span"] {
        float: none;
        min-height: 1px;
        margin-left: 0;
        width: 100%;
    }
    /* End Page Disclosure */

    /* Table responsive overrides */

    .ns-table-wrapper{
        width: 768px;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt0-c0,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt0-c1 {
        width: 50%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt1-c0 {
        width: 25%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt1-c1 {
        width: 75%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt2-c0 {
        width: 75%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt2-c1 {
        width: 25%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt3-c0 {
        width: 33%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt3-c1 {
        width: 67%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt4-c0 {
        width: 67%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt4-c1 {
        width: 33%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt5-c0,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt5-c1,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt5-c2 {
        width: 33.333%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt6-c0,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt6-c2 {
        width: 25%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt6-c1 {
        width: 50%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt7-c0,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt7-c1 {
        width: 25%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt7-c2 {
        width: 50%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt8-c1,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt8-c2 {
        width: 25%;
    }
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt8-c0 {
        width: 50%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt9-c0,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt9-c1,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt9-c2,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt9-c3 {
        width: 25%;
    }

    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt10-c0,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt10-c1,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt10-c2,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt10-c3,
    .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt10-c4 {
        width: 20%;
    }

    html .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt11-c0,
    html .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt11-c1,
    html .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt11-c2,
    html .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt11-c3,
    html .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt11-c4,
    html .ns-body.container > .row > [class*="span"] div.ns-table-wrapper div.cq-colctrl-lt11-c5 {
        width: 16.65%;
    }

    /* Mutual Funds */
    .ns-mutual-funds .two-col-three,
    .ns-mutual-funds .one-col-one{
        margin-bottom: 12px;
    }
    /* End Mutual Funds */

    /* Login Investor - logout btn at SMALL */
    .login-investor .loggedInContent a.btn.lock {
        float: right;
        margin-top: 0;
    }
    /* Login Investor - logout btn at SMALL */

    /* Sticky anchor at SMALL */
    .ns-sticky-anchor-links-component .row-fluid,
    .ns-sticky-anchor-links-component .row-fluid .span6,
    .ns-sticky-anchor-links-component .row-fluid .span6 .anchor-link,
    .ns-sticky-anchor-links-component .row-fluid .span6 .anchor-link a {
        display: none;
    }

    .ns-sticky-anchor-links-component .sticky-anchor-dropdown {
        display: block;
    }

    .ns-sticky-anchor-links-component .sticky-anchor-dropdown .wide {
        width: 100%;
    }

    .ns-sticky-anchor-links-component .sticky-anchor-menu {
        display: none;
    }

    .ns-sticky-anchor-links-component .anchor-link span {
        display: inline-block;
    }

    .ns-sticky-anchor-links-component .anchor-link span:first-child {
        margin-right: 4px;
    }

    /* Utility bar */
    .utility-bar li.icon-only a {
        border-right: 1px solid #444444;
        padding: 6px 6px 6px 12px;
    }
    /* Utility bar */

    /* link list as navigation SMALL */
    .ns-link-list-component.list-page-nav > div.title {
        padding-left: 7px;
    }
    .ns-link-list-component.list-page-nav .link-list>li>ul>li,
    .ns-link-list-component.list-page-nav .link-list>li.path-list {
        padding: 13px 13px 0px 10px;
        border-top: 1px solid #000;
    }
    .ns-link-list-component.list-page-nav .link-list>li>ul>li:path-list,
    .ns-link-list-component.list-page-nav .link-list>li.path-list:path-list {
        border-top: 0px ;
    }
    .ns-link-list-component.list-page-nav .link-list.list-nav-icon>li>ul>li,
    .ns-link-list-component.list-page-nav .link-list.list-nav-icon>li.path-list {
        padding: 13px 13px 0px 26px;
    }
    .black .ns-link-list-component.list-page-nav .link-list>li>ul>li,
    .black60 .ns-link-list-component.list-page-nav .link-list>li>ul>li,
    .cg-dark-blue .ns-link-list-component.list-page-nav .link-list>li>ul>li,
    .black  .ns-link-list-component.list-page-nav .link-list>li.path-list,
    .black60 .ns-link-list-component.list-page-nav .link-list>li.path-list,
    .cg-dark-blue .ns-link-list-component.list-page-nav .link-list>li.path-list {
        border-top: 1px solid #FFF;
    }
    .ns-link-list-component .link-list.list-nav-icon>li {
        margin-left: 0 !important;
    }
    .ns-link-list-component .link-list.list-nav-icon .list-nav-active {
        margin-left: -23px !important;
    }
    .ns-link-list-component .list-nav-active {
        margin-left: 0 !important;
    }
    /* link list as navigation at SMALL */

    /* Back To Top */
    .back-top-link.active a .back-text {
        display: none;
    }
    /* Back To Top */

    /* Carousel component start */
    #carousel .carouselItem {
        overflow: visible !important;
        margin: -3em -4em !important;
    }
    #carousel .carouselItem{
        margin-top:    0em !important;
        margin-bottom: -4.5em !important;
        margin-left:  0em !important;
        margin-right: -2em !important;
    }
    #carousel-wrap #carousel-index {
        right: 10px !important;
    }
    #carousel-wrap #carousel {
        width: 100% !important;
        left: 0 !important;
    }

    .promo-box.square-box {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    #carousel .background div:first-child {
        background-size: auto !important;
    }
    /* Carousel component end */

    /*Link Dropdown*/
    .link-dropdown .pre-text-label {
        display: block;
        float: none;
        padding: 0;
        width: 100%;
        margin-bottom: 13px;
    }

    .link-dropdown .dropdown,
    .link-dropdown .dropdown button,
    .link-dropdown .dropdown ul,
    .link-dropdown .dropdown ul li,
    .link-dropdown .dropdownSection {
        width: 100% !important;
    }

    .link-dropdown .dropdownSection,
    .link-dropdown .dropdownSection div.dropdown-main {
        float: none !important;
    }

    .link-dropdown .dropdownSection div {
        margin-bottom: 6px;
    }

    .link-dropdown .label-padding {
        padding-top: 6px !important;
    }
    /*Link Dropdown*/

	.fund-service .jp-fund-center .fund-service-hdr .col-md-6 {
	    display: none;
	}

	.fund-service .jp-fund-center .fund-service-hdr .col-md-2,
	.fund-service .jp-fund-center .col-md-2.fund-num {
	    width: 33%;
	}
}

@media screen and (min-device-width : 569px) and (max-device-width : 767px) and (-webkit-min-device-pixel-ratio: 1),
@media screen and (min-device-width : 569px) and (max-device-width : 767px) and (-webkit-min-device-pixel-ratio: 2) {
    #carousel .carouselItem {
        overflow: visible !important;
        margin: -3em -4em !important;
    }
    #carousel .carouselItem{
        margin-top:    0em !important;
        margin-bottom: -4.5em !important;
        margin-left:  0em !important;
        margin-right: -2em !important;
    }
    #carousel-wrap #carousel-index {
        right: 30px !important;
    }
}

@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    /* Carousel component start */
    #carousel .carouselItem {
        overflow: visible  !important;
        margin: -3em -4em  !important;
    }
    #carousel .carouselItem{
        margin-top:    0em !important;
        margin-bottom: -4.5em !important;
        margin-left:  0em !important;
        margin-right: -2em !important;
    }
    #carousel-wrap #carousel-index {
        right: 10px !important;
    }
    #carousel {
        width: 100% !important;
        left: 0 !important;
    }
    /* Carousel component end */
}

/* Tenant Disclosure Modal @Large BP*/
@media screen and (min-width: 769px) {
    .ns-modal.disclaimer-modal {
        top: 151px;
    }
}
/* Tenant Disclosure Modal @Medium BP*/
@media screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), screen and (max-width: 768px), screen and (max-device-width: 768px) {
    .ns-modal.disclaimer-modal {
        top: 151px;
    }
    .ns-modal.disclaimer-modal .ns-outer-control {
        width: 768px;
    }
    .ns-modal.disclaimer-modal .ns-outer-control .ns-body.container {
        width: 96.99999999999999%;
    }
    .ns-modal.disclaimer-modal .ns-outer-control .ns-body.container .row .span12 {
        width: 96.99999999999999%;
    }
}

@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), screen and (max-device-width: 480px) and (orientation: landscape), screen and (max-width: 480px) and (orientation: landscape), screen and (max-device-width: 568px) and (-webkit-device-pixel-ratio:2.0) and (orientation: landscape), screen and (max-device-width: 569px) and (-webkit-device-pixel-ratio:1.5) and (orientation: landscape) {
    .ns-modal.disclaimer-modal {
        top: 0;
    }

    .ns-modal.disclaimer-modal .ns-outer-control {
        width: 100%;
    }
    .ns-modal.disclaimer-modal .ns-outer-control .ns-body.container {
        width: 96.99999999999999%;
    }
    .ns-modal.disclaimer-modal .ns-outer-control .ns-body.container .row .span12 {
        width: 96.99999999999999%;
    }
}

/* Retina display sprite management */
@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .icon,
    .arrow,
    .ns-article-teaser a .icon,
    .ns-image-component .magnify,
    .right-side-wrapper ul li:before,
    .utility-bar .btn.btn-navbar.three-bar,
    .sections-wrapper .ui-state-default .ui-icon,
    .sections-wrapper .ui-state-active .ui-icon {
        background-image: url('/etc.clientlibs/capital-group/clientlibs/clientlib-site/resources/images/sprites/icons@2x.png');
        -moz-background-size: 288px 256px;
        -ie-background-size: 288px 256px;
        -webkit-background-size: 288px 256px;
        background-size: 288px 256px;
    }
}

/* Landscape */
@media only screen
  and (min-device-width: 568px)
  and (max-device-width: 665px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .ns-modal.hide.in.scroll-whole {
        margin-left: 0 !important;
    }
}

/*
 * End additions from legacy AEM 10/2022
 */

/*
 * Accounts section
 */

.visible-sm-breakpoint,
.visible-up-to-tablet {
	display: none !important;
}

/* Tablet to desktop -- this is a non-standard width to fix right rail background only */
@media (min-width: 768px) and (max-width: 890px) {

	.portfolio-nav + .ns-body-wide.qtr-right-rail .ns-outer-control {
		background: #FFF;
	}

	.account-section .account-menu li.auto-spacer {
		display: none;
	}
}

 /* ipad Portrait*/
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait), screen and (max-width: 768px) {

	.portfolio-nav.qtr-right-rail .ns-outer-control {
		background: #FFF url("../img/accounts/portfolio-nav-bar-bg.jpg") repeat-x scroll center top;
	}

	select {
		width: 100% !important;
	}

	#portfolio-nav li.yr-portfolio a,
	#portfolio-nav li.port-value a,
	#portfolio-nav li.statements a {
		padding: 7px 8px;
	}

	#portfolio-nav li.yr-portfolio,
	#portfolio-nav li.statements {
		width: 7em;
	}

	#portfolio-nav li.port-value {
		width: 8em;
	}

	.account-menu li.exchange {
		min-width: 18%;
	}

	.account-menu li.rebalance {
		min-width: 21%;
	}

	.account-menu li.menu-manage-plans {
		min-width: 30%;
	}

	.account-menu li.auto-transactions {
		min-width: 39.9%;
	}

	.account-section .account-menu li.spacer {
		display: none;
	}

	#account-summary .collegeamerica-account-banner {
		width: 100%;
	}

	.mobile-btn .btn {
		width: 63%;
	}

	fieldset#transaction-amount {
		margin-top: 9px;
		margin-left: 0;
	}

	fieldset#transaction-filters span {
		padding-right: 15px;
	}

	fieldset#transaction-filters label {
		margin-right: 15px;
	}

	#statements-tax-forms-section {
		margin-top: -5px;
	}
}

/* Landscape phone to desktop/tablet */
@media screen and (max-width: 767px) {

	/*** Rules for accounts only ***/

	.hidden-below-tablet {
		display: none !important;
	}

	.visible-up-to-tablet {
		display: block !important;
	}

	.portfolio-nav + .ns-body-wide.qtr-right-rail .ns-outer-control {
		background-image: none;
	}

	.account-dropdown {
		min-width: 538px;
	}

	#portfolio-nav a {
		padding: 7px 8px;
	}

	#portfolio-nav li.yr-portfolio {
		width: 6em;
	}

	#portfolio-nav li.port-value {
		width: 8em;
	}

	#portfolio-nav li.statements,
	#portfolio-nav li.profile-settings {
		width: 7em;
	}

	#portfolio-nav li.profile-settings span.settings {
		margin-left: 24px;
	}

	#portfolio-nav li.custom-portfolio {
		width: 9em;
	}

	#account-summary .last-login {
		padding: 0 0 20px;
		border: 0 none;
	}

	#account-summary.js #accounts-wrapper {
		display: none;
	}

	#account-summary .accounts-toggle {
		padding-top: 9px;
	}

	#account-summary h3.mobile-header {
		font-size: 1em;
	}

	#account-summary .accounts-header {
		clear: both;
		padding-top: 9px;
		border-top: 1px solid #CCC;
	}

	#account-summary .accounts-header .retire-header th {
		padding-top: 30px;
	}

	#account-summary .account-detail {
		display: none;
	}

	#account-summary .account-module-header {
		margin-bottom: 9px;
	}

	#account-summary .account-module-header .expand {
		display: table-cell;
	}

	#account-summary .account-module-header .expand a {
		cursor: pointer;
	}

	#account-summary .account-module {
		clear: both;
	}

	#account-summary .view-transactions {
		padding-top: 13px;
		border-top: 1px solid #E5E5E5;
	}

	#account-summary .global-account-value {
		padding-top: 13px;
		border-width: 1px;
	}

	.mobile-btn .btn {
		width: 70%;
	}

	.account-menu li {
		min-width: 24.714% !important;
	}

	#account-summary .account-module-table .thead th:first-of-type small {
		display: block;
	}

	#account-summary .account-module-table .thead th:last-of-type {
		vertical-align: top;
	}

	#account-summary #profile-links {
		padding-top: 30px;
		border-top: 1px solid #CCC;
	}

	#account-summary .promo-links li {
		display: block;
		margin-right: 0;
	}

	fieldset#custom-date-range label:first-child {
		margin-left: 0;
	}

	fieldset#transaction-filters span {
		height: 50px;
		padding-right: 25px;
	}

	fieldset#transaction-filters label {
		width: 9em;
		margin-right: 25px;
	}

	/* Apply to tbody or table */
	.valign-middle td {
		vertical-align: middle !important;
	}

	table.dataTable.dtr-inline.collapsed tbody td.dataTables_empty {
		padding-left: 13px;
	}
}

/* Up to landscape phone*/
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), screen and (max-device-width: 480px), screen and (max-width: 480px), screen and (max-device-width: 568px) and (-webkit-device-pixel-ratio:2.0), screen and (max-device-width: 569px) and (-webkit-device-pixel-ratio:1.5) {

	/*** Rules for universal stylesheet ***/

	.cg-popover {
		width: 85% !important;
	}

	.cg-popover .cg-arrow {
		display: none;
	}

	.ns-steps-left {
		clear: both;
	}

	.ns-steps-left > li {
		float: none;
		margin-left: 0px;
	}

	/* iOS Fixes */
	/* Fix iOS resize event bug on page load */
	html,
	body {
		overflow: auto;
		min-height: 100vh;
		margin: 0;
		-webkit-overflow-scrolling: touch;
		(;-webkit-overflow-scrolling: auto;); /* Fix for Safari < 7 */
	}

	/* Prevent iOS text size adjust after orientation change, without disabling user zoom. */
	html {
		-moz-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}

	/*** Rules for accounts only ***/

	.visible-sm-breakpoint {
		display: block !important;
	}

	.portfolio-nav.fullwidth .ns-outer-control,
	.portfolio-nav.qtr-right-rail .ns-outer-control {
		background-image: none;
	}

	/* Begin Accounts Nav Widget */
	.ns-accounts-nav .btn.wide,
	.ns-accounts-nav .btn-subdued.wide {
		width: 100%;
		height: auto;
		padding: 9px 12px;
		margin: 0 0 9px;
		right: 0;
		text-align: left;
		text-transform: capitalize;
	}
/*
	.ns-accounts-nav .btn:hover,
	.ns-accounts-nav .btn:active {
		background-color: #009ADF;
		background-image: -moz-linear-gradient(top, #33AEE5, #009ADF);
		background-image: -webkit-linear-gradient(top, #33AEE5, #009ADF);
		background-image: linear-gradient(to bottom, #33AEE5, #009ADF);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#33AEE5, endColorStr=#009ADF)";
	}
*/
	.ns-accounts-nav .btn .icon,
	.ns-accounts-nav .btn-subdued .icon,
	#portfolio-nav .icon {
		float:right;
		margin: 0;
	}

	.ns-accounts-nav .nav-bar {
		padding: 0;
	}

	.ns-accounts-nav .nav-bar .nav.nav-tabs {
		display: none;
	}

	.ns-accounts-nav .nav-tabs > li {
		float: none;
		border-bottom: 1px solid #FFF;
	}

	.ns-accounts-nav .nav-bar .nav-link,
	#portfolio-nav .nav-bar .nav-link {
		background: #999999; /* Old browsers */
		background: -moz-linear-gradient(top,  #999999 0%, #8d8d8d 49%, #808080 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(49%,#8d8d8d), color-stop(100%,#808080)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #999999 0%,#8d8d8d 49%,#808080 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #999999 0%,#8d8d8d 49%,#808080 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #999999 0%,#8d8d8d 49%,#808080 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #999999 0%,#8d8d8d 49%,#808080 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#808080',GradientType=0 ); /* IE6-9 */
	}

	.ns-accounts-nav .nav-bar .nav-link a:hover,
	.ns-accounts-nav .nav-bar .nav-link.active,
	.ns-accounts-nav .nav-bar .nav-link.active a,
	#portfolio-nav li.active a,
	#portfolio-nav li:hover a {
		color: #FFF;
		background: inherit;
	}

	.ns-accounts-nav .nav-tabs > li > a,
	#portfolio-nav .nav-tabs > li > a {
		padding: 13px 12px;
		text-decoration: none;
	}

	.ns-accounts-nav .nav-bar .nav-link a:hover,
	#portfolio-nav .nav-bar .nav-link a:hover {
		color: #FFF;
		background: inherit;
	}

	#portfolio-nav li.yr-portfolio,
	#portfolio-nav li.port-value,
	#portfolio-nav li.statements,
	#portfolio-nav li.profile-settings,
	#portfolio-nav li.custom-portfolio {
		float: left;
		width: 100%;
	}

	#portfolio-nav li.profile-settings span.settings {
		margin-left: 0;
	}

	#portfolio-nav .profile-settings a,
	#portfolio-nav .custom-portfolio a {
		background-color: inherit;
	}

	#portfolio-nav li.profile-settings .icon {
		display: none;
	}

	#portfolio-nav li.custom-portfolio a:hover .icon {
		background-position: -64px -32px;
	}

	#portfolio-nav li.custom-portfolio a.active .icon {
		background-position: -80px -32px;
	}

	#portfolio-nav li.custom-portfolio a.active:hover .icon {
		background-position: -80px -32px;
	}

	#portfolio-nav #custom-views-dropdown {
		position: relative;
		padding-top: 0;
		border: 0 none;
		background-color: #FFF;
	}

	#portfolio-nav #custom-views-dropdown li {
		margin-bottom: 1px;
	}

	#portfolio-nav #custom-views-dropdown li.manage-views {
		padding-top: 0;
		border-top: 0 none;
	}

	#portfolio-nav #custom-views-dropdown li a {
		padding: 13px 12px;
		color: #333;
		background-color: #CCC;
	}

	#portfolio-nav #custom-views-dropdown li.active a,
	#portfolio-nav #custom-views-dropdown li:hover a {
		background-color: #CCC;
	}
	/* End Accounts Nav Widget */

	form#account-selection {
		float: none !important;
		padding: 0;
		margin-bottom: 18px;
		background: #FFF;
	}

	form#account-selection strong {
		color: #333;
	}

	form#account-selection select {
		margin-top: 4px;
	}

	#account-summary #total-value {
		text-align: left;
	}

	.account-menu li {
		min-width: 24.762% !important;
	}

	.account-dropdown {
		min-width: 98%;
		min-height: inherit;
		margin-bottom: 9px;
	}

	.account-dropdown li div {
		width: 95%;
	}

	#dropdown-account-selection li.selected {
		background-position: right 14px center;
	}

	#dropdown-account-selection.opened ul {
		position:relative;
		border-bottom: 0 none;
	}

	#account-activity .account-menu {
		display: none;
	}

	#account-activity select {
		width: auto !important;
		margin-bottom: 9px;
	}
}

/* @ Small BP Portrait */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), screen and (max-device-width: 480px) and (orientation: portrait), screen and (max-width: 480px) and (orientation: portrait), screen and (max-device-width: 568px) and (-webkit-device-pixel-ratio:2.0) and (orientation: portrait), screen and (max-device-width: 569px) and (-webkit-device-pixel-ratio:1.5) and (orientation: portrait) {

	/*** Rules for accounts only ***/

	.account-menu li {
		min-width: 24.655% !important;
	}
}