@media (max-width: 1920px) {
    .eachCart{
        width: 25%;
    }

    .csrBoxWrap .col_6 .csrImgWrap a{
        width: 100%;
        height: 100%;
        display: block;
    }
    .csrBoxWrap .col_6 .csrImgWrap{
        height: 410px;
    }
    .csrBoxWrap .col_6 .csrImgWrap img{
        height: 100%;
        object-fit: cover;
    }
}

@media   (max-width: 1700px) and (min-width: 1601px){
    .fz_44{
        font-size:40px !important;
    }
}

@media (max-width: 1600px) {
    .wid_1b5 {
        width: calc((100% / 4) - 10px);
        padding-bottom: 15px;
    }
    /* ._3sList li:before,
    ._3sList li:after {
        top: 69px;
        left: 0;
        right: 0;
        width: 15px;
        margin: auto;
        transform: rotate(90deg);
    }
    ._3sList li:after{
        top: 77px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left-width: 12px;
    } */
     .vcRow_1 ._3sList li{
        width: 100%;
    }
    .vcRow_1 ._3sList li:before,
    .vcRow_1 ._3sList li:after {
    top: 69px;
    left: 0;
    right: 0;
    width: 15px;
    margin: auto;
    transform: rotate(90deg);
    }
    .vcRow_1 ._3sList li .bgW span {
    margin-bottom: 50px;
    }
    .vcRow_1 ._3sList li:nth-child(2){
    margin:0px;
    }
}



@media only screen and (max-width: 1440px){
    .customBtn {
        width: 185px;
        font-size: 20px;
    }
    

    h2 {
        font-size: 36px;
    }
    .h3, h3 {
        font-size: 1.50rem;
    }
    .h4, h4 {
        font-size: 1.2rem;
    }
    .h5, h5 {
        font-size: 1.10rem;
    }
    .fz_50 {
        font-size: 34px !important;
    }
    .fz_40 {
        font-size: 26px !important;
    }
    .fz_30 {
        font-size: 24px !important;
    }
    .fz_24 {
        font-size: 18px !important;
    }
    .fz_20 {
        font-size: 15px !important;
    }

    .mb_20 {
        margin-bottom: 15px !important;
    }
    
    .eachSolution .imgCont p{
        height: 280px;
        overflow-y: scroll;
        padding-left: 10px;
    }

    .asideList li a {
        font-size: 16px;
    }
    .asideList li a.titleText {
        font-size: 18px;
    }


    .esg_main > .esg_rowWrap > .row h2 {
        font-size: 30px;
    }
    ._4Box{
        width: 75%;
    }

    .topBr:before {
        top: -4px;
    }

    ._3sList li:nth-child(2) {
        margin: 0 50px;
    }
    ._3sList li:before {
        right: -23px;
        width: 15px;
    }
    ._3sList li:after {
        right: -35px;
    }
    ._3sList li.blueText:after,
    ._3sList li.orangeText:after {
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left-width: 12px;
    }

    .esmRow_4 .colWrap>div{
        min-width: 100%;
    }
    .esmRow_4 .colWrap>div:not(:last-child){
        margin-bottom: 20px;
    }
    

    .colWrap_2 .colCont{
        padding: 5px 15px 30px;
    }

    .cardEach {
        padding: 20px 0px 20px 30px;
    }
    .cardEach::before{
        width: 20px;
        height: 35px;
        top: 78px;
    }
    .cardsHeading{
        font-size: 16px;
    }

    .btmArrow {
        font-size: 24px;
    }
    .btmArrow:before {
        top: 38px;
        left: 90px;
        width: 24px;
        height: 18px;
    }

    .eachDrop h5{
        font-size: 18px;
        height: 36px;
    }
    .eachDrop figure figcaption{
        font-size: 24px;
    }

    .row.egRow_3.aic{
        align-items: flex-start !important;
    }

    .barTitle:before {
        top: 3px;
    }

    .esgList .btmArrow.greenText {
        font-size: 18px;
    }
    .esgList .btmArrow:before {
        top: 31px;
        left: 50px;
        width: 20px;
        height: 14px;
    }
    .wid_1b5 {
        width: calc((100% / 3) - 10px);
        padding-bottom: 15px;
    }
    
    /*.tableHolder{*/
    /*    overflow-x: scroll;*/
    /*}*/
    .fz_44{
        font-size: 30px !important;
    }

}
@media (max-width: 1440px) and (min-width: 1367px){
    .cartContBox {
        padding:30px 40px ;
    }
}
@media (max-width: 1366px) {
    .leftTopFoot{
        width: calc(100% - 155px);
    }
    .rightTopFoot{
        width: 135px;
    }

    .csrBoxWrap .col_6 .innerRow_2{
        align-items: flex-start !important;
    }
    .csrBoxWrap .col_6 .csrImgWrap{
        height: 450px;
    }

    .csrBoxWrap .col_6 .csrImgWrap img{
        object-position: 20% center;
    }


    .cartCont strong {
        font-size: 14px;
    }
    .cartContBox{
        padding: 10px 30px;
    }
    .cartCont p {
        font-size: 13px;
    }
    .eachProject {
        width: 30%;
    }
    .esg_sidebar ul{
        overflow-y: scroll;
        height: calc(100vh - 100px);
        padding-right: 15px;
    }

    /*.vcRow_1 ._3sList li{*/
    /*    width: 28%;*/
    /*}*/

    .options{
        -ms-flex: 0 0 28%;
        flex: 0 0 28%;
        max-width: 28%;
    }
    .options + .col-lg-8 {
        -ms-flex: 0 0 68%;
        flex: 0 0 68%;
        max-width: 68%;
    }
    .abstitleAbs_1 {
        left: -165px;
    }
    .ringList_table .listName_1.listName1 {
        left: -50px;
    }
    .ringList_table .listName_1.listName2 {
        left: -50px;
    }
    .ringList_table .listName_1.listName3 {
        left: -38px;
    }
    .abstitleAbs_2{
        bottom: -60px;
    }
    
    
}



@media (max-width: 1280px) {
    .eachSolution{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .eachSolution .imgCont p{
        height: auto;
        overflow-y: visible;
    }

    .csrBoxWrap .col_6 .csrImgWrap{
        height: 520px;
    }

    .eachCart{
        width: 50%;
    }
    .cartBoxWrap .eachCart img {
        width: 75%;
        margin: 0 auto;
    }
    .cartContBox {
        padding: 10px 130px;
    }
    .cartCont strong {
        font-size: 18px;
    }
    .cartCont p {
        font-size: 14px;
    }
    ._4Box{
        width: 100%;
    }
    /*.colWrap{*/
    /*    width: 100%;*/
    /*}*/
    ._3sList li {
        min-width: 149px;
        position: relative;
    }
    /*.colWrap {*/
    /*    width: 100%;*/
    /*    float: left;*/
    /*    display: block;*/
    /*}*/
    /*.colItems {*/
    /*    width: 100%;*/
    /*    float: left;*/
    /*    display: block;*/
    /*    max-width: 100%;*/
    /*}*/
}



@media (max-width: 1199px) {
    /* .leftTopFoot{
        width: calc(100% - 155px);
    }
    .global_footprint .eachCounterWrap{
        width: 135px;
    } */
    .eachCounterWrap.wid_1b5 {
        width: calc((100% / 3) - 10px);
    }
}



@media (max-width: 1100px){
    .esmRow_5 .colWrap_2 > .col-lg-4{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom:20px;
    }
    .colWrap_2 .colCont{
        height: auto;
    }
    .colContPara {
        height: 200px;
        overflow-y: scroll;
    }
    .egBodList li{
        display: inline-block;
    }

    
    
    .esmRow_4 .row .col-lg-:not(:last-child){
        margin-bottom: 20px;
    }
    .esmRow_4 .row .col-lg-4{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .esmRow_6 .colItems:not(:last-child){
        margin-bottom: 20px;
    }
    .esmRow_6 .colItems {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom:20px;
    }
    
    .esmRow_7 .row{
        flex-direction: column;
    }
    .esmRow_7 .colItems:not(:last-child){
        margin-bottom: 20px;
    }
    .esmRow_7 .colItems{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .row.egRow_3.aic{
        flex-direction: column;
    }
    .egBodLeft{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .egBodList li{
        margin-right: 20px;
    }
    .egBodRight{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    
    .esmRow_8 .row .colItems:not(:last-child),
    .esmRow_9 .row_1 .colItems:not(:last-child),
    .cvRow_4 .colItems:not(:last-child),
    .cvRow_6 .colItems:not(:last-child){
        margin-bottom: 20px;
    }
    .esmRow_8 .row .colItems,
    .esmRow_9 .row_1 .colItems,
    .cvRow_4 .colItems,
    .cvRow_6 .colItems{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    ._3BoxWrap ._3BoxEach:not(:last-child){
        margin-bottom: 20px;
    }
    ._3BoxWrap ._3BoxEach{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .cvRow_3 > .col-lg-4:not(:last-child){
        margin-bottom: 20px;
    }
    .cvRow_3 > .col-lg-4{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .cvRow_7 .row .col-lg-7{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .vcRow_1 ._3@Benjamin kindly check those screenshots
1. first image in 375
2. second image in 1024

issue j screenshot send and j resolution e Steps{
        margin-bottom: 0px !important;
    }
    /*.vcRow_1 ._3sList li:nth-child(2) {*/
    /*    margin: 0px;*/
    /*}*/
    /*.vcRow_1 ._3sList li:before, */
    /*.vcRow_1 ._3sList li:after {*/
    /*    top: 69px;*/
    /*    left: 0;*/
    /*    right: 0;*/
    /*    width: 15px;*/
    /*    margin: auto;*/
    /*    transform: rotate(90deg);*/
    /*}*/
/*    ._3sList li:nth-child(2) {*/
/*    margin: 0 50px;*/
/*    }*/
/*    ._3sList li:before {*/
/*    right: -23px;*/
/*    width: 15px;*/
/*}*/
/*._3sList li:after {*/
/*    right: -35px;*/
/*}*/
/*._3sList li:before {*/
/*    right: -23px;*/
/*    width: 15px;*/
/*}*/
      
}



@media (max-width: 1024px){
    header{
        position: static;
    }
    .inner_page {
        margin-top: 0px
    }
    .customBlock {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pb_120 {
        padding-bottom: 60px !important;
    }

    h2{
        font-size: 30px; 
    }
    .h3, h3 {
        font-size: 24px;
    }
    .h4, h4 {
        font-size: 20px;
    }
    .h5, h5 {
        font-size: 16px;
    }
    .leftTopFoot{
        width: 75%;
    }
    .mainMapBox .figure {
        max-width: 100%;
        margin: 0 auto;
    }


    .csrBoxWrap .col_6 .innerRow_2{
        flex-direction: column;
    }
    .csrBoxWrap .col_6 .col-lg-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .csrBoxWrap .col_6 ._subTitle{
        margin-bottom: 30px !important;
    }
    .csrBoxWrap .col_6 .csrImgWrap{
        margin-top: 30px;
    }
    .csrImgWrap{
        margin-bottom: 30px;
    }

    .brTopBoxInner:before,
    .brTopBoxInner:after{
        animation: none;
        background-size: cover;
        top: -58px;
        width: 50px;
        height: 28px
    }
    .brTopBoxInner:before{
        left: 45%;
    }
    .brTopBoxInner:after {
        left: 80%;  
    }
    .cartBoxWrap .eachCart img {
        width: 100%;
    }
    .cartContBox {
        padding: 10px 70px;
    }
    .eachProject {
        width: 40%;
    }
    .hideImage{
        display: none;
    }
    .cvRow_4 .colWrap figure{
        margin-bottom: 20px;
    }
    ._3sList li {
    width: 100%;
}
._3sList li .bgW span {
    margin-bottom: 50px;
}
._3sList li:before, ._3sList li:after {
    top: 69px;
    left: 0;
    right: 0;
    width: 15px;
    margin: auto;
    transform: rotate(90deg);
}
._3sList li:nth-child(2) {
    margin: 0px;
}
    
}



@media (max-width: 991px) {   
    
    .eachCounterWrap.wid_1b5 {
        width: calc(33.33% - 20px);
    }
    .counterBoxHolder{
        justify-content: space-evenly;
    }
    ._4BoxEach{
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .colCont3Wrap{
        display: none;
    }
    .colWrap_2>div:not(:last-child){
        margin-bottom: 20px;
    }
    .esmRow_6 .colWrap>div:not(:last-child){
        margin-bottom: 20px;
    }
    
    
    .eachDrop:not(:last-child){
        margin-bottom: 20px;
    }
    .eachDrop h5{
        height: auto;
    }
    .eachDrop > ul > li {
        width: 100%;
    }
    .eachDrop > ul > li .eachDropCont{
        min-height: auto;
    }
    
    
    ._3sList li {
        min-width: 110px;
    }
    ._3sList li .bgW span{
        font-size: 13px;
    }
    .btmArrow:before {
        content:normal;
    }
    ._3sList li {
    width: 100%;
    }
    .colWrap_2 .colCont1:after {
        content: normal;
    }
}



@media (max-width: 767px) {
    
    
    h2 {
        font-size: 24px;
    }
    .fz_30 {
        font-size: 20px !important;
    }
    .btmArrow {
        font-size: 20px;
        margin-bottom: 15px;
    }
    
    
    .eachDrop figure img{
        height: auto;
        width: 46px;
    }
    .eachDrop figure figcaption {
        font-size: 20px;
        line-height: 1;
        width: calc(100% - 56px);
    }
    .eachDrop figure:before{
        content: normal;
    }
    

    .customBlock {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footImg3.absImg{
        display: none;
    }

    .eachProject{
        width: 100%;
        margin-bottom: 30px;
    }
    .eachProject:not(:last-child) {
        margin-right: 0px;
    }
    .solutionHolder{
        display: flex;
        flex-direction: column;

    }
    .eachSolution{
        margin-bottom: 30px;
    }
    .subHead{
        text-align: center;
    }
    .solutionHolder .imgBox {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }
    .imgCont{
        width: 100%;
        padding-left: 0px;
    }
    .footTopBlock {
        display: flex;
        width: 100%;
        flex-direction: column;  
    }
    .leftTopFoot {
        width: 100%;
        margin-bottom: 20px;
    }
    .leftIdneBox{
        margin-bottom: 20px;
    }
    .eachCounterWrap.wid_1b5 {
        width: calc(50% - 20px);
    }

    .csrBoxWrap .col_6 .csrImgWrap{
        margin-top: 0;
    }
    .row_4.csrBoxWrap .rgtCounter{
        justify-content: flex-start !important;
    }


    .brTopBoxInner:before{
        content: normal;
    }
    .eachCart{
        width: 100%;
    }
    .cartBoxWrap .eachCart img {
        width: 75%;
    }
    .cartContBox {
        padding: 10px 130px;
    }


    .esg_sidebar>ul{
        overflow-y: visible;
        padding-right: 0;
        height: auto;
    }

    .options{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .options + .col-lg-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    ._3sList li{
        width: 100%;
    }
    ._3sList li .bgW span {
        background-color: #004c8d;
        margin-bottom: 50px;   
    }
    ._3sList li:nth-child(2) {
        margin: 0px;
    }
    ._3sList li:before,
    ._3sList li:after {
        top: 69px;
        left: 0;
        right: 0;
        width: 15px;
        margin: auto;
        transform: rotate(90deg);
    }
    ._3sList li:after{
        top: 77px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left-width: 12px;
    }

    .rowSub_5 .egRow_5 .cbElement{
        width: calc((100% / 2) - 10px);
    }


    .colWrap_2 .colCont1{
        margin-bottom: 20px;
    }
    .colWrap_2 .colCont{
        height: auto;
    }
    .colContPara {
        height: auto;
        overflow-y: visible;
    }


    .gcRow_2{
        margin-bottom: 30px !important;
    }
    .gcRow_3 .col-lg-4:not(:last-child){
        margin-bottom: 20px;
    }
    .esgList > li ul{
        height: auto;
        overflow-y:  visible;
    }
    .esmRow_10 .col_3 ._3BoxEach {
        margin-bottom:20px;
    }
    .btmArrow:before {
        content:normal;
    }
    
    
    .ringList_table p{
        display: block;
    }
    .ringC{
        margin: 3px 5px 0 0;
    }
    ._3sList li {
    width: 100%;
    }
    
    
}



@media (max-width: 640px) { 
    .strategyBlockWrap {
        border-bottom: 0;
    }
    .cartBoxWrap .eachCart:not(:first-child) {
        margin-left: 0;
        margin-top: 15px;
    }
    .cartBoxWrap .eachCart{
        background: #5b6870;
    }
    .cartBoxWrap .eachCart img {
        display: none;
    }
    .cartContBox {
        position: static;
        padding: 30px 20px;
    }
    .cartCont{
        text-align: left;
    }
    .cartCont strong br{
        display: none;
    }
    .colWrap_2 .colCont p {
        text-align: left;
        padding-right: 5px;
    }
    /*.tableHolder{*/
    /*    overflow-x: scroll;*/
    /*    height: auto;*/
    /*}*/
    
    
    
    .ciRow_4 .tableWrap td:first-child{
        text-align: center;
        flex-dirction: column;
    }
    .ciRow_4 .tableWrap td img{
        margin-right: 0;
        margin-bottom: 10px;
    }
}



@media (max-width: 575px) {  
    .colWrap_2 .colCont1:after {
        content: normal;
    }

    .rowSub_5 .egRow_5 .cbElement{
        width: 100%;
        margin-right: 0;
    }
    
    .egBodList li:not(:last-child){
        margin-bottom: 20px;
    }
    .egBodList li{
        width: 100%;
        margin-right: 0;
    }
}



@media (max-width: 479px) {
    .eachCounterWrap.wid_1b5{
        width: 100%;
    }
    .topBr:before{
    	content: normal;
    }
    .topBr span:before {
    top: -18px;
    left: 0;
    right: 0;
    height: 5px;
    width: 93%;
    content: '';
    position: absolute;
    background: rgb(0,99,175);
    background: linear-gradient(90deg, rgba(0,99,175,1) 0%, rgba(0,171,197,1) 100%);
    }
}



@media (max-width: 360px) {    
}


