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




}

/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.row { margin: 0px; }
.common-container { padding-left: 15px; padding-right: 15px; }
#header { height: auto; }
#header .common-container {padding-left:0px; padding-right:0px;}
#header .topdownload { display: none; }
#header .Sbilog { padding-left: 10px; }
#header .ham {right: 10px;top: 5px;}
#header .topdownload br { display: none; }
.bigtitle {font-size: 30px;line-height: 36px;}
.commonbt {box-shadow:none;}
#banner { text-align: center; height: auto; padding-top: 140px; text-align: center; padding-top: 100px; }
#banner .bannerleft { padding-right: 0; padding-top: 0; }
#banner .bannerleft h1 {font-size: 50px;line-height: 50px; margin-top: 30px; }
#Messagefrom .messagepic img { width: 100%; }
#Messagefrom .messagepicRight {
padding-top: 40px;
}
.mt60 {
margin-top: 20px;
}

#ourPre::before,#ourPre::after { display: none; }
#ourPre .OurPresence { padding-right: 0px; }
#ourPre .OurPresence .unparalledpix { position: relative; margin-top: 30px; text-align: center; }
#ourPre .OurPresenceRight { background-color:#004587; padding: 10px; }
#ourPre .OurPresenceRight .bigtitle { margin-bottom: 20px; }
.finbox img { margin-bottom: 10px; }
#ourPre .OurPresenceRight .infono {
height: auto; margin-bottom: 30px;
}

#FinancialPerformance {padding-top: 50px;}
#FinancialPerformance .bigtitle  {padding-bottom: 30px;}
#BusinessSegments {padding-top: 30px;}
#BusinessSegments .BusinessLeft .SegmentsBox {margin-top: 50px;margin-left: 0;}
#BusinessSegments .SegmentsBox {width: 100%;}
#BusinessSegments .Businessright {padding-left: 40px;
padding-top: 0;
}

#EDE .edeBox {height: 680px;}
#EDE {
padding-top: 40px;
padding-bottom: 30px;
}

#valuectration {
padding-top: 30px;

}


#valuectration .card-header {padding: 0rem; border-top: 1px solid rgba(0,0,0,.125); border-bottom: none; }
#valuectration .card-header h5 a {font-size: 22px; color:#1B262C; font-weight:700; display: block; padding: 1rem 1rem; background: url(../resources/images/Orange-min.svg) no-repeat 98% center; }

#valuectration .card-header h5 a.collapsed { background: url(../resources/images/Orange-plus.svg) no-repeat 98% center; }
#valuectration .card-body {padding: 0;}
#valuectration .valuensliderBox {padding: 20px;}
#valuectration .valuensliderBox h2 {font-size: 26px;}
#valuectration .responsive-tabs {
margin-bottom: 20px;
}
#EDE .edeBox .bigtitle {font-size: 30px;line-height: 34px;}
#CSS .edeBox .bigtitle {font-size: 30px;line-height: 34px;}

#CSS {
padding-bottom: 40px;
padding-top: 20px;
}

#CSS .edeBox {height: 680px;}
#StrategyAction .lifecycle { width: 100%; }
#StrategyAction .lifecycle-management {font-size:18px; margin-bottom: 15px; }
#StrategyAction .acquisition p {margin-top: 0px;}
#StrategyAction .Pillarsgrowth {
height: auto;
padding: 20px 10px;
}

#StrategyAction {
padding-bottom: 20px;
}

#ExternalEnvironment .ExternalRight .SegmentsBox,#ExternalEnvironment .ExternalRight .GoverBox {width: 100%;}
#ExternalEnvironment .ExternalRight .SegmentsBox .bigtitle,#ExternalEnvironment .ExternalRight .GoverBox .bigtitle {font-size: 32px;line-height: 36px;}
#ExternalEnvironment .ExternalLeft {height: 500px;}
#DownloadCenter {
padding-top: 40px;
}

#DownloadCenter .smalltitle { margin-bottom: 30px; }
#DownloadCenter a {font-size: 16px;}
#header .hdfclog {
padding: 10px;
}
#header .ham img { width: 76%; }
#Messagefrom { padding-bottom: 30px; }
.Pan-India-Table,.SustainabilityTable,.Mappingtable { overflow: scroll; width: 98%; margin: auto; }
#Journey #timeline:before { display: none; }
#Journey #timeline .entries .entry {width: 100%; float: none; text-align: left;}
#Journey #timeline .entries .entry .title:before { right: inherit; left: -56px; }
#Journey #timeline .entries .entry:not(:first-child) {margin-top: 0;}
#Journey #timeline .entries .entry .title:before {background-image: url(../resources/images/redarrow.png);}
.BusinessHolder .Ouredge {transform: translate(0px, 0px);}
.BusinessHolder .BusinessBox .ex-h,.ex-h-2,.ex-h-5,.ex-h-3,.ex-h-4 {
height: auto !important;
}

.scope h4::before, .pipeline h4::before { display: none; }
#footer { text-align: center; }

}

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.row { margin: 0px; }
.common-container { padding-left: 15px; padding-right: 15px; }
#header { height: auto; }
#header .common-container {padding-left:0px; padding-right:0px;}
#header .topdownload { display: none; }
#header .Sbilog { padding-left: 10px; }
#header .ham {right: 10px;top: 5px;}
#header .topdownload br { display: none; }
.bigtitle {font-size: 30px;line-height: 36px;}
.commonbt {box-shadow:none;}
#banner { text-align: center; height: auto; padding-top: 140px; text-align: center; padding-top: 100px; }
#banner .bannerleft { padding-right: 0; padding-top: 0; }
#banner .bannerleft h1 {font-size: 50px;line-height: 50px; margin-top: 30px; }
#Messagefrom .messagepic img { width: 100%; }
#Messagefrom .messagepicRight {
padding-top: 40px;
}
.mt60 {
margin-top: 20px;
}

#ourPre::before,#ourPre::after { display: none; }
#ourPre .OurPresence { padding-right: 0px; }
#ourPre .OurPresence .unparalledpix { position: relative; margin-top: 30px; text-align: center; }
#ourPre .OurPresenceRight { background-color:#004587; padding: 10px; }
#ourPre .OurPresenceRight .bigtitle { margin-bottom: 20px; }
.finbox img { margin-bottom: 10px; }
#ourPre .OurPresenceRight .infono {
height: auto; margin-bottom: 30px;
}

#FinancialPerformance {padding-top: 50px;}
#FinancialPerformance .bigtitle  {padding-bottom: 30px;}
#BusinessSegments {padding-top: 30px;}
#BusinessSegments .BusinessLeft .SegmentsBox {margin-top: 50px;margin-left: 0;}
#BusinessSegments .SegmentsBox {width: 100%;}
#BusinessSegments .Businessright {padding-left: 40px;
padding-top: 0;
}

#EDE .edeBox {height: 680px;}
#EDE {
padding-top: 40px;
padding-bottom: 30px;
}

#valuectration {
padding-top: 30px;

}


#valuectration .card-header {padding: 0rem; border-top: 1px solid rgba(0,0,0,.125); border-bottom: none; }
#valuectration .card-header h5 a {font-size: 22px; color:#1B262C; font-weight:700; display: block; padding: 1rem 1rem; background: url(../resources/images/Orange-min.svg) no-repeat 98% center; }

#valuectration .card-header h5 a.collapsed { background: url(../resources/images/Orange-plus.svg) no-repeat 98% center; }
#valuectration .card-body {padding: 0;}
#valuectration .valuensliderBox {padding: 20px;}
#valuectration .valuensliderBox h2 {font-size: 26px;}
#valuectration .responsive-tabs {
margin-bottom: 20px;
}
#EDE .edeBox .bigtitle {font-size: 30px;line-height: 34px;}
#CSS .edeBox .bigtitle {font-size: 30px;line-height: 34px;}

#CSS {
padding-bottom: 40px;
padding-top: 20px;
}

#CSS .edeBox {height: 680px;}
#StrategyAction .lifecycle { width: 100%; }
#StrategyAction .lifecycle-management {font-size:18px; margin-bottom: 15px; }
#StrategyAction .acquisition p {margin-top: 0px;}
#StrategyAction .Pillarsgrowth {
height: auto;
padding: 20px 10px;
}

#StrategyAction {
padding-bottom: 20px;
}

#ExternalEnvironment .ExternalRight .SegmentsBox,#ExternalEnvironment .ExternalRight .GoverBox {width: 100%;}
#ExternalEnvironment .ExternalRight .SegmentsBox .bigtitle,#ExternalEnvironment .ExternalRight .GoverBox .bigtitle {font-size: 32px;line-height: 36px;}
#ExternalEnvironment .ExternalLeft {height: 500px;}
#DownloadCenter {
padding-top: 40px;
}

#DownloadCenter .smalltitle { margin-bottom: 30px; }
#DownloadCenter a {font-size: 16px;}
#header .hdfclog {
padding: 10px;
}
#header .ham img { width: 76%; }
#Messagefrom { padding-bottom: 30px; }
.Pan-India-Table,.SustainabilityTable,.Mappingtable { overflow: scroll; width: 98%; margin: auto; }
#Journey #timeline:before { display: none; }
#Journey #timeline .entries .entry {width: 100%; float: none; text-align: left;}
#Journey #timeline .entries .entry .title:before { right: inherit; left: -56px; }
#Journey #timeline .entries .entry:not(:first-child) {margin-top: 0;}
#Journey #timeline .entries .entry .title:before {background-image: url(../resources/images/redarrow.png);}
.BusinessHolder .Ouredge {transform: translate(0px, 0px);}
.BusinessHolder .BusinessBox .ex-h,.ex-h-2,.ex-h-5,.ex-h-3,.ex-h-4 {
height: auto !important;
}

.scope h4::before, .pipeline h4::before { display: none; }
#footer { text-align: center; }

}


/* Extra small */
@media (min-width: 320px) and (max-width: 767px) {
.row { margin: 0px; }
.common-container { padding-left: 15px; padding-right: 15px; }
#header { height: auto; }
#header .common-container {padding-left:0px; padding-right:0px;}
#header .topdownload { display: none; }
#header .Sbilog { padding-left: 10px; }
#header .ham {right: 10px;top: 5px;}
#header .topdownload br { display: none; }
.bigtitle {font-size: 30px;line-height: 36px;}
.commonbt {box-shadow:none;}
#banner { text-align: center; height: auto; padding-top: 140px; text-align: center; padding-top: 100px; }
#banner .bannerleft { padding-right: 0; padding-top: 0; }
#banner .bannerleft h1 {font-size: 50px;line-height: 50px; margin-top: 30px; }
#Messagefrom .messagepic img { width: 100%; }
#Messagefrom .messagepicRight {
padding-top: 40px;
}
.mt60 {
margin-top: 20px;
}

#ourPre::before,#ourPre::after { display: none; }
#ourPre .OurPresence { padding-right: 0px; }
#ourPre .OurPresence .unparalledpix { position: relative; margin-top: 30px; text-align: center; }
#ourPre .OurPresenceRight { background-color:#004587; padding: 10px; }
#ourPre .OurPresenceRight .bigtitle { margin-bottom: 20px; }
.finbox img { margin-bottom: 10px; }
#ourPre .OurPresenceRight .infono {
height: auto; margin-bottom: 30px;
}

#FinancialPerformance {padding-top: 50px;}
#FinancialPerformance .bigtitle  {padding-bottom: 30px;}
#BusinessSegments {padding-top: 30px;}
#BusinessSegments .BusinessLeft .SegmentsBox {margin-top: 50px;margin-left: 0;}
#BusinessSegments .SegmentsBox {width: 100%;}
#BusinessSegments .Businessright {padding-left: 40px;
padding-top: 0;
}

#EDE .edeBox {height: 680px;}
#EDE {
padding-top: 40px;
padding-bottom: 30px;
}

#valuectration {
padding-top: 30px;

}


#valuectration .card-header {padding: 0rem; border-top: 1px solid rgba(0,0,0,.125); border-bottom: none; }
#valuectration .card-header h5 a {font-size: 22px; color:#1B262C; font-weight:700; display: block; padding: 1rem 1rem; background: url(../resources/images/Orange-min.svg) no-repeat 98% center; }

#valuectration .card-header h5 a.collapsed { background: url(../resources/images/Orange-plus.svg) no-repeat 98% center; }
#valuectration .card-body {padding: 0;}
#valuectration .valuensliderBox {padding: 20px;}
#valuectration .valuensliderBox h2 {font-size: 26px;}
#valuectration .responsive-tabs {
margin-bottom: 20px;
}
#EDE .edeBox .bigtitle {font-size: 30px;line-height: 34px;}
#CSS .edeBox .bigtitle {font-size: 30px;line-height: 34px;}

#CSS {
padding-bottom: 40px;
padding-top: 20px;
}

#CSS .edeBox {height: 680px;}
#StrategyAction .lifecycle { width: 100%; }
#StrategyAction .lifecycle-management {font-size:18px; margin-bottom: 15px; }
#StrategyAction .acquisition p {margin-top: 0px;}
#StrategyAction .Pillarsgrowth {
height: auto;
padding: 20px 10px;
}

#StrategyAction {
padding-bottom: 20px;
}

#ExternalEnvironment .ExternalRight .SegmentsBox,#ExternalEnvironment .ExternalRight .GoverBox {width: 100%;}
#ExternalEnvironment .ExternalRight .SegmentsBox .bigtitle,#ExternalEnvironment .ExternalRight .GoverBox .bigtitle {font-size: 32px;line-height: 36px;}
#ExternalEnvironment .ExternalLeft {height: 500px;}
#DownloadCenter {
padding-top: 40px;
}

#DownloadCenter .smalltitle { margin-bottom: 30px; }
#DownloadCenter a {font-size: 16px;}
#header .hdfclog {
padding: 10px;
}
#header .ham img { width: 76%; }
#Messagefrom { padding-bottom: 30px; }
.Pan-India-Table,.SustainabilityTable,.Mappingtable { overflow: scroll; width: 98%; margin: auto; }
#Journey #timeline:before { display: none; }
#Journey #timeline .entries .entry {width: 100%; float: none; text-align: left;}
#Journey #timeline .entries .entry .title:before { right: inherit; left: -56px; }
#Journey #timeline .entries .entry:not(:first-child) {margin-top: 0;}
#Journey #timeline .entries .entry .title:before {background-image: url(../resources/images/redarrow.png);}
.BusinessHolder .Ouredge {transform: translate(0px, 0px);}
.BusinessHolder .BusinessBox .ex-h,.ex-h-2,.ex-h-5,.ex-h-3,.ex-h-4 {
height: auto !important;
}

.scope h4::before, .pipeline h4::before { display: none; }
#footer { text-align: center; }
.p-5 {padding: 1.5rem!important;}
.ex-mt { margin-bottom: 30px; }
.sptable,.EmissionTable { overflow: scroll; width:98%; }

.fs24 {
    font-size: 16px !important;
    line-height: 32px;
}

span.num {padding: 5px 10px;}

.stories-of-parivartan {
    font-size: 24px !important;
    line-height: 30px;
}
#footer a {
    color: #FFFFFF;
    font-size: 16px;
    margin-right: 3px;
}
.reduceBox.h-1,.reduceBox.h-2 {
    height: auto;
}

}