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



}

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




}

/* 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) {


    .common-ttle{ font-size: 36px; line-height: 38px;}
    .sec-ttle{ font-size: 24px; line-height: 30px;}
    p{ font-size: 16px; line-height: 22px;}
    .rprt-ttle-cvr h2{ font-size: 34px;}
    .rprt-ttle-cvr{ margin-top: 0px; border-radius: 0px;}
    body.inner-pages .header-full-wrp .head-rhs p{ display: none;}

    .wwo-block-ttle {padding: 20px 20px;}
    .wwo-card .wwo-pic-wrp{height: auto;}

    .header-full-wrp .head-rhs p {margin: 0px 7px 0px 0px; font-size: 12px;}
    .home-bnr .container-1360-wrp .caption-card h2 {font-size:42px; line-height: 42px; }
    .home-bnr {height: 450px;text-align: center;padding-top: 120px;}
    .home-bnr .container-1360-wrp .caption-card {position: relative; right: 0; top: 0;transform: translate(0%, 0);}
    .home-bnr .container-1360-wrp {
        position: relative;
        height: auto;
    }
    .home-bnr .container-1360-wrp .caption-card p {font-size: 20px;}
    .header-full-wrp {
        background-color: #062262;
    }

    .header-full-wrp .head-rhs p {
        color: #ffffff;
    }

    .fow-wrp { height: auto; }

    .common-pd-t {
        padding-top: 30px;
    }

    .fow-wrp .fow-top-txt {font-size: 24px;line-height: 35px;}
    .foe-wrp .container-1360-wrp {margin-top:0px;}
    .fow-wrp .fow-top-txt2 {font-size: 28px;line-height: 38px;}
    .common-pd-b {
        padding-bottom: 30px;
    }

    .foe-wrp .fow-tabs-wrp {padding: 30px 0px;}
    .foe-wrp .tab_content .info-numb p { height: auto; }
    .foe-wrp .tab_content{padding-bottom: 40px;}
    #cahir-ceo::before { display: none; }
    #cahir-ceo .chairmanpic { position: relative; }
    #cahir-ceo {padding-top: 40px;margin-top: 0;}
    .page-head-wrp {background-size: 30px;padding-left: 39px; margin-top: 15px;}
    #cahir-ceo .chairmanLeft { height: auto; padding-top: 10px; padding-bottom: 50px; }
    #financial-perfromance{margin-top: 20px;}
    .mt50 {margin-top: 20px !important;}
    .me-3 {margin-right: 0rem!important;}
    #financial-perfromance .tabsLeft {margin-left:0px;}
    #financial-perfromance .nav-pills { display: flex; flex-wrap: wrap;  }
    #financial-perfromance .tabsLeft button { width: 33.33%; font-size: 16px; line-height: 19px; }
    #financial-perfromance .tab-content { margin-top: 50px; }

    #Health-steel{background-color: #ECF2F6;margin-top: 20px;}
    #Health-steel::before { display: none; }
    #BBC .cleaner,#BBC .better {padding:20px;}
    #Health-steel .healthandsafety .healthandsafetypic { position: relative; right: 0px; margin-top: 30px; }
    #Health-steel .healthandsafety .healthandsafetypic img{ width: 100%; }
    #Health-steel .climatechange { padding: 0px; padding-bottom: 30px; }
    #Health-steel .healthandsafety{padding-bottom: 30px;}
    #valueCreation { height: auto; padding-top: 30px; }
    #valueCreation .ValueCreationLink {border-bottom: solid 1px #e4e4e4; height: auto;}
    #valueCreation .ValueCreationLink h2 {font-size: 34px;line-height: 42px;}
    #valueCreation .ValueCreationLink .small-arrow { position: relative;left: 0;bottom: 0; }
    #Ourstrategicpriorities { padding: 0px; padding-top: 30px; }
    #Ourstrategicpriorities .swiper-slide:nth-child(1).swiper-slide-active {margin-left: 0;}
    #Ourstrategicpriorities .swiper-button-next {right: 30px;}
    #Ourstrategicpriorities .swiper-button-next, #Ourstrategicpriorities .swiper-button-prev{top: 53%;}
    #Ourstrategicpriorities .swiper-button-prev {right: 83px;}
    #about-jsw { margin-top: 0px; padding-top: 40px; padding-bottom: 0; }
    #about-jsw .bg-white { margin-top: 30px; }
    #about-jsw .p-5 {padding: 1rem!important;}
    #about-jsw .nav-item {font-size: 12px;width:33.33%;padding: 0px 0px 0px 0px;}
    #about-jsw button {font-size: 16px;padding: 10px 7px;height: 80px;}
    .op-card {margin-top: 0;}
    #about-jsw .swiper-wrapper { padding-bottom: 50px; }
    #about-jsw .swiper-pagination {
        right: 0;
        left: 0;
        width: 100%;
    }
    #Enviroment { background-size: 300%; padding-top: 30px; }
    #Enviroment .EnviromentSwiper {margin-top: 160px;}
    #Enviroment .Enviromentright {
        padding: 30px 20px;
    }
    #downloadCenter {
        margin-top: 40px;
    }
   
    .home-bnr .container-1360-wrp .caption-card .video-bnr {
        position: relative;
        right: 0px;
    }

.row { margin: 0px; }
.common-container { padding-left: 15px; padding-right: 15px; }
#header { height: auto; }
#header .common-container {padding-left:0px; padding-right:0px;}
#header .topdownload {position: relative;width: 100%; background-color: #FFF; top: 10px;left: 0px; padding:8px 5px;padding-left: 52px; background-position: 10px top;}
#header .Sbilog { padding-left: 10px; }
#header .ham {right: 10px;}
#header .topdownload br { display: none; }
.bigtitle {font-size: 34px;line-height: 36px;}
.commonbt {box-shadow:none;}
#banner { text-align: center; height: 85vh; padding-top: 140px }
#banner .proteeting,#banner .proteeting svg { width: 100%; }
#banner .proteeting .future {transform: translate(0px, -50px);}
#banner .years {margin-bottom: 21px;}
#banner .scrollDown {bottom: 70px; display: none;}
#banner .yearsno span span {
    -webkit-transition: 1s;
    transition: 1s cubic-bezier(.3, 0, .7, 1);
    -webkit-transition-delay: calc(0.10s * var(--i));
    transition-delay: calc(0.10s * var(--i));
    }
    #Driven { height: auto; padding-top: 30px; padding-bottom: 210px; }
    #Driven .DrivenLeft h2 {font-size: 52px;line-height:60px;}
    #Driven .DrivenLeft h3 {font-size: 76px;height: 150px;}
    #Driven .DrivenLeft h3 span {transform: translate(0px, -50px);}
    #Driven p { padding-right: 0px; }
    #fyHiglight { padding-top: 30px; }
    #fyHiglight .fyHiglighttitle {font-size: 32px;margin-bottom: 90px;line-height: 40px;}
    #fyHiglight .swiper-button-next, #fyHiglight .swiper-button-prev {
        top:23%;
    }
    #fyHiglight .swiper-button-next {right: 20px;}
    #fyHiglight .swiper-button-prev {right: 88px;}
    #chairman {padding:10px;}
    #chairman .chairmanSliderleft { width: 100%; margin-right: 0; float: none; padding-top: 0; }
    #chairman .chairmanPic { position: relative; width: 100%; margin-bottom: 20px; }
    #chairman .bigtitle br,#chairman .NextSlides { display: none; }
    #chairman .swiper-slide { height: auto; }
    #valueCreation { padding-top: 40px; padding-bottom: 20px; }
    #valueCreation .swiper-slide {padding-left: 0; margin-top: 20px;}
    #valueCreation .swiper-button-next, #valueCreation .swiper-button-prev {top:38%;}
    #valueCreation .swiper-button-next {right: 25px; left: inherit;}
    #valueCreation .swiper-button-prev {right: 88px; left: inherit; }
    #valueCreation .valueCreationLeft { margin-bottom: 30px; }
    #digitalisation { padding: 0px; padding-top: 20px; }
    #digitalisation .digitalisationLeft p { padding-right: 0px; }
    #digitalisation .digitalisationRight { margin-top: 20px; }
    #digitalisation .handsvg {position: relative;bottom: 0;left: 0; width:70%; }
    #digitalisation .handsvg img { width: 100%; }
    #OurStrategy {padding-top: 30px;}
    #OurStrategy .peopleSvg { width: 100%; margin-left: 0px; margin-top: 0; margin-left: -220px; }
    #OurStrategy .peopleSvg svg { width:580px; }
    #OurStrategy .OurStrategyRight .OurStrategySiderHolder {background: linear-gradient(111.67deg, #6E2383 25.35%, #312783 90.04%), #FFFFFF;padding: 20px 20px;}
    #OurStrategy .OurStrategyRight::after { display: none; }
    #OurStrategy .OurStrategyRight .OurStrategySiderBox { padding: 20px; }
    #OurStrategy .OurStrategyRight .OurStrategySiderBox {height: 350px;}
    #valuectration .valuensliderBox {padding-right: 0;}

    #valuectration .swiper-button-next {
        right: -10px;
    }
    #valuectration .swiper-button-prev {
        left: -10px;
    }
    #stakeholder .swiper-button-next {right: 20px;}

    #valuectration .card-header h5 {padding: 0rem; border-top: 1px solid rgba(0,0,0,.125); border: none; }
    #valuectration .card-header h5 a {font-size:22px; color:#1B262C; font-weight:900; display: block; padding: 1rem 1rem; background: url(../images/Orange-min.svg) no-repeat 98% center; font-size: 19px;}
    #valuectration .card-header h5 a.collapsed {background: url(../images/Orange-plus.svg) no-repeat 98% center;}

    #valuectration  .swiper-button-next,#valuectration .swiper-button-prev { display: none; }

    .valuenslider1-pagination { display: block; }
    .swiper-pagination-bullet {width: 30px;height: 6px; border-radius: 0px;background: linear-gradient(111.67deg, #6E2383 25.35%, #312783 90.04%), #FFFFFF;}
    #valuectration .valuensliderBox .infono h2 {
        font-size: 26px;
    }
    #ESG {padding-top: 40px;}
    #ESG p {padding-top: 20px; margin-bottom: 30px; }
    #ESG .swiper-button-next, #ESG .swiper-button-prev {
        top: 40%;
    }
    #valuectration #collapse-B .valuensliderBox, #valuectration #collapse-C .valuensliderBox { height: auto; }


    #ESG .swiper-button-next {
        right:30px; left: inherit;
    }
    #ESG .swiper-button-prev {
        right:100px; left: inherit;
    }
    #ESG .ESGsliderBox .esg-icon {
        right: -40px;
    }

    #stakeholder .bigtitle { padding-right: 100px; }
    #RiskManagement,#stakeholder,#ESG{padding-bottom: 0;}
    #RiskManagement .RiskManagementRight ul li a {font-size: 20px;padding-right: 75px;}
    #RiskManagement .RiskManagementRight {padding-top: 30px;}
    #GBM .GBMBox a {bottom: 60px;}
    #GBM {padding-bottom: 10px;}
    #downloadcenter .gradient-border2 .gradient-borderBox1 {padding-top: 20px;}
    #downloadcenter .gradient-border2 .gradient-borderBox1 h2 {font-size: 30px;}
    .zoneBox2 p { height: auto; }
    .smartcare { height: auto; margin-top: 20px; }
    .smartcare .smartcarepic,#growth #timeline:before { display: none; }
    .smartcare .SmartCareBox {padding: 0px}
    #growth #timeline .entries .entry {width: 100%; float: none; text-align: left;}
    #growth #timeline .entries .entry .title:before { right: inherit; left: -56px; }
    #growth #timeline .entries .entry:not(:first-child) {
        margin-top: 0;
    }

    #Driven .common-container2{ max-width: 100%; width: 100%; text-align: center;}
    #Driven .common-container2 svg{ max-width: 80%; height: 100px;}
    #Driven .common-container2 .proteeting {transform: translate(0px, 0px); margin-bottom: 20px;}
    #Driven .common-container2 .proteeting .future{transform: translate(0px, 0px);}
    #Driven .bottomsvg{ width: 110px;}

    .card.active .card-header{ background: linear-gradient(111.67deg, #6E2383 25.35%, #312783 90.04%), #FFFFFF; color: #fff;}
    .card.active .card-header a{ color: #fff !important;}

    .card-body { padding: 1rem 0rem;}
    .card-body .bigtitle{ text-align: center; margin-bottom: 10px;}

    .BiggerSwiper-pagination .swiper-pagination-bullet{width: 15px;height: 6px; background: #fff;}
    .CleanerSwiper-pagination .swiper-pagination-bullet{width: 10px;height: 6px; background: #6E2383;}

    .table-wrp-mda{ width: 100%; overflow-x: scroll;}

    .strategic-row .light-blue-bg-ecf2f6{ padding: 20px 0px;}
    .strategic-row .light-blue-bg-ecf2f6 .container-1360-wrp{ padding: 0px 0px;}
    .strategic-row .light-blue-bg-ecf2f6 .container-1360-wrp .blue-bg-062262{ margin-top: 20px;}


}