@media(min-width:640px){
.iconBox:hover:before { height: 100%; }
.iconBox:hover .iconWrap svg path { fill: #fff; }
.iconBox:hover .iconWrap img { filter: brightness(0) invert(1); }
.iconBox:hover .iconText { color: #fff; }
.iconBox:hover .iconText a { color: #fff; }

.infraIconsList .iconBoxesList > li { width: 16.66%; min-width: 230px; }
.infraIconsList .iconBox .iconWrap { height: 70px; }
.infraIconsList .iconBox .iconWrap img { max-height: 100%; width: auto; }
.infraIconsList .iconBox .iconText { padding-top: 35px; }

.tableBorderLeft { display: inline-block; }
.tableBorderLeft table { width: auto; min-width: 500px; }

.timelineBox h3 { font-size: 5rem; }

}

@media(min-width:992px){
.ourValues { overflow: hidden; }
/*.valueBoxContent .contentWrap { min-height: 150px; }*/
.valueBoxContent .contentWrap p { opacity: 0; visibility: hidden; }
.valueBox:hover .valueBoxContent .contentWrap p { opacity: 1; visibility: visible; }
/*.valueBoxContent > * { transform: translateY(100px); transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;  }
.valueBox:hover .valueBoxContent > * { transform: translateY(0px); }*/
.valueBox .valueBoxContent ul { opacity: 0; }
.valueBox:hover .valueBoxContent ul { opacity: 1; }
.valueBox .region { height: 200px; transition: all 0.3s ease; }
.valueBox:hover .region { height: 100%; }
/*.valueBoxContentInner { transform: translate(0px, calc(100% - 110px)); transition: all 0.3s ease; }*/
.valuesList > li:nth-child(2) .valueBoxContentInner { transform: translateX(13%); transition: all 0.3s ease; }
.valuesList > li:nth-child(3) .valueBoxContentInner { transform: translateX(12%); transition: all 0.3s ease; }
.valueBox:hover .valueBoxContentInner { transform: translate(0, 0) !important; }

.socialResponsibility h2 { margin-bottom: 40px; }
.ourBusiness h2 { margin-bottom: 40px; }

.infoGraph h2 { max-width: 600px; }
.hrdInfrastructure h4 { min-height: 64px; }

}

@media(min-width:768px){
	.transContentInner { display: block !important; height: auto !important; overflow: visible !important; }
}

@media(min-width:1024px){
.innerBannerWrap .h2 { font-size: 4rem; }

.transmissionSection .titleWrap .h3 { margin-bottom: 33px; }

.cardBoxContent .bulletList li { font-size: 1.7rem; line-height: 1.18; }

.whatWeDo .titleWrap .h2 { margin-bottom: 29px; }

.colBoxContent .h3 { margin-bottom: 30px; }
.colBoxContent .bulletList li { font-size: 1.7rem; line-height: 1.18; }

.ctaSectionInner .ctaBtn { font-size: 2.4rem; font-weight: 400; padding: 16px 36px; min-width: 280px; }

.consultancyList .investorCardList li { width: 33.33%; }
.consultancyList .investorCardList .cardBox { margin: 0; }
.consultancyList .cardBoxContent { padding: 25px 30px; }
.consultancyList .cardBoxContent p { font-size: 1.5rem; margin-bottom: 15px; }
.consultancyList .cardBoxContent .h4 { font-size: 2rem; line-height: 1.25; }

}

@media(min-width:1170px){
.ctaBtn:hover { background-color: #1D4382; color: #fff; }
.ctaBtn.ctaFill:hover { background-color: #1d4382; border-color: #1d4382; box-shadow: none;  }
.ctaBtn.ctaFill.ctaBlue:hover { background-color: #88bf40; border-color: #88bf40; }
.ctaBtn.ctaFill.ctaWhite:hover { background-color: #1d4382; border-color: #1d4382; color: #fff; }

.ctaBtn.ctaFill:hover,
.form-submit:hover,
a.button:hover { background-color: #1d4382; border-color: #1d4382; box-shadow: none;  }

.marqueeScrollingWrap .viewAll:hover { color: #88bf40; }

.sliderArrow:hover { background-color: #000; }
.sliderArrow.blueArrow:hover { background-color: #008747; }

/******** Our Networks Section ********/
.networkContent h2 { margin-bottom: 45px; }
.networkContent h4 { margin-bottom: 30px; }
.sectionLinks .arrowLink { font-size: 1.8rem; }

/******** Social Responsibility Section ********/
.csrContent .ctaBtn.ctaFill.ctaWhite:hover { background-color: #88bf40; border-color: #88bf40; }

/******** Latest Updates Section ********/
.newsWrap h2 { margin-bottom: 48px; }

#map svg { height:50vw; width:50vw; }

.pdfSection p { font-size: 1.7rem; }

.pageSpc { min-height: calc(100vh - 734px); }

.job-opp-wrap .reportBoxList .reportBox { width: calc(20% - 30px); }

.region-latest-updates .newsBox .imgWrap { height: 375px; }

.transmissionContent .networkInfo { flex-wrap: nowrap !important; margin: 0 -45px; }
.transmissionContent .networkInfo li { width: auto; flex-grow: 1; padding: 0 45px; }
.transmissionContent .networkInfo li:not(:first-child, :last-child) .networkIconBox { justify-content: center; }
.transmissionContent .networkIconBox { display: flex; align-items: center; }
.transmissionContent .networkIconBox .iconWrap { max-width: 62px; margin-bottom: 0; }
.transmissionContent .networkIconBox .networkIconContent {  text-align: left; padding-left: 20px; }
.transmissionContent .networkIconBox .name { white-space: nowrap; }

.transmissionContent .tableStyle1 th,
.transmissionContent .tableStyle1 td { padding-right: 100px; }

.timelineBoxWrap .timelineBox { width: calc(50% + 50px); }
.timelineBoxWrap:nth-child(odd) .timelineBox { margin-left: auto; /*margin-top: -50px;*/ }
.timelineBoxWrap:nth-child(even) .timelineBox { padding-right: 142px; padding-left: 0; }
.timelineBoxWrap:nth-child(even) .timelineBox:before { left: auto; right: 46px; }
.timelineBoxWrap:nth-child(even) .timelineBox h3 { text-align: right; }
.timelineBoxWrap:nth-child(even) .timelineBox h3:before { left: auto; right: -142px; transform: translateY(50%); }
.timelineBoxWrap:nth-child(even) .timelineBox h3:after { left: 0; right: -7px; }

.timelineBox .imgWrap { position: absolute; left: 0; top: 0; display: none; transform: translateX(-100%); width: calc(100% - 100px); height: 100%; padding-bottom: 60px; padding-top: 20px; /*opacity: 0; visibility: hidden;*/ text-align: right; padding-right: 42px; transition: all 0.3s ease;}
/*.timelineBox h3:hover + .imgWrap { opacity: 1; visibility: visible; top: 0;}*/
.timelineBox .imgWrap img { max-height: 100%; max-width: 100%;}
.timelineBoxWrap:nth-child(even) .timelineBox .imgWrap { transform: translateX(100%); left: auto; right: 0; text-align: left; padding-right: 0; padding-left: 42px;}
.timelineBoxContent { padding-bottom: 40px; }
.timelineBoxWrap > .imgWrap { display: block; }

}

@media(min-width:1200px){
	.ctaSectionInner .h3 { font-size: 3rem; margin-bottom: 0; }
	.ctaSectionInner .ctaWrap { margin-top: 0; white-space: nowrap; padding-left: 30px; }
}

@media(min-width:1366px){
.contentWithImgWrap.domesticBannerContent > .colLeft { width: 43.3%; }
.contentWithImgWrap.domesticBannerContent > .colRight { width: 56.7%; }
.domesticBannerContent .quoteImgBox { max-width: 650px; }
.domesticBannerContent .quoteImgBox .quoteBoxContent { max-width: 268px; }
.contentWithImgWrap.domesticBannerContent .quoteImgBox { height: 642px; }
.domesticBannerContent .contentBoxWrap .checkList { margin-top: 0; }
.contentWithImgWrap.mileBackground .quoteImgBox { height: 522px; }
.contentWithImgWrap.mileBackground > .colRight { width: 50.9%; margin-left: auto; }
.contentWithImgWrap.mileBackground > .colLeft { width: 47.3%; }
.mileBackground .quoteImgBox .quoteBoxContent { max-width: 330px; }

.domesticPhoto .col-xl-3:last-child { border-right: 1px solid #dee2e6; }
.domesticPhoto .col-xl-6 { padding-left: 25px; }

}

@media(min-width: 1170px) and (max-width: 1367px){
	.font_normal { font-size: 48.5% !important; }
	html,
	.font_large { font-size: 52.5% !important; }
	.font_larger { font-size: 56.5% !important; }
	.container { max-width: 1190px; }
	p { font-size: 1.8rem; }
	.radialNavWrap { width: 500px !important; height: 500px !important; }
	.radialNavInner { transform: scale(0.85) !important;transform-origin: left center;}
	.radialNav > ul > li { font-size: 2.8rem; }
	ul.region-item li { min-width: 180px; }
	.notificationSection { padding: 0; }

	.preHeaderWrap { max-width: 773px; }

	.statisticsCountList ul li { min-width: 130px; }

	.tabStyle6 .transTab { max-width: 164px; min-width: 164px; padding-top: 30px; height: 190px; }
}

@media(max-width:1500px){
	.sectionText { display: none; }
}

@media(max-width:1365px){
.radialNavWrap { width: 450px; }
.radialNavInner { transform: scale(0.75); transform-origin: left center; }

.contentWithImgWrap > .colRight,
.contentWithImgWrap .field--name-body .colRight { width: 100%; padding-top: 25px; }
.contentWithImgWrap > .colLeft,
.contentWithImgWrap .field--name-body .colLeft { width: 100%; }

.keyStatisticsWrap > .colLeft { width: 100%; padding: 30px 15px; }
.keyStatisticsWrap > .colLeft:after { display: none; }
.keyStatisticsContent p { max-width: 100%; margin-bottom: 15px; }
.keyStatisticsWrap > .colRight { width: 100%; padding: 30px 15px; }
.keyCols { flex-wrap: wrap;  margin: 0; }
.keyCols .colWrap { padding: 0; width: 100%; }
.keyCols .colWrap + .colWrap { border-left: 0; padding-top: 25px; margin-top: 25px; border-top: 1px solid rgba(255,255,255,0.3); }
.keyList { display: flex; flex-wrap: wrap; margin: -15px; }
.keyListBox { padding: 15px; margin: 0 !important; width: 20%; min-width: 230px; }

.transmissionCol .cardBox { margin: 0; }
.cardBox { transform: skewX(0deg); }
.cardBoxContent { transform: skewX(0deg); padding: 30px; }

.twoColBox > .colBoxContent { padding-left: 15px; }
.twoColBox.reverseCol > .colBoxContent { padding-right: 15px; }

.chatWrap { padding-right: 20px; }

.chatWrap a { position: fixed; bottom: 110px; right: 15px; }

}

@media(max-width:1249px){

.secPad { padding: 60px 0; }

/*****Header*****/
#nav { margin: 0 -10px; }
#nav li { padding: 0 10px; }
/*#nav li a { font-size: 1.4rem; }*/

.preHeaderWrap { max-width: 740px; }

}

@media(max-width:1199px){
.radialNavWrap { height: 450px; }
.radialNavInner { transform-origin: left top; }

.ctaSectionInner { flex-wrap: wrap; padding: 30px; }
.ctaSectionInner .h3,
.ctaSectionInner .ctaWrap { width: 100%; }
.ctaSectionInner .h3 { margin-bottom: 0; }
}

@media(max-width:1169px){

p { font-size: 1.6rem; line-height: 1.6; }

/*****Header*****/
header { height: 103px; }
.stickyHeader .headerWrap { top: -63px; }
.stickyHeader .headerLogo { top: -6px; }
.stickyHeader .headerLogo img { width: 160px; }

.topLinks { width: auto; }
.topLinks > li:first-child,
.topLinks > li:first-child + li:before,
.topLinks > li.fontResize { display: none; }

.headerLogo img { width: 220px; }

#nav{ display:none !important}
#nav li a { font-size: 1.3rem; }
.menuBar { order: 3; margin-left: 10px; }
.menuBar, .navbar-toggler, .mobileNav{ display:block}
.secondaryMenu { height: 50px; }
.secondaryMenu ul { display: none; }
.headerRight:after { border-bottom-width: 50px; }
.headerRight .headerSearch { margin-left: 0; }
a.closeMenu { display: none; }
.secondaryMenu { display: none; }

.headerSearch > a { line-height: 50px; }

.notificationSection { height: auto; }
.marqueeScrollingWrap { transform: none; }

.ctaWrap { margin-top: 25px; }

/******** Welcome Section ********/
.welcomeSection { padding: 50px 0; }
.welcomeWrap { flex-direction: column-reverse !important; }
.welcomeWrap > .colRight { width: 100%; max-width: 100%; padding-top: 40px; }
.welcomeWrap > .colLeft { width: 100%; max-width: 100%; padding: 0px 15px 0; }

/******** Our Networks Section ********/
.ourNetworks { padding: 50px 0; }
.networksWrap > .colLeft,
.networksWrap > .colRight { width: 100%; max-width: 100%; padding: 0; }
.networksWrap .imgWrap svg { width: 600px; }
.networkContent { padding-top: 30px; }
.networkContent h2 br { display: none; }

.socialResponsibility { padding: 50px 0; }
.csrWrap > .colLeft,
.csrWrap > .colRight { width: 100%; max-width: 100%; }
/*.csrWrap > .colRight { padding-top: 30px; }*/
.csrContent h3 { margin-bottom: 15px; }
.csrList { display: none !important; }
.csrContent { margin-bottom: 30px; }
.csrContent .csrBox { display: flex; }
.csrContentWrap .csrContent:not(.active) { position: relative; opacity: 1; visibility: visible; }
.csrBox { display: flex; flex-wrap: wrap; align-items: center; flex-direction: row; min-height: 1px; border: 2px solid #fff; padding: 12px 35px 12px 15px; }
.csrBox:after { content: '\f107'; font-family: FontAwesome; font-size: 2.5rem; position: absolute; right: 15px; top: 50%; transform: translateY(-50%) rotate(0deg); transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; }
.csrBox.active:after { color: #222; transform: translateY(-50%) rotate(180deg); }
.csrBox .iconWrap { display: none; }
.csrBox .name { font-size: 2.5rem; width: 100%; padding-left: 0px; margin-top: 0; height: auto; text-align: left; }
.csrBox .name a { display: block; }
.csrBox .name br { display: none; }
/*.csrContentInner { display: none; }*/
.csrContentWrap .csrContent.active .csrContentInner { display: block; }
/*.csrContentInnerWrap { padding: 30px 0 30px; border-bottom: 1px solid #fff; }*/

.latestUpdates { padding: 50px 0; }
.newsWrap > .colLeft,
.newsWrap > .colRight { width: 100%; max-width: 100%; }
.newsWrap > .colRight { display: flex; flex-direction: column-reverse; padding-top: 30px; }
.newsSliderArrows { height: auto; padding-top: 10px; justify-content: flex-start !important; }

.ourValues { background-color: #fff; }
.valuesList,
.valueBoxBg .parallaxBg,
.valueBoxContent,
.valueBoxContent:before {transform: skewX(0deg);}
.valuesList > li { width: calc(33.33% + 5px); }
.valueBoxContent { padding: 40px 30px; }
.valuesList > li:nth-child(2) .valueBoxContentInner { transform: translateX(0%); }
.valuesList > li:nth-child(3) .valueBoxContentInner { transform: translateX(0%); }

.footerSection { padding-top: 35px; }
.footerCol { padding-bottom: 30px; }
.footerCol1 { width: 22%; }
.footerCol4 { width: 26%; }
.socialInline { margin: 0 -12px; }
.socialInline li { font-size: 2rem; padding: 0 12px; }
.footerBottomText,
.footerUpdate,
.footerCol .address { font-size: 1.4rem; }

.twoColBox > .imgWrap { width: 100%; }
.twoColBox > .colBoxContent { width: 100%; padding: 30px 0px 0px !important; }
.twoColBoxWrap { padding: 30px 0 !important; }
.grayOverlay:before { display: none; }
.twoColBoxWrap.grayOverlay { background-color: rgba(204,204,204,0.2); }
.colBoxContent .abbrTxt { padding-top: 30px; margin-bottom: 0; }

.investorRelation .titleWrap { padding-bottom: 40px; }
.investorCardList { margin: -15px; }
.investorCardList li { padding: 15px; }
.investorCardList .cardBox { margin: 0; }

.iconBoxesSection { padding: 50px 0; }

.regionalheadofficelocations .contactUsList .contactBox { width: calc(50% - 60px); max-width: 100%; }
.contactSection.addresses { padding-right: 0; }
.contactSection.addresses .contactUsList .contactBox { padding: 34px 30px 28px; }

}

@media(max-width:1023px){

h1, .h1 { font-size: 4rem; }
h2, .h2 { font-size: 3.2rem; }
h4, .h4 { font-size: 2.2rem; }

/*****Header*****/
.preHeader { background-color: #88bf40; }
.topLinks { padding-left: 0px; width: 100%; display: flex; justify-content: space-between; }
.topLinks:after,
.topLinks:before,
.preHeader .container:after { display: none; }
.topLinks > li:first-child + li, 
.topLinks > li.siteLanguage:before,
.topLinks .siteUser:before{ display: none; }

.headerLogo { top: -5px; }
.headerRight { order: 3; justify-content: center; }
.mainHeaderWrap .logo1 { order: 1; margin-left: auto; }
.menuBar { order: 2; }

#backtotop { width: 40px; height: 40px; font-size: 26px; line-height: 38px; }

.footerLogo img { max-width: 270px; }
.footerCol1,
.footerCol4 { width: 100%; }
.footerCol2,
.footerCol3 { width: 50%; }
.footerCol .address { max-width: 340px; width: 100%; }
.footerBottomText { padding-right: 55px; }
.footerSection:before,
.footerSection > .container:before,
.footerSection > .container:after { display: none; }

.transmissionCol { width: 50%; }

.investorCardList li { width: 50%; }

.chatWrap a { bottom: 90px; right: 10px; margin: -45px -36px; }
.chatWrap a img { width: 150px; }

.sideBarMenu { padding: 20px; border-left-width: 6px; }
.nestedMenu li { font-size: 1.6rem; }
.nestedMenu.arrowList li { margin-bottom: 10px; }
.nestedMenu.arrowList ul { margin-top: 10px; }
.nestedMenu.arrowList ul li { margin-bottom: 6px; }

body .silverchatbot-main { bottom: 75px; }
body .silverchatbot-main img { width: 40px; }

.annualReportsList > li { width: 25%; }

.valueBox { height: 684px; }

.contentList ul li:before { font-size: 18px; width: 36px; line-height: 36px; }
.contentList ul li { padding-left: 50px; }

.chiefOfficerBox .imgWrap { width: 40%; }
.chiefOfficerContent { width: 60%; }

.emailids .contactUsList { padding: 20px; }
.emailids .contactUsList .contactBox { flex-wrap: wrap; width: 100%; margin: 0 0 15px; }
.emailids .contactBox .contactBoxContent,
.emailids .contactBox .contactBoxLink { width: calc(100% - 108px); white-space: normal; word-break: break-all; }
.emailids .contactBox .contactBoxLink { margin-left: 108px; margin-top: 20px; }
.emailids .contactBox .contactBoxContent { padding-right: 0; }
.emailids .contactBox .contactBoxContentInner { max-width: 100%; }
}

@media(max-width:991px){

.notificationSection { padding: 0; }
.marqueeScrollingWrap { padding: 48px 0px 20px 0px; }
.marqueeScrollingWrap:before,
.marqueeScrollingWrap:after { display: none; }
.marqueeScrolling { padding: 0; border-left: 0; }
.marqueeScrollingWrap .btnMPause { left: 0; }
.marqueeScrolling ul { margin-left: 30px; }
.marqueeScrollingWrap h2 { font-size: 22px; left: 0px; top: 16px; }
.marqueeScrollingWrap .viewAll { right: 0px; top: 18px; }

.valuesList > li { width: 100%; }
.valuesList > li + li { margin-left: 0; border-top-width: 8px; }
.valueBox { height: 550px; }
.valueBoxContent { padding: 10px; }
.valueBoxContent h2{font-size: 2.5rem;margin-bottom: 10px;}
.valueBoxContent .ctaWrap{height: auto;overflow: visible;margin: 0 0 15px;}
.valueBox:hover .valueBoxBg:before { height: 100%; }
.ctaBtn.ctaFill{font-size: 18px;font-weight: 400;padding: 8px 30px;}

.footerBottomText { width: 100%; padding-right: 0; padding-top: 0; }
.footerBottomText:before { transform: skewX(0deg); right: -15px; display: none; }
.footerBottomText .footerUpdate { display: block; padding: 15px 0; }
.footerUpdate { width: 100%; padding: 15px 0; text-align: left; display: none; }

.amritMahotsav { padding: 33px 0; }
.amritMahotsavWrap .logoWrap {width: 100%;padding-right: 0;text-align: center;margin: 0 0 15px;}
.amritMahotsavContent { width: 100%; padding-left: 0; }

.ourBusiness { padding: 50px 0; }
.ourBusiness h2 { text-align: center; }
.ourBusiness h2:before { right: 0; margin: 0 auto; }

.radialNavContent { margin-top: 30px; }
.radialNav { transform: rotate(180deg); }
.radialControl { transform: rotate(-180deg); }
.radialNav > ul > li .name { transform: rotate(180deg); }
.radialNav > ul > li .number { font-size: 4rem; position: relative; right: 0; bottom: 0; transform: rotate(180deg); }
.valuesList{display: none !important;}
.ourValuesmobileSlider{display: block;}
.ourValuesmobileSlider .swiper-container {padding: 0 30px;}
.valueBoxBg .parallaxBg{width: 100%;left:0;}
.radialNavWrap{margin: 0 auto;}

.innerBannerWrap { min-height: 210px; }
.innerBannerWrap:after { display: none; }
.innerBannerWrap:before { transform: skewX(0deg); left: -15px; }

.transmissionWrap { display: none !important; }
.transMissionmobileSlider { display: block; }

.transmissionSection { padding: 50px 0; }

.whatWeDo { padding: 50px 0; }

.boardOfDirectors { padding: 50px 0; }
.directorBox .imgWrap { width: 200px; height: 200px; padding: 12px; }
.directorBox .directorImg { width: 200px; }
.directorInfo { width: calc(100% - 200px); padding: 20px 0 20px 40px; }
.directorsList li:nth-child(even) .directorInfo { padding-right: 40px; }

.investorRelation { padding: 0px 0 50px; }

.contentBlockSection { padding: 50px 0; }

.sideBarMenu { margin-top: 30px; }

.pdfSection { padding: 50px 0; }

.cmdInterviewSection, .flimsSection { padding: 50px 0; }
.cmdSpeechWrap { padding-top: 30px; }
.cmdSpeech {margin-bottom: 20px;}

.pageSpc { padding: 50px 0; }

.node--type-key-person .field--type-image { width: 200px; height: 200px; padding: 12px; }

.mileBackground { padding-bottom: 50px; }

.annualReportsList > li { width: 33.33%; }

.reportBoxList .reportBox { width: calc(33.33% - 30px); }

.discoverDetails .csrContent { width: 50%; }

.eventListBox.eventListWrap li { width: 50%; }

.highlightsList ul li { width: 33.33%; }

.timelineBox { padding-left: 90px; }
.timelineBox:before { left: 28px; width: 6px; }
.timelineBox h3:before { left: -89px; width: 62px; }

.numberLinkList ul li { font-size: 2rem; }
.numberLinkList ul li a:before { top: 20px; }
.numberLinkList ul li a { padding: 20px 38px 20px 50px; background-size: 10px auto; background-position: right 20px center; }

ul.listGroup > li { width: 100%; }

.hrdBox .iconWrap { width: 180px; padding-right: 25px; }
.hrdBox .hrdContent { width: calc(100% - 180px); }
.hrdInfrastructure { padding-top: 15px; }
.hrdInfrastructure h4 { margin-top: 30px; }

.techDevImg .imgWrap { width: 100% !important; }

/*.csrImgs .imgWrap.csrImg1 { width: 44.65%; }*/
/*.csrImgs .imgWrap.csrImg3 { width: 20.96%; }*/
.csrImgs .imgWrap.csrImg14 { width: 42.25%; }
.csrImgs .imgWrap.csrImg15 { width: 42.25%; }
.csrImgs .imgWrap.csrImg16 { width: 15.5%; }

.regionalheadofficelocations .contactUsList { padding: 0; margin: -15px; }
.regionalheadofficelocations .contactUsList .contactBox { width: calc(50% - 30px); margin: 15px; }
.regionalheadofficelocations .contactUsList .contactBox:before { transform: skewX(0deg); }
.contactUsList .contactBox { width: calc(50% - 30px); }

.imgCover img { position: relative; left: 0; top: 0; width: 100%; height: auto; transform: translate(0%, 0%); }
.twoColsWrap .imgWrap { width: 100%; }
.twoColsWrap .twoColContent { width: 100%; padding: 25px 20px 40px; min-height: 1px; }
.twoColContent .contentInner { padding: 0; max-width: 100%; }

ul.processBoxes > li { width: 33.33%; }

.sustainBoxContent { width: 100%; padding-right: 0; }
.sustainLogosWrap { width: 100%; padding-top: 15px; }
.sustainBoxContent h4 { margin-bottom: 5px; }

.arrowCheckList.arrowCheckListCols li { width: calc(50% - 55px); }

.chiefOfficerBox .imgWrap { width: 50%; }
.chiefOfficerContent { width: 50%; }

}

@media screen and (min-width:576px) and (max-width:768px){
.pdfSection p {padding: 0 10px;}
}


@media(max-width:767px){

.secPad { padding: 40px 0; }

/******** Our Networks Section ********/
.allRegion .networkInfo li,
.networkInfo li { width: 50%; padding-bottom: 20px; }
.networkInfo li:nth-child(even) { border-right-width: 0; }
.networkInfo li:nth-child(2n + 3),
.networkInfo li:nth-child(2n + 3) + li { border-top-width: 1px; padding-top: 20px; }
.networkIconBox .count { font-size: 2.2rem; }
.networkIconBox .name { font-size: 1.3rem; }
.networkIconBox .iconWrap img { max-height: 40px; }
.sectionLinks { padding-top: 20px; }

.csrList li { width: 50%; }
.csrList li:nth-child(even):before { opacity: 0; }
.csrList li:nth-child(odd):before { opacity: 0.2 !important; }
.csrList li:nth-child(4):after { opacity: 0.2; }
.csrBox .name { font-size: 2rem; }

.logosSection { padding-top: 20px; padding-bottom: 20px; }

.footerCol2,
.footerCol3 { width: 100%; }

.footerLogo img { max-width: 180px; }
.footerTitle { font-size: 1.8rem; padding-bottom: 12px; }

.amritMahotsavWrap { text-align: center; }
.amritMahotsavWrap .logoWrap { width: 100%; padding-right: 0px; border-right: 0; }
.amritMahotsavWrap .logoWrap img { width: 200px; }
.amritMahotsavContent { width: 100%; padding-left: 0px; padding-top: 20px; }

.csrBox .name { font-size: 2rem; }

.welcomeSection { padding: 30px 0; }
.welcomeWrap > .colRight { padding-top: 30px; }
.welcomeWrap > .colLeft { padding: 0px 15px 0; }

.amritMahotsav { padding: 30px 0; }
.ourBusiness { padding: 30px 0; }
.ourNetworks { padding: 30px 0; }
.socialResponsibility { padding: 30px 0; }
.latestUpdates { padding: 30px 0; }

.contentWithImg { padding: 30px 0; }
.contentWithImgWrap .quoteImgBox { height: 100vw; width: 100%; }
.quoteImgBox,
.quoteImgBox .imgWrap,
.quoteBoxContent { transform: skewX(0deg); }

.transmissionSection { padding: 30px 0; }
.whatWeDo { padding: 30px 0; }

.investorRelation { padding: 0px 0 30px; }
.investorRelation .titleWrap { padding-bottom: 20px; }
.investorCardList li { width: 100%; }

.boardOfDirectors { padding: 30px 0; }
.directorBox .imgWrap { margin: 0 auto; }
.directorBox .directorImg { margin: 0 auto; }
.directorInfo { width: 100%; padding: 20px 0 35px !important; text-align: center !important; }
.directorsList li:nth-child(even) .directorBox .imgWrap:before { transform: rotate(0deg); }
.directorsList li:nth-child(even) .directorBox .imgWrap:after { transform: rotate(180deg); }
.directorsList li + li { margin-top: 35px; }

.directorsList li:nth-child(even).aos-init .directorBox .imgWrap:after { transform: rotate(0deg); }
.directorsList li:nth-child(even).aos-init.aos-animate .directorBox .imgWrap:after { transform: rotate(180deg); }

.aos-animate { -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; }

.iconBoxesSection { padding: 30px 0; }

.contentBlockSection { padding: 30px 0; }

.pdfSection { padding: 30px 0; }

.cmdInterviewSection, .flimsSection { padding: 30px 0; }

.pageSpc { padding: 30px 0; }

.galleryzoom .galleryBox,
.galleryzoom .galleryBox a:before,
.galleryzoom .galleryBox .thumbnail,
.galleryzoom .galleryBox .galleryTitle span { transform: skewX(0deg); }

.mileBackground { padding-bottom: 30px; }

.views-exposed-form { flex-wrap: wrap; }
.views-exposed-form .form-item { width: 50%; }
.views-exposed-form .form-actions { width: 100%; margin-top: 0; }

.accordion-wrap .accordion-header a { padding: 10px 40px 10px 15px; border-left-width: 6px; transform: skewX(0deg); }
.accordion-wrap .accordion-header a:after { right: 12px; transform: translateY(-50%) skewX(0deg); }
.accordion-wrap .accordion-body { padding: 15px 6px; }

.annualReportsList > li { width: 50%; }

.reportBoxList .reportBox { width: calc(50% - 30px); }

.discoverDetails .csrContent { width: 100%; }

.eventListBox.eventListWrap li { width: 100%; }

.highlightsList ul li { width: 50%; }

.transAccTitle { display: flex; }
.transMenuTabs { display: none; }
.transContentWrap .transmissionContent { position: relative; top: 0; opacity: 1; visibility: visible; height: auto; padding-top: 0; overflow: visible; }
.transContentInner { display: none; }
.transAccTitle h4 br { display: none; }
/*.active .transContentInner { display: block; }*/

.numberLinkList ul li { font-size: 1.8rem; }
.numberLinkList ul li a { padding-left: 40px; }

ul.listGroup > li { padding: 25px 20px; }

.hrdBox { padding: 25px 15px; }
.hrdBox .iconWrap { width: 100%; text-align: center; padding: 0 0 20px; }
.hrdBox .iconWrap img { max-width: 100px; }
.hrdBox .hrdContent { width: 100%; text-align: center; }

.hrdGraybox { padding: 25px 15px; }
.ourEsteemed { padding: 40px 0; }
.hrdInfrastructure { padding: 10px 0 40px; }
.hrdInfrastructure h4 { margin-top: 30px; }

.grayBgSec { padding: 30px 0; margin: 30px 0; }
.csrImgs .imgWrap { width: 100% !important; }

.contactUsList .contactBox,
.contactSection.addresses .contactUsList .contactBox,
.regionalheadofficelocations .contactUsList .contactBox { width: calc(100% - 30px); max-width: 100%; }

.emailids { padding-bottom: 30px; }
.contactSection.addresses,
.regionalheadofficelocations { padding: 30px 0px; }
.contactSection h3 { margin-bottom: 20px; }
.regionalheadofficelocations .contactUsList .contactBox h4 { margin-bottom: 14px; }
.contactBox .contactAddress, 
.contactBox .contactDept, 
.contactBox .contactEmail, 
.contactBox .contactMob, 
.contactBox .contactFax { font-size: 1.6rem; }
.contactBox p { font-size: 1.6rem; margin-bottom: 15px; }

.contactUsList { margin: -15px; }
.contactUsList .contactBox { margin: 15px; }
.contactSection.addresses .contactUsList .contactBox .h4, 
.contactSection.addresses .contactUsList .contactBox h4 { margin-bottom: 14px; }
.contactBox h4 { font-size: 1.8rem; }
.contactBox,
.contactSection.addresses .contactUsList .contactBox,
.regionalheadofficelocations .contactUsList .contactBox { padding: 20px; }

ul.processBoxes > li { width: 50%; }
.espp-page .quoteBox { transform: skewX(0deg); }

.arrowCheckList.arrowCheckListCols li { width: 100%; }

.chiefOfficerBox .imgWrap { width: 100%; }
.chiefOfficerContent { width: 100%; padding: 20px; }
.chiefOfficerContent h5 { padding-top: 20px; margin-top: 0; }

.networkIconPopup,
.networkMapPopup { padding: 20px; }

.substationBox + .substationBox { padding-top: 40px; }
.networkIconBox .iconWrap a.customPopupLink:before { top: -5px; bottom: -5px; }
.amritMahotsavWrap .logoWrap a {display: inline-block;margin: 0 auto;}
.amritMahotsavWrap .logoWrap a:first-child {padding: 0;border-right: 0;margin: 0 auto;display: inline-block;}
}

@media(max-width:639px){

.valueBox { height: 670px; }
.valueBoxContent .contentWrap p { line-height: 1.4; }
.valueBox .valueBoxContent ul li { line-height: 1.3; margin-bottom: 4px; }

}

@media(max-width:639px){

h1, .h1 { font-size: 2.5rem; }
h2, .h2 { font-size: 2.3rem; margin-bottom: 10px; }
h3, .h3 { font-size: 2.1rem; }

.ctaWrap { margin-top: 15px; }
.ctaBtn { width: 100%; }

/*****Header*****/

.headerLogo img { width: 220px; }

.newsSliderWrap,
.newsSlider { height: auto; }
.newsBox.newsBoxListStyle .imgWrap { width: 100%; margin-bottom: 18px; }
.newsBox.newsBoxListStyle .newsBoxWrap { width: 100%; padding-left: 0px; }

.logosSlider .logoWrap { padding: 0 10px; height: 57px; }
.logosSlider .logoWrap img { max-height: 57px; }

.amritMahotsavWrap .logoWrap img {width: auto;max-width: 200px;}
.amritMahotsav .bgPattern { top: 10%; }
.amritMahotsav .bgPattern img { height: 80%; }
.amritMahotsavContent p { font-size: 1.8rem; }

.radialNav > ul > li { font-size: 2.2rem; }
.radialNavInner { transform: scale(0.47); }
.radialNavWrap { width: 300px; height: 300px; }

.csrBox { min-height: 1px; }
.csrBox .name { font-size: 1.8rem; }
.csrContent { margin-bottom: 14px; }
.csrContent:last-child { margin-bottom: 0; }

.bannerSliderNavWrap { display: none !important; }
.bannerSwiperPagination.swiper-pagination-bullets { display: flex; }

.backStripe { display: none; }
.aboutImg .aboutBox img { max-width: 200px; }

.bulletList li { margin-bottom: 12px; line-height: 1.2; }

.footerSection { padding-top: 23px; }
.footerCol { padding-bottom: 20px; }
/*.footerCol1 { display: none; }*/

.quoteBox { padding: 15px; border-left-width: 12px; }
.quoteBoxContent { font-size: 1.6rem; }
.quoteImgBox .quoteBox { max-width: 260px; }
.subtitleTagline { font-size: 1.8rem; }
.contentBoxWrap .ratingBox { padding-left: 0; }
.contentBoxWrap p { font-size: 1.6rem; }

.innerBanner .breadcrumb li { font-size: 1.4rem; }

.transmissionSection .titleWrap .h3 { font-size: 1.6rem; }
.cardBoxContent { padding: 25px 15px; }
.cardBoxContent .h4 { font-size: 2rem; }

.directorBox .imgWrap { width: 150px; height: 150px; padding: 8px; }
.directorBox .directorImg { width: 150px; height: 150px; }

.iconBoxesList { margin: -10px -15px; }
.iconBoxesList > li { width: 100%; padding: 10px 15px; }
.iconBox { padding: 20px; transform: skewX(0deg); display: flex; flex-wrap: wrap; align-items: center; text-align: left; }
.iconBox .iconWrap { width: 50px; transform: skewX(0deg); height: auto; }
.iconBox .iconWrap svg { width: 100%; height: auto; }
.iconBox .iconText { width: calc(100% - 50px); padding-top: 0; padding-left: 20px; }
.iconBox:before { display: none; }
.iconBox .iconText a span { transform: skewX(0deg); }

.cmdSpeechSection .quoteImgBox { height: 390px; }

.notFoundWrap,
.notFoundWrap h4,
.notFoundWrap h4 span,
.notFoundWrap > *,
.accessDenied:before,
.accessDenied:after { transform: skewX(0deg); }
.accessDenied:after { transform: skewX(0deg) rotate(-45deg); }

.node--type-key-person { text-align: center; }
.node--type-key-person .field--type-image { float: none; width: 150px; height: 150px; padding: 8px; margin: 0 auto; text-align: center; }
/*.node--type-key-person .field--type-image img { width: 100%; max-width: 130px; }*/
.node--type-key-person .h3 { padding-top: 10px; }

.views-exposed-form { padding: 20px 15px; }
.views-exposed-form .form-item { width: 100%; max-width: 100%; margin-bottom: 15px; margin-right: 0; }
.views-exposed-form .form-actions { width: 100%; padding-left: 0; margin-top: 0; }

.yearsListWrap { padding-right: 0; padding-left: 0; margin-top: 60px; }
.yearsSliderArrows { display: none !important; }
.milestoneSliderWrap { padding-top: 25px; margin-top: -120px; }
.milestoneSlider .milestoneBox { padding: 110px 15px 30px; }

.views-exposed-form .form-actions { flex-wrap: wrap; }
.views-exposed-form .form-actions .form-submit + .form-submit { margin-left: 0; margin-top: 10px; }

.contentBlock img.align-left, .contentBlock img.align-right,
.node--type-page .text-formatted:not(.basicStyleReset) img.align-left, .node--type-page .text-formatted:not(.basicStyleReset) img.align-right { width: 100%; float: none; margin-right: 0; margin-left: 0; display: block; }

.timelineBox { padding-left: 55px; }
.timelineBox:before { left: 10px; top: 64px; }
.timelineBox h3 { font-size: 3.5rem; }
.timelineBox h3:before { background-image: none !important; width: 24px; height: 24px; left: -54px; background-color: #fff; border-radius: 100%; border: 6px solid #88bf40; }
.timelineBoxWrap:nth-child(even) .timelineBox h3:before { border-color: #1D4382; }

.emailids h3 { padding-left: 30px; }
.contactSection.addresses h3 { padding-left: 25px; }

.twoColContent .contentInner h4 { font-size: 1.8rem; }

}

@media (max-width:575px){
.pressRelease table,
.contentBlock table,
.node--type-page .text-formatted:not(.basicStyleReset) table {min-width: 1000px;}
.pressRelease .press-pagination{text-align: center}
.pressRelease .press-pagination ul{justify-content: center;margin-top: 20px}

.tableStyle table {min-width: 1000px;}
.pdfSection p {padding: 0 20px;}

.yearBox h4 { font-size: 2.4rem; }

.highlightsList ul li { width: 100%; }

.headerMenuTabs ul li { width: 100%; }
.statisticsList ul li { padding: 10px; }
.statisticsList ul li span { font-size: 2rem; }

.arrowCheckList li { padding: 0; padding-left: 30px; box-shadow: none; }
.arrowCheckList li:before { margin-top: 0; }

ul.processBoxes > li { width: 100%; }
.sustainContent { width: 100%; padding-left: 0; padding-top: 20px; }
.sustainLogoWrap { padding: 15px; }
.sustainBoxContent h4 { font-size: 2.4rem; }
.sustainBoxContent p { font-size: 1.6rem; }
.esgPageContent h3 { font-size: 2.2rem; }
.esgPageContent h3 span { font-size: 1.4em; }

.emailids .contactBox .contactBoxIcon,
.emailids .contactBox .contactBoxContent,
.emailids .contactBox .contactBoxLink { width: 100%; padding-right: 0; margin-left: 0; }
.emailids .contactBox .contactBoxIcon { margin-bottom: 20px; }
}

@media(max-width:479px){

/*****Header*****/
header { height: 83px; }
.headerLogo { top: -10px; }
.headerLogo img { width: 150px; }

.toggleMenu { height: 32px; width: 36px; }
.toggleMenu .iconBar:nth-child(2){ margin: 5px 0; }

.headerRight { padding-left: 10px; }
.headerSearch .searchBox { min-width: 230px; right: -55px; width: calc(100vw - 30px); }
.headerRight .headerSearch { margin-left: 0; }
.headerSearch > a { font-size: 1.5rem; width: 20px; line-height: 50px; }
.secondaryMenuToggle,
.secondaryMenuToggle .toggleMenu { margin-left: 10px; }
.headerRight:after { border-width: 0px 0px 50px 40px; left: -40px; }

.searchBoxWrap .ctaBtn.ctaFill { padding: 9px 5px; height: 46px; }
.searchBoxWrap input.form-control { height: 46px; }
.searchBoxWrap .js-form-type-search { width: calc(100% - 50px); }
.searchBoxWrap .form-actions { width: 50px; }
.searchBoxWrap .form-actions:before { font-size: 1.6rem; }

.csrBox .iconWrap { height: 50px; width: 60px; display: none; }
.csrBox .iconWrap svg { max-height: 50px; }
.csrBox .name { font-size: 1.4rem; width: 100%; }
.csrContent { margin-bottom: 10px; }

.keyCols { text-align: center; }
.keyListBox { width: 100%; }
.keyListBox .h3 { font-size: 2.4rem; }
.keyListBox p { font-size: 1.6rem; }

.form-submit,
a.button { width: 100%; margin-right: 0; }
form .form-actions .backendLoginWrap { width: 100%; text-align: center; }
.btnCaptchaRow .captcha .js-form-item { width: 100%; padding-right: 0; }
.btnCaptchaRow .captcha img,
.btnCaptchaRow .captcha .reload-captcha-wrapper { margin-top: 15px; }

.notFoundWrap { padding: 30px 25px; }
.notFoundWrap h1 { font-size: 6rem; margin-bottom: 15px; }
.notFoundWrap h4 { font-size: 1.8rem; line-height: 30px; top: -58px; }
.notFoundWrap p { font-size: 1.4rem; line-height: 1.2; }
.notFoundWrap p + p { margin-top: 10px; }
.notFoundWrap p.largeText { font-size: 1.6rem; }
.notFoundWrap p.h4 { font-size: 2rem; }
.notFoundWrap .ctaBtn { margin-top: 25px; }
.accessDenied:before { width: 70px; height: 70px; }
.accessDenied:after { width: 70px; top: 72px; }
.accessDenied.notFoundWrap { padding-top: 130px; }

.annualReportsList > li { width: 100%; }

.reportBoxList .reportBox { width: calc(100% - 30px); }
.amritMahotsavWrap .logoWrap {flex-wrap: wrap;margin: 0;}
.amritMahotsavWrap .logoWrap a:first-child {margin: 0 auto 15px;width: 100%;}
}

/* new css added for director image */
@media (max-width: 639px) {
    .directorBox .directorImg.NoHeight {
        width: 150px;
        height: auto;
    }
}