/*RESPONSIVE*/

.mobile-show { display:none !important; }
.mobile-hide { display:block !important; }


@media  screen and (max-width: 1366px) {
.right-banner {transform: scale(0.8) !important;top: calc(50% - 260px);}

}

@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px) { 
.overlay .overlay-menu {
top: 100px;
transform: translateY(0%);
height: 75vh;
overflow: scroll;overflow-x: hidden;
background-image:none;
}


.mobile-show { display:block !important; }

.mobile-hide { display:none !important; }

.p-l-0 { padding-left:0px;}

.p-r-0 { padding-right:0px;}

.p-l-10 { padding-left:10px;}

.p-r-10 { padding-right:10px;}

.m-l-10 { margin-left:10px;}

.m-r-10 { margin-right:10px;}

.m-t-10 { margin-top:10px !important;}

.m-t-15 { margin-top:15px !important;}

.m-t-0 { margin-top:0px !important;}

.col-xs-6 { width:50%; }

.col-xs-12 {width:100%; flex: 100%;max-width: 100%; }

.fs-40 {font-size: 30px !important;line-height: 24px;}

.fs-28 {font-size: 22px !important;}

.fs-60 {font-size: 30px !important;line-height: 30px;}

.fs-36 {font-size: 26px !important;line-height: 30px;}

p {font-size: 16px;line-height:21px;}

.mb-5, .my-5 {margin-bottom: 15px!important;}

.padding-top-90 {padding-top: 30px;}
.padding-bottom-90 {padding-bottom: 30px;}

.row { margin:0px !important; }

.common-container,.common-container { width:95%; }

#braedcrumb {margin-top: 77px;margin-bottom: 20px;}

.breadcrumb {padding: 5px 5px;} 

.breadcrumb li {font-size: 10px;line-height: 18px;}

#header {padding-top: 20px;}
#header .logo img  { width:160px; }
#header.fixed .logo img {
    width: 160px;
}


.ham {
    position: absolute;
    right: 5px;
	top: -7px;
}

#header.fixed .ham {
    top: -7px !important;
}
#header.fixed {padding-top: 10px; padding-bottom:10px;}

.hamburger {padding: 10px;}
.hamburger-box:before { display:none; }

#banner {padding-top: 120px;}
.right-patch { display:none; }  
.right-banner { position:relative; height: auto;top: calc(0% - 0px);}
.right-banner img { width:100%; }
#banner h2 {font-size: 56px;line-height: 60px;}
.home-pagetitle h2{line-height: 43px;font-size: 43px;}
.home-pagetitle h2 img { width:190px; height:auto; }
.home-small-pagetitle h3 {font-size: 24px;}
.home-pagetitle2 h2 {font-size: 28px;line-height: 36px;}
#kpi .home-pagetitle2 h2 { margin-bottom:30px; }
.kpi-box .kpi-years ul li {width: 38%;}
.kpi-box .kpi-no {font-size: 72px;line-height: 87px;}
#kpi { background-image:none; }
#kpi .mt-40 {margin-top: 0px !important;}
#hdfc-impact .mt-40 {margin-top: 20px !important;}
.hdfc-impact-right {padding: 20px;}
.order-1 {
    -ms-flex-order: 0;
    order: 0;
}
.hdfc-impact-con { margin-bottom:20px; }
.chairman-q {padding: 20px 0px;}
.chairman-q p {font-size: 26px;line-height: 33px !important;padding-right:0px;}
.chairman-q p:before, .chairman-q p:after {transform: scale(0.6);}
.chairman-q p:after {bottom: -50px;}
#awards:before { display:none; }
.awards-pic img { width:100%; margin-bottom:30px; }
#awards .home-pagetitle { margin-bottom:20px; }
.bottom-box {height: 380px;padding: 20px;margin-bottom: 10px;}
.download-pic a {margin-top: 220px !important;}

/* .annual-report-top-bt {right: -141px;top: 8px;font-size: 14px;} */
.annual-report-top-bt {right: -131px; top: 1px; font-size: 14px; width: 140px;}
.tbl-res{overflow-x:scroll;}
#brief-profile-wrp .bor-r-black{border-right:none;}
.row .col-md-6, .row .col-md-3, .row .col-md-4{padding-left:0px !important;}
.brief-profile{padding-bottom:30px;}
#brief-profile-wrp{padding-bottom:0;}
.mobile-hiden{display:none;}

/*D*/
.tbl-res{overflow-x:scroll;}
#brief-profile-wrp .bor-r-black{border-right:none;}
.row .col-md-6, .row .col-md-3, .row .col-md-4{padding-left:0px !important;}
.brief-profile{padding-bottom:30px;}
#brief-profile-wrp{padding-bottom:20px;}
.mobile-mt-20{margin-top:20px;}

.hdfc-impact-right p {
    padding-top: 0px;
}

.slide-box2 {padding: 0px 10px;}

.close-bt {
    position: absolute;
    right: 20px;
    top: 20px;
    transform: scale(0.6);
}
.flower { margin-bottom:20px; }

#bod-wrp{background-size: contain; background-color: transparent; height: 700px;}
.bod-info{position:relative; left:0; top:0; background:transparent;}

#report-wrp .row .col-md-12{padding-left:0px !important;}
#report-wrp{padding:20px 0;}
.download-centre-pic-box{border:none;}
.download-center-box h4{min-height:auto;}
#header.fixed .annual-report-top-bt{top:0px !important; width:140px !important;}
#header.pb-20 .annual-report-top-bt{top:0px !important; width:140px !important;}
#chairman-wrp{padding:20px 0;}
.res-img{width:100%;}
.awards-box p {padding-right: 0px;}

.mt-120 { margin-top:10px; }

.mouse-wrapper {
    position: absolute;
    top: 96%;
    left: 50%;
    -webkit-transform: translate(-50%, -96%);
    transform: translate(-50%, -90%);
}
.dream-box {
    padding: 10px 20px;
}
.dream-box p br,.hdfc-impact-right p br { display:none; }

#download-center { text-align:center; }
#download-center .mouse-wrapper {display:none;}
.text-justify { text-align:left !important; }

}


@media only screen 
and (min-device-width: 481px)  
and (max-device-width: 767px)  { 
.overlay .overlay-menu {
top: 100px;
transform: translateY(0%);
height: 80vh;
overflow: scroll;overflow-x: hidden;
background-image:none;
}


.mobile-show { display:block !important; }

.mobile-hide { display:none !important; }

.p-l-0 { padding-left:0px;}

.p-r-0 { padding-right:0px;}

.p-l-10 { padding-left:10px;}

.p-r-10 { padding-right:10px;}

.m-l-10 { margin-left:10px;}

.m-r-10 { margin-right:10px;}

.m-t-10 { margin-top:10px !important;}

.m-t-15 { margin-top:15px !important;}

.m-t-0 { margin-top:0px !important;}

.col-xs-6 { width:50%; }

.col-xs-12 {width:100%; flex: 100%;max-width: 100%; }

.fs-40 {font-size: 30px !important;line-height: 24px;}

.fs-28 {font-size: 22px !important;}

.fs-60 {font-size: 30px !important;line-height: 30px;}

.fs-36 {font-size: 26px !important;line-height: 30px;}

p {font-size: 16px;line-height:21px;}

.mb-5, .my-5 {margin-bottom: 15px!important;}

.padding-top-90 {padding-top: 30px;}
.padding-bottom-90 {padding-bottom: 30px;}

.row { margin:0px !important; }

.common-container,.common-container { width:95%; }

#braedcrumb {margin-top: 77px;margin-bottom: 20px;}

.breadcrumb {padding: 5px 5px;} 

.breadcrumb li {font-size: 10px;line-height: 18px;}

#header {padding-top: 20px;}
#header .logo img  { width:160px; }
#header.fixed .logo img {
    width: 160px;
}


.ham {
    position: absolute;
    right: 5px;
	top: -7px;
}

#header.fixed .ham {
    top: -7px !important;
}
#header.fixed {padding-top: 10px; padding-bottom:10px;}

.hamburger {padding: 10px;}

#banner {padding-top: 120px;}
.right-patch { display:none; }  
.right-banner { position:relative; height: auto;top: calc(0% - 0px);}
.right-banner img { width:100%; }
#banner h2 {font-size: 56px;line-height: 60px;}
.home-pagetitle h2{line-height: 43px;font-size: 43px;}
.home-pagetitle h2 img { width:190px; height:auto; }
.home-small-pagetitle h3 {font-size: 24px;}
.home-pagetitle2 h2 {font-size: 28px;line-height: 36px;}
#kpi .home-pagetitle2 h2 { margin-bottom:30px; }
.kpi-box .kpi-years ul li {width: 38%;}
.kpi-box .kpi-no {font-size: 72px;line-height: 87px;}
#kpi { background-image:none; }
#kpi .mt-40 {margin-top: 0px !important;}
#hdfc-impact .mt-40 {margin-top: 20px !important;}
.hdfc-impact-right {padding: 20px;}
.order-1 {
    -ms-flex-order: 0;
    order: 0;
}
.hdfc-impact-con { margin-bottom:20px; }
.chairman-q {padding: 20px;}
.chairman-q p {font-size: 26px;line-height: 33px !important;}
.chairman-q p:before, .chairman-q p:after {transform: scale(0.6);}
.chairman-q p:after {bottom: -50px;}
#awards:before { display:none; }
.awards-pic img { width:100%; margin-bottom:30px; }
#awards .home-pagetitle { margin-bottom:20px; }
.bottom-box {height: 380px;padding: 20px;margin-bottom: 10px;}
.download-pic a {margin-top: 220px !important;}

.annual-report-top-bt {right: -131px; top: 1px; font-size: 14px; width: 140px;}
.tbl-res{overflow-x:scroll;}
#brief-profile-wrp .bor-r-black{border-right:none;}
.row .col-md-6, .row .col-md-3, .row .col-md-4{padding-left:0px !important;}
.brief-profile{padding-bottom:30px;}
#brief-profile-wrp{padding-bottom:0;}
.mobile-hiden{display:none;}

#report-wrp .row .col-md-12{padding-left:0px !important;}
#report-wrp{padding:20px 0;}
.download-centre-pic-box{border:none;}
.download-center-box h4{min-height:auto;}
#header.fixed .annual-report-top-bt{top:0px !important; width:140px !important;}
#header.pb-20 .annual-report-top-bt{top:0px !important; width:140px !important;}
#chairman-wrp{padding:20px 0;}
.res-img{width:100%;}
#download-center { text-align:center; }
#download-center .mouse-wrapper {display:none;}
.text-justify { text-align:left !important; }
}


@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) { 
.overlay .overlay-menu {
top: 100px;
transform: translateY(0%);
height: 80vh;
overflow: scroll;overflow-x: hidden;
background-image:none;
}


.mobile-show { display:block !important; }

.mobile-hide { display:none !important; }

.p-l-0 { padding-left:0px;}

.p-r-0 { padding-right:0px;}

.p-l-10 { padding-left:10px;}

.p-r-10 { padding-right:10px;}

.m-l-10 { margin-left:10px;}

.m-r-10 { margin-right:10px;}

.m-t-10 { margin-top:10px !important;}

.m-t-15 { margin-top:15px !important;}

.m-t-0 { margin-top:0px !important;}

.col-xs-6 { width:50%; }

.col-xs-12 {width:100%; flex: 100%;max-width: 100%; }

.fs-40 {font-size: 30px !important;line-height: 24px;}

.fs-28 {font-size: 22px !important;}

.fs-60 {font-size: 30px !important;line-height: 30px;}

.fs-36 {font-size: 26px !important;line-height: 30px;}

p {font-size: 16px;line-height:21px;}

.mb-5, .my-5 {margin-bottom: 15px!important;}

.padding-top-90 {padding-top: 30px;}
.padding-bottom-90 {padding-bottom: 30px;}

.row { margin:0px !important; }

.common-container,.common-container { width:95%; }

#braedcrumb {margin-top: 78px;margin-bottom: 20px;}

.breadcrumb {padding: 5px 5px;} 

.breadcrumb li {font-size: 10px;line-height: 18px;}

#header {padding-top: 20px;}
#header .logo img  { width:160px; }
#header.fixed .logo img {
    width: 160px;
}


.ham {
    position: absolute;
    right: 45px;
	top: -7px;
}

#header.fixed .ham {
    top: -7px !important;
}
#header.fixed {padding-top: 10px; padding-bottom:10px;}

.hamburger {padding: 10px;}

#banner {padding-top: 90px;text-align: center;}
#banner .common-bt {
    margin: auto;
}

.right-patch { display:none; }  
.right-banner { position:relative; height: auto;top: calc(0% - 0px);}
.right-banner img { width:100%; }
#banner h2 {font-size: 56px;line-height: 60px;}


.home-pagetitle h2{line-height: 43px;font-size: 43px;}
.home-pagetitle h2 img { width:190px; height:auto; }
.home-small-pagetitle h3 {font-size: 24px;}
.home-pagetitle2 h2 {font-size: 28px;line-height: 36px;}
#kpi .home-pagetitle2 h2 { margin-bottom:30px; }
.kpi-box .kpi-years ul li {width: 38%;}
.kpi-box .kpi-no {font-size: 72px;line-height: 87px;}
#kpi { background-image:none; }
#kpi .mt-40 {margin-top: 0px !important;}
#hdfc-impact .mt-40 {margin-top: 20px !important;}
.hdfc-impact-right {padding: 20px;}
.order-1 {
    -ms-flex-order: 0;
    order: 0;
}
.hdfc-impact-con { margin-bottom:20px; }
.chairman-q {padding: 20px;}
.chairman-q p {font-size: 26px;line-height: 33px !important;}
.chairman-q p:before, .chairman-q p:after {transform: scale(0.6);}
.chairman-q p:after {bottom: -50px;}
#awards:before { display:none; }
.awards-pic img { width:100%; margin-bottom:30px; }
#awards .home-pagetitle { margin-bottom:20px; }
.bottom-box {height: 380px;padding: 20px;margin-bottom: 10px;padding: 8px;}
.download-pic a {margin-top:180px !important;margin-left: 20px;}

.annual-report-top-bt {right:0px;top: 8px;font-size: 14px;}
.tbl-res{overflow-x:scroll;}

.right-banner {
    transform: scale(1) !important;
    top: calc(50% - 480px);
}

#dream p br { display:none; }
.col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.tbl-res{overflow-x:scroll;}
 #bod-wrp{background-size: contain; background-color: transparent;}

.bod-info{position:relative; left:0; top:0; background:transparent;}
.tab-mt-20{margin-top:20px;}
.download-center-box h4{min-height:80px;}
.res-img{width:100%;}

#download-center .mouse-wrapper {display:none;}


}


@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
#bod-wrp{background-size: contain; background-color: transparent;}
.bod-info{top:70px;} 
	
	
	.row { margin:0px !important; }
	.common-container{width:95%;}
	.tbl-res{overflow-x:scroll;}
	.tab-mt-20{margin-top:20px;}
	.res-img{width:100%;}
}


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

}



@media (max-width: 320px) {
#header .logo img {
    width: 120px;
}
#header.fixed .logo img {
    width: 120px;
}
.annual-report-top-bt {right: -93px;}
.right-banner {
    top: calc(0% - 24px);
}
#header.fixed .ham {
    top: -11px !important;
}
#header.fixed .annual-report-top-bt {
    top: 4px;
}

}



/* (1920x1080) Full HD Display */

@media screen and (min-width: 1900px){

.hdfc-impact-right {padding: 0px 80px;}

}



/* (1366x768) WXGA Display */




@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.naya-title-box {
    left: -30px;
}
  
}