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

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


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

    .sun-fold1 .caption-wrp h2{font-size: 44px; line-height: 52px;}
    .sun-fold1 .caption-wrp .content{ font-size: 16px; line-height: 24px;}
    .common-ttle{ font-size: 40px; line-height: 50px;}
    .content{ font-size: 16px; line-height: 24px;}
    .info-numb h2{ font-size: 40px;}
    .info-numb p{ font-size: 16px; line-height: 20px;}
    .info-numb h2 span{ font-size: 20px;}
    .md-wrp .md-lhs .caption-wrp .quote{ margin: 20px 0px;}
    .md-wrp .md-lhs .caption-wrp .quote-txt{ font-size: 24px; line-height: 1.2;}
    .md-wrp .md-lhs .caption-wrp .pic-cvr .cvr{ bottom: 40px;}
    .corpo-wrp .corpo-rhs .corpo-card{ font-size: 24px;}
    .sas-wrp .sas-rhs .sas-sldr .sas-card .desc-cvr h2{ font-size: 26px;}
    .banner-wrp{ height: calc(100vh - 50px);}
  
}

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

    .sun-fold1 .caption-wrp h2{font-size: 44px; line-height: 52px;}
    .sun-fold1 .caption-wrp .content{ font-size: 16px; line-height: 24px;}
    .common-ttle{ font-size: 40px; line-height: 50px;}
    .content{ font-size: 16px; line-height: 24px;}
    .info-numb h2{ font-size: 40px;}
    .info-numb p{ font-size: 16px; line-height: 20px;}
    .info-numb h2 span{ font-size: 20px;}
    .md-wrp .md-lhs .caption-wrp .quote{ margin: 20px 0px;}
    .md-wrp .md-lhs .caption-wrp .quote-txt{ font-size: 24px; line-height: 1.2;}
    .md-wrp .md-lhs .caption-wrp .pic-cvr .cvr{ bottom: 40px;}
    .corpo-wrp .corpo-rhs .corpo-card{ font-size: 24px;}
    .sas-wrp .sas-rhs .sas-sldr .sas-card .desc-cvr h2{ font-size: 26px;}

    .banner-wrp{ height: calc(100vh - 50px);}

   
    
    

}

/* 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-full-wrp .dwnld-head{ display: inline-block;}
    .sun-fold1{ padding: 40px 20px; height: auto;}
    .sun-fold1 .caption-wrp h2{ font-size: 32px; line-height: 1.1;}
    .sun-fold1 .caption-wrp .content{ font-size: 15px; line-height: 24px;}
    .common-ttle{ font-size: 32px; line-height: 1.1;}
    .esg-wrp{ padding: 40px 0px;}
    .content{ font-size: 15px; line-height: 24px;}
    .info-numb h2{ font-size: 30px;}
    .info-numb h2 span{ font-size: 15px; line-height: 1; display: inline-block;}
    .info-numb p{font-size: 13px; line-height: 1.2; margin: 0px;}
    .esg-wrp .esg-r .esg-card.esg-card1 .ttle{ bottom: inherit; height: 93%; align-items: flex-start; padding-top: 20px;}
    .esg-wrp .esg-r .esg-card.esg-card2 .ttle{ bottom: inherit; height: 93%; align-items: flex-start;padding-top: 20px;}
    .esg-wrp .esg-r .esg-card.esg-card3 .ttle{ bottom: inherit; height: 93%; align-items: flex-start;padding-top: 20px;}
    .esg-wrp .esg-r .info-numb{ margin-top: 20px;}
    .cv-wrp{ padding: 0px 20px 40px;}
    .cv-wrp .cv-lhs{ padding-top: 0px; padding-bottom: 40px;}
    .cv-wrp .cv-lhs .caption-wrp{ margin: 0px;}
    .cv-wrp .cv-rhs{ border-radius: 0px; padding: 20px;}
    .cv-wrp .cv-rhs .caption-cvr .vis-sldr .vis-icn-card{ border: 1px solid #fff; padding-top: 5px; margin-top: 10px;}
    .cv-wrp .cv-rhs .caption-cvr .vis-sldr .vis-icn-card.no-brd{ border-right: 1px solid #fff !important;}
    .cv-wrp .cv-rhs .caption-cvr .vis-sldr .vis-icn-card span{ min-height: 70px; display: flex; align-items: center;}
    .cv-wrp .cv-rhs .caption-cvr .vis-sldr .vis-icn-card p{ font-size: 13px;}

    .md-wrp .md-lhs{ border-radius: 0px; padding: 30px 0px;}
    .md-wrp .md-lhs .caption-wrp{ margin-left: 0px;}
    .md-wrp{ padding: 40px 0px;}
    .md-wrp .md-lhs .caption-wrp .pic-cvr .cvr {
        width: 100%;
        height: 90px;
        display: block;
        border-radius: 0px;
        background-color: #F7941E;
        padding: 20px 20px 20px 40px;
        position: relative;
        left: 0px;
        bottom: inherit;
        z-index: 1;
        line-height: 1.3;
        color: #222222;
        font-size: 22px;
        font-weight: 400;
    }

    .md-wrp .md-rhs{     max-width: 100%;
        padding: 20px; background-color: #FDD1B0;}

        .md-wrp .md-lhs .caption-wrp .quote{ margin: 0px;}
        .md-wrp .md-lhs .caption-wrp .quote-txt{ font-size: 26px; line-height: 1.5;}

        .corpo-wrp{ height: auto; padding: 40px 0px;}
        .corpo-wrp .corpo-lhs{ padding: 0px;}

        .corpo-wrp .corpo-rhs .corpo-card{ height: 200px; margin-top: 30px; padding: 15px; font-size: 26px;}

        .oes-wrp{ padding: 40px 0px;}

        .se-sm-sa-wrp .s3-card.s3bg1{ border-radius: 20px;}
        .se-sm-sa-wrp .s3-card.s3bg2{ border-radius: 20px;}
        .se-sm-sa-wrp .s3-card.s3bg3{ border-radius: 20px;}
        .se-sm-sa-wrp .s3-card{ padding: 30px 20px; height: 400px; margin-top: 20px;}
        .se-sm-sa-wrp .s3-card .common-ttle{ font-size: 32px;}
        .se-sm-sa-wrp .s3-card .common-cta{ left: 20px; bottom: 20px;}

        .responsible-future-wrp{ padding: 40px 15px; margin: 40px 0px 0px;}
        .responsible-future-wrp .respo-rhs .respo-sldr .swiper-pagination-fraction{ display: none;}
        .responsible-future-wrp .respo-rhs .respo-thumb{ padding-left: 0px; display: none;}
        .responsible-future-wrp .respo-rhs .respo-thumb .swiper-slide .desc-wrp p{ font-size: 11px; line-height: 1.1;}

        .responsible-future-wrp .respo-rhs .respo-sldr .swiper-slide .rf-text .desc {
            width: 100%;
            position: relative;
            padding: 20px 0px;
            left: 0px;
            bottom: 0px;
        }

        .responsible-future-wrp .respo-rhs .respo-sldr .swiper-button-next, .responsible-future-wrp .respo-rhs .respo-sldr .swiper-button-prev{top: 20%;}
        .responsible-future-wrp .respo-rhs .respo-sldr .swiper-slide .rf-text .desc h2{ font-size: 26px; color: #222;}
        .responsible-future-wrp .respo-rhs .respo-sldr .swiper-slide .rf-text .desc .content{ font-size: 15px; line-height: 24px; color: #222;}
        .responsible-future-wrp .respo-rhs .respo-sldr{ padding-bottom: 0px; margin-top: 40px;}

        .aes-wrp .aes-grid-wrp .aes-card .aes-desc .ttle{ font-size: 16px; line-height: 20px;}
        .aes-wrp{ padding: 40px 0px;}

        .sas-wrp{ height: auto; padding: 40px 15px;}
        .sas-wrp .sas-lhs{ margin: 0px 0px 40px;}
        .sas-wrp .sas-rhs::before{ border-radius: 0px;display: none;}
        .sas-wrp .sas-rhs .sas-sldr{ padding: 0px 0px; margin: 0px;}
        .sas-wrp .sas-rhs .sas-sldr .sas-card .desc-cvr{ padding: 20px;}
        .sas-wrp .sas-rhs .sas-sldr .sas-card{ height: 500px;}

        .dc-wrp{ padding: 40px 0px; background-image: none;height: 100%;}

        .common-ttle br{ display: none;}

        .footer p{ font-size: 11px;}
        .footer{ padding: 15px 10px;}

        .banner-wrp{ background-image: url(../images/banner-mob.png);height: calc(100vh - 205px); margin-top: 100px;}
        .banner-wrp::after{ display: none;}

        .banner-wrp .pop-wrp-banner{ display: none;}
    
        .dc-wrp .dc-rhs .susbox .link span {
            font-size: 16px;
        }
        .dc-wrp .dc-rhs .susbox {
            padding: 30px 10px;height: 100%;
        }

       

        .dc-wrp .dc-rhs .dc-card .pdf-nav ul {
           
            left: -34px;
        }
        .dc-wrp .dc-rhs .dc-card .pdf-nav {
            font-size: 19px;
    font-weight: 700;
            left: -105px;
        }

        .dc-wrp .dc-rhs .dc-card .pdf-nav ul li {
            
            left: 12px;top: -22px;
        }
        .dc-wrp .dc-rhs .dc-card .pdf-nav ul li a{
            width: 300px;
        }

        .dc-wrp .dc-rhs .dc-card .pdf-nav:hover ul{
            top: 50px;
        }
       
         .dc-wrp .dc-rhs .dc-card-org ul{
            width: 100%;
            margin-top: 10px;
         }  
}