/* imac 27 4k inch Styles here */
/* @media only screen
and (max-width : 2880px)
and (max-height : 5120px) {
#banner { height: 800px; }
#banner .banner-content p {padding-right: 4vw;}

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

}
@media only screen
and (max-width : 2304px)
and (max-height : 4096px) {
/* Styles here */
/*    #banner { height: 800px; }
#banner .banner-content p {padding-right: 4vw;} */
}

/* imac 21 inch Styles here */
@media only screen
and (max-width : 1080px)
and (max-height : 1920px) {
/*       #banner { height: 800px; }
#banner .banner-content p {padding-right: 4vw;} */
/* Styles here */
}

@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) {
.smallTitle {font-size: 16px;}
.page-title2,.page-title3,.page-title { font-size: 32px; }
#banner .container .baner_content h1 {font-size: 45px;}
#banner .container .baner_content h1 span {height: 55px;}

#banner .bannerArrowAnimation {width: 430px;}
#enbling-excellence {height: 670px;}
#YearGlance .swiper-button-next {
    right: 0px;
}
#YearGlance .swiper-button-prev {
    left: 0px;
}
#YearGlance .bigText {left: 20px;}
#SectorsServices .sectorsBox {height: 260px;}
#SectorsServices .sectorsBox h3{font-size: 26px;}
#SectorsServices .sectorsBox p {font-size: 18px;}
#teams .teamBox p {font-size: 16px;line-height: 23px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px)  {
.smallTitle {font-size: 20px;}
.page-title2,.page-title3,.page-title { font-size: 32px; }
#banner .container .baner_content h1 {font-size: 45px;}
#banner .container .baner_content h1 span {height: 55px;}

#banner .bannerArrowAnimation {width: 360px;}
#enbling-excellence {height: 670px;}
#RatanTata .ratantata .memory {font-size: 44px;}
#RatanTata .ratantataRhs p {font-size: 18px;}
#YearGlance .swiper-button-next {
    right: 0px;
}
#YearGlance .swiper-button-prev {
    left: 0px;
}
#YearGlance .bigText {left: 20px;font-size: 56px;}
#SectorsServices .sectorsBox {height: 260px;}
#SectorsServices .sectorsBox h3{font-size: 26px;}
#SectorsServices .sectorsBox p {font-size: 18px;}
#teams .teamBox h4 {font-size: 17px;}   
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) and (orientation: landscape) 

{

.row { margin: 0px; margin: 0px; }
.page-title {font-size: 32px!important;line-height: 101%!important;}
#header img { width: 45px; }
#header { padding-left: 10px;  }

.smallTitle {font-size: 16px;}
.page-title2,.page-title3,.page-title {font-size: 30px;}
.fs22 {
font-size: 20px;
line-height: 28px;
}
.nosInfo small {font-size: 18px;}
#header {padding: 10px 0px;}
#header .common-container .logo-btn-wrp {padding-right: 70px;}
#header .container .logo img {
width: 230px;
}
#banner .bannerArrowAnimation {width: 310px; margin: auto; left: 0px; }
#banner .Engineering { width: 230px; }
#banner .Engineering img { width: 100%; }
#banner .Engineering span:nth-child(2) img { width: 80%; }
#banner .container .Engineering span {
margin-bottom: 10px;
}
#banner .container {justify-content: start; padding-top: 80px; }
#banner .container .downloadreport img { width: 200px; }
#banner .container .downloadreport {
margin-top:10px;
}
#RatanTata {padding: 30px 0px;}
#RatanTata .ratantata .memory,#RatanTata .ratantataRhs .miss {font-size: 42px;}
#enbling-excellence .enbling-excellence-bg { position: relative; }
#enbling-excellence {padding-top: 0px; height: auto; }

.g-5, .gy-5 {
--bs-gutter-y: 1rem;
}

.g-5, .gx-5 {
--bs-gutter-x: 1rem;
}
#YearGlance .bigText { display: none; }
#YearGlance {padding: 40px 0px;}
#YearGlance .chart {width: 280px;margin-bottom: 130px;}
#YearGlance .charts {margin-top: 60px;}
#YearGlance .bar {width: 30px;}
#YearGlance .bars {margin-top: 70px;height: 80px;}
#YearGlance .chart-title {transform: translate(0px, -70px);}
#Chairman { padding-top: 30px; }
#Chairman .chairmanImg { height: 760px; }
#Chairman .ChairmanLhs {
padding-top: 40px;
}
#Chairman .backarrow,#Chairman .backarrow2 { display: none; }
#Chairman .swiper-button-next,#Chairman .swiper-button-prev {top:220px;transform: scale(0.7);}
#Chairman .swiper-button-prev { left: inherit; right: 80px; }
#Chairman .ChairmanLhs .quote {background: url(../images/orange-line.svg) no-repeat right 81px;}
#Chairman .ChairmanLhs .quote p {line-height: 1.2;padding-top: 30px;}
#teams {padding: 40px 0px;}
/* #teams .nav { display: flex; flex-wrap: nowrap; gap: 20px; overflow: scroll; width: 100%; overflow-y: hidden; } */
/* #teams .nav-tabs .nav-link,#teams .nav-tabs .nav-link.active { background-image: none; } */
/* #teams .nav-tabs .nav-link { width: 130px; } */
#teams .nav-tabs .nav-link {font-size: 14px;}
/* #teams .teamBox { height: auto; margin-top: 20px; } */
#Sectors-Services1 {padding: 20px 0px;}
#Sectors-Services1 .swiper-button-next,#Sectors-Services1 .swiper-button-prev {top: 60px;transform: scale(0.7);}
#Sectors-Services1 .swiper-button-prev { left: inherit; right: 80px; }
#SectorsServices {padding: 30px 0px;overflow: hidden;}
#SectorsServices .sectorsBox { height: auto; padding: 14px; }
#SectorsServices .sectorsBox h3 {font-size: 25px;}
#SectorsServices .sectorsBox p {font-size: 16px;}
#EngineeringLife {padding: 30px 0px;}
#EngineeringLife .swiper-pagination { position: relative; bottom: 0px; margin-bottom: 0px; }
#awards {padding: 40px 0px;}
#awards .swiper-button-next,#awards .swiper-button-prev {top: 44%;transform: scale(0.7);}
#downloadreport .downloadBt {font-size: 16px;padding-right: 40px;}
#downloadreport {padding: 40px 0px;}
#YearGlance .swiper-button-next {
right: 30px;
}
#YearGlance .swiper-button-prev {
left: 30px;
}
#YearGlance .swiper-button-next,#YearGlance .swiper-button-prev {top: 110px;transform: scale(0.7);}
#YearGlance .swiper-button-prev  { left: inherit; right: 80px; }
.nosInfo .nos {font-size: 40px;}
.nosInfo h6 {font-size: 15px;}
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) 
{

.row { margin: 0px; margin: 0px; }
.page-title {font-size: 32px!important;line-height: 101%!important;}
#header img { width: 45px; }
#header { padding-left: 10px;  }

.smallTitle {font-size: 16px;}
.page-title2,.page-title3,.page-title {font-size: 30px;}
.fs22 {
font-size: 20px;
line-height: 28px;
}
.nosInfo small {font-size: 18px;}
#header {padding: 10px 0px;}
#header .common-container .logo-btn-wrp {padding-right: 70px;}
#header .container .logo img {
width: 230px;
}
#banner .bannerArrowAnimation {width: 490px; margin: auto; left: 0px; }
#RatanTata .ratantata h2 {font-size: 28px;}
#banner .Engineering { width: 370px; }
#banner .Engineering img { width: 100%; }
#banner .Engineering span:nth-child(2) img { width: 80%; }
#banner .container .Engineering span {
margin-bottom: 10px;
}
#banner .container {justify-content: start; padding-top: 80px; }
#banner .container .downloadreport img { width: 200px; }
#banner .container .downloadreport {
margin-top:10px;
}
#RatanTata {padding: 30px 0px;}
#RatanTata .ratantata .memory,#RatanTata .ratantataRhs .miss {font-size: 42px;}
#enbling-excellence .enbling-excellence-bg { position: relative; }
#enbling-excellence {padding-top: 0px; height: auto; }

.g-5, .gy-5 {
--bs-gutter-y: 1rem;
}

.g-5, .gx-5 {
--bs-gutter-x: 1rem;
}
#YearGlance .bigText { display: none; }
#YearGlance {padding: 40px 0px;}
#YearGlance .chart {width: 280px;margin-bottom: 130px;}
#YearGlance .charts {margin-top: 60px;}
#YearGlance .bar {width: 30px;}
#YearGlance .bars {margin-top: 70px;height: 80px;}
#YearGlance .chart-title {transform: translate(0px, -70px);}
#Chairman { padding-top: 30px; }
#Chairman .chairmanImg { height: auto; }
#Chairman .ChairmanLhs {
padding-top: 40px;padding-bottom: 40px;
}
#Chairman .backarrow,#Chairman .backarrow2 { display: none; }
#Chairman .swiper-button-next,#Chairman .swiper-button-prev {top:620px;transform: scale(0.7);}
#Chairman .swiper-button-prev { left: inherit; right: 80px; }
#Chairman .ChairmanLhs .quote {background: url(../images/orange-line.svg) no-repeat right 81px;}
#Chairman .ChairmanLhs .quote p {line-height: 1.2;padding-top: 30px;}
#teams {padding: 40px 0px;}
#teams .nav { display: flex; flex-wrap: nowrap; gap: 20px; overflow: scroll; width: 100%; overflow-y: hidden; }
#teams .nav-tabs .nav-link,#teams .nav-tabs .nav-link.active { background-image: none; }
#teams .nav-tabs .nav-link { width: 130px; }
#teams .teamBox { height: 370px; margin-top: 20px; }
#Sectors-Services1 {padding: 20px 0px;}
#Sectors-Services1 .swiper-button-next,#Sectors-Services1 .swiper-button-prev {top: 60px;transform: scale(0.7);}
#Sectors-Services1 .swiper-button-prev { left: inherit; right: 80px; }
#SectorsServices {padding: 30px 0px;overflow: hidden;}
#SectorsServices .sectorsBox { height: auto; padding: 14px; }
#SectorsServices .sectorsBox h3 {font-size: 25px;}
#SectorsServices .sectorsBox p {font-size: 16px;}
#EngineeringLife {padding: 30px 0px;}
#EngineeringLife .swiper-pagination { position: relative; bottom: 0px; margin-bottom: 0px; }
#awards {padding: 40px 0px;}
#awards .swiper-button-next,#awards .swiper-button-prev {top: 44%;transform: scale(0.7);}
#downloadreport .downloadBt {font-size: 16px;padding-right: 40px;}
#downloadreport {padding: 40px 0px;}
#YearGlance .swiper-button-next {
right: 30px;
}
#YearGlance .swiper-button-prev {
left: 30px;
}
#YearGlance .swiper-button-next,#YearGlance .swiper-button-prev {top: 110px;transform: scale(0.7);}
#YearGlance .swiper-button-prev  { left: inherit; right: 80px; }
.nosInfo .nos {font-size: 42px;}
}

/* Extra small */
@media (min-width: 320px) and (max-width: 767px)
{

.row { margin: 0px; margin: 0px; }
.page-title {font-size: 32px!important;line-height: 101%!important;}
#header img { width: 45px; }
#header { padding-left: 10px;  }

.smallTitle {font-size: 16px;}
.page-title2,.page-title3,.page-title {font-size: 30px;}
.fs22 {
font-size: 20px;
line-height: 28px;
}
.nosInfo small {font-size: 18px;}
#header {padding: 10px 0px;}
#header .common-container .logo-btn-wrp {padding-right: 70px;}
#header .container .logo img {
width: 230px;
}
#banner .bannerArrowAnimation {width: 310px; margin: auto; left: 0px; }
#banner .Engineering { width: 230px; }
#banner .Engineering img { width: 100%; }
#banner .Engineering span:nth-child(2) img { width: 80%; }
#banner .container .Engineering span {
margin-bottom: 10px;
}
#banner .container {justify-content: start; padding-top: 80px; }
#banner .container .downloadreport img { width: 200px; }
#banner .container .downloadreport {
margin-top:10px;
}
#RatanTata {padding: 30px 0px;}
#RatanTata .ratantata .memory,#RatanTata .ratantataRhs .miss {font-size: 42px;}
#enbling-excellence .enbling-excellence-bg { position: relative; }
#enbling-excellence {padding-top: 0px; height: auto; }

.g-5, .gy-5 {
--bs-gutter-y: 1rem;
}

.g-5, .gx-5 {
--bs-gutter-x: 1rem;
}
#YearGlance .bigText { display: none; }
#YearGlance {padding: 40px 0px;}
#YearGlance .chart {width: 280px;margin-bottom: 130px;}
#YearGlance .charts {margin-top: 60px;}
#YearGlance .bar {width: 30px;}
#YearGlance .bars {margin-top: 70px;height: 80px;}
#YearGlance .chart-title {transform: translate(0px, -70px);}
#Chairman { padding-top: 30px; }
#Chairman .chairmanImg { height: auto; }
#Chairman .ChairmanLhs {
padding-top: 40px;
}
#Chairman .backarrow,#Chairman .backarrow2 { display: none; }
#Chairman .swiper-button-next,#Chairman .swiper-button-prev {top:720px;transform: scale(0.7);}
#Chairman .swiper-button-prev { left: inherit; right: 80px; }
#Chairman .ChairmanLhs .quote {background: url(../images/orange-line.svg) no-repeat right 81px;}
#Chairman .ChairmanLhs .quote p {line-height: 1.2;padding-top: 30px;}
#teams {padding: 40px 0px;}
#teams .nav { display: flex; flex-wrap: nowrap; gap: 20px; overflow: scroll; width: 100%; overflow-y: hidden; }
#teams .nav-tabs .nav-link,#teams .nav-tabs .nav-link.active { background-image: none; }
#teams .nav-tabs .nav-link { width: 130px; }
#teams .teamBox { height: auto; margin-top: 20px; }
#Sectors-Services1 {padding: 20px 0px;}
#Sectors-Services1 .swiper-button-next,#Sectors-Services1 .swiper-button-prev {top: 60px;transform: scale(0.7);}
#Sectors-Services1 .swiper-button-prev { left: inherit; right: 80px; }
#SectorsServices {padding: 30px 0px;overflow: hidden;}
#SectorsServices .sectorsBox { height: auto; padding: 14px; }
#SectorsServices .sectorsBox h3 {font-size: 25px;}
#SectorsServices .sectorsBox p {font-size: 16px;}
#EngineeringLife {padding: 30px 0px;}
#EngineeringLife .swiper-pagination { position: relative; bottom: 0px; margin-bottom: 0px; }
#awards {padding: 40px 0px;}
#awards .swiper-button-next,#awards .swiper-button-prev {top: 44%;transform: scale(0.7);}
#downloadreport .downloadBt {font-size: 16px;padding-right: 40px;}
#downloadreport {padding: 40px 0px;}
#YearGlance .swiper-button-next {
right: 30px;
}
#YearGlance .swiper-button-prev {
left: 30px;
}
#YearGlance .swiper-button-next,#YearGlance .swiper-button-prev {top: 110px;transform: scale(0.7);}
#YearGlance .swiper-button-prev  { left: inherit; right: 80px; }

}