/* 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: 20px;}
   .page-title2,.page-title { font-size: 40px; }
   #ataglance .glanceLeft .vm p {font-size: 24px;}
   .GlanceCircle { width: 260px; }
   #ataglance .glanceLeft {width: 760px;padding-right: 0px;}
   #ataglance .glanceLeft .vm {padding-top: 10px;}

   #ataglance .fs22 {
    font-size: 20px;
    line-height: 25px;
    padding-right: 30px;
}
.nosInfo .nos {font-size: 40px;}
.nosInfo small {font-size: 20px;line-height: 1.2;}

.fs50 {
    font-size: 43px !important;
    line-height: 1 !important;
}

    .h2, h2 {
        font-size: 1.7rem;
    }
   

#banner .container .baner_content h3 {font-size: 40px;}
#banner .container .baner_content h1 span {height: 64px;}    
#banner .container .baner_content h1 {font-size: 60px;}
#FinancialHighlights #Financial .bluebox1 .nos,#FinancialHighlights #Non-Financial .bluebox1 .nos,#FinancialHighlights #Non-Financial .bluebox2 .nos,#FinancialHighlights #Non-Financial .FinancialPix2 .whitebox1 .nos {font-size: 60px;}

#ResponsibleApproach {
    padding: 50px 0px;
}
#ResponsibleApproach .item { width: 1200px; }
#ResponsibleApproach .ResponsibleCards .ResponsibleLeft .ResponsibleImg {
    width: 650px;
}

#ResponsibleApproach .ResponsibleCards .ResponsibleContent {
    background-color: #fff;
    padding: 30px;
    padding-left: 70px;
}
#ResponsibleApproach .ResponsibleCards .ResponsibleContent p {font-size: 22px;line-height: 1.3;} 

#ResponsibleApproach .ResponsibleCards .ResponsibleLeft {
    transform: translate(70px, -170px);
}

#ResponsibleApproach .item:nth-child(even) .ResponsibleCards .ResponsibleContent {
    padding-left: 20px;
    padding-right: 120px;
}

    .container {max-width: 1140px;}

    #bannerBottom .bannerBottomCards p {font-size: 16px;line-height: 22px;}

    #productServices .productServicesCards .servicesimg { height: 450px; }

    .commonCta {font-size: 16px;}
    #downloadCenter .DownloadBt {padding-right: 70px;}
    #downloadCenter .DownloadBt h3 {font-size: 22px;}
    #FinancialHighlights #Financial .bluebox2 .nos {font-size: 70px;}

    #FinancialHighlights #Financial .bluebox1,#FinancialHighlights #Non-Financial .bluebox1 {height: 343px;}
#homeChairman .chairmanRight .quote {font-size: 24px;}

 }

@media only screen and (min-width: 1200px) and (max-width: 1399px)  {

    #homeChairman .chairmanRight .quote {font-size: 24px;}
   .smallTitle {font-size: 20px;}
   .page-title2,.page-title { font-size: 40px; }
   #ataglance .glanceLeft .vm p {font-size: 24px;}
   .GlanceCircle { width: 260px; }
   #ataglance .glanceLeft {width: 760px;padding-right: 0px;}
   #ataglance .glanceLeft .vm {padding-top: 10px;}

   #ataglance .fs22 {
    font-size: 20px;
    line-height: 25px;
    padding-right: 30px;
}
.nosInfo .nos {font-size: 40px;}
.nosInfo small {font-size: 20px;line-height: 1.2;}

.fs50 {
    font-size: 43px !important;
    line-height: 1 !important;
}

    .h2, h2 {
        font-size: 1.7rem;
    }
   

#banner .container .baner_content h3 {font-size: 40px;}
#banner .container .baner_content h1 span {height: 64px;}    
#banner .container .baner_content h1 {font-size: 60px;}
#FinancialHighlights #Financial .bluebox1 .nos,#FinancialHighlights #Non-Financial .bluebox1 .nos,#FinancialHighlights #Non-Financial .bluebox2 .nos,#FinancialHighlights #Non-Financial .FinancialPix2 .whitebox1 .nos {font-size: 65px;}

#ResponsibleApproach {
    padding: 50px 0px;
}
#ResponsibleApproach .item { width: 1200px; }
#ResponsibleApproach .ResponsibleCards .ResponsibleLeft .ResponsibleImg {
    width: 650px;
}

#ResponsibleApproach .ResponsibleCards .ResponsibleContent {
    background-color: #fff;
    padding: 30px;
    padding-left: 70px;
}
#ResponsibleApproach .ResponsibleCards .ResponsibleContent p {font-size: 22px;line-height: 1.3;} 

#ResponsibleApproach .ResponsibleCards .ResponsibleLeft {
    transform: translate(70px, -170px);
}

#ResponsibleApproach .item:nth-child(even) .ResponsibleCards .ResponsibleContent {
    padding-left: 20px;
    padding-right: 120px;
}

    .container {max-width: 1140px;}

    #bannerBottom .bannerBottomCards p {font-size: 16px;line-height: 22px;}

    #productServices .productServicesCards .servicesimg { height: 450px; }

    .commonCta {font-size: 16px;}
    #downloadCenter .DownloadBt {padding-right: 70px;}
    #downloadCenter .DownloadBt h3 {font-size: 22px;}
       #FinancialHighlights #Financial .bluebox1,#FinancialHighlights #Non-Financial .bluebox1 {height: 343px;}
       #FinancialHighlights #Financial .bluebox2 .nos {font-size: 60px;}

 }


@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: 130px }
#header { padding-left: 10px; }

.smallTitle {font-size: 20px;}
.page-title2,.page-title {font-size: 36px;}
.fs22 {
font-size: 20px;
line-height: 28px;
}
.nosInfo small {font-size: 18px;}

#ataglance .glanceLeft {padding: 15px;}
#ataglance {margin-bottom: 30px;}
#BankingHighlights .row .col-lg-6 { padding-left: 0px; padding-right: 0px; }
#BankingHighlights .HighlightsLeft { margin-bottom: 10px; }
#BankingHighlights .HighlightsLeft .financialPic { background-color: #2A2076; }
#BankingHighlights .HighlightsRight .financialPic2,.CSRHigh.nosInfo { height: auto; }

/*  */

#InnerChairman {
margin-top: 30px;
}
#InnerChairman .mt-5 {
margin-top: 2rem !important;
}
.Challa { margin-bottom: 20px; }


#footer { padding-top: 15px; }
#footer .w-auto { margin-bottom: 10px; }
.bread-wrp {
margin-top: 65px;
}

/* home */
#ResponsibleApproach {overflow: hidden; padding: 30px 0px;}  
#ResponsibleApproach .wrapper { position: relative;  }
#ResponsibleApproach .swiper-pagination {  bottom: 20px;}
#ResponsibleApproach .swiper-pagination-bullet { background-color: #fff; }
#ResponsibleApproach .item { display: block; position: relative; box-shadow: none; }
#ResponsibleApproach .list { justify-content: start; }
#ResponsibleApproach .bigTitle {font-size: 50px;padding-left: 0px; margin-bottom: 20px; text-align: center; opacity: 0.15; letter-spacing: -1.4px; }
#ResponsibleApproach .ResponsibleCards .ResponsibleLeft {transform: translate(0px, 0px);}
#ResponsibleApproach .item:nth-child(even) .ResponsibleCards .ResponsibleLeft {transform: translate(0px, 0px);}
#ResponsibleApproach .ResponsibleCards .ResponsibleContent,#ResponsibleApproach .item:nth-child(even) .ResponsibleCards .ResponsibleContent {
background-color: #fff;
padding: 20px;
padding-left: 20px;
}
#ResponsibleApproach .ResponsibleCards .ResponsibleContent p {
font-size: 18px;
line-height: 1.3;
}

#ResponsibleApproach .ResponsibleCards .ResponsibleLeft .ResponsibleTitle {
position: absolute;
left: 20px;
bottom: 20px;
}

#ResponsibleApproach .page-title2,#ResponsibleApproach .page-title {
font-size: 32px;
}

#ResponsibleApproach .wrapper {
height: auto;
}

#ResponsibleApproach .swiper-pagination {
bottom: 0px;
position: relative;
}
#ResponsibleApproach .item { margin-top: 0px; }

#banner {background-color: #dee0ff; padding-top: 0px; height: 700px; }
#banner .container {display: grid; place-content: center;padding-left: 0px;}
/* #banner .bannerImg { background: url(../images/banner-mobile.webp) no-repeat center bottom; background-size: 100%; } */
/* #banner .container .baner_content { text-align: center; } */
#banner .container .baner_content h3 {font-size: 28px;}
#banner .container .baner_content h1 span {height: 36px;}    
#banner .container .baner_content h1 {font-size: 36px;margin-top: 12px;}
#banner .container .baner_content p {font-size: 20px;}
#banner .container .baner_content .reportBt {margin-top: 20px; width: 180px; }
#banner .container .baner_content .reportBt a {font-size: 20px;}
#banner .container .baner_content .reportBt img { width: 40px; }
#banner .container .scrollDown {right: 10px;}
#bannerBottom .Slider1 {padding: 0px;}
#bannerBottom {padding: 20px 0px;}
#bannerBottom .icon img { width: 60px; }
#bannerBottom .bannerBottomCards h4 {font-size: 20px;}
#bannerBottom .bannerBottomCards {padding: 20px;border: solid 1px #e4e4e4;box-shadow: none;}
#FinancialHighlights {padding: 30px 0px;}
#FinancialHighlights .tabsList { position: relative; margin-top: 30px; }
#FinancialHighlights .tabsList .nav-link {font-size: 20px;}
#FinancialHighlights #Financial .bluebox1,#FinancialHighlights #Financial .bluebox2,#FinancialHighlights #Non-Financial .bluebox1 {  padding: 20px; }
#FinancialHighlights #Financial .bluebox1 .nos,#FinancialHighlights #Financial .bluebox2 .nos,#FinancialHighlights #Financial .FinancialPix2 .whitebox1 .nos,#FinancialHighlights #Non-Financial .bluebox1 .nos,#FinancialHighlights #Non-Financial .FinancialPix2 .whitebox1 .nos,#FinancialHighlights #Non-Financial .bluebox2 .nos,#BankingHighlights .FinancialPix2 .whitebox1 .nos,#BankingHighlights .bluebox2 .nos {font-size: 60px;}
#FinancialHighlights #Financial .FinancialPix2,#FinancialHighlights #Non-Financial .FinancialPix2 { height: auto; }
#FinancialHighlights #Financial .FinancialPix2 .whitebox1,#FinancialHighlights #Non-Financial .FinancialPix2 .whitebox1,#BankingHighlights .FinancialPix2 .whitebox1 { padding: 0px 20px; }
#FinancialHighlights #Non-Financial .bluebox2,#BankingHighlights .bluebox2 { height: auto; padding: 20px; }

#FinancialHighlights #Financial .bluebox1 {height: 350px;}
#FinancialHighlights #Financial .whitebox1 {padding: 20px;}
#FinancialHighlights #Non-Financial .bluebox1 {height: 360px;}
#homeChairman .chairmanRight .quote {font-size: 21px;line-height: 1.2;}
#ataglance.homeGlance .GlanceCircle { margin-top: 30px; }
#ataglance.homeGlance .mb-5 { margin-bottom: 20px !important; }
#ataglance.homeGlance .col-lg-6 { padding-left: 0px; }
#ataglance.homeGlance .glanceLeft .vm p {font-size: 22px;}
#ataglance.homeGlance .glancePix { margin-top: 20px; } 
.reveal { visibility: visible; }
.commonCta { font-size: 14px; }
#BankingHighlights .FinancialPix2 .whitebox1 p,#BankingHighlights .bluebox2 p {font-size: 20px;}
#BankingHighlights {padding-top: 30px;padding-bottom: 40px;}
#BankingHighlights .swiper-button-next, #BankingHighlights .swiper-button-prev {transform: scale(0.7);}
#BankingHighlights .swiper-button-prev {
left: inherit;
right: 50px;
}
#BankingHighlights .swiper-button-next, #BankingHighlights .swiper-button-prev {top: 16px;}
#BankingHighlights .mt-5 {margin-top: 1rem !important;}

#homeChairman,#productServices {padding: 30px 0px;padding-bottom: 0px;}
#homeChairman .chairmanRight p { margin-bottom: 0px; }

#productServices .productServicesTitle {transform: translate(0px, 0px);}
#productServices .productServicesCards {margin-bottom: 20px;}
#productServices .column2 {margin-top: 0px;}
#productServices .productServicesCards .productPicContent {padding: 20px;}
#productServices .productServicesCards .productPicContent .Milestones ul li {font-size: 14px;background-size: 7px;padding-left: 12px;}
#productServices .productServicesCards .servicesimg {height: 390px;}
#productServices .swiper-pagination { position: relative; }
#productServices { padding-bottom: 40px; }
#productServices .mt-5 {margin-top: 1rem !important;}
#HomeAwards {
padding: 30px 0px;
}
.pl115 {
padding-left: 0px;
}

#HomeAwards .p-4 {
padding: 0rem!important;
}
#HomeAwards .mt-5 {
margin-top: 1rem!important;
}
#downloadCenter {padding: 20px 0px;}
#downloadCenter .DownloadBt h3 {font-size: 18px;}
#downloadCenter .DownloadBt {padding: 10px 10px;padding-right: 40px;}
#downloadCenter .DownloadBt svg {width: 50px;right: 10px;}

}


@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: 130px }
#header { padding-left: 10px; }

.smallTitle {font-size: 20px;}
.page-title2,.page-title {font-size: 36px;}
.fs22 {
font-size: 20px;
line-height: 28px;
}
.nosInfo small {font-size: 18px;}

#ataglance .glanceLeft {padding: 15px;}
#ataglance {margin-bottom: 30px;}
#BankingHighlights .row .col-lg-6 { padding-left: 0px; padding-right: 0px; }
#BankingHighlights .HighlightsLeft { margin-bottom: 10px; }
#BankingHighlights .HighlightsLeft .financialPic { background-color: #2A2076; }
#BankingHighlights .HighlightsRight .financialPic2,.CSRHigh.nosInfo { height: auto; }

/*  */

#InnerChairman {
margin-top: 30px;
}
#InnerChairman .mt-5 {
margin-top: 2rem !important;
}
.Challa { margin-bottom: 20px; }


#footer { padding-top: 15px; }
#footer .w-auto { margin: 10px auto; }
.bread-wrp {
margin-top: 65px;
}

/* home */
#ResponsibleApproach {overflow: hidden; padding: 30px 0px;}  
#ResponsibleApproach .wrapper { position: relative;  }
#ResponsibleApproach .swiper-pagination {  bottom: 20px;}
#ResponsibleApproach .swiper-pagination-bullet { background-color: #fff; }
#ResponsibleApproach .item { display: block; position: relative; box-shadow: none; }
#ResponsibleApproach .list { justify-content: start; }
#ResponsibleApproach .bigTitle {font-size: 50px;padding-left: 0px; margin-bottom: 20px; text-align: center; opacity: 0.15; letter-spacing: -1.4px; }
#ResponsibleApproach .ResponsibleCards .ResponsibleLeft {transform: translate(0px, 0px);}
#ResponsibleApproach .item:nth-child(even) .ResponsibleCards .ResponsibleLeft {transform: translate(0px, 0px);}
#ResponsibleApproach .ResponsibleCards .ResponsibleContent,#ResponsibleApproach .item:nth-child(even) .ResponsibleCards .ResponsibleContent {
background-color: #fff;
padding: 20px;
padding-left: 20px;
}
#ResponsibleApproach .ResponsibleCards .ResponsibleContent p {
font-size: 18px;
line-height: 1.3;
}

#ResponsibleApproach .ResponsibleCards .ResponsibleLeft .ResponsibleTitle {
position: absolute;
left: 20px;
bottom: 20px;
}

#ResponsibleApproach .page-title2,#ResponsibleApproach .page-title {
font-size: 32px;
}

#ResponsibleApproach .wrapper {
height: auto;
}

#ResponsibleApproach .swiper-pagination {
bottom: 0px;
position: relative;
}
#ResponsibleApproach .item { margin-top: 0px; }

#banner {background-color: #dee0ff; padding-top: 0px; height: 700px; }
#banner .container {display: grid; place-content: center;padding-left: 70px;}
/* #banner .bannerImg { background: url(../images/banner-mobile.webp) no-repeat center bottom; background-size: 100%; } */
/* #banner .container .baner_content { text-align: center; } */
#banner .container .baner_content h3 {font-size: 28px;}
#banner .container .baner_content h1 span {height: 36px;}    
#banner .container .baner_content h1 {font-size: 36px;margin-top: 12px;}
#banner .container .baner_content p {font-size: 20px;}
#banner .container .baner_content .reportBt {margin-top: 20px; width: 180px; }
#banner .container .baner_content .reportBt a {font-size: 20px;}
#banner .container .baner_content .reportBt img { width: 40px; }
#banner .container .scrollDown {right: 10px;}
#bannerBottom .Slider1 {padding: 0px;}
#bannerBottom {padding: 20px 0px;}
#bannerBottom p {font-size: 16px;line-height: 17px;}
#bannerBottom .icon img { width: 60px; }
#bannerBottom .bannerBottomCards h4 {font-size: 20px;}
#bannerBottom .bannerBottomCards {padding: 20px;border: solid 1px #e4e4e4;box-shadow: none;}
#FinancialHighlights {padding: 30px 0px;}
#FinancialHighlights .tabsList { position: relative; margin-top: 30px; }
#FinancialHighlights .tabsList .nav-link {font-size: 20px;}
#FinancialHighlights #Financial .bluebox1,#FinancialHighlights #Financial .bluebox2,#FinancialHighlights #Non-Financial .bluebox1 {  padding: 20px; }
#FinancialHighlights #Financial .bluebox1 .nos,#FinancialHighlights #Financial .bluebox2 .nos,#FinancialHighlights #Financial .FinancialPix2 .whitebox1 .nos,#FinancialHighlights #Non-Financial .bluebox1 .nos,#FinancialHighlights #Non-Financial .FinancialPix2 .whitebox1 .nos,#FinancialHighlights #Non-Financial .bluebox2 .nos,#BankingHighlights .FinancialPix2 .whitebox1 .nos,#BankingHighlights .bluebox2 .nos {font-size: 40px;}
#FinancialHighlights #Financial .FinancialPix2,#FinancialHighlights #Non-Financial .FinancialPix2 { height: auto; }
#FinancialHighlights #Financial .FinancialPix2 .whitebox1,#FinancialHighlights #Non-Financial .FinancialPix2 .whitebox1,#BankingHighlights .FinancialPix2 .whitebox1 { padding: 0px 20px; }
#FinancialHighlights #Non-Financial .bluebox2,#BankingHighlights .bluebox2 { height: auto; padding: 20px; }

#FinancialHighlights #Financial .bluebox1 {height: 290px;}
#FinancialHighlights #Financial .whitebox1 {padding: 20px;}
#FinancialHighlights #Non-Financial .bluebox1 {height: 290px;}
#FinancialHighlights #Financial .whitebox1 p {font-size: 16px;}
#ataglance.homeGlance .GlanceCircle { margin-top: 30px; }
#ataglance.homeGlance .mb-5 { margin-bottom: 20px !important; }
#ataglance.homeGlance .col-lg-6 { padding-left: 0px; }
#ataglance.homeGlance .glanceLeft .vm p {font-size: 22px;}
#ataglance.homeGlance .glancePix { margin-top: 20px; } 
.reveal { visibility: visible; }
.commonCta { font-size: 14px; }
#BankingHighlights .FinancialPix2 .whitebox1 p,#BankingHighlights .bluebox2 p {font-size: 20px;}
#BankingHighlights {padding-top: 30px;padding-bottom: 40px;}
#BankingHighlights .swiper-button-next, #BankingHighlights .swiper-button-prev {transform: scale(0.7);}
#BankingHighlights .swiper-button-prev {
left: inherit;
right: 50px;
}
#BankingHighlights .swiper-button-next, #BankingHighlights .swiper-button-prev {top: 16px;}
#BankingHighlights .mt-5 {margin-top: 1rem !important;}

#homeChairman,#productServices {padding: 30px 0px;padding-bottom: 0px;}
#homeChairman .chairmanRight p { margin-bottom: 0px; }

#productServices .productServicesTitle {transform: translate(0px, 0px);}
#productServices .productServicesCards {margin-bottom: 20px;}
#productServices .column2 {margin-top: 0px;}
#productServices .productServicesCards .productPicContent {padding: 20px;}
#productServices .productServicesCards .productPicContent .Milestones ul li {font-size: 14px;background-size: 7px;padding-left: 12px;}
#productServices .productServicesCards .servicesimg {height: 350px;}
#productServices .swiper-pagination { position: relative; }
#productServices { padding-bottom: 40px; }
#productServices .mt-5 {margin-top: 1rem !important;}
#HomeAwards {
padding: 30px 0px;
}
.pl115 {
padding-left: 0px;
}

#HomeAwards .p-4 {
padding: 0rem!important;
}
#HomeAwards .mt-5 {
margin-top: 1rem!important;
}
#downloadCenter {padding: 20px 0px;}
#downloadCenter .DownloadBt h3 {font-size: 18px;}
#downloadCenter .DownloadBt {padding: 10px 10px;padding-right: 40px;}
#downloadCenter .DownloadBt svg {width: 50px;right: 10px;}
#FinancialHighlights #Financial .whitebox1 .nos {font-size: 30px;}
.chairLeft { margin-top: 20px; }
}

 /* 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: 115px; }
#header { padding-left: 10px;  }

.smallTitle {font-size: 20px;}
.page-title2,.page-title {font-size: 36px;}
.fs22 {
font-size: 20px;
line-height: 28px;
}
.nosInfo small {font-size: 18px;}

#ataglance .glanceLeft {padding: 15px;}
#ataglance {margin-bottom: 30px;}
#BankingHighlights .row .col-lg-6 { padding-left: 0px; padding-right: 0px; }
#BankingHighlights .HighlightsLeft { margin-bottom: 10px; }
#BankingHighlights .HighlightsLeft .financialPic { background-color: #2A2076; }
#BankingHighlights .HighlightsRight .financialPic2,.CSRHigh.nosInfo { height: auto; }

/*  */

#InnerChairman {
margin-top: 30px;
}
#InnerChairman .mt-5 {
margin-top: 2rem !important;
}
.Challa { margin-bottom: 20px; }


#footer { padding-top: 15px; }
#footer .w-auto { margin: 10px auto; }
.bread-wrp {
margin-top: 65px;
}

/* home */
#ResponsibleApproach {overflow: hidden; padding: 30px 0px;}  
#ResponsibleApproach .wrapper { position: relative;  }
#ResponsibleApproach .swiper-pagination {  bottom: 20px;}
#ResponsibleApproach .swiper-pagination-bullet { background-color: #fff; }
#ResponsibleApproach .item { display: block; position: relative; box-shadow: none; }
#ResponsibleApproach .list { justify-content: start; }
#ResponsibleApproach .bigTitle {font-size: 50px;padding-left: 0px; margin-bottom: 20px; text-align: center; opacity: 0.15; letter-spacing: -1.4px; }
#ResponsibleApproach .ResponsibleCards .ResponsibleLeft {transform: translate(0px, 0px);}
#ResponsibleApproach .item:nth-child(even) .ResponsibleCards .ResponsibleLeft {transform: translate(0px, 0px);}
#ResponsibleApproach .ResponsibleCards .ResponsibleContent,#ResponsibleApproach .item:nth-child(even) .ResponsibleCards .ResponsibleContent {
background-color: #fff;
padding: 20px;
padding-left: 20px;
}
#ResponsibleApproach .ResponsibleCards .ResponsibleContent p {
font-size: 20px;
line-height: 1.3;
}

#ResponsibleApproach .ResponsibleCards .ResponsibleLeft .ResponsibleTitle {
position: absolute;
left: 20px;
bottom: 20px;
}

#ResponsibleApproach .page-title2,#ResponsibleApproach .page-title {
font-size: 32px;
}

#ResponsibleApproach .wrapper {
height: auto;
}

#ResponsibleApproach .swiper-pagination {
bottom: 0px;
position: relative;
}
#ResponsibleApproach .item { margin-top: 0px; }

#banner {background-color: #dee0ff; padding-top: 76px; height: 700px; }
#banner .container {display: block;}
#banner .bannerImg { background: url(../images/banner-mobile.webp) no-repeat center bottom; background-size: 100%; }
#banner .container .baner_content { text-align: center; }
#banner .container .baner_content h3 {font-size: 28px;}
#banner .container .baner_content h1 span {height: 36px;}    
#banner .container .baner_content h1 {font-size: 36px;margin-top: 12px;}
#banner .container .baner_content p {font-size: 20px;}
#banner .container .baner_content .reportBt {margin: auto; margin-top: 10px; width: 100%; }
#banner .container .baner_content .reportBt a {font-size: 20px;}
#banner .container .baner_content .reportBt img { width: 40px; }
#banner .container .scrollDown {right: 10px;}
#bannerBottom .Slider1 {padding: 0px;}
#bannerBottom {padding: 20px 0px;}
#bannerBottom .bannerBottomCards {padding: 20px;border: solid 1px #e4e4e4;box-shadow: none;}
#FinancialHighlights {padding: 30px 0px;}
#FinancialHighlights .tabsList { position: relative; margin-top: 30px; }
#FinancialHighlights .tabsList .nav-link {font-size: 20px;}
#FinancialHighlights #Financial .bluebox1,#FinancialHighlights #Financial .bluebox2,#FinancialHighlights #Non-Financial .bluebox1 { height: auto; padding: 20px; }
#FinancialHighlights #Financial .bluebox1 .nos,#FinancialHighlights #Financial .bluebox2 .nos,#FinancialHighlights #Financial .FinancialPix2 .whitebox1 .nos,#FinancialHighlights #Non-Financial .bluebox1 .nos,#FinancialHighlights #Non-Financial .FinancialPix2 .whitebox1 .nos,#FinancialHighlights #Non-Financial .bluebox2 .nos,#BankingHighlights .FinancialPix2 .whitebox1 .nos,#BankingHighlights .bluebox2 .nos {font-size: 60px;}
#FinancialHighlights #Financial .FinancialPix2,#FinancialHighlights #Non-Financial .FinancialPix2 { height: auto; }
#FinancialHighlights #Financial .FinancialPix2 .whitebox1,#FinancialHighlights #Non-Financial .FinancialPix2 .whitebox1,#BankingHighlights .FinancialPix2 .whitebox1 { padding: 0px 20px; }
#FinancialHighlights #Non-Financial .bluebox2,#BankingHighlights .bluebox2 { height: auto; padding: 20px; }
#ataglance.homeGlance .GlanceCircle { margin-top: 30px; }
#ataglance.homeGlance .mb-5 { margin-bottom: 20px !important; }
#ataglance.homeGlance .col-lg-6 { padding-left: 0px; }
#ataglance.homeGlance .glanceLeft .vm p {font-size: 22px;}
#ataglance.homeGlance .glancePix { margin-top: 20px; } 
.reveal { visibility: visible; }
.commonCta { font-size: 14px; }
#BankingHighlights .FinancialPix2 .whitebox1 p,#BankingHighlights .bluebox2 p {font-size: 20px;}
#BankingHighlights {padding-top: 30px;padding-bottom: 40px;}
#BankingHighlights .swiper-button-next, #BankingHighlights .swiper-button-prev {transform: scale(0.7);}
#BankingHighlights .swiper-button-prev {
left: inherit;
right: 50px;
}
#BankingHighlights .swiper-button-next, #BankingHighlights .swiper-button-prev {top: 16px;}
#BankingHighlights .mt-5 {margin-top: 1rem !important;}

#homeChairman,#productServices {padding: 30px 0px;}
#productServices .productServicesCards {margin-bottom: 20px;}
#productServices .column2 {margin-top: 0px;}
#productServices .productServicesCards .productPicContent {padding: 20px;}
#productServices .productServicesCards .productPicContent .Milestones ul li {font-size: 14px;background-size: 7px;padding-left: 12px;}
#productServices .productServicesCards .servicesimg {height: 350px;}
#productServices .mt-5 {margin-top: 1rem !important;}
#HomeAwards {
padding: 30px 0px;
}
.pl115 {
padding-left: 0px;
}

#HomeAwards .p-4 {
padding: 0rem!important;
}
#HomeAwards .mt-5 {
margin-top: 1rem!important;
}
#downloadCenter {padding: 20px 0px;}
#downloadCenter .DownloadBt h3 {font-size: 18px;}
#downloadCenter .DownloadBt {padding: 10px 10px;padding-right: 40px;}
#downloadCenter .DownloadBt svg {width: 30px;right: 10px;}
.menuWrapper h2 {font-size: 19px;}
#productServices .productServicesTitle {
    transform: translate(0px, 0px);
}
#header {padding: 10px 0px;}
#header .common-container .logo-btn-wrp {padding-right: 70px;}
.hc-nav-trigger {top: 5px;right: 10px;transform: scale(0.8);}
#FinancialHighlights #Financial .whitebox1 {height: auto;}
.chairLeft { margin-top: 20px; }
}