@media screen and (max-width: 1600px) {
    #BRMWDiv5 img {
        width: 400px;
    }

    .ac-f-item h6 {
        font-size: 18px;
    }
}

@media screen and (max-width: 1400px) {
    .ac-logo {
        height: 22px;
    }

    #NavbarDiv a {
        font-size: 18px;
    }

    #SCIDiv {
        display: flex;
        flex-direction: column;
    }

    #SCIDiv>div {
        width: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }

    #SCIDiv>div:last-child {
        margin-bottom: 0;
    }

    .ac-biip-img-title,
    .ac-biip-cross-text,
    .ac-biip-inner-content-title3,
    #BiipItemS2Div .ac-biip-label {
        font-size: 16px;
        line-height: 18px;
    }

    .ac-biip-inner-i3-flow-box>div {
        padding: 10px 15px;
    }

    .ac-biip-inner-i3-flow-box>div,
    .ac-biip-inner-content-title4,
    .ac-biip-inner-content-title,
    .ac-biip-item-s3-1 .ac-biip-inner-content-title,
    .ac-biip-inner-content-title2,
    .ac-row-wrap .ac-biip-inner-content-title2 {
        font-size: 14px;
    }


    .ac-biip-inner-title {
        font-size: 18px;
        max-width: 30px;
        line-height: 22px;
    }

    .ac-biip-inner-4-box .ac-biip-content-img-box h6,
    .ac-biip-inner-item-bottom,
    .ac-biip-inner-item-title,
    .ac-biip-inner-title2 {
        font-size: 18px;
    }

    .ac-biip-img-title1 {
        right: 27%;
    }

    .ac-biip-img-title2 {
        right: 46%;
    }

    .ac-biip-img-title3 {
        right: 33%;
    }

    .ac-biip-img-title4 {
        right: 51%;
        margin-top: 0;
    }

    #SCIDiv2 .ac-business-box {
        grid-template-columns: repeat(1, 1fr);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .ac-business-item img {
        max-width: 480px;
    }

    .ac-business-title-index {
        text-align: center;
    }

    .ac-business-box .ac-business-title-index h6 {
        margin-top: 20px;
    }
}

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

    p {
        font-size: 18px !important;
    }

    li {
        font-size: 18px !important;
    }

    h5,
    h6 {
        font-size: 18px !important;
    }

    .ac-banner {
        height: auto;
    }

    .ac-inner-page {
        align-items: center;
    }

    .ac-sub-menu-inner a img {
        display: none;
    }

    .ac-biip-inner-title {
        max-width: 100%;
        margin-bottom: 20px;
    }

    #BIIPContentDiv2 img {
        max-width: 200px;
    }

    .ac-biip-content-img-item img {
        max-width: 160px;
    }

    .ac-biip-img-title {
        font-size: 16px;
    }

    .ac-f-item ul {
        margin-top: 0;
    }

    .ac-title {
        border-top: 0;
        padding-right: 0;
        flex-direction: column;
    }

    .ac-title span {
        font-size: 24px !important;
        font-weight: 600 !important;
    }

    .ac-title img {
        margin: 0 0 10px;
    }

    .ac-content-p-box p {
        text-align: justify;
    }

    .ac-header #LangDiv a {
        color: black;
    }

    .ac-content {
        padding-top: 78px;
    }

    .ac-section,
    .ac-footer {
        padding: 30px 40px;
    }

    #NavbarDiv>div {
        margin: 0 0 20px;
        transition: all .3s ease-in-out;
    }

    .ac-header.active {
        background-color: rgba(0, 0, 0, 0.25);
    }

    .ac-sub-nav-item a {
        margin-top: 10px;
        padding: 5px 10px 10px;
        font-weight: 300 !important;
        background-color: white;
        border-left: 3px solid var(--blue1-color);
        color: #000000;
    }

    .ac-sub-nav-item a:hover {
        color: var(--blue1-color);
    }

    .ac-sub-menu-inner {
        margin-top: 10px;
        width: 100%;
        max-width: 350px;
        align-items: center;
    }

    .ac-sub-menu-inner a {
        display: none;
    }

    .ac-bscs-master-submenu {
        margin-top: 10px;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }

    .ac-sub-menu-inner a.active {
        padding-left: 0;
        margin-bottom: 0;
        font-weight: 600;
        font-size: 18px;
        display: block;
        text-align: center;
        color: var(--main-color);
    }

    .ac-bscs-master-submenu a {
        padding: 10px 20px !important;
    }

    .ac-bscs-master-submenu a.mobile-show {
        margin-bottom: 0;
        font-size: 18px;
        font-weight: 600;
        display: block;
        background-color: #484848;
        color: white;
    }

    .ac-bscs-master-submenu a.active {
        background-color: var(--main-color);
        color: white;
    }

    #ACP2Div>div {
        margin-bottom: 20px;
    }

    #ACP3Div h5 {
        font-size: 28px;
    }

    #BoardDescDiv .ac-board-item h6 {
        background-color: var(--main-color);
        text-align: center;
        color: white;
    }

    .ac-board-item h6 {
        font-size: 18px;
    }

    .ac-board-item {
        margin-bottom: 30px;
    }

    .ac-name-box span {
        font-size: 18px;
    }

    .ac-board-people-item p {
        text-align: justify;
    }

    .ac-bscl-inner-content h5 {
        font-size: 20px;
        font-weight: 400;
    }

    .ac-bscs-item {
        margin-bottom: 30px;
    }

    .ac-bscs-title h6 {
        font-size: 18px;
    }

    #BRMWDiv5 h5 {
        font-size: 20px;
    }

    .ac-brmw-title br {
        display: none;
    }

    #BIIPContentDiv2 h6 {
        padding: 10px 0 0 0;
        background-color: white;
        border-top: 1px solid var(--blue2-color);
        color: var(--blue2-color);
        text-align: left;
    }

    .ac-biip-inner-content-title4:last-child {
        margin-bottom: 10px;
    }

    .ac-biip-inner-4-box .ac-biip-inner-content-title4 {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
    }

    .ac-biip-inner-4-box .ac-biip-inner-content-title4 br {
        display: none;
    }

    .ac-biip-inner-content-title4 {
        width: 24%;
        margin-bottom: 10px;
        padding: 10px 5px;
    }

    #BIIPItem3Div2 {
        margin-top: 20px;
    }

    .ac-biip-inner-i3-flow-box {
        justify-content: space-evenly;
    }

    .ac-biip-inner-i3-flow-box>div {
        margin-bottom: 0;

    }

    .ac-biip-inner-i3-flow-box>div::after {
        right: -58px;
        top: 22px;
    }

    .ac-biip-inner-4-box {
        flex-direction: column;
    }

    .ac-biip-inner-4-box .col-3 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }

    .ac-biip-inner-4-box>.col-3 {
        margin-bottom: 10px;
    }

    .ac-biip-inner-4-box>.col-6 {
        width: 100%;
        margin-top: 10px;
        order: 1;
    }


    .ac-biip-content-img-box {
        flex-direction: column;
        align-items: center;
    }

    #IndexAboutUsDiv {
        flex-direction: column;
    }

    .ac-content-p-box {
        margin-top: 40px;
    }

    .ac-index-4-category {
        row-gap: 40px;
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        display: grid;
    }
}

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

    .ac-title br {
        display: none;
    }

    #IndexAboutUsDiv {
        margin-bottom: 60px;
    }

    .ac-content-p-box {
        margin-top: 10px;
    }

    #IndexAboutUsDiv .ac-content-p-box {
        margin-top: 30px;
    }

    #IndexAboutUsDiv p {
        text-align: justify;
    }

    #IndexBusinessDiv .ac-business-box {
        margin-top: 20px !important;
    }

    #IndexBusinessDiv .ac-business-box>div {
        margin-bottom: 30px;
        padding: 0 !important;
    }

    #IndexBusinessDiv .ac-business-box h6 {
        margin-top: 20px;
        font-weight: 300 !important;
        text-align: center;
    }

    .ac-board-item {
        margin-bottom: 30px;
    }

    .ac-board-people-item b {
        font-weight: 400;
    }

    .btn-periodgroup {
        overflow-x: scroll;
    }

    .btn-periodgroup .btn {
        min-width: 120px;
    }

    #BRMWDiv5 img {
        width: 100%;
        max-width: 540px;
    }

    #BRMWDiv5 .ac-brmw-item,
    #BRMWDiv5 .ac-brmw-item:nth-child(2n) {
        flex-direction: column;
        align-items: center;
    }

    #BRMWDiv5 .ac-brmw-item:nth-child(2n) .ac-brmw-content {
        padding-left: 0;
        padding-right: 0;
    }

    #BRMWDiv5 .ac-brmw-content {
        padding-left: 0;
        padding-right: 0;
        margin-top: 20px;
        width: 100%;
        max-width: 540px;
    }

    #BRMWTableDiv th,
    #BRMWTableDiv td {
        font-size: 16px;
    }

    #BiipItemS2Div:after {
        right: -17.5px;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #AFAFAF;
    }

    .ac-biip-img-title,
    .ac-biip-inner-content-title3,
    #BiipItemS2Div .ac-biip-label {
        font-size: 13px;
    }

    #BiipItemS2Div>div {
        padding: 5px 10px;
    }

    .ac-triangle-background {
        --bs-gutter-x: .5rem !important;
    }

    .ac-biip-inner-i3-flow-box>div,
    .ac-biip-inner-content-title4,
    .ac-biip-inner-content-title,
    .ac-biip-item-s3-1 .ac-biip-inner-content-title,
    .ac-biip-inner-content-title2,
    .ac-row-wrap .ac-biip-inner-content-title2 {
        font-size: 13px;
    }

    #BIIPContentDiv2 .ac-biip-inner-item-bottom {
        font-size: 14px;
    }

    .ac-row-wrap .ac-biip-inner-content-title2 {
        width: 100%;
    }

    .ac-biip-inner-content-box4>.row {
        flex-direction: column;
        align-items: center;
    }

    .ac-biip-inner-content-box4>.row>div {
        width: 100%;
        max-width: 300px;
    }

    .ac-triangle-background {
        min-height: 120px;
    }

    .ac-biip-cross-text {
        max-width: 300px;
        margin-top: -10px;
    }

    .ac-triangle-background::before {
        transform: rotate(90deg);
        border-top: 110px solid transparent;
        border-bottom: 110px solid transparent;
    }

    .ac-biip-inner-item-row6 .ac-row-wrap .ac-biip-inner-content-title2 {
        margin-bottom: 10px;
    }

    .ac-biip-img-title1 {
        right: 25%;
    }

    .ac-biip-img-title2 {
        right: 44%;
    }

    .ac-biip-img-title3 {
        right: 32%;
    }

    .ac-biip-img-title4 {
        right: 49%;
    }

    #BIIPItem3Div2 {
        margin-top: 20px;
    }

    #BIIPContentInner3Div li {
        font-size: 16px !important;
    }

    .ac-biip-inner-i3-flow-box>div,
    .ac-biip-inner-content-title4 {
        text-align: center;
    }

    .ac-biip-inner-4-box h6 {
        margin-bottom: 0 !important;
    }

    .ac-cp-inner {
        column-gap: 60px;
    }

    .bms-swiper .swiper-button-prev {
        left: 20px;
        top: 40%;
        box-shadow: none;
        background-color: transparent;
    }

    .bms-swiper .swiper-button-next {
        right: 20px;
        top: 40%;
        box-shadow: none;
        background-color: transparent;
    }

    .bms-swiper .swiper-button-prev:after,
    .bms-swiper .swiper-button-next:after {
        font-size: 32px;
        color: white;
    }

    .bms-swiper-title {
        width: 100%;
        max-width: 100%;
    }

    .bms-swiper .swiper-pagination {
        display: none;
    }

    .bscl-st-item,
    .bscl-st-item:nth-child(even) {
        flex-direction: column-reverse;
    }

    .bscl-st-left {
        width: 100%;
    }

    .bscl-st-img {
        height: 360px;
        max-width: 100%;
    }

    .bscl-map {
        flex-direction: column;
    }

    .bscl-map-left {
        margin-bottom: 40px;
        height: auto;
        row-gap: 20px;
    }

    .ac-bsct-trade-total-inner {
            column-gap: 20px;
    }

    .ac-bsct-trade-total-inner img {
        max-width: 36px;
    }
}

@media screen and (max-width: 767px) {
    .ac-biip-inner-content-box3 {
        flex-direction: column;
    }

    .ac-biip-inner-content-title3 {
        margin: 0;
        margin-bottom: 10px;
    }

    .ac-biip-inner-i3-flow-box>div {
        padding: 5px 8px;
    }

    .ac-biip-inner-i3-flow-box>div::after {
        right: -35px;
        top: 15px;
    }

    .ac-business-item img {
        max-width: 100%;
    }
}

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

    p {
        font-size: 16px !important;
    }

    li {
        font-size: 16px !important;
    }

    h5,
    h6 {
        font-weight: 400 !important;
        font-size: 14px !important;
    }

    .ac-business-box {
        grid-template-columns: repeat(1, 1fr);
    }

    #IndexBusinessDiv .ac-business-box .ac-business-item:hover h6 {
        font-size: 28px !important;
        font-weight: 700 !important;
    }

    .dateColumn {
        padding-top: 15px !important;
    }

    .titleColumn {
        padding-bottom: 15px !important;
    }

    .dateColumn,
    .titleColumn {
        line-height: 20px;
    }

    .lxtext_table {
        font-size: 16px !important;
    }


    .ac-mobile-menu {
        padding: 10px 20px;
    }

    .ac-section,
    .ac-footer {
        padding: 30px 20px;
    }

    .ac-f-item:nth-child(3)>.row {
        flex-wrap: wrap !important;
    }

    .ac-f-item:nth-child(3) ul {
        margin-top: 0;
    }

    .ac-content {
        padding-top: 60px;
    }

    .ac-board-item h6 {
        font-size: 16px;
    }

    .ac-name-box span {
        font-size: 16px;
    }

    .ac-bscs-title h6 {
        font-size: 16px;
    }

    .lxtext_announcement {
        width: 100%;
    }

    #AnnouncementDiv .year-box {
        width: 100%;
    }

    .ac-brmw-title h6 {
        font-size: 24px !important;
    }

    .ac-biip-inner-item-row1>.row:last-child,
    .ac-biip-inner-item-row1>.row:first-child {
        --bs-gutter-x: 0.5rem;
    }

    #BiipItemS2Div>div {
        padding: 8px 10px 6px;
    }

    #BiipItemS2Div .col-4 {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }

    #BiipItemS2Div {
        width: 100%;
        margin-top: 25px;
        margin-bottom: 15px;
    }

    #BiipItemS2Div:after {
        display: none;
    }

    .ac-biip-inner-4-box .ac-biip-content-img-box h6,
    .ac-biip-inner-item-bottom,
    .ac-biip-inner-item-title,
    .ac-biip-inner-title2 {
        font-size: 14px;
    }

    .ac-biip-inner-item-top {
        font-size: 12px;
    }

    .ac-biip-inner-i3-flow-box>div,
    .ac-biip-inner-content-title4,
    .ac-biip-inner-content-title,
    .ac-biip-item-s3-1 .ac-biip-inner-content-title,
    .ac-biip-inner-content-title2,
    .ac-row-wrap .ac-biip-inner-content-title2 {
        font-size: 11px;
    }

    .ac-biip-inner-4-box .col-3 {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .ac-biip-inner-content-title4 {
        width: 48.5%;
        margin-bottom: 10px;
        min-height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ac-biip-inner-4-box>.col-3 {
        margin-bottom: 0;
    }

    #BIIPItem3Div2 ul {
        padding: 0 10px !important;
    }

    #BIIPContentInner3Div li {
        font-size: 13px !important;
        line-height: 16px;
    }

    .ac-biip-inner-i3-flow-box>div {
        max-width: 30px;
        line-height: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ac-biip-inner-i3-flow-box>div::after {
        right: -45px;
        top: 30px;
        width: 45px;
    }

    .ac-biip-inner-i3-flow-box>div:last-child:after {
        display: none;
    }

    .ac-biip-c4-2 h6 {
        text-align: center;
    }

    .ac-cp-inner {
        grid-template-columns: auto;
    }

    .ac-cp-inner-item {
        margin-bottom: 10px;
    }

    .ac-cp-inner-item:last-child.top-line {
        margin-bottom: 0;
        border: none;
    }

    .ac-join-us-box h6 {
        text-align: center;
    }

    #BusinessRow2Div {
        margin-bottom: 1rem !important;
    }

    #IRDCCDiv p {
        text-align: left;
    }

    #IRDCCDiv a {
        display: inline-block;
    }

    .bscl-section-bottom .swiper {
        width: 100%;
        max-width: 72%;
    }

    .ac-bsct-trade-total-inner {
        row-gap: 20px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .ac-content-p-box p {
        font-size: 14px!important;
    }
}

@media screen and (max-width: 414px) {
    .ac-biip-inner-i3-flow-box>div::after {
        right: -35px;
        width: 35px;
    }

    .bms-swiper .swiper-button-prev {
        left: 5px;
        top: 35%;
    }

    .bms-swiper .swiper-button-next {
        right: 5px;
        top: 35%;
    }
}

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

    .ac-biip-inner-i3-flow-box>div,
    .ac-biip-inner-content-title4,
    .ac-biip-inner-content-title,
    .ac-biip-item-s3-1 .ac-biip-inner-content-title,
    .ac-biip-inner-content-title2,
    .ac-row-wrap .ac-biip-inner-content-title2 {
        font-size: 10px;
    }

}