@media (min-width: 1920px) and (max-width: 2560px) {
  
    
    
}

@media (min-width: 1600px) and (max-width: 1919px) {
  

    .chairman-wrp .chair-desg {
        position: absolute;
        left: 0px;
        bottom: 60px;
    }
    
    
}


@media only screen and (min-width: 1400px) and (max-width: 1599px) {

    .esg-wrp .float-pic-rhs{ width: 32vw;}

    .head-dwnld-link{ margin-right: 50px;}

    .banner-wrp .scll-dwn{ bottom: 33px;}

    .common-ttle{ font-size: 55px; line-height: 65px;}

    .chairman-wrp .chair-desg {
        position: absolute;
        left: 0px;
        bottom: 50px;
    }

    .dpf-sldr .swiper-button-next{ right: 13%;}
    .dpf-sldr .swiper-button-prev{ right: 14%;}  

    .download-center-wrp .dc-desg{ right: -200px; top: 70px;}

    .longterm-value-wrp .sec-2-desg{ right: -50px;}

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .chairman-wrp{    padding: 100px 0px 238px;}
    .purpose-wrp{ margin-top: -100px;}
    .header-wrp .header-line{top: 23px;}

    .esg-wrp .float-pic-rhs{ width: 32vw;}

    .head-dwnld-link{ margin-right: 100px;}

    .banner-wrp .scll-dwn{ bottom: 33px;}

    .common-ttle{ font-size: 55px; line-height: 65px;}

    .dpf-sldr .swiper-button-next{ right: 13%;}
    .dpf-sldr .swiper-button-prev{ right: 14%;}  

    .download-center-wrp .dc-desg{ right: -250px; top: 70px;}

    .longterm-value-wrp .sec-2-desg{ right: -100px;}
    

}

/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    
}

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



}


/* Extra small */
@media (min-width: 320px) and (max-width: 767px) {

    .header-wrp{ padding: 10px 0px;}
    .header-wrp .header-line {top: 2px;}
    .banner-wrp .scll-dwn{ display: none;}
    .banner-wrp{ height: calc(60vh - 0px);}
    .chairman-wrp{ padding: 50px 0px 50px;}
    .chairman-wrp .sec-desg-1{ width: 600px;top: -6px;}
    .chairman-wrp .sec-desg-1 svg{ max-width: 100%;}
    .common-ttle{ font-size: 33px; line-height: 45px;}
    .mb30{ margin-bottom: 0px !important;}
    .chairman-wrp .desc-bx{ padding: 20px;}
    .chairman-wrp .desc-bx .desc{ font-size: 16px;}

    .chairman-wrp .chair-sldr .justify-content-end{ justify-content: center !important;}
    .chairman-wrp .swiper-button-next, .chairman-wrp .swiper-button-prev{bottom: inherit; top: 20%;}
    .chairman-wrp .swiper-button-next{ right: 0%; margin-right: 0px;}
    .chairman-wrp .swiper-button-prev{ left: 0%; margin-left: 0px;}
    .chairman-wrp .chair-desg{ display: none;}
    .purpose-wrp{ margin-top: 0px; padding-bottom: 50px;}
    .purpose-wrp .purpose-bx{ background-image: none; height: auto; padding: 30px; border-radius: 20px;  background-color: #7b1547;}
    .purpose-wrp .purpose-bx .common-ttle{ padding: 0px; margin-bottom: 20px;}
    .purpose-wrp .purpose-bx .purpose-rhs .sub-desc{ font-size: 20px; line-height: 30px;}
    .longterm-value-wrp .lvw-top-desg{ display: none;}
    .longterm-value-wrp .lvw-cvr{ padding-bottom: 100px;}
    .longterm-value-wrp .sgs-wrp .inner-cvr .col{ flex: inherit;}
    .longterm-value-wrp .sgs-wrp .inner-cvr .xd-txt{ border-right: none; border-bottom: 1px solid #B7B7B7; padding: 15px 0px;text-align: center;}
    .longterm-value-wrp .sgs-wrp .inner-cvr .sec-ttle{ font-size: 13px; line-height: 16px; }
    .longterm-value-wrp .sgs-wrp .inner-cvr .xd-txt.no-brd{ border-bottom: none;}
    .longterm-value-wrp .lvw-cvr .lvw-rhs{ margin-top: 30px;}
    .longterm-value-wrp .lvw-cvr .lvw-rhs .sub-ttle span{ padding: 0px;}
    .highlights-wrp .sec-desg-3 svg{ max-width: 100%;}
    .highlights-wrp{ padding: 50px 0px;}
    .highlights-wrp .sec-desg-3{top: 3px;}
    .sub-ttle{ font-size: 12px;}
    .highlights-wrp .high-bx .desg2{ display: none;}
    .highlights-wrp .high-bx{ padding-top: 0px;}
    .highlights-wrp .high-bx .inner-cvr .desg{ display: none;}
    .highlights-wrp .high-bx .inner-cvr{ padding: 25px;}

    .highlights-wrp .high-bx .inner-cvr .tabs-container nav ul li{ width: 100%; font-size: 16px; line-height: 1;}
    .highlights-wrp .high-bx .inner-cvr .tabs-container nav ul li::before{ display: none;}
    .highlights-wrp .high-bx .inner-cvr .tabs-container nav ul li.active:after{ right: 0rem;}
    .highlights-wrp .high-bx .inner-cvr .tabs-container nav ul li br{ display: none;}
    .highlights-wrp .high-bx .inner-cvr .tabs-container nav ul.expanded li.active:after{ width: auto; background-color: inherit; left: inherit;}
    .highlights-wrp .high-bx .inner-cvr .tabs-container nav ul{ background-color: #E6E7E8;}
    .infonumb-card h2 span.unit{ line-height: 1;}

    .infonumb-card{ margin-top: 20px;}
    .corpo-wrp .sec-5-desg{ display: none;}
    .corpo-wrp .corpo-rhs{ padding: 50px 15px;}
    .corpo-wrp .corpo-rhs .sub-ttle span{ padding: 0px;}

    .esg-wrp .sec-6-desg svg{ max-width: 100%;}


    .esg-wrp .float-pic-rhs {
        width: 100%;
        position: relative;
        top: 0px;
        right: 0px;
        z-index: 2;
    }

    .esg-wrp{ padding: 0px 0px 20px;}
    .esg-wrp .esg-top-bx .sub-ttle span{ padding: 0px 0px;}
    .esg-top-bx{ margin-top: 30px;}
    .esg-wrp .one-axis-wrp::before{ display: none;}
    .esg-wrp .one-axis-wrp{ background-color: #7b1547;}
    .esg-wrp .one-axis-wrp .container-1280-wrp{ padding-right: 15px;}

    .esg-wrp .one-axis-wrp .sec-7-desg{ display: none;}
    .esg-wrp .one-axis-wrp{ padding: 50px 0px;}
    .esg-wrp .one-axis-wrp .container-1280-wrp .axis-card-pro{ min-height: auto; margin-top: 30px;}
    .esg-wrp .one-axis-wrp .container-1280-wrp .common-ttle{ margin-bottom: 0px;}
    .esg-wrp .one-axis-wrp .container-1280-wrp .axis-card2{ border-right: none; border-bottom: 1px solid #fff; margin: 0px; padding: 20px 0px;}
    .esg-wrp .one-axis-wrp .container-1280-wrp .axis-card2.no-brd{ border-bottom: none;}
    .esg-wrp .one-axis-wrp .col{ flex: inherit;}
    .icn-axis{ margin-top: 20px;}

    .corpo-wrp .corpo-rhs .cg-list-card ul li{ font-size: 16px;}
    .esg-wrp .esg-top-bx .cross-links li a{ font-size: 16px;}
    .esg-wrp .esg-top-bx .cross-links{ max-width: 100%;}

    .smea-wrp .sec-8-desg svg{max-width: 100%;}
    .smea-wrp{ padding: 50px 0px;}
    .smea-wrp .sec-8-desg{top: 0px;}

    .dpf-wrp{ height: auto; background-image: none;}

    .dpf-wrp .container-1280-wrp .caption-wrp{ background-color: #fff; padding: 20px; height: auto; position: relative; top: 0px; left: 0px; transform: none;}
    .dpf-wrp .sec-9-desg{ display: none;}
    .dpf-wrp .container-1280-wrp .caption-wrp .common-ttle{ font-size: 33px; line-height: 45px;}

    .download-center-wrp .container-1100-wrp .dc-rhs ul{ margin-top: 0px;}

    .download-center-wrp{ padding: 50px 0px 50px;}

    .purpose-wrp .purpose-bx .purpose-top-text{ font-size: 18px; line-height: 26px;}

    .highlights-wrp .high-bx .inner-cvr .tabs-container nav .sec-ttle {
        background-color: #ffffff;
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        letter-spacing: -0.02em;
        color: #97144D;
        border-radius: 0px;
        padding: 5px;
        position: relative;
        top: 0px;
        left: 0%;
        transform: translate(0%, 0%);
        display: block;
        margin-bottom: 5px;
    }

    .highlights-wrp .high-bx .inner-cvr .tabs-container nav{ padding: 10px;}

    .highlights-wrp .high-bx .inner-cvr .tabs-container{ height: 9em;}
    .lvw-btm-desg{ display: none;}
    .smea-wrp .dapom-wrp{ padding: 20px;}

    .smea-wrp .dapom-wrp .dapom-rhs .dapom-desg {
        position: absolute;
        right: -55px;
        top: 28px;
    }

    .smea-wrp .dapom-wrp .dapom-rhs .sec-ttle{ font-size: 20px;}
    .smea-wrp .dapom-wrp .mm-bx{ font-size: 32px; line-height: 36px;}
    .smea-wrp .dapom-wrp .mm-bx img{ margin-top: 20px;}
    .smea-wrp .dapom-wrp .dapom-rhs .accordion .accordion-button{ font-size: 18px;}
    .smea-wrp .dapom-wrp .dapom-rhs .accordion .accordion-body{ font-size: 16px; line-height: 24px;}

    .dpf-sldr .dpf-wrp,.dpf-sldr .dpf-2-bg,.dpf-sldr .dpf-3-bg,.dpf-sldr .dpf-4-bg,.dpf-sldr .dpf-5-bg{ background-image: none !important;}

    .dpf-sldr .dpf-wrp .container-1280-wrp{ height: auto;}
    .dpf-sldr .dpf-wrp{ height: auto; padding: 0px 0px;}

    .dpf-sldr .dpf-wrp .container-1280-wrp .caption-wrp{ position: relative;top: 0px; left: 0px; transform: translate(0px,0px); padding: 20px; background-color: #fff;}

    .dpf-sldr .swiper-button-next, .dpf-sldr{ padding-top: 20px;}
    .dpf-sldr .swiper-button-next, .dpf-sldr .swiper-button-prev{ bottom: inherit; top: 20px;background-repeat: no-repeat;}

    .download-center-wrp .dc-desg{ display: none;}

    .chairman-wrp .swatch-cvr{ display: none;}
    
}