.mobile,
.button_page_mb,
.tb_mobile {
    display: none;
}

@media (min-width: 1500px) {

    .menu-side ul li,
    .menu-side.shrink ul>li {
        height: 100px;
    }

    .menu-side.shrink ul>li:last-child .sub-hover {
        top: 0;
    }

    .menu-side ul>li:last-child .sub-hover {
        top: 0;
    }
}

@media (min-width: 1400px) {
    .about .about__text {
        max-width: 50%;
    }
}

@media (max-width: 1024px) {
    .mobile {
        display: block;
    }

    .menu-side,
    .background__vanhoa {
        display: none;
    }

    .col-language {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .mobile .hambuger {
        margin-left: 10px;
    }

    /* Home Page */

    .banner-home {
        height: 772px;
    }

    .about .about__text {
        padding: 0 10px 0 0;
        max-width: 100%;
    }

    .count-global p {
        font-size: 45px;
    }

    /* Chapter 1 */
    .text__report_stage_2 .col-sm-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    /* Chapter 2 */
    .activiti__about__text h4 {
        font-size: 35px;
    }

    .chapter__shareholder__pie__chart {
        grid-template-columns: repeat(2, 1fr);
    }

    .chart__line__note {
        margin: 2rem 0;
    }

    .bg__chapter__about {
        height: 35vh;
    }

    /* Chapter 3 */
    .section__2__bank .report__chart {
        margin-top: 44px;
    }

    /* Chapter 4 */
    .ben_vung__chapter__run {
        flex-direction: column;
    }

    .doi__ngu h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .bg__chapter__slide .swiper-button-next {
        left: 8%;
    }

    .bg__chapter__slide .swiper-button-prev {
        left: 2%;
    }

    .img_hdqt {
        grid-template-columns: 2fr 2fr 3fr;
    }

    .list_ban_kiem_soat img {
        width: 112px;
    }

}

@media (min-width: 768px) and (max-width: 1023px) {
    .tb_mobile {
        display: block;
    }

    .tb_desktop {
        display: none;
    }

    .count-global p {
        font-size: 28px;
    }

    .page__bank__us .section__1__bank .count-global p {
        font-size: 45px;
    }

    .title-h2 {
        font-size: 30px;
        line-height: 28px;
    }

    .about .about__text p {
        padding: 10px 0;
        margin-bottom: 8px;
    }

    .about__text div {
        justify-content: space-between;
    }

    .about__text .button div {
        margin-right: 15px;
    }

    .introduce__img img {
        width: 100%;
    }

    .introduce__text p {
        font-size: 21px;
    }

    .report .col-sm-4,
    .report .col-sm-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .report__chart {
        margin-top: 0px;
    }
    

    .section_counter_report .col-sm-3 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .text__tamnhin__right .counter p {
        font-size: 35px;
    }

    /* Chapter 2 */
    .grid__colum__res {
        grid-template-columns: repeat(2, 1fr);
    }

    .page__res__table .col-sm-4,
    .page__res__table .col-sm-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .chapter__shareholder__counter .item__1,
    .achievement__title__chapter .item__1 {
        width: 50%;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .section__1__bank .col-sm-4,
    .section__1__bank .col-sm-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .section__2__bank .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .section__7__bank .achievement__tech__inner {
        grid-template-columns: repeat(1, 1fr);
        width: 60%;
    }

    .section__3__doi__so .achievement__tech__box {
        width: 55%;
    }

    .shohoa__inner {
        grid-template-columns: repeat(2, 1fr);
    }

    .banner__text__chapter__misstion {
        grid-template-columns: repeat(1, 1fr);
    }

    .chapter__misstion__img img {
        width: 90px;
    }


}

@media (max-width: 1023px) {

    .button_page_mb {
        display: block;
    }

    .button_page_pc {
        display: none;
    }

    .banner__title__chapter h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .banner__text__chapter p {
        font-size: 20px;
        line-height: 30px;
    }

    .report .col-sm-6,
    .about .col-sm-6,
    .introduce .col-sm-6,
    .sction-home-5 .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .report p {
        max-width: 100%;
    }

    section.about {
        flex-direction: column;
    }

    .about .image_temp {
        max-width: 100%;
        margin-right: 0;
    }

    .about .about__text {
        padding: 30px 0;
        max-width: 100%;
    }

    .about__text div {
        justify-content: flex-start;
    }

    .report .count-global p {
        font-size: 60px;
    }

    .home__5__img {
        margin-bottom: 30px;
    }

    .report .report__chart {
        justify-content: space-around;
    }
    
    .report__text {
        margin-bottom: 60px;
    }

    /* Chapter 1 */
    .page__res__table .button_page,
    .page__president .button_page {
        text-align: center;
    }

    .button_page {
        position: relative;
        text-align: left;
        margin-top: 30px;
    }

    .page__res__table .text__tamnhin__right .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    /* Chapter 2 */
    .chapter__shareholder__counter .item__1 {
        text-align: center;
    }

    .chart__line__note {
        margin: 0;
    }

    .pie__chart__info {
        text-align: center;
        padding: 0 1px;
    }

    .chapter__shareholder__counter .item__1 {
        margin-bottom: 30px;
    }

    /* Chapter 3 */
    .page__res__table .bank__tech__inner .col-sm-4 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .section__2__bank .report__chart {
        justify-content: center;
        margin-top: 0;
    }

    .section__2__bank .col-sm-6:not(:last-child) {
        margin-bottom: 30px;
    }

    .chartsorting {
        margin: auto;
    }

    .bank__1__bussiness .tab-content {
        margin-left: 0;
    }

    .bank__1__bussiness__ban__buon {
        height: 550px;
    }

    .bank__1__bussiness .col-sm-3,
    .bank__1__bussiness .col-sm-9,
    .bank__giaodich__3 .col-sm-4,
    .bank__giaodich__3 .col-sm-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .bank__1__bussiness .nav-tab {
        padding-right: 0;
        border: none;
        border-bottom: 1px solid var(--color-gray);
        margin-bottom: 30px;
    }

    .bank__1__bussiness__ban__buon .nav-tab {
        border-color: var(--color-white);
    }

    .bank__giaodich__1 .col-sm-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .bank__giaodich__5__inner {
        flex-direction: column;
    }

    .retail__right__img .col-sm-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .bank__giaodich__5__inner .img {
        margin-bottom: 15px;
    }

    .page__res__table .bank__retail .col-sm-4 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .page__res__table .bank__retail .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .service__items img {
        width: 40px;
        height: 40px;
    }

    .custom__table__grid .service__items {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Chapter 4 */
    .bank__tech__chapter__4 {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .bank__tech__chapter__4 .bank__van__hoa {
        margin-bottom: 20px;
        width: 50%;
    }

    .pie__chart__benvung {
        grid-template-columns: 1fr;
    }

    .tab-hdqt .info-tab {
        flex-direction: column;
    }

    .slide__hdqt .img_hdqt {
        grid-template-columns: 2fr 2fr 3fr;
        padding-bottom: 60px;
    }

    .slide__hdqt .doi__ngu {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .slide__hdqt .list__doingu,
    .list_ban_kiem_soat img {
        width: 100%;
        height: auto;
    }

    .list-img-hdqt {
        padding-bottom: 100px;
    }

    .bg__chapter__slide .swiper-button-next,
    .bg__chapter__slide .swiper-button-prev {
        left: 2%;
    }

    .bg__chapter__slide .swiper-button-next {
        left: 12%
    }

    .section_van_hoa__3 .service__items {
        grid-template-columns: repeat(2, 1fr);
    }

    .section__2__vanhoa .bg_box_tamnhin .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .img_nhantai {
        width: 100%;
    }

    .info-tab img {
        margin-right: 0;
        margin-bottom: 20px;
    }

}

@media (max-width:767px) {
    .header__text p {
        font-size: 16px;
    }

    .section__mission__button .banner__title__chapter {
        margin-bottom: auto;
    }

    .tb_mobile {
        display: block;
    }

    .tb_desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .desktop,
    .menu-side {
        display: none;
    }

    .title-h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .menu-mobile {
        width: 100%;
    }

    .button {
        justify-content: center;
    }

    /* Header */
    .header .col-sm-2 {
        width: 25%;
    }

    .header .col-sm-8 {
        width: 50%;
    }

    /* Home Page */

    .banner h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .slide-look {
        padding-top: 40px;
    }

    .count-up .col-sm-4:not(:last-child) {
        margin-bottom: 30px;
    }

    .introduce__img img {
        width: 100%;
    }

    .about__text .button {
        justify-content: space-between;
    }

    .about__text .button div {
        margin-right: 7px;
    }

    .report__chart {
        flex-direction: column;
    }

    .chart__text div {
        justify-content: center;
    }

    .chart {
        width: 100%;
        flex: auto;
        margin-top: 20px;
        max-width: 100%;
    }

    .count-global {
        text-align: center;
    }

    .justify-center-custom,
    .counter,
    .page__achievement__tech .button {
        justify-content: center;
    }

    .report .chart__text .counter {
        position: relative;
    }

    .chart__info {
        bottom: auto;
        justify-content: space-around;
        flex-direction: initial;
    }

    .chart__info .info__number span {
        top: auto;
    }

    .chart__text {
        margin-top: 30px;
    }

    .chart__text .note_chart ul {
        bottom: auto;
    }

    .home__5__img {
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .title__chart__home {
        position: relative;
        width: 100%;
        margin-bottom: -3rem;
    }

    .text__tamnhin__right .box_baocao,
    .bg_box_report ul,
    .banner__text__chapter__misstion,
    .award__chapter,
    .tech__amc,
    .chapter__shareholder__pie__chart,
    .achievement__tech__inner,
    .pie__chart__cicle__sohoa .pie__chart__cicle {
        grid-template-columns: 1fr;
    }

    .section_counter h5 {
        height: auto;
    }

    .accordion_report ul li.accordion-chevron .icon_acc img {
        top: -26px;
    }

    .tamnhin_dulieu {
        align-items: center;
    }

    /* Chapter 2 */
    .page__about__us .chapter_about__desc .service__items .item__1 {
        padding: 60px 20px;
    }


    .bg__chapter__about {
        height: 92vh;
    }

    .banner__title__chapter h2 {
        margin-bottom: 30px;
    }

    .grid__colum__res {
        grid-template-columns: 1fr;
    }

    .service__items {
        margin-bottom: 30px;
    }

    .chapter__history__desc .tabs {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 30px 0;
    }

    .chapter__history__desc ul li.active a {
        font-size: 19px;
        line-height: normal;
    }

    .chapter__history__desc .tabs li {
        width: 16%;
    }

    .chapter__active__map ul li:first-child .sub__desc__map {
        margin-left: 100%;
        top: -45px;
    }

    .activiti__about__text {
        text-align: center;
    }

    .award__chapter,
    .tech__amc .text_left p {
        margin-bottom: 0;
    }

    .award__chapter,
    .tech__amc .text_center {
        border: none;
        padding: 0;
    }

    .activiti__about__text h4 {
        font-size: 50px;
    }

    .activiti__about__text .text_left {
        flex-direction: column;
    }

    .activiti__about__text .bg_box_tamnhin .text_right {
        border: none;
        padding-left: 0;
    }

    .detail__hose .col-sm-3:not(:last-child),
    .detail__hose .col-sm-6 {
        margin-bottom: 25px;
    }

    .page__res__table .text__tamnhin__right .col-sm-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .chartsorting {
        width: 100%;
    }

    .button_page {
        text-align: center;
    }

    /* Chapter 3 */
    .row__bank__box_2 .achievement__title__chapter .item__1 {
        margin-bottom: 30px;
    }

    .section__4__bank .col-sm-4:not(:last-child) {
        margin-bottom: 30px;
    }

    .bank__giaodich__1 .col-sm-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .bank__giaodich__3 .item__info {
        grid-template-columns: 1fr;
    }


    .bank__giaodich__6__inner {
        flex-direction: column;
    }

    .bank__giaodich__6 .img {
        min-width: 100%;
        text-align: left;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .page__res__table .bank__retail .col-sm-4,
    .page__res__table .bank__retail .col-sm-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .bank__1__retail__left__text {
        margin: 30px 0;
    }

    .bank__1__retail__right {
        margin-bottom: 0px;
    }

    /* Chapter 4 */
    .ben_vung__chapter__run {
        flex-direction: inherit;
    }

    .pie__chart__benvung .shareholder__pie__chart {
        flex-direction: column;
    }

    .pie__chart__benvung___3 {
        grid-template-columns: 1fr;
    }

    .pie__chart__benvung .pie__chart {
        margin-right: 0;
    }

    .bg__chapter__slide {
        padding: 43px 0;
    }

    .list-img-hdqt {
        grid-template-columns: 1fr;
        padding-bottom: 100px;
    }

    .list-img-hdqt .list_left {
        margin-top: 20px;
    }

    .list-img-hdqt .list_right {
        grid-template-columns: repeat(2, 1fr);
    }

    .doi__ngu {
        flex-direction: column;
    }

    .doi__ngu h2 {
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }

    .list__doingu h4 {
        text-align: center;
    }

    .bg__chapter__slide .swiper {
        padding-top: 20px;
    }

    .bg__chapter__slide .swiper-button-next,
    .bg__chapter__slide .swiper-button-prev {
        top: 37px;
        bottom: 3%;
        left: auto;
        right: 22%;
    }

    .bg__chapter__slide .swiper-button-next {
        right: 4%;
        left: auto;
    }

    .slide__hdqt .img_hdqt {
        grid-template-columns: 1fr;
    }

    .img_hdqt .list__right .img__item,
    .img_hdqt .list__left .img__item {
        height: auto;
    }

    .tab-hdqt .info-tab {
        text-align: center;
    }

    .info-tab img {
        margin-right: 0;
    }

    .section_van_hoa__3 .service__items {
        grid-template-columns: 1fr;
    }

    .section__2__vanhoa .bg_box_tamnhin .col-sm-4 {
        flex: 0 0 100%;
        max-width: 100%;
        border-right: none !important;

    }

    .section__tab__bld p {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .section__2__vanhoa .bg_box_tamnhin .col-sm-4 h4 {
        text-align: center !important;
    }

    .chuyen__doi__so__inner {
        margin-bottom: 20px;
    }

    .section__1__du__lieu__row {
        margin-bottom: 60px;
    }

    .section__1__nhan__tai__row .achievement__tech__box {
        margin-top: 30px;
    }

    .shohoa__inner {
        grid-template-columns: 1fr;
    }

    .shohoa__inner .achievement__tech__box {
        margin-top: 0 !important;
    }

    .section__2__sohoa {
        margin-bottom: 60px;
    }

    #chart_cicle_1,
    #chart_cicle_2 {
        height: 260px;
    }

    .sohoa_tech ul li {
        width: 100%;
    }

    .chapter__misstion__inner {
        flex-direction: column;
    }

    .chapter__misstion__inner:first-child img {
        margin-top: 0px;
    }

    .chapter__misstion__text p {
        font-size: 14px !important;
    }

    .chapter__misstion__img img {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .bg__chapter__mission {
        height: auto;
    }

    /* Footer */

    .footer {
        text-align: center;
    }

    .footer::after {
        top: auto;
        bottom: 0;
    }

    .footer p {
        margin-bottom: 20px;
    }

    .footer__pdf {
        text-align: center;
    }
}