/* imac 21 4k inch Styles here */
@media (min-width: 1920px) and (max-width: 2560px) {
}

@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) {

    .common-ttle{ font-size: 36px;}
    .sub-ttle{ font-size: 18px;}
    p.body-copy{ font-size: 18px; line-height: 26px;}
    .container-1200-wrp{ max-width: 1280px;}
    .banner-full-wrp .bnr-rhs{ padding: 0px 70px;}
    .banner-full-wrp .container-1200-wrp .bnr-lhs h2{ font-size: 40px;}
    .banner-full-wrp .container-1200-wrp .scroll-dwn{ bottom: 10px; width: 15px;}
    .md-wrp .md-lhs-wrp .cvr {max-width: 440px;}

    .corporate-gov-wrp .custom-container .cc-rhs .cc-card .common-ttle{ font-size: 28px; line-height: 34px;}
    .corporate-gov-wrp .custom-container .cc-rhs .cc-card{ padding: 20px 20px; height: 275px;}
    .sema-wrp {margin: -145px auto 0px;}
    .abt-main-wrp .container-1200-wrp .abt-card{ padding: 50px;}
    .oes-main-wrp .custom-container .oes-sldr .swiper-slide .oes-card .common-ttle{ font-size: 30px;}
    .evi-main-wrp .container-1200-wrp .envi-rhs .envi-card h2{ font-size: 22px; line-height: inherit;}
    .evi-main-wrp .container-1200-wrp .envi-rhs .envi-card{ height: 250px;}
    .workforce-wrp .work-grid-wrp .work-card{padding: 35px; height: 235px;}
    .workforce-wrp .work-grid-wrp .work-card h2{ font-size: 28px; line-height: 32px;}
    .trans-wrp{ padding: 70px 0px 0px;}
    .trans-wrp .container-1200-wrp .trans-rhs .cvr p{ font-size: 18px; line-height: 28px;}
    .trans-wrp .container-1200-wrp .trans-rhs{ min-height: 500px;}
    .esg-wrp-main .esg-grid .esg-card .desc-wrp {padding: 20px 25px;}
    .pps-wrp .pps-lhs .cvr .pio-card{ padding: 25px; height: 180px; margin-top: 10px;}
    .pps-wrp .pps-lhs .cvr { max-width: 540px;margin-right: 50px;}

    

}

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

    .common-ttle{ font-size: 36px;}
    .sub-ttle{ font-size: 18px;}
    p.body-copy{ font-size: 18px; line-height: 26px;}
    .container-1200-wrp{ max-width: 1180px;}
    .banner-full-wrp .bnr-rhs{ padding: 0px 70px;}
    .banner-full-wrp .container-1200-wrp .bnr-lhs h2{ font-size: 40px;}
    .banner-full-wrp .container-1200-wrp .scroll-dwn{ bottom: 10px; width: 15px;}
    .md-wrp .md-lhs-wrp .cvr {max-width: 440px;}

    .corporate-gov-wrp .custom-container .cc-rhs .cc-card .common-ttle{ font-size: 28px; line-height: 34px;}
    .corporate-gov-wrp .custom-container .cc-rhs .cc-card{ padding: 20px 20px; height: 275px;}
    .sema-wrp {margin: -145px auto 0px;}
    .abt-main-wrp .container-1200-wrp .abt-card{ padding: 50px;}
    .oes-main-wrp .custom-container .oes-sldr .swiper-slide .oes-card .common-ttle{ font-size: 30px;}
    .evi-main-wrp .container-1200-wrp .envi-rhs .envi-card h2{ font-size:22px;line-height: inherit;}
    .evi-main-wrp .container-1200-wrp .envi-rhs .envi-card{ height: 250px;}
    .workforce-wrp .work-grid-wrp .work-card{padding: 35px; height: 235px;}
    .workforce-wrp .work-grid-wrp .work-card h2{ font-size: 28px; line-height: 32px;}
    .trans-wrp{ padding: 70px 0px 0px;}
    .trans-wrp .container-1200-wrp .trans-rhs .cvr p{ font-size: 18px; line-height: 28px;}
    .trans-wrp .container-1200-wrp .trans-rhs{ min-height: 500px;}
    .esg-wrp-main .esg-grid .esg-card .desc-wrp {padding: 20px 25px;}
    .pps-wrp .pps-lhs .cvr .pio-card{ padding: 25px; height: 180px; margin-top: 10px;}
    .pps-wrp .pps-lhs .cvr { max-width: 540px;margin-right: 50px;}
    .esg-wrp-main .esg-grid .esg-card.esg-bx1::before {width: 350px;}
    .esg-wrp-main .esg-grid .esg-card.esg-bx3::before { width: 345px; }


}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait and Landscape */

/* 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) {
 
    .esg-wrp-main .esg-grid .esg-card.esg-bx1::before{ display: none;}
    .esg-wrp-main .esg-grid .esg-card.esg-bx2::before{ display: none;}
    .esg-wrp-main .esg-grid .esg-card.esg-bx3::before{ display: none;}
    .trans-wrp .container-1200-wrp::before{ display: none;}
    .trans-wrp .container-1200-wrp::after{ display: none;}
    .banner-full-wrp .container-1200-wrp .scroll-dwn{ display: none;}

    .trans-wrp .container-1200-wrp .trans-rhs{ margin-left: 0px; padding:30px 20px; display: block; min-height: auto;}
    .header-full-wrp .head-dwnlod-link{ font-size: 11px;}
    .header-full-wrp .head-dwnlod-link span{ width: 24px; margin: 0px;}
    .header-full-wrp .head-dwnlod-link span svg{ width: 100%;}
    .trans-wrp .container-1200-wrp{padding: 0px 15px;}
    .banner-full-wrp{ height: auto; padding: 30px 0px;}
    .banner-full-wrp .container-1200-wrp .bnr-lhs h4{ font-size: 18px;}
    .banner-full-wrp .container-1200-wrp .bnr-lhs h2{ font-size: 24px;}
    .banner-full-wrp .container-1200-wrp .bnr-lhs{ padding-top: 30px; text-align: center;}
    .trans-wrp .container-1200-wrp .trans-lhs{padding-top: 0px;}
    .common-ttle{ font-size: 30px;}
    .body-copy{ font-size: 16px; line-height: 26px;}
    .trans-wrp .container-1200-wrp .trans-rhs .cvr p{ font-size: 16px; line-height: 26px;}
    .esg-wrp-main{padding: 40px 0px;}
    .esg-wrp-main .esg-grid{ padding: 0px 0px;}
    .abt-main-wrp .container-1200-wrp .abt-card{ padding: 20px;}
    .abt-main-wrp{ height: auto; padding: 20px 0px;}
    .md-wrp .md-lhs-wrp{ padding: 30px 20px;}
    .corporate-gov-wrp{ padding: 40px 0px;}

    .corporate-gov-wrp .custom-container .cc-rhs .cc-card{ background-color:#944F9C; height: auto;}
    .corporate-gov-wrp .custom-container .cc-rhs .cc-card .common-ttle{ font-size: 26px;}
    .corporate-gov-wrp .custom-container .cc-rhs .cc-card .common-ttle{color: #fff;}
    .corporate-gov-wrp .custom-container .cc-rhs .cc-card.extra-marg{ margin-top: 0px;}
    .corporate-gov-wrp .custom-container .cc-rhs .cc-card p{ position: relative; left: 0px; bottom: 0px; margin-top: 15px;}
    .sema-wrp{ margin: 0 auto;}
    .sema-wrp .sema-rhs {height: 100%;display: block;align-items: flex-end;padding: 30px 20px 30px;}
    .oes-main-wrp {padding: 40px 0px 80px;}
    .oes-main-wrp .custom-container .oes-sldr .swiper-slide .oes-card{ border-right: none; text-align: center;}
    .oes-main-wrp .custom-container .oes-sldr .swiper-slide .oes-card .body-copy{ width: 100%; max-width: 100%;}

    .evi-main-wrp{ height: auto; background-image: none; background-color: #2DB45C; padding: 40px 0px;}
    .evi-main-wrp .container-1200-wrp .envi-rhs .envi-card p{ position: relative; right: inherit; left: 0px; bottom: 0px; margin-top: 15px;}
    .evi-main-wrp .container-1200-wrp .envi-rhs .envi-card{ height: auto;}

    .workforce-wrp {background-color: #FEF4E8;padding: 40px 0px 40px;margin-top: 0px; }
    .evi-main-wrp .container-1200-wrp .envi-rhs .envi-card h2{ font-size: 24px; line-height: 32px;}


    .workforce-wrp .work-grid-wrp .work-card{ padding: 30px; height: auto; background-color: #944F9C; margin-top: 20px;}
    .workforce-wrp .work-grid-wrp .work-card p{ position: relative; bottom: 0px; left: 0px; margin-top: 20px; color: #fff;}
    .workforce-wrp .work-grid-wrp .work-card h2{ font-size: 24px; line-height: 32px; color: #fff;}

    .srm-wrp .srm-lhs {background-color: #FEF4E8;padding: 20px 20px 40px;height: 100%;display: block;justify-content: end;padding-right: 0px;}
    .srm-wrp .srm-rhs{padding: 30px 20px;}

    .dc-wrp .custom-container{ padding: 0px 15px;}
    .corporate-gov-wrp .custom-container .cc-rhs .cc-card .icn svg path{fill: #ffffff;stroke: #ffffff;}
    .pps-wrp .pps-lhs{display: block; padding: 30px 20px;}
    .pps-wrp .pps-lhs .cvr{ margin: 0px;}
    .dc-wrp{ padding: 40px 0px;}

    .dc-wrp .dc-card{ height: 135px;}
    .esg-wrp-main .esg-grid .esg-card { min-height: auto;margin-bottom: 35px;}
    .cc-rhs{margin-top: 20px;}
    .dc-wrp ul {width: 310px;}
        

}