/* responaive */


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

   .container__1440_wrp {
      max-width: 1200px;
   }

   .home-banner-wrp .container__1440_wrp .caption-wrp {
      max-width: 400px;
   }

   #chairman .chairpersionRight .desc-main {
      padding-right: 0px;
   }

   #chairman .chairpersionRight .desc-main {
      font-size: 20px;
   }

   #chairman {
      padding: 40px 0px;
   }

   #chairman .chairpersionRight .page-title {
      font-size: 32px;
   }

}

/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) and (orientation: landscape) {}

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
   .row {
      margin: 0px;
   }

   .page-title {
      font-size: 28px;
   }

   #banner .common-container h1 {
      font-size: 36px;
   }

   #banner {
      background-image: url(../images/banner-bg.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
   }

   #banner .banner-bg {
      position: absolute;
      bottom: 260px;
      display: none;
   }

   #banner-bottom {
      padding: 0px 10px;
      padding-bottom: 50px;
      height: auto;
   }

   .desc-main {
      font-size: 20px;
   }

   #jounney {
      padding: 40px 0px;
   }

   #jounney .desc-main {
      padding: 20px 20px;
   }

   #who-we-are {
      padding: 20px 0px;
   }

   .fs20 {
      font-size: 16px !important;
   }

   #who-we-are .who-we-mid .who-we-mid-left {
      margin-bottom: 20px;
   }

   #who-we-are .who-we-mid .who-we-mid-right {
      padding-top: 0px;
      padding-left: 0px;
   }

   #chairman {
      padding: 0px 0px;
   }

   #chairman .chairpersionRight {
      padding: 20px;
      padding-bottom: 90px;
   }

   #chairman .chairpersionRight .desc-main {
      padding-right: 0px;
   }

   #chairman .swiper-button-next,
   #chairman .swiper-button-prev {
      margin-top: 30px;
   }

   #Home-kpi {
      padding: 20px 10px;
   }

   #Home-kpi .nav-tabs {
      transform: translate(0px, -10px);
   }

   #Home-kpi .nav-tabs li {
      width: 50%;
   }

   #Home-kpi .nav-tabs .nav-item .nav-link {
      width: 100%;
      text-align: center;
      border-bottom: solid 1px #004B88;
   }

   #Home-kpi #myTabContent {
      padding: 20px;
   }

   #Serviceofferings {
      padding: 40px 0px;
   }

   #Serviceofferings {
      padding: 20px;
   }

   #Serviceofferings .service-sldr {
      padding-left: 0px;
   }

   .global-presence-wrp {
      padding: 40px 0px;
   }

   .global-presence-wrp .page-title {
      margin-bottom: 0px;
   }

   .global-presence-wrp .global-pic-cvr ul li a {
      padding: 5px 5px;
      font-size: 11px;
   }

   .global-presence-wrp .global-pic-cvr ul li {
      margin: 0px 5px;
   }

   .global-presence-wrp .global-pic-cvr {
      margin-top: 40px;
   }

   .global-presence-wrp .global-pic-cvr .gp-card .global-list {
      position: relative;
      display: none;
   }

   .global-presence-wrp .global-pic-cvr {
      height: 250px;
   }

   .framework-wrp .frame-lhs .cvr .sub-desc {
      font-size: 20px;
      line-height: 30px;
   }

   .fy23-wrp .fy-card {
      padding: 20px;
      background-size: 100px;
   }

   .fy23-wrp .fy-card .infonumb-card h2 {
      font-size: 26px;
   }

   .enhance-wrp .mob-blk {
      display: block !important;
   }

   .enhance-cvr {
      margin-top: 30px;
   }

   #casestudies {
      padding: 20px;
      padding-top: 40px;
   }

   #casestudies .casestudies-sldr {
      padding-left: 0px;
      margin-top: 0px;
      padding-bottom: 40px;
   }

   #casestudies .casestudies-sldr .swiper-slide .casestudies-text h4 {
      font-size: 20px;
   }

   #industries,
   #valueCreation {
      padding: 20px;
      padding-top: 40px;
   }

   #industries .swiper-buttons {
      width: 100%;
   }

   .industriesright {
      text-align: center;
      margin-top: 30px;
      padding-bottom: 30px;
   }

   #valueCreation .mySwipermain {
      padding: 0px;
      margin-left: 0px;
   }

   #valueCreation .mySwipermain-pagination {
      text-align: center;
   }

   #rao .raoBox .raoright {
      padding: 20px;
      padding-top: 30px;
   }

   #rao {
      padding: 10px;
      padding-top: 40px;
   }

   #esg-target {
      padding: 20px;
      padding-top: 40px;
   }

   .est-pat {
      margin-top: 30px;
   }

   #esg-target .esgbox {
      height: auto;
      margin-bottom: 30px;
   }

   #esg-target .esgbox .common-cta {
      position: relative;
      margin-top: 30px;
      left: 0px;
      top: 0px;
   }

   #ourapprouch {
      padding: 20px;
      padding-top: 40px;
   }

   #ourapprouch .ourapprouchBox {
      padding: 20px;
   }

   #ourapprouch .ourapprouchBox .page-title {
      font-size: 22px;
   }

   #downloadCenter {
      padding: 20px 0px;
      padding-top: 40px;
   }

   #downloadCenter .download-box {
      height: auto;
   }

   .download-center-bro {
      margin-bottom: 20px;
      display: block;
   }

   #esg-target .esgbox .facts-box h3 {
      font-size: 26px;
   }

   #ourapprouch .page-title {
      margin-bottom: 20px;
   }

   #who-we-are .who-we-mid {
      padding: 0px;
   }

   .page-title br {
      display: none;
   }

   #Home-kpi .common-cta {
      margin-bottom: 30px;
   }

   #industries .industriesslider .swiper-slide {
      height: auto;
   }

   #esg-target .esgbox .yellow-spot {
      top: -180px;
   }

   #banner .common-container .IntegratedReport a {
      font-size: 24px;
   }

}


@media (min-width: 320px) and (max-width: 767px) {
   .row {
      margin: 0px;
   }

   .page-title {
      font-size: 28px;
   }

   #banner .common-container h1 {
      font-size: 36px;
   }

   #banner {
      background-image: url(../images/banner-bg.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
   }

   #banner .banner-bg {
      position: absolute;
      bottom: 260px;
      display: none;
   }

   #banner-bottom {
      padding: 0px 10px;
      padding-bottom: 50px;
      height: auto;
   }

   .desc-main {
      font-size: 20px;
   }

   #jounney {
      padding: 40px 0px;
   }

   #jounney .desc-main {
      padding: 20px 20px;
   }

   #who-we-are {
      padding: 20px 0px;
   }

   .fs20 {
      font-size: 16px !important;
   }

   #who-we-are .who-we-mid .who-we-mid-left {
      margin-bottom: 20px;
   }

   #who-we-are .who-we-mid .who-we-mid-right {
      padding-top: 0px;
      padding-left: 0px;
   }

   #chairman {
      padding: 0px 0px;
   }

   #chairman .chairpersionRight {
      padding: 20px;
      padding-bottom: 90px;
   }

   #chairman .chairpersionRight .desc-main {
      padding-right: 0px;
   }

   #chairman .swiper-button-next,
   #chairman .swiper-button-prev {
      margin-top: 30px;
   }

   #Home-kpi {
      padding: 20px 10px;
   }

   #Home-kpi .nav-tabs {
      transform: translate(0px, -10px);
   }

   #Home-kpi .nav-tabs li {
      width: 50%;
   }

   #Home-kpi .nav-tabs .nav-item .nav-link {
      width: 100%;
      text-align: center;
      border-bottom: solid 1px #004B88;
   }

   #Home-kpi #myTabContent {
      padding: 20px;
   }

   #Serviceofferings {
      padding: 40px 0px;
   }

   #Serviceofferings {
      padding: 20px;
   }

   #Serviceofferings .service-sldr {
      padding-left: 0px;
   }

   .global-presence-wrp {
      padding: 40px 0px;
   }

   .global-presence-wrp .page-title {
      margin-bottom: 0px;
   }

   .global-presence-wrp .global-pic-cvr ul li a {
      padding: 5px 5px;
      font-size: 11px;
   }

   .global-presence-wrp .global-pic-cvr ul li {
      margin: 0px 5px;
   }

   .global-presence-wrp .global-pic-cvr {
      margin-top: 40px;
   }

   .global-presence-wrp .global-pic-cvr .gp-card .global-list {
      position: relative;
      display: none;
   }

   .global-presence-wrp .global-pic-cvr {
      height: 250px;
   }

   .framework-wrp .frame-lhs .cvr .sub-desc {
      font-size: 20px;
      line-height: 30px;
   }

   .fy23-wrp .fy-card {
      padding: 20px;
      background-size: 100px;
   }

   .fy23-wrp .fy-card .infonumb-card h2 {
      font-size: 26px;
   }

   .enhance-wrp .mob-blk {
      display: block !important;
   }

   .enhance-cvr {
      margin-top: 30px;
   }

   #casestudies {
      padding: 20px;
      padding-top: 40px;
   }

   #casestudies .casestudies-sldr {
      padding-left: 0px;
      margin-top: 0px;
      padding-bottom: 40px;
   }

   #casestudies .casestudies-sldr .swiper-slide .casestudies-text h4 {
      font-size: 18px;
      line-height: 1.3;
      height: 100px;
      margin-bottom: 0px !important;
   }

   #industries,
   #valueCreation {
      padding: 20px;
      padding-top: 40px;
   }

   #industries .swiper-buttons {
      width: 100%;
   }

   .industriesright {
      text-align: center;
      margin-top: 30px;
      padding-bottom: 30px;
   }

   #valueCreation .mySwipermain {
      padding: 0px;
      margin-left: 0px;
   }

   #valueCreation .mySwipermain-pagination {
      text-align: center;
   }

   #rao .raoBox .raoright {
      padding: 20px;
      padding-top: 30px;
   }

   #rao {
      padding: 10px;
      padding-top: 40px;
   }

   #esg-target {
      padding: 20px;
      padding-top: 40px;
   }

   .est-pat {
      margin-top: 30px;
   }

   #esg-target .esgbox {
      height: auto;
      margin-bottom: 30px;
   }

   #esg-target .esgbox .common-cta {
      position: relative;
      margin-top: 30px;
      left: 0px;
      top: 0px;
   }

   #ourapprouch {
      padding: 20px;
      padding-top: 40px;
   }

   #ourapprouch .ourapprouchBox {
      padding: 20px;
   }

   #ourapprouch .ourapprouchBox .page-title {
      font-size: 22px;
   }

   #downloadCenter {
      padding: 20px 0px;
      padding-top: 40px;
   }

   #downloadCenter .download-box {
      height: auto;
   }

   .download-center-bro {
      margin-bottom: 20px;
      display: block;
   }

   #esg-target .esgbox .facts-box h3 {
      font-size: 26px;
   }

   #ourapprouch .page-title {
      margin-bottom: 20px;
   }

   #who-we-are .who-we-mid {
      padding: 0px;
   }

   .page-title br {
      display: none;
   }

   #Home-kpi .common-cta {
      margin-bottom: 30px;
   }

   #industries .industriesslider .swiper-slide {
      height: auto;
   }

   #esg-target .esgbox .yellow-spot {
      top: -180px;
   }

   #banner .common-container .IntegratedReport a {
      font-size: 24px;
   }

   #header {
      padding: 0px 0px;
   }

   #header .container__1440_wrp {
      background-color: #0E1434;
      padding: 20px 0px;
   }

   #header .dropdown-full-wrp {
      text-align: left;
      overflow-y: auto;
      padding-bottom: 50px;
   }

   #chairman .swiper-button-next,
   #chairman .swiper-button-prev {
      position: relative;
      left: 0px;
      top: 0px;
      display: block;
      width: 100%;
   }


   .tab-flow img {
      max-width: 700px;
   }

   .tab-flow {
      overflow-x: scroll;
   }

   .bod-list li {
      margin-bottom: 30px;
      width: 100%;
   }

   .bodbox-contex .names h4 {
      margin-top: 10px;
   }

   #casestudies .casestudies-sldr .swiper-slide .casestudies-text .mt-4 {
      margin: 0px !important;
   }

   #chairman .chair-btn-cvr {
      margin-top: 0px;
      display: block !important;
   }

   #chairman .chair-btn-cvr img {
      margin-top: 0px;
   }

   #chairman .chairmaSlider-button-prev {
      margin-top: 30px;
   }

   #chairman .chairmaSlider-button-next {
      margin-top: 30px;
   }

}