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

@media only screen and (min-width: 1024px) and (max-width: 1280px)  {
  .row { margin-top: 50px; }
    .common-container { width: 1200px;}
    #CSR .csrright .csrbox h4 {
      font-size: 40px;
    }
  
  #CSR .csrright .csrbox h3 {
      font-size: 20px;
  }
  #company .desc {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 30px;
}

#sector .sectorBox, #sector .sectorBox h3 {
  height: 470px;
}
#sector .row{
  margin-top: 30px;
}

#perfromance .how-acc article, #perfromance .how-acc form, #perfromance .how-acc label {height:800px}
#perfromance .how-acc label p {margin-top: 240px;}

#company .row{
  margin-top: 30px;
}
#sector .swiper-slide:nth-child(2) ul{
  margin-top:-10px;
  }
 .ripple{
  margin-bottom: 20px;
 }
 #CSR .csrright {
  margin-top: 0;
 }

  #CSR .csrright .row{
    margin-top:15px;
}
}

/* ----------- 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) {
  .row { margin-top: 50px; }
.common-container { padding: 0px 10px; }
.bigtitle {font-size: 34px;}
#CSR .csrright {
  padding-left: 0;
}
#sector .sectorBox, #sector .sectorBox h3 {
  height: 500px;
}


}

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)
{
    .row { margin: 0px; }
    .common-container { padding: 0px 10px; }
    .bigtitle {font-size: 34px;letter-spacing: -1px;}
    .downloadheaderannual { display: none; }
    .tcelogo a img { width: 280px !important; }
    #header .tatalogo {right: 12px;}
    .tatalogo img {width: 44px; }
    #bnr-vid {object-fit: cover;height: 300px;}
    #company { padding:25px; }
    #company .col-lg-10,#CorporateSnaphot .col-lg-3 { padding: 0px !important; }
    #company .desc {font-size: 28px;line-height: 37px;margin-bottom: 20px;}
    #CorporateSnaphot { padding: 30px 0px; }
    .info-nos { margin-bottom:20px; }
    .info-nos h2 {font-size: 48px;}

    #perfromance {padding-top: 40px;}

    #perfromance { padding:0px; padding-top: 40px; }
    .w-75 {
    width: 100%!important;
    }


    #perfromance .how-acc {
        padding: 10px;
        margin-top: 0; }
      #perfromance .how-acc article h3 {
        padding: 15px; }
      #perfromance .picimg {
        position: relative; }
        #perfromance .picimg img {
          width: 100% !important; }
      #perfromance .how-acc form {
        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        display: inline-block;
        box-shadow: none;
        border-radius: 3px;
        border: none;
        width: 100%;
        height: auto; }
      #perfromance .how-acc input {
        display: none; }
      #perfromance .how-acc input:checked + label {
        border: none;
        color: white;
        box-shadow: none;
        text-shadow: none; }
      #perfromance .how-acc label {
        cursor: pointer;
        display: block;
        border: solid 1px transparent;
        width: 100%;
        height: auto;
        text-align: center;
        line-height: 40px;
        border-radius: 3px;
        margin-bottom: 2px;
        border: none;
        margin-left: 0px; }
      #perfromance .how-acc label:last-child {
        margin-right: 0; }
      #perfromance .how-acc article {
        height: 0;
        overflow: hidden;
        -webkit-transition: height .25s linear, opacity .15s linear;
        position: relative;
        top: 5px;
        margin-bottom: 0;
        padding: 0 10px;
        color: #333;
        font-family: helvetica;
        font-size: 12px;
        line-height: 18px;
        opacity: 0;
        margin-left: 0; }
      #perfromance div > .how-acc input:checked ~ article {
        height: auto;
        opacity: 1;
        width: 100%;
        margin-bottom: 12px;
        margin-left: 0; }
      #perfromance .how-acc label p {
        font-size: 20px;
        -webkit-transform: rotate(0deg) translateX(0px) translateY(0px);
        transform: rotate(0deg) translateX(0px) translateY(0px);
        color: #000;
        margin-top: 3px;
        width: 100%;
        text-align: left;
        position: relative;
        margin-bottom: 0px;
        padding: 12px 10px; }
      #perfromance .how-acc label p span {
        font-size: 28px;
        font-weight: 200;
        line-height: 32px;
        color: #FFF;
        display: inline-block;
        position: relative;
        margin-left: 24px;
        /* padding-bottom: 1px; */
        top: 0;
        left: 0;
        display: none;
        transform: rotate(0deg); }
      #perfromance .how-acc label p:before {
        left: inherit;
        top: 13px;
        right: 7px; }
      #perfromance .how-acc div > input:checked ~ label p:before {
        background: url(../images/min-black.png) no-repeat 0% center;
        transform: rotate(0deg); }
      #perfromance .how-acc article p {
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
        width: 100%;
        padding: 5px 10px;
        height: auto; }
        #perfromance .how-acc div > input:checked ~ article {padding:20px 10px;}
        #perfromance .how-acc .bigtitle {
            font-size: 24px;
        }

        #perfromance .info-nos h2 {font-size: 38px;}
        #perfromance .info-nos {width: 263px}
        .info-nos small {font-size: 16px;}
        #perfromance .how-acc label p { color: white !important; }
        #perfromance .how-acc label p:before {background: url(../images/plus-white.png) no-repeat center center;
            background-size: 28px;
            transition: 0.5s;
            transform-origin: center;
        }

        #Chairman .chairpersonRight {margin-left: 0; margin-top: 20px; }
        #Chairman .chairpersonRight .chairpersonQ {padding: 15px 25px;margin-right: 0;}
        #Chairman .chairpersonRight .chairpersonQ .q1 {
            right: -9px;
            top: -25px;
        }

        #Chairman .chairpersonRight .chairpersonQ .q2 {
            left: -6px;
            bottom: -10px;
        }

        .chairpersonpix { position: relative; }
        #Chairman .swiper-button-next, #Chairman .swiper-button-prev {
            top: 3%;
        }

        #Chairman .swiper-button-prev {
            left: auto;
            right: 90px;
        }

        #Chairman .swiper-button-next {
            right: 35px;
            left: auto;
        }
        #Chairman .swiper-slide { padding-bottom: 40px; }
        #Chairman {padding-bottom: 50px;}
        #team {padding-top: 0;padding-bottom:0px;}
        #team .nav-tabs .nav-link {font-size: 20px; line-height: 22px;margin-bottom: 0px;height: 64px;}
        #team .nav-tabs { display: flex; flex-wrap: wrap; }
        #team .nav-tabs li { width: 33.33%; border-right:solid 1px #FFF ; }
        #team .nav-link {padding: 0.5rem 0.2rem}
        #team #teamTabContent {padding: 0;padding-bottom: 30px;padding-top: 30px;}
        .g-5, .gy-5 {--bs-gutter-y: 0rem;}
        #team .bod { border: none; border-bottom: solid 1px #00AC5B; margin-bottom: 20px; }
        #team3 .col-lg-4 { margin-bottom: 20px; }
        .mt-5 {
            margin-top: 1rem!important;
        }

        #ourpresences {}
        .pl60 {
            padding-left: 24px;
        }
        #ourpresences .swiper-button-next, #ourpresences .swiper-button-prev {top: 5%;}
        #ourpresences .swiper-button-next {
            left: 320px;
            right: auto;
        }
        #ourpresences .swiper-button-prev {
            left: 266px;
        }

        .dimondMid { padding: 30px 0px; }
        #sector {padding-top: 40px; text-align: left; }
        #sector .bigtitle { text-align: left; }
        #sector .sectorBox h3 span {writing-mode: inherit;display: block;padding-left: 0;}
        #sector .ripple { margin-top: 20px; }
        #sector .sectorBox,#sector .sectorBox h3 { height: auto; font-size: 28px; padding-bottom: 10px;}
        #sector .sectorBox h3 { padding-top: 20px; }
        #sector .swiper-slide:nth-child(1) .info-nos,#sector .swiper-slide:nth-child(2) .info-nos { margin: auto; margin-top: 30px; }
        #sector .swiper-slide:nth-child(1) .extra-mar-80 {
            margin-top: 40px;
        }
        #sector .swiper-wrapper { display: block; }
        #sector .swiper-button-next, #sector .swiper-button-prev { display: none; }
        #sector .swiper-slide:nth-child(2) .sectorBox {padding: 20px 0px;}
        #services {margin-top: 10px;padding-top: 40px;padding-bottom: 50px;}
        #services .bigtitle { margin-bottom: 20px; }
        #CSR {
            padding: 40px 0px;

        }
        #CSR .csrpix {
            margin-top: 20px;
        }

        #CSR .csrright { background-color: #1268B3; margin-top: 0;padding: 17px 0px;}
        #CSR::before,#downoadCenter .downloadleft::before { display: none; }
        #downoadCenter { text-align: center; }
        .downloadleft {background: #E8F4FB; padding-top: 10px; }
        #downoadCenter .downloadleft .broucher {margin-left: 0;}
        #downoadCenter .Integrated, #downoadCenter .Dcenter { padding-left: 0px; }
        #downoadCenter .downloadCenter {margin-top: 40px;   }
        #downoadCenter .downloadCenter .Dcenter { margin-bottom: 20px; }
        #downoadCenter .Integrated h2, #downoadCenter .Dcenter h2 {font-size: 25px;}
        .viewport {
            padding-bottom: 0;
        }
        #CorporateSnaphot .bigtitle { margin-bottom: 20px; }
        #Chairman .chairpersonRight .chairpersonQ .q1::before { display: none; }
        .worldmapList { margin-top: 20px; }
        .worldmapList .info-nos { margin:20px auto;  }
        #Diamond {
            padding-top: 0;
        }
        
    }


@media only screen and (min-device-width:481px) and (max-device-width:767px)
{
    .row { margin: 0px; }
    .common-container { padding: 0px 10px; }
    .bigtitle {font-size: 34px;letter-spacing: -1px;}
    .downloadheaderannual { display: none; }
    .tcelogo a img { width: 280px !important; }
    #header .tatalogo {right: 12px;}
    .tatalogo img {width: 44px; }
    #bnr-vid {object-fit: cover;height: 300px;}
    #company { padding:25px; }
    #company .col-lg-10,#CorporateSnaphot .col-lg-3 { padding: 0px !important; }
    #company .desc {font-size: 28px;line-height: 37px;margin-bottom: 20px;}
    #CorporateSnaphot { padding: 30px 0px; }
    .info-nos { margin-bottom:20px; }
    .info-nos h2 {font-size: 48px;}

    #perfromance {padding-top: 40px;}

    #perfromance { padding:0px; padding-top: 40px; }
    .w-75 {
    width: 100%!important;
    }


    #perfromance .how-acc {
        padding: 10px;
        margin-top: 0; }
      #perfromance .how-acc article h3 {
        padding: 15px; }
      #perfromance .picimg {
        position: relative; }
        #perfromance .picimg img {
          width: 100% !important; }
      #perfromance .how-acc form {
        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
        display: inline-block;
        box-shadow: none;
        border-radius: 3px;
        border: none;
        width: 100%;
        height: auto; }
      #perfromance .how-acc input {
        display: none; }
      #perfromance .how-acc input:checked + label {
        border: none;
        color: white;
        box-shadow: none;
        text-shadow: none; }
      #perfromance .how-acc label {
        cursor: pointer;
        display: block;
        border: solid 1px transparent;
        width: 100%;
        height: auto;
        text-align: center;
        line-height: 40px;
        border-radius: 3px;
        margin-bottom: 2px;
        border: none;
        margin-left: 0px; }
      #perfromance .how-acc label:last-child {
        margin-right: 0; }
      #perfromance .how-acc article {
        height: 0;
        overflow: hidden;
        -webkit-transition: height .25s linear, opacity .15s linear;
        position: relative;
        top: 5px;
        margin-bottom: 0;
        padding: 0 10px;
        color: #333;
        font-family: helvetica;
        font-size: 12px;
        line-height: 18px;
        opacity: 0;
        margin-left: 0; }
      #perfromance div > .how-acc input:checked ~ article {
        height: auto;
        opacity: 1;
        width: 100%;
        margin-bottom: 12px;
        margin-left: 0; }
      #perfromance .how-acc label p {
        font-size: 20px;
        -webkit-transform: rotate(0deg) translateX(0px) translateY(0px);
        transform: rotate(0deg) translateX(0px) translateY(0px);
        color: #000;
        margin-top: 3px;
        width: 100%;
        text-align: left;
        position: relative;
        margin-bottom: 0px;
        padding: 12px 10px; }
      #perfromance .how-acc label p span {
        font-size: 28px;
        font-weight: 200;
        line-height: 32px;
        color: #FFF;
        display: inline-block;
        position: relative;
        margin-left: 24px;
        /* padding-bottom: 1px; */
        top: 0;
        left: 0;
        display: none;
        transform: rotate(0deg); }
      #perfromance .how-acc label p:before {
        left: inherit;
        top: 13px;
        right: 7px; }
      #perfromance .how-acc div > input:checked ~ label p:before {
        background: url(../images/min-black.png) no-repeat 0% center;
        transform: rotate(0deg); }
      #perfromance .how-acc article p {
        font-size: 22px;
        font-weight: 400;
        line-height: 28px;
        width: 100%;
        padding: 5px 10px;
        height: auto; }
        #perfromance .how-acc div > input:checked ~ article {padding:20px 10px;}
        #perfromance .how-acc .bigtitle {
            font-size: 24px;
        }

        #perfromance .info-nos h2 {font-size: 38px;}
        #perfromance .info-nos {width: 263px}
        .info-nos small {font-size: 16px;}
        #perfromance .how-acc label p { color: white !important; }
        #perfromance .how-acc label p:before {background: url(../images/plus-white.png) no-repeat center center;
            background-size: 28px;
            transition: 0.5s;
            transform-origin: center;
        }

        #Chairman .chairpersonRight {margin-left: 0; margin-top: 20px; }
        #Chairman .chairpersonRight .chairpersonQ {padding: 15px 25px;margin-right: 0;}
        #Chairman .chairpersonRight .chairpersonQ .q1 {
            right: -9px;
            top: -25px;
        }

        #Chairman .chairpersonRight .chairpersonQ .q2 {
            left: -6px;
            bottom: -10px;
        }

        .chairpersonpix { position: relative; }
        #Chairman .swiper-button-next, #Chairman .swiper-button-prev {
            top: 3%;
        }

        #Chairman .swiper-button-prev {
            left: auto;
            right: 90px;
        }

        #Chairman .swiper-button-next {
            right: 35px;
            left: auto;
        }
        #Chairman .swiper-slide { padding-bottom: 40px; }
        #Chairman {padding-bottom: 50px;}
        #team {padding-top: 0;padding-bottom:0px;}
        #team .nav-tabs .nav-link {font-size: 20px; line-height: 22px;margin-bottom: 0px;height: 64px;}
        #team .nav-tabs { display: flex; flex-wrap: wrap; }
        #team .nav-tabs li { width: 33.33%; border-right:solid 1px #FFF ; }
        #team .nav-link {padding: 0.5rem 0.2rem}
        #team #teamTabContent {padding: 0;padding-bottom: 30px;padding-top: 30px;}
        .g-5, .gy-5 {--bs-gutter-y: 0rem;}
        #team .bod { border: none; border-bottom: solid 1px #00AC5B; margin-bottom: 20px; }
        #team3 .col-lg-4 { margin-bottom: 20px; }
        .mt-5 {
            margin-top: 1rem!important;
        }

        #ourpresences {}
        .pl60 {
            padding-left: 24px;
        }
        #ourpresences .swiper-button-next, #ourpresences .swiper-button-prev {top: 5%;}
        #ourpresences .swiper-button-next {
            left: 320px;
            right: auto;
        }
        #ourpresences .swiper-button-prev {
            left: 266px;
        }

        .dimondMid { padding: 30px 0px; }
        #sector {padding-top: 40px; text-align: left; }
        #sector .bigtitle { text-align: left; }
        #sector .sectorBox h3 span {writing-mode: inherit;display: block;padding-left: 0;}
        #sector .ripple { margin-top: 20px; }
        #sector .sectorBox,#sector .sectorBox h3 { height: auto; font-size: 28px; padding-bottom: 10px;}
        #sector .sectorBox h3 { padding-top: 0; }
        #sector .swiper-slide:nth-child(1) .info-nos,#sector .swiper-slide:nth-child(2) .info-nos { margin: auto; margin-top: 30px; }
        #sector .swiper-slide:nth-child(1) .extra-mar-80 {
            margin-top: 40px;
        }
        #sector .swiper-wrapper { display: block; }
        #sector .swiper-button-next, #sector .swiper-button-prev { display: none; }
        #sector .swiper-slide:nth-child(2) .sectorBox {padding: 20px 0px;}
        #services {margin-top: 10px;padding-top: 40px;padding-bottom: 50px;}
        #services .bigtitle { margin-bottom: 20px; }
        #CSR {
            padding: 40px 0px;

        }
        #CSR .csrpix {
            margin-top: 20px;
        }

        #CSR .csrright { background-color: #1268B3; margin-top: 0;padding: 17px 0px;}
        #CSR::before,#downoadCenter .downloadleft::before { display: none; }
        #downoadCenter { text-align: center; }
        .downloadleft {background: #E8F4FB; padding-top: 10px; }
        #downoadCenter .downloadleft .broucher {margin-left: 0;}
        #downoadCenter .Integrated, #downoadCenter .Dcenter { padding-left: 0px; }
        #downoadCenter .downloadCenter {margin-top: 40px;   }
        #downoadCenter .downloadCenter .Dcenter { margin-bottom: 20px; }
        #downoadCenter .Integrated h2, #downoadCenter .Dcenter h2 {font-size: 25px;}
        .viewport {
            padding-bottom: 0;
        }
        #CorporateSnaphot .bigtitle { margin-bottom: 20px; }
        #Chairman .chairpersonRight .chairpersonQ .q1::before { display: none; }
        .worldmapList { margin-top: 20px; }
        .worldmapList .info-nos { margin:20px auto;  }
        #Diamond {
            padding-top: 0;
        }
       
      #sector .swiper-slide:nth-child(2) ul{
        margin-top:0;
        }
        #CorporateSnaphot .rightvet, #ourpresences .rightvet{
          display: none;
        }
        #CSR .csrright .csrbox h3{margin-bottom: 15px;}
    }

/* Extra small */
@media (min-width: 320px) and (max-width: 767px)
{
.row { margin: 0px; }
.common-container { padding: 0px 10px; }
.bigtitle {font-size: 34px;letter-spacing: -1px;}
.downloadheaderannual { display: none; }
.tcelogo a img { width: 280px !important; }
#header .tatalogo {right: 12px;}
.tatalogo img {width: 44px; }
#bnr-vid {object-fit: cover;height: 300px;}
#company { padding:25px; }
#company .col-lg-10,#CorporateSnaphot .col-lg-3 { padding: 0px !important; }
#company .desc {font-size: 28px;line-height: 37px;margin-bottom: 20px;}
#CorporateSnaphot { padding: 30px 0px; }
.info-nos { margin-bottom:20px; }
.info-nos h2 {font-size: 48px;}

#perfromance {padding-top: 40px;}

#perfromance { padding:0px; padding-top: 40px; }
.w-75 {
width: 100%!important;
}


#perfromance .how-acc {
    padding: 10px;
    margin-top: 0; }
  #perfromance .how-acc article h3 {
    padding: 15px; }
  #perfromance .picimg {
    position: relative; }
    #perfromance .picimg img {
      width: 100% !important; }
  #perfromance .how-acc form {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0px;
    display: inline-block;
    box-shadow: none;
    border-radius: 3px;
    border: none;
    width: 100%;
    height: auto; }
  #perfromance .how-acc input {
    display: none; }
  #perfromance .how-acc input:checked + label {
    border: none;
    color: white;
    box-shadow: none;
    text-shadow: none; }
  #perfromance .how-acc label {
    cursor: pointer;
    display: block;
    border: solid 1px transparent;
    width: 100%;
    height: auto;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
    margin-bottom: 2px;
    border: none;
    margin-left: 0px; }
  #perfromance .how-acc label:last-child {
    margin-right: 0; }
  #perfromance .how-acc article {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .25s linear, opacity .15s linear;
    position: relative;
    top: 5px;
    margin-bottom: 0;
    padding: 0 10px;
    color: #333;
    font-family: helvetica;
    font-size: 12px;
    line-height: 18px;
    opacity: 0;
    margin-left: 0; }
  #perfromance div > .how-acc input:checked ~ article {
    height: auto;
    opacity: 1;
    width: 100%;
    margin-bottom: 12px;
    margin-left: 0; }
  #perfromance .how-acc label p {
    font-size: 20px;
    -webkit-transform: rotate(0deg) translateX(0px) translateY(0px);
    transform: rotate(0deg) translateX(0px) translateY(0px);
    color: #000;
    margin-top: 3px;
    width: 100%;
    text-align: left;
    position: relative;
    margin-bottom: 0px;
    padding: 12px 10px; }
  #perfromance .how-acc label p span {
    font-size: 28px;
    font-weight: 200;
    line-height: 32px;
    color: #FFF;
    display: inline-block;
    position: relative;
    margin-left: 24px;
    /* padding-bottom: 1px; */
    top: 0;
    left: 0;
    display: none;
    transform: rotate(0deg); }
  #perfromance .how-acc label p:before {
    left: inherit;
    top: 13px;
    right: 7px; }
  #perfromance .how-acc div > input:checked ~ label p:before {
    background: url(../images/min-black.png) no-repeat 0% center;
    transform: rotate(0deg); }
  #perfromance .how-acc article p {
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    width: 100%;
    padding: 5px 10px;
    height: auto; }
    #perfromance .how-acc div > input:checked ~ article {padding:20px 10px;}
    #perfromance .how-acc .bigtitle {
        font-size: 24px;
    }

    #perfromance .info-nos h2 {font-size: 38px;}
    #perfromance .info-nos {width: 263px}
    .info-nos small {font-size: 16px;}
    #perfromance .how-acc label p { color: white !important; }
    #perfromance .how-acc label p:before {background: url(../images/plus-white.png) no-repeat center center;
        background-size: 28px;
        transition: 0.5s;
        transform-origin: center;
    }

    #Chairman .chairpersonRight {margin-left: 0; margin-top: 20px; }
    #Chairman .chairpersonRight .chairpersonQ {padding: 15px 25px;margin-right: 0;}
    #Chairman .chairpersonRight .chairpersonQ .q1 {
        right: -9px;
        top: -25px;
    }

    #Chairman .chairpersonRight .chairpersonQ .q2 {
        left: -6px;
        bottom: -10px;
    }

    .chairpersonpix { position: relative; }
    #Chairman .swiper-button-next, #Chairman .swiper-button-prev {
        top: 3%;
    }

    #Chairman .swiper-button-prev {
        left: auto;
        right: 90px;
    }

    #Chairman .swiper-button-next {
        right: 35px;
        left: auto;
    }
    #Chairman .swiper-slide { padding-bottom: 40px; }
    #Chairman {padding-bottom: 50px;}
    #team {padding-top: 0;padding-bottom:0px;}
    #team .nav-tabs .nav-link {font-size: 20px; line-height: 22px;margin-bottom: 0px;height: 64px;}
    #team .nav-tabs { display: flex; flex-wrap: wrap; }
    #team .nav-tabs li { width: 33.33%; border-right:solid 1px #FFF ; }
    #team .nav-link {padding: 0.5rem 0.2rem}
    #team #teamTabContent {padding: 0;padding-bottom: 30px;padding-top: 30px;}
    .g-5, .gy-5 {--bs-gutter-y: 0rem;}
    #team .bod { border: none; border-bottom: solid 1px #00AC5B; margin-bottom: 20px; }
    #team3 .col-lg-4 { margin-bottom: 20px; }
    .mt-5 {
        margin-top: 1rem!important;
    }

    #ourpresences {}
    .pl60 {
        padding-left: 24px;
    }
    #ourpresences .swiper-button-next, #ourpresences .swiper-button-prev {top: 5%;}
    #ourpresences .swiper-button-next {
        left: 320px;
        right: auto;
    }
    #ourpresences .swiper-button-prev {
        left: 266px;
    }

    .dimondMid { padding: 30px 0px; }
    #sector {padding-top: 40px; text-align: left; }
    #sector .bigtitle { text-align: left; }
    #sector .sectorBox h3 span {writing-mode: inherit;display: block;padding-left: 0;transform:none;padding-right: 50px;}
    #sector .ripple { margin-top: 20px; }
    #sector .sectorBox,#sector .sectorBox h3 { height: auto; font-size: 28px; padding-bottom: 10px;}
    #sector .sectorBox h3 { padding-top: 0; }
    #sector .swiper-slide:nth-child(1) .info-nos,#sector .swiper-slide:nth-child(2) .info-nos { margin: auto; margin-top: 30px; }
    #sector .swiper-slide:nth-child(1) .extra-mar-80 {
        margin-top: 40px;
    }
    #sector .swiper-wrapper { display: block; }
    #sector .swiper-button-next, #sector .swiper-button-prev { display: none; }
    #sector .swiper-slide:nth-child(2) .sectorBox {padding: 20px 0px;}
    #services {margin-top: 10px;padding-top: 40px;padding-bottom: 50px;}
    #services .bigtitle { margin-bottom: 20px; }
    #CSR {
        padding: 40px 0px;

    }
    #CSR .csrpix {
        margin-top: 20px;
    }

    #CSR .csrright { background-color: #1268B3; margin-top: 0;padding: 17px 0px;}
    #CSR::before,#downoadCenter .downloadleft::before { display: none; }
    #downoadCenter { text-align: center; }
    .downloadleft {background: #E8F4FB; padding-top: 10px; }
    #downoadCenter .downloadleft .broucher {margin-left: 0;}
    #downoadCenter .Integrated, #downoadCenter .Dcenter { padding-left: 0px; }
    #downoadCenter .downloadCenter {margin-top: 40px;   }
    #downoadCenter .downloadCenter .Dcenter { margin-bottom: 20px; }
    #downoadCenter .Integrated h2, #downoadCenter .Dcenter h2 {font-size: 25px;}
    .viewport {
        padding-bottom: 0;
    }
    #CorporateSnaphot .bigtitle { margin-bottom: 20px; }
    #Chairman .chairpersonRight .chairpersonQ .q1::before { display: none; }
    .worldmapList { margin-top: 20px; }
    .worldmapList .info-nos { margin:20px auto;  }
    #Diamond {
        padding-top: 0;
    }
    #CSR .csrright .csrbox small {
      margin-top: 12px;
  }
  #sector .swiper-slide:nth-child(2) ul{
    margin-top:0;
    }
    #CorporateSnaphot .rightvet, #ourpresences .rightvet{
      display: none;
    }
    #CSR .csrright .csrbox h3{margin-bottom: 15px;}

}