:root {
    --grey-50: rgba(161, 161, 161, 0.5);
    --blue-bold: #162d38;
}
.col-grey {
    color: solid var(--grey1);
}
.catab_i a {
    text-decoration: none;
}
.sub-tabbar {
    border-top: 1px solid var(--grey1);
}
.sub-tabbar .catab .catab_i {
    font-family: "SVN-Helvetica Now";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--grey1);
}
.sub-tabbar .catab .catab_i:hover {
    color: var(--blue);
}
.sub-tabbar .catab .catab_i:before {
    display: none !important;
}
.sub-tabbar .catab .active.catab_i {
    color: var(--blue);
}
.no-mg,
.dl_c.no-mg,
.box_ab .dl_c.no-mg {
    margin: 0;
}
.no-pd {
    padding: 0;
}
.no-pb {
    padding-bottom: 0;
}
.bg-bold-blue {
    background-color: var(--blue-bold);
}
.col-white a {
    color: #fff;
    text-decoration: underline;
}
.sub-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: "SVN-Helvetica Now";
}
.bg__anima_01.hasmark:before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
}
.advisors .wrapper {
    width: calc(100% + 8px);
}
.advisors .col-50 {
    width: calc(50% - 8px);
    margin-right: 8px;
}
.advisors .box-gray {
    border: solid 1px var(--grey1);
    padding: 30px 20px;
}
.advisors .row-item:not(:last-child) {
    margin-bottom: 24px;
}
.advisors .row-item .w-50 {
    width: 50%;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.padB1 {
    padding-bottom: 1px;
}
.advisors .box-gray h3 {
    margin-bottom: 27px;
}
.w-50 {
    width: 50%;
}
.w-25 {
    width: 25%;
}
.w7 {
    width: 60%;
}
.w8-12 {
    width: 65%;
}
.w4-12 {
    width: 35%;
}
.w7-12 {
    width: 58.3333%;
}
.w5-12 {
    width: 42.6667%;
}
.maxw-450 {
    max-width: 450px;
}
.pb-70 {
    padding-bottom: 70px;
}
.pr-50 {
    padding-right: 50px;
}
.pl-20 {
    padding-left: 20px;
}
.f-12 {
    font-size: 12px;
    line-height: 18px;
}
.f-13 {
    font-size: 13px;
}
.f-15 {
    font-size: 15px;
}
.f-10,
.f-10 a {
    font-size: 10px;
}
.f-15 {
    font-size: 15px;
}
.f-18 {
    font-size: 18px;
}
.f-20 {
    font-size: 20px;
}
.f-28 {
    font-size: 28px;
}
.fw-300 {
    font-weight: 300;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-700 {
    font-weight: 700;
}
.f-10-cap {
    font-family: "SVN-Helvetica Now";
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}
.pl-40 {
    padding-left: 40px;
}
.chart {
    height: 424px;
    background-color: #f9f9f9;
    margin: 50px 0 45px;
}
.chart-explain ul {
    padding: 0;
    margin: 0;
}
.chart-explain li {
    list-style-type: none;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
}
.chart-explain li .line {
    height: 1px;
    margin-right: 5px;
    display: block;
    width: 60px;
}
.chart-explain li .line-red {
    border-bottom: solid 1px var(--red);
}
.chart-explain li .line-blue {
    border-bottom: solid 1px var(--blue2);
}
.chart-detail ul {
    padding: 0;
    margin: 0;
}
.chart-detail ul li {
    border-top: solid 1px var(--grey1);
    align-items: center;
}
.chart-detail ul li:last-child {
    border-bottom: solid 1px var(--grey1);
}
.chart-detail ul li label {
    text-transform: uppercase;
    font-size: 10px;
    margin: 33px auto;
    letter-spacing: 0.1rem;
}
.common-eft {
    padding-bottom: 70px;
}
.common-eft .rpdoficontent .stepregis li:last-child {
    padding-bottom: 0;
}
.chart {
    margin: 30px 0;
}
.date-list .date-time {
    width: 70px;
    text-align: center;
    display: inline-block;
    font-family: "SVN-Helvetica Now";
    font-weight: 700;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff;
    background: var(--blue);
    opacity: 0.22;
    padding: 3px;
    cursor: pointer;
    transition: all 0.5s;
}
.date-list .date-time:hover,
.date-list .date-time.active {
    opacity: 1;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-grey {
    color: var(--grey1);
}
.uppercase {
    text-transform: uppercase;
}
.table {
    border-collapse: collapse;
    width: 100%;
}
.table th {
    text-transform: uppercase;
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: solid 1px var(--grey-50);
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 16px;
}
.table th,
.table td {
    border-left: solid 1px var(--grey-50);
    border-bottom: solid 1px var(--grey-50);
}
.table th:last-child,
.table td:last-child {
    border-right: solid 1px var(--grey-50);
}
.table td {
    padding-top: 12px;
    padding-bottom: 12px;
}
.mb-th-header {
    visibility: hidden;
    display: none;
}
.date-list .dropdown-list .mb-current-seleceted {
    display: none;
}
.nav-table .table td {
    width: 20%;
}
.dividends-table .table td {
    width: 25%;
}
.table th.w-15,
.table td.w-15 {
    width: 15%;
}
.table th.w-18,
.table td.w-18 {
    width: 18%;
}
.table th.w-20,
.table td.w-20 {
    width: 20%;
}
.table th.w-30,
.table td.w-30 {
    width: 30%;
}
.col-grey {
    color: var(--grey1);
}
.portfolio tfoot tr {
    background: rgba(50, 60, 82, 0.2);
}
.align-items-center {
    align-items: center;
}
.eft-overview .list-item {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.eft-overview .list-item li {
    margin: 0;
    padding: 15px 0;
    border-top: solid 1px var(--grey-50);
}
.eft-overview .list-item li .label {
    padding-left: 25px;
}
.eft-overview .list-item li.detail_link,
.eft-overview .list-item li.detail_link a,
.eft-overview .list-item li.buttons {
    padding: 0;
}
.eft-overview .list-item li.detail_link .box_ab,
.eft-overview .list-item li.buttons {
    margin: 0;
}
.overview .tasks-list ul,
.trading .note ul {
    margin-left: 24px;
}
.trading .note ul {
    margin-top: 10px;
}
.overview .table-normal tr td {
    display: table-cell;
}
table thead tr th {
    font-weight: 700;
}
.no-border .table th,
.no-border table th,
.no-border .table td,
.no-border table td {
    border-left-width: 0;
    border-right-width: 0;
}
.no-border table tbody tr:first-child td,
.no-border table thead tr th {
    border-top-width: 0;
}
.no-border table tbody tr:last-child td,
.no-border table thead tr:last-child th {
    border-right-width: 0;
}
.invest .primary {
    padding-bottom: 90px;
}
.rpdoficontent .steps-register .stepregis li h3 {
    color: #fff;
}
.rpdoficontent .steps-register .stepregis li p {
    color: var(--grey1);
}
.rpdoficontent .steps-register .stepregis li p strong {
    color: var(--red);
}
.table-normal tr th,
.table-normal tr td {
    padding: 15px;
    transition: all 0.5s;
    position: relative;
}
.table-normal tbody tr:first-child td {
    border-top: solid 1px var(--grey-50);
    margin-top: -1px;
}
.table-normal thead + tbody tr:first-child td {
    border-top-width: 0;
}
.table-hover tr td {
    position: relative;
}
.table-hover tr .td_left_red {
    border-left-color: var(--red);
}
.table-hover tbody tr.hover td {
    border-bottom-color: var(--red);
    cursor: url(../images/cursor.png), auto;
}
.table-hover tbody tr td:nth-child(n + 2):after {
    content: "";
    position: absolute;
    transition: all 0.5s;
    height: 3px;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: solid 2px var(--red);
    opacity: 0;
}
.table-hover tbody tr td:hover:after {
    opacity: 1;
}
.performance .vvf-perfomance .chart-detail table th,
.performance .vvf-perfomance .chart-detail table td {
    padding-left: 10px;
    border-width: 0;
    border-bottom-width: 1px;
}
.performance .vvf-perfomance .chart-detail table td {
    padding-top: 20px;
    padding-bottom: 20px;
}
.performance .vvf-perfomance .chart-detail table tr td:first-child .f9 {
    font-weight: 400;
    font-size: 10px;
}
.performance .table-normal .sly_w {
    margin-top: -50px;
}
.performance .chart-detail .f9 {
    letter-spacing: 0.1rem;
}
.table-border-bottom table tr th,
.table-border-bottom table tr td {
    border-width: 0;
    border-bottom-width: 1px;
    padding-left: 25px;
}
.table-border-bottom table tr th:first-child,
.table-border-bottom table tr td:first-child {
    border-left-width: 0;
}
.only-show-mb,
.portfolio-hide,
.securities-hide {
    display: none;
}
.not-show-mb {
    display: contents;
}
.only-show-pc {
    display: block;
}
.how-to-invest table span.td-title {
    display: none;
}
.how-much-should-i-invest .cal-item {
    display: flex;
    align-items: flex-end;
    width: 50%;
}
@media (min-width: 768px) and (max-width: 991px) {
    section .box06 p {
        margin: 0 0 24px;
    }
    .eft-overview .padRB4 {
        padding-right: 30px;
    }
    .eft-overview .mb-d-flex-wrap {
        margin-top: 10px;
        display: flex;
    }
    .eft-overview .list-item .buttons {
        display: block;
    }
    .eft-overview .list-item .buttons .box_ab {
        width: 100%;
    }
    .eft-overview .list-item .buttons .box_ab .dl_c {
        margin: 40px 0;
    }
    .eft-overview .list-item .buttons .box_ab:last-child .dl_c {
        margin-top: 10px;
    }
    .eft-overview .list-item li {
        display: flex;
    }
    .advisors .wrapper,
    .advisors .wrapper .row-item {
        display: flex;
    }
    .advisors .wrapper .row-item .left {
        width: 35%;
    }
    .advisors .wrapper .row-item .right {
        width: 65%;
    }
    .advisors .c .wrapper .box-gray {
        margin-top: 0;
    }
    .rpvbntitle .lblatest {
        position: relative;
        left: unset;
        top: -5px;
        margin-left: 10px;
    }
    .performance .mb-d-flex {
        display: block;
    }
    .c-performance .mb-d-flex .pr-50 {
        padding-right: unset;
    }
    .c-performance .mb-d-flex .list-item .mb-w-100:not(.date-time) {
        width: auto;
    }
    .c-performance .mb-d-flex .mb-w-100,
    .performance .mb-d-flex .mb-w-100 {
        width: 100%;
    }
    .performance .mb-d-flex .date-list {
        display: flex;
    }
    .performance .mb-d-flex .date-list > div {
        width: 45%;
        display: inherit;
    }
    .performance .mb-d-flex .date-list > div:first-child {
        display: inline;
        width: auto;
    }
    .performance .mb-d-flex .date-list > div:last-child {
        justify-content: flex-end;
    }
    .performance .mb-d-flex .pr-50 {
        padding-right: 0;
    }
    .other-fund .flex01 {
        display: flex;
    }
    .c-performance .mb-d-flex.list-item {
        display: inline-block;
    }
    .c-performance .ofitems .chart-explain {
        display: flex;
        margin-bottom: 30px;
    }
    .c-performance .date-list .date-time {
        margin-right: 1px;
        width: 67px;
    }
    .c-performance .mb-d-flex {
        display: flex;
        align-items: flex-end;
    }
    .portfolio .c .flex01 table th.pl-40,
    .portfolio .c .flex01 table td.pl-40 {
        padding-left: 20px;
    }
    .how-much-should-i-invest .c .flex01 {
        display: flex;
    }
    .how-much-should-i-invest .c .flex01 .w2 {
        width: 50%;
    }
    .how-much-should-i-invest .c .flex01 .w2:last-child {
        padding-left: 40px;
    }
    .how-much-should-i-invest form .form_row {
        display: block;
    }
    .how-much-should-i-invest form .row-2 {
        display: flex;
    }
    .how-much-should-i-invest .cal-item {
        width: auto;
        padding-right: 10px;
        margin-bottom: 16px;
    }
    .footer .foffices .foffices_i {
        margin-right: 24px;
    }
    .footer .fmenu-social {
        position: static;
        display: flex;
        align-items: center;
        margin-top: 32px;
    }
    .footer .fmenu-social > div {
        width: 50%;
        padding-right: 35px;
    }
    .footer .fmenu-social ul {
        margin-top: 0;
    }
    .footer .fmenu-social .fmenu ul {
        display: flex;
        align-items: center;
    }
    .footer .fmenu-social .fmenu ul li {
        padding-right: 24px;
    }
    .footer .fmenu-social .social ul {
        float: right;
    }
}
@media (max-width: 767px) {
    #main .banner > img.sl_im {
        right: -180px;
    }
    .menusly2 .catab_i {
        font-weight: 400;
    }
    section .box06 p {
        margin: 0 0 24px;
    }
    .not-show-mb {
        display: none !important;
    }
    .only-show-mb {
        display: block;
    }
    table .only-show-mb {
        display: contents;
    }
    .rpvbntitle .lblatest {
        left: unset;
        top: -8px;
        right: auto;
        margin-left: 10px;
        position: relative;
    }
    .f8_s,
    .initem_txt h3,
    .box04 h3,
    .box05 h3,
    .va_con h3,
    .sly_txt h3,
    .sly_txt,
    .stepregis li h3,
    .haipcontent h3,
    .sinfo h3 {
        font-size: 24px;
        line-height: 30px;
    }
    .box06 {
        width: 100%;
    }
    .maxw-450 {
        max-width: 90%;
    }
    section {
        padding: 50px 0;
    }
    section .mb-fs-15 {
        font-size: 15px;
    }
    section .mb-fs-17 {
        font-size: 17px;
    }
    section .mb-fs-10 {
        font-size: 10px;
    }
    section .mb-fs-20 {
        font-size: 20px;
    }
    section .mb-fs-24 {
        font-size: 24px;
        line-height: 30px;
    }
    section .mb-mbg-0,
    section .table-normal .mb-mgb-0 {
        margin-bottom: 0;
    }
    section .box_ab .mb-mgt-10,
    section .mb-mgt-10 {
        margin-top: 10px;
    }
    section .mb-mgt-20 {
        margin-top: 20px;
    }
    section .mb-mgb-10 {
        margin-bottom: 10px;
    }
    section .mb-mgb-20 {
        margin-bottom: 20px;
    }
    section .mb-mgb-50 {
        margin-bottom: 50px;
    }
    section .mb-rbox .maxw {
        width: 100%;
    }
    section .mb-fw-500 {
        font-weight: 500;
    }
    section .c {
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }
    section .mb-d-flex,
    .date-list .dropdown-list .mb-current-seleceted {
        display: block;
    }
    .mb-d-flex-wrap {
        flex-wrap: wrap;
    }
    section .c .mb-w-100 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    section .c .mb-w-25 {
        width: 25%;
    }
    section .c .mb-w-35 {
        width: 35%;
    }
    section .c .mb-w-65 {
        width: 65%;
    }
    section .c .mb-w-40 {
        width: 40%;
    }
    section .c .mb-w-50 {
        width: 50%;
    }
    section .c .mb-w-60 {
        width: 60%;
    }
    section .c .mb-w-20 {
        width: 20%;
    }
    .mb-text-center {
        text-align: center;
    }
    .mb-text-left {
        text-align: left;
    }
    .mb-text-right {
        text-align: right;
    }
    .order-1 {
        order: 1;
    }
    .order-2 {
        order: 2;
    }
    section .ofitems:nth-child(2n) .rpofcontent,
    section .padRB4 {
        padding-right: unset;
    }
    .advisors .wrapper .box-gray {
        width: 100%;
    }
    .advisors .wrapper .box-gray .row-item .left {
        width: 35%;
    }
    .advisors .wrapper .box-gray .row-item .right {
        width: 75%;
    }
    section.mb-no-pt {
        padding-top: 0;
    }
    section.mb-no-pb {
        padding-bottom: 0;
    }
    section.mb-no-pl {
        padding-left: 0;
    }
    section.mb-no-pr {
        padding-right: 0;
    }
    .table table thead {
        visibility: hidden;
    }
    .table .tb-grids table thead,
    .table table.tb-grids thead {
        visibility: visible;
    }
    section .table table tbody td {
        width: 100% !important;
        display: block;
        margin-top: -1px;
        border: solid 1px var(--grey-50);
    }
    .mb-th-header {
        visibility: visible;
        font-size: 10px;
        border: 0;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }
    section .c .table-normal tr th,
    section .c .table-normal tr td {
        border-width: 0;
        border-bottom-width: 1px;
        padding-left: 0;
        padding-right: 0;
    }
    .grids .vbnitems {
        margin-top: 0;
    }
    .grids .vbnitems li.rpvbnsubj,
    .grids .vbnitems02 .rpvbntitle {
        padding-left: 0;
    }
    .grids .vbnitems li:before {
        display: none;
    }
    .grids .vbnitems li .flex02 {
        display: block;
    }
    .grids .vbnitems li .flex02 > div {
        width: 100%;
    }
    .c .collapse_h,
    .c .collapse_cw {
        padding-left: 45px;
    }
    .portfolio .collapse_it .collapse_cw {
        padding: 0;
    }
    .portfolio .collapse_it .collapse_h {
        padding: 10px 0;
        font-size: 17px;
        line-height: 24px;
        text-transform: none;
        letter-spacing: -0.02rem;
        font-weight: 400;
    }
    .portfolio .collapse_it.active .collapse_h:before,
    .portfolio .collapse_it .collapse_h:before {
        left: unset;
        right: 0;
        width: 16px;
        height: 16px;
    }
    .portfolio .collapse_it.active .collapse_h:before {
        top: 50%;
        transform: translate(0, -50%);
    }
    .portfolio .collapse_it .collapse_cw ul {
        margin: 0;
        padding: 0;
    }
    .portfolio .collapse_it .collapse_cw ul li {
        display: flex;
        border-top: solid 1px var(--grey-50);
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .portfolio .collapse_it .collapse_cw ul li .label {
        width: 45%;
        font-size: 10px;
        color: var(--grey1);
        text-transform: uppercase;
        font-weight: 400;
        letter-spacing: 0.02rem;
    }
    .portfolio .collapse_it .collapse_cw ul li span:last-child {
        width: 65%;
        line-height: 22px;
    }
    section .c .table .other-fund tbody td {
        width: 100% !important;
        display: block;
    }
    .eft-overview .list-item li {
        padding-left: 10px;
        padding-right: 10px;
        display: flex;
    }
    .eft-overview .list-item li .label {
        padding-left: 0;
    }
    .collapse_it:last-child .collapse_c:after {
        display: none;
    }
    .collapse_it:last-child {
        border-bottom: solid 1px var(--grey1);
    }
    .date-list .date-time {
        padding: 12px 0;
        text-transform: uppercase;
    }
    .dropdown-list {
        position: relative;
        margin-bottom: 20px;
    }
    .dropdown-list .list-item {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 100;
        display: none;
        background-color: var(--grey1);
    }
    .dropdown-list:hover .list-item {
        display: block;
    }
    .mb-current-seleceted {
        position: relative;
    }
    .arrow1 {
        border: solid #fff;
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 3px;
        position: absolute;
        right: 15px;
        top: 15px;
    }
    .down {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    .chart-explain,
    .chart-detail {
        margin-top: 40px;
    }
    .chart-explain ul {
        display: flex;
    }
    .chart-explain ul li {
        width: 50%;
    }
    .chart-explain div:last-child {
        text-align: center;
        margin-top: 10px;
    }
    .chart-detail ul li label {
        margin: 14px auto;
        line-height: 20px;
        font-weight: 700;
        letter-spacing: 0.1rem;
    }
    .chart-detail ul li span {
        font-size: 20px;
    }
    .eft-overview .list-item li.buttons {
        display: none;
    }
    .eft-overview .list-item li.detail_link {
        border-bottom: solid 1px var(--grey1);
        padding-left: 10px;
    }
    .sticky-buttons {
        position: fixed;
        bottom: -101%;
        background: var(--blue-bold);
        left: 0;
        right: 0;
        z-index: 9999;
        transition: all 0.7s;
        padding-top: 15px;
        padding-bottom: 10px;
    }
    .sticky-buttons.show {
        bottom: 0;
    }
    .sticky-buttons a {
        border: solid 1px #fff;
        border-radius: 50px;
        color: #fff;
        width: 100%;
        display: block;
        margin: 0;
    }
    .sticky-buttons a:hover {
        color: var(--red) !important;
        border-color: var(--red) !important;
    }
    .sticky-buttons a:hover span {
        color: var(--red) !important;
    }
    .sticky-buttons .box_ab .dl_c a:hover span:before {
        background-image: url(../images/a_r-h.svg);
    }
    .sticky-buttons .box_ab .dl_c2 a {
        border: 0;
    }
    .sticky-buttons .box_ab .dl_c2 {
        margin-top: 5px;
    }
    .sticky-buttons a span {
        color: #fff;
    }
    .sticky-buttons .box_ab .dl_c a span:before,
    .sticky-buttons .box_ab .dl_c.dl_c2 a span:before {
        background-image: url(../images/a_r.svg);
        color: #fff;
    }
    .sticky-buttons .mb-w-100 {
        width: 100%;
    }
    .sticky-buttons .box_ab {
        padding-left: 24px;
        padding-right: 24px;
    }
    .sticky-buttons .box_ab .dl_c {
        margin: 0 auto;
    }
    .performance .vvf-perfomance .chart-detail table thead {
        visibility: visible;
    }
    .performance .vvf-perfomance .chart-detail table th,
    .performance .vvf-perfomance .chart-detail table td {
        display: table-cell;
        padding-left: 0;
    }
    .performance .vvf-perfomance .chart-detail table .mb-w-25 {
        width: 25% !important;
        padding-left: 15px;
    }
    .performance .vvf-perfomance .chart-detail table .mb-w-50 {
        width: 50% !important;
    }
    .performance .vvf-perfomance .chart-detail table td {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 15px;
    }
    .performance .dropdown-list .list-item {
        width: 100%;
    }
    .performance .dropdown-list .list-item .date-time {
        width: 100%;
    }
    .performance .nav-table .table-normal thead.only-show-mb {
        visibility: visible;
        display: contents;
    }
    section .nav-table table thead,
    section .dividends-table table thead {
        display: none;
    }
    section .nav-table table .mb-th-header,
    section .dividends-table table .mb-th-header {
        display: block;
    }
    section.performance .mb-table table td {
        width: 50% !important;
        display: table-cell;
    }
    .performance .date-list div:first-child {
        margin-bottom: 16px;
    }
    .portfolio .c .table-normal tr td {
        border-width: 1px;
    }
    .portfolio .table table thead {
        display: contents;
        visibility: visible;
    }
    .portfolio .table table thead .pl-40,
    .portfolio .table table tbody .pl-40 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .portfolio .table table tbody td {
        width: auto !important;
        border-top-width: 0;
        border-right-width: 0;
    }
    .portfolio .table table tbody td:last-child {
        border-right-width: 1px;
    }
    .portfolio .table table tbody td,
    .securities .table table tbody td {
        display: table-cell;
        font-size: 14px;
    }
    .securities .table1 .tb-grids thead th,
    .securities .table1 .tb-grids tbody td,
    .portfolio .table .tb-grids thead th,
    .portfolio .table .tb-grids tbody td {
        padding: 10px 5px;
        width: auto !important;
    }
    .securities .table1 table tbody td,
    .portfolio .table .tb-grids tbody td {
        border-top: 0;
    }
    .securities .table1 table tbody td:not(:last-child),
    .portfolio .table .tb-grids tbody td:not(:last-child),
    section .c .table-border-padding tr td:not(:last-child) {
        border-right: 0;
    }
    section .c .table-border-padding tr:not(:last-child) td {
        border-bottom: 0;
    }
    section .c .table-border-padding tr td {
        padding: 10px 5px;
        border-width: 1px;
    }
    table td.mb-td-block {
        display: block;
        width: 100%;
    }
    .overview .tasks-list table .only-show-mb {
        display: block;
    }
    .table-normal .tb-border-bottom {
        border: solid 1px var(--grey-50);
        margin-bottom: 30px;
        border-bottom: 0;
    }
    .table-normal .tb-border-bottom td {
        border-bottom: solid 1px var(--grey-50);
        padding: 10px !important;
    }
    .c .primary_list .collapse_h,
    .c .primary_list .collapse_cw {
        padding-left: 0;
    }
    .c .primary_list .collapse_h {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .c .primary_list .collapse_h:before,
    .c .primary_list .collapse_it.active .collapse_h:before {
        height: 16px;
        width: 16px;
        top: 50%;
        transform: translate(0, -50%);
        left: unset;
        right: 0;
    }
    .c .primary_list table tr td:first-child {
        color: var(--grey1);
        text-transform: uppercase;
        font-size: 10px;
        line-height: 15px;
        font-weight: 500;
    }
    .primary_list .collapse_it:last-child {
        border-bottom: 0;
        margin-bottom: 20px;
    }
    .note ul {
        margin-left: 10px;
        list-style-type: square;
    }
    .note ul li {
        line-height: 22px;
        margin: 5px 0;
    }
    .collapse_it_4 .collapse_h:before {
        display: none;
    }
    .collapse_it_5,
    .collapse_it_6,
    .collapse_it_7 {
        padding-left: 20px;
        color: var(--grey1);
    }
    .collapse_it_5 tr td.text-right,
    .collapse_it_6 tr td.text-right,
    .collapse_it_7 tr td.text-right {
        color: var(--blue);
    }
    .invest .primary {
        padding-bottom: 50px;
    }
    .how-to-invest table span.td-title {
        display: block;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 0.02rem;
    }
    .how-to-invest table tr td {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    section .rpdoficontent .stepregis li:before {
        font-size: 60px;
        line-height: 60px;
        top: 17px;
    }
    section .rpdoficontent .stepregis li {
        padding: 20px 0 20px 70px;
    }
    .how-much-should-i-invest .padRB {
        padding: 0;
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .how-much-should-i-invest .cal-item {
        justify-content: center;
        width: 100%;
    }
    .how-much-should-i-invest .form_row {
        margin: 0 auto;
    }
    .how-much-should-i-invest .form_row input {
        font-size: 20px;
    }
    .how-much-should-i-invest .cashflow-ch {
        padding: 45px 15px !important;
    }
    .how-much-should-i-invest .cashflow-ch .chart-note {
        padding: 0;
        margin-top: 15px;
    }
    .how-much-should-i-invest .cashflow-df {
        padding-left: 5px;
        padding-right: 5px;
    }
    .footer .foffices {
        display: block;
    }
    .footer .foffices .foffices_i {
        margin-right: unset;
        margin-bottom: 25px;
    }
    .footer .foffices .foffices_i .fcity {
        margin-bottom: 0;
    }
    .footer .foffices .foffices_i .ccity {
        font-weight: 400;
    }
    .footer .fmenu-social {
        position: static;
        display: flex;
        align-items: start;
    }
    .footer .fmenu-social .social {
        width: 70%;
        display: flex;
        justify-content: flex-end;
    }
    .footer .fmenu-social ul {
        margin: 0;
    }
    .footer .copyright {
        display: block;
    }
    .footer .copyright .copyright_i {
        width: 100%;
        font-weight: 300;
        margin-right: unset;
    }
}
@media (max-width: 576px) {
    .mb-rbox .maxw {
        width: 100%;
        max-width: 280px;
    }
}