.mobile-index-img{
    display: none;
    margin-top: 20px;
}

.mobile-footer-logo{
    display: none;
    grid-template-columns: repeat(6, 1fr);
    gap: 35px;
}

.mobile-footer-logo img{
    width: 100%;
    max-width: 100px;
    place-self: center;
}

.mobile-footer-logo img.small{
    max-width: 50px;
}

@media screen and (max-width: 1199px) {
    .desktop-footer-logo{
        display: none;
    }

    .mobile-footer-logo{
        display: grid;
    }

    #IndexSwiperDiv .swiper-slide:last-child{
        margin-bottom: 0!important;
        padding-bottom: 0;
    }

    .bc-report-announcement-box{
        position: relative;
    }

    .mobile-index-img{
        display: block;
    }

    .mobile-index-img.index-img-4{
        margin-top: -30px;
    }

    .a-obj1 {
        right: 60px;
        top: 375px;
    }

    .a-obj3 {
        max-width: 100px;
        z-index: 0;
        left: 50px;
        top: 337px;
    }

    .a-obj5 {
        max-width: 67px;
        left: 39%;
        bottom: 22%;
    }

    .a-obj4 {
        display: none;
    }

    .a-car1, .a-car2, .a-car3{
        display: none;
    }

    .a5-inner {
        display: none;
    }

    @-webkit-keyframes car1Ani {
        0% { 
            left: 45%;
            top: 50%;
        }
        100% { 
            left: 100%;
            top: 24%;
        }
    }
    
    @-webkit-keyframes car3Ani {
        0% { 
            left: 60%;
            top: 10%;
        }
        100% { 
            left: -40%;
            top: 70%;
        }
    }

    .nav-label{
        text-shadow: initial;
        font-weight: 600;
    }

    .navbar-container.active{
        border-bottom: 3px solid #457335;
    }

    #IndexSwiperDiv .swiper-wrapper{
        transform: initial!important;
    }

    .ss-1 {
        flex-direction: column-reverse !important;
    }

    #IndexSwiperDiv .sb-btn {
        display: none;
    }

    .banner-content-box {
        position: relative;
        height: auto;
        padding: 0 20px;
        align-items: flex-start!important;
    }

    #IndexSwiperDiv .swiper-slide .layer-image {
        background-size: contain;
    }

    #IndexSwiperDiv .swiper-wrapper {
        display: flex;
        flex-direction: column;
    }

    #IndexDiv {
        background-size: 600px !important;
        background-position: bottom;
        height: 600px !important;
    }

    #IndexDiv2, 
    #IndexDiv3,
    #IndexDiv4,
    #IndexDiv5 {
        background-image: none!important;
        height: auto!important;
    }

    #IndexSwiperDiv .inner-nav-title {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap!important;
        transform: initial !important;
        position: relative !important;
    }

    #IndexSwiperDiv .inner-nav-title p {
        margin-left: 10px;
        transform: initial !important;
        font-size: 24px !important;
        line-height: 28px !important;
        width: auto !important;
        max-width: initial !important;
        text-shadow: 1px 1px 0px rgba(94, 94, 94, 0.15) !important;
    }

    .bc-title {
        width: 100% !important;
        margin-top: 0!important;
        margin-bottom: 20px !important;
    }

    .bc-content-text{
        max-width: 100%;
    }

    .bc-content-text p {
        font-size: 18px;
        line-height: 22px;
        max-width: 100%;
        text-align: justify;
    }

    .bc-more {
        margin-top: 5px;
    }


    #IndexBusinessOverviewDiv .bc-title {
        text-align: start;
    }

    #IndexBusinessOverviewDiv .bc-title br {
        display: none;
    }

    #IndexBusinessOverviewDiv .bo-content-inner {
        position: relative;
        max-width: initial;
        left: auto;
        align-items: flex-start;
    }

    .bc-business-overview-title {
        font-size: 18px;
        width: auto;
    }

    .wholesale-content {
        max-width: initial;
    }

    .wholesale-content p {
        text-align: start;
        font-size: 18px;
        line-height: 22px;
    }

    .index-nav-title-master {
        margin-top: 25px;
        min-height: 90px;
        height: auto;
        position: relative;
    }

    .bc-report-announcement-box {
        max-width: initial;
        right: auto;
    }

    .bc-ir-label {
        margin: 40px 0 20px;
        font-size: 18px;
        width: auto;
    }

    .index-mobile-si {
        display: block !important;
    }

    #IndexStockDiv {
        display: flex !important;
        flex-direction: column;
        color: white;
    }

    #IndexStockInformationDiv {
        display: none;
    }

    .bc-al-date {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 5px;
    }

    .bc-al-inner {
        display: flex;
        flex-direction: column;
    }

    .bc-al-title {
        margin-right: initial;
        padding-right: 20px;
        font-size: 18px;
        line-height: 22px;
        overflow: initial !important;
        display: flex !important;
    }

    .bc-al-item .bc-al-title::after {
        display: none;
    }

    .bc-al-item:last-child .bc-al-title {
        margin-bottom: 0;
    }

    #m-countup {
        font-size: 48px;
    }

    .bc-stock-company-name {
        font-size: 18px;
        line-height: 22px;
        color: white;
    }

    #IndexOurCommitmentDiv .bo-content-inner {
        right: auto;
        display: contents;
    }

    #IndexOurCommitmentDiv .bc-title br {
        display: none;
    }

    .our-commitment-content {
        max-width: initial;
    }

    .our-commitment-content p {
        font-size: 14px;
        line-height: 18px;
        text-align: justify;
    }
}


@media screen and (max-width: 1024px) {
}


@media screen and (max-width: 991px) {
    .overview-row{
        flex-direction: column-reverse;
    }

    .overview-row .i-left {
        margin-top: 30px;
    }

    #IndexDiv {
        background-size: 600px !important;
        background-position: bottom;
        height: 600px !important;
    }
}

@media screen and (max-width: 800px) {
    #IndexSwiperDiv .inner-nav-title p {
        font-size: 20px !important;
        line-height: 24px !important;
    }
}

@media screen and (max-width: 767px) {
    #IndexDiv {
        background-size: 500px !important;
        background-position: bottom;
        height: 500px !important;
    }
}

@media screen and (max-width: 640px) {
    .index-nav-title-master {
        min-height: 65px;
    }
    /* .dx-overlay-content{
        width: 100%!important;
        max-width: 420px!important;
    } */

    .index-nav-title-master {
        margin-top: 0;
    }

    .dx-toast, .dx-toast-wrapper{
        width: 100%;
    }

    .dx-toast-content{
        width: auto!important;
        max-width: initial!important;
    }

    .inner-banner{
        height: 220px;
    }
    
    .mobile-footer-logo{
        grid-template-columns: repeat(3, 1fr);
    }

    .mobile-footer-logo img{
        max-width: 60px;
    }
    
    .mobile-footer-logo img.small{
        max-width: 45px;
    }

    #iit2{
        height: 140px;
    }

    #PaginationDiv li{
        padding: 5px 15px!important;
    }
    .paginationjs-ellipsis, .paginationjs-last{
        display: none;
    }

    .sitemap-content{
        flex-direction: column;
    }
    .sitemap-item{
        min-width: auto!important;
    }
    .bc-hover-download{
        top: -79px;
        width: 130px!important;
        height: 180px!important;;
    }

    .a-car1{
        max-width: 100px;
    }

    .a-car3{
        max-width: 100px;
    }

    .a-obj1 {
        right: 7%;
        top: 60%;
        max-width: 85px;
    }

    .a-obj3 {
        max-width: 70px;
        left: 5%;
        top: 70%;
    }

    .a-obj5 {
        max-width: 35px;
        left: 40%;
        bottom: 15%;
    }

    @-webkit-keyframes car1Ani {
        0% { 
            left: 45%;
            top: 80%;
        }
        100% { 
            left: 100%;
            top: 54%;
        }
    }
    
    @-webkit-keyframes car3Ani {
        0% { 
            left: 80%;
            top: 20%;
        }
        100% { 
            left: -40%;
            top: 70%;
        }
    }

    .inner-item-title {
        font-size: 21px;
    }

    .sa-row-label{
        font-size: 18px;
    }

    .sa-row-content{
        font-size: 14px;
    }

    #tabs .dx-checkbox-text{
        font-size: 12px;
    }
    
    #MilestoneSwiperDiv{
        margin-top: 32px;
    }
    .swiper-arrow-box i{
        font-size: 48px!important;
    }

    .milestone-year{
        font-size: 24px!important;
    }

    .milestone-content {
        height: 230px!important;
    }

    #YearDiv{
        width: 110px!important;
    }
    
    .overview-intro-text{
        font-size: 14px;
    }

    .overview-intro-text a {
        font-size: 14px;
        font-weight: 600;
    }

    .overview-item-label{
        font-size: 24px;
    }

    .csi-content {
        line-height: 24px;
        padding: 0 0 20px;
    }

    .csi-top-comma {
        width: 40px;
        height: 23px;
        margin-left: -102%;
        margin-top: -15px;
    }

    .csi-bottom-comma {
        width: 40px;
        height: 23px;
        margin-right: -104%;
        margin-bottom: -15px;
    }

    .comma-style-item {
        padding: 0 15px;
        border-top-right-radius: 25px;
        border-bottom-left-radius: 25px;
    }

    .comma-style-box{
        padding: 0 15px;
    }

    #CpSwiperDiv .swiper-button-next, #RetailSwiperDiv .swiper-button-next, #WholesaleSwiperDiv .swiper-button-next {
        right: 20px;
    }

    #CpSwiperDiv .swiper-button-prev, #RetailSwiperDiv .swiper-button-prev, #WholesaleSwiperDiv .swiper-button-prev {
        left: 20px;
    }

    @-webkit-keyframes swiperBtnAni {
        0% {
            opacity: 1;
            width: 37px;
            height: 37px;
        }
    
        50% {
            opacity: 0.5;
            width: 47px;
            height: 47px;
        }
    
        100% {
            opacity: 1;
            width: 37px;
            height: 37px;
        }
    }

    #IndexDiv {
        background-size: 400px !important;
        background-position: bottom;
        height: 400px !important;
    }

    #IndexBannerTextDiv3 {
        flex-direction: column !important;
    }

    #IndexBannerTextDiv4 {
        flex-direction: column !important;
    }

    #IndexSwiperDiv .inner-nav-title p {
        font-size: 18px !important;
        line-height: 22px !important;
        text-shadow: 1px 1px 0px rgba(94, 94, 94, 0.15) !important;
    }

    .bc-content-text p {
        font-size: 14px;
        line-height: 18px;
    }

    .wholesale-content p {
        font-size: 18px;
    }

    .bc-al-date {
        font-size: 14px;
        line-height: 18px;
    }

    .bc-al-title {
        font-size: 14px;
        line-height: 18px;
    }

    .bc-stock-price-box{
        margin-top: 10px;
    }

    .bc-ir-label{
        margin: 30px 0 20px;
    }
}

@media screen and (max-width: 575px) {
    #IndexSwiperDiv .inner-nav-title p {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .bc-stock-company-name{
        font-size: 16px;
    }

    .bc-title {
        font-size: 30px;
    }

    .bc-stock-price span.unit{
        font-size: 24px;
    }

    .a-obj1 {
        right: 7%;
        top: 55%;
        max-width: 45px;
    }

    .a-obj3 {
        max-width: 40px;
        left: 5%;
        top: 70%;
    }

    .a-obj5 {
        max-width: 30px;
        left: 35%;
        bottom: 15%;
    }

    .a-car1 {
        max-width: 60px;
    }

    .a-car3 {
        max-width: 60px;
    }
}

@media screen and (max-width: 414px) {
    .ss-bg {
        height: 400px;
    }
    
    .dx-overlay-content{
        max-width: 320px!important;
    }

    .a-obj1 {
        right: 7%;
        top: 60%;
        max-width: 65px;
    }

    .a-obj3 {
        max-width: 50px;
        left: 5%;
        top: 70%;
    }

    .a-obj5 {
        max-width: 35px;
        left: 35%;
        bottom: 15%;
    }

    #IndexSwiperDiv .inner-nav-title p {
        font-size: 12px !important;
        line-height: 16px !important;
    }

    #m-countup{
        font-size: 32px;
    }
    
    .price-detail-value{
        font-size: 18px;
    }

    .bc-ir-label{
        font-size: 16px;
    }

    .a-obj1 {
        right: 7%;
        top: 60%;
        max-width: 35px;
    }

    #IndexDiv {
        background-size: 375px !important;
        background-position: bottom;
        height: 355px !important;
    }
}


@media screen and (max-width: 375px) {
    #IndexSwiperDiv .inner-nav-title p {
        font-size: 10px !important;
        line-height: 14px !important;
    }

    #m-countup{
        font-size: 26px;
    }

    .bc-stock-price span.unit{
        font-size: 18px;
    }
    
    .price-detail-value{
        font-size: 18px;
    }

    .inner-bg .inner-nav-title p {
        font-size: 22px!important;
        line-height: 22px!important;
    }
}