/* 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) {
   #bannerintro .bannerinyroright .mobile-app {width: 260px;}

}

@media only screen and (min-width: 1200px) and (max-width: 1399px)  {
.common-container {width: 1170px;}
.nosInfo small {font-size: 12px;}
#homechairman .swiper-slide:nth-child(1) .Amitabh-Chaudhry {
   margin-top: 100px;
}

#innerpagetitle-fisal .pink-vet {top: 70px; width: 750px; }
#innerpagetitle-fisal .pink-vet img { width: 100%; }
#bannerintro .bannerinyroright .mobile-app {width: 250px;}

#campaignswrap .common-container {width: 1280px;}

/* .mktcomp .mktbx2 {right: 144px;}
.mktcomp .mktbx3,.mktcomp .mktbx4,.mktcomp .mktbx5,.mktcomp .mktbx6 {scale: 0.8; }
.mktcomp .mktbx5 {bottom: 21px;}
.mktcomp .mktbx6 {bottom: 38px;}
 */
}


@media only screen and (max-width : 1024px) {
   .common-container { padding:0px 15px; }
   #header {background: url(../images/header-top.png) -800px top no-repeat;}
   #header .download-annual {right: 74px;}
   #header .ham {right: 20px;}

#innerpagetitle-fisal .pink-vet {top: 70px; width: 500px; }
#innerpagetitle-fisal .pink-vet img { width: 100%; }
}

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

   .common-container { padding:0px 15px; }
.row { margin: 0px; margin: 0px; }
#header {
   background-color: #871f42;
   background-image: none;
   padding: 0px 0px;
   height: 63px;
}


#header .common-container { padding: 0px; }

#header .logo {
   padding: 0px 10px;
}
#header .logo img {
   width: 130px; height: auto;
}
#header .logo  { width: auto; height: auto; padding: 14px 6px; }

#header .download-annual {
   padding: 16px 0px;
   background-image: url(../images/menucurve.jpg);
   background-repeat: no-repeat;
   background-size: 60px;
   background-position: left top;
   top: 0px;
   right: 46px;
   width: 780px;
   padding-left: 60px;
   background-size: 46px;
   line-height: 17px;
   margin-top: 14px;
   text-align: right;
}
#header .download-annual::before { content: ''; position: absolute; width:839px; height: 49px; background-color: #FFF; right: -103px; bottom: 0px; z-index: -1; }


#header .download-annual a {color: #000; }
#header .ham {
   right: 13px;
   top: 21px;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {background-color: #000 !important;}

#innerpagetitle-fisal {padding-top: 55px;}
#innerpagetitle-fisal .pink-vet,#footer .footer-vet { display: none; }
.page-title h2 {font-size: 36px;line-height: 44px;}
.pinkpatchCurve {margin-top: 40px;}

#footer {
   margin-top: 20px;background-color: #97144D;padding-top: 15px;padding-bottom: 15px;
}
#footer img { width: 100px; }
#footer .coryright {padding-bottom: 4px;}


#GPSStrategy .GPSStrategyBox { padding-right: 0px; }
.pillarboxright { margin-top: 15px; }

.citibank-Strategy { overflow: scroll; width: 98%; margin: auto; }

.bg-grey {
   background-color: #e6e7e8;
   padding: 30px !important;
}
#footer .footerlogo {
   margin-top: 0;
}

#banner .banner-title::before {width: 800px;}
#banner .bannepixmobile {left: 380px;}
#banner .bannepix1 {left: 118px;}
#banner .bannepix2 {left: 429px;}
#banner .bannepix3 {left: 670px;}
#banner .banner-vet {
   bottom: 22px;
   left: -520px;
}

#banner .banner-title {
   padding-top: 70px;
   width: fit-content;
}

#JourneytoProgress .homeGPSStrateg {height: 600px;}
#HomeAboutAxisBank .homeIntegratedBusinessLines .homeIntegrateBox { background-color:#FFF; background-image: none; }
#HomeAboutAxisBank .homeIntegratedBusinessLines .homeIntegrateBox .Integratetitle { padding-top: 0px; }
#homechairman::before {top: -30px;}
#homechairman .chairpersonright {padding-top: 0px;}
#homechairman .chairpersonright p.quots {font-size: 16px;line-height: 27px;}
#homechairman .thumbs {margin-left: 440px; transform: translate(0px, -160px);}
.nosInfo small { font-size: 12px; }
#oneaxis .oneaxissliderBox .common-cta { position: relative; left: 0px; bottom: 0px; }
#oneaxis .oneaxissliderBox { height: auto; }
#egsbottom .page-title h2 {font-size: 20px;}
#egsbottom .common-cta { scale: 0.8; }
.common-cta { background-size: contain;width: 206px; }

#JourneytoProgress .valuefive {padding: 15px;}
#bannerintro .bannerintrotitle {position: absolute;left: 19px;top: -52px;}
#HomeAboutAxisBank::before {top: -30px;}
#egsbottom::before { top: -25px; }

}
/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)
{
   .common-container { padding:0px 15px; }
.row { margin: 0px; margin: 0px; }

#header {
   background-color: #871f42;
   background-image: none;
   padding: 0px 0px;
   height: 60px;
}


#header .common-container { padding: 0px; }

#header .logo {
   padding: 0px 10px;
}
#header .logo img {
   width: 110px; height: auto;
}
#header .logo  { width: auto; height: auto; padding: 14px 6px; }

#header .download-annual {
   padding: 16px 0px;
   background-image: url(../images/menucurve.jpg);
   background-repeat: no-repeat;
   background-size: 60px;
   background-position: left top;
   top: 0px;
   right: 46px;
   width: 580px;
   padding-left: 60px;
   background-size: 46px;
   line-height: 17px;
   margin-top: 14px;
   text-align: right;
}
#header .download-annual::before { content: ''; position: absolute; width:639px; height: 49px; background-color: #FFF; right: -103px; bottom: 0px; z-index: -1; }


#header .download-annual a {color: #000; }
#header .ham {
   right: 13px;
   top: 21px;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {background-color: #000 !important;}
#innerpagetitle-fisal {padding-top: 55px;}
#innerpagetitle-fisal .pink-vet,#footer .footer-vet { display: none; }
.page-title h2 {font-size: 36px;line-height: 44px;}
.pinkpatchCurve {margin-top: 40px;}

#footer {
   margin-top: 20px;background-color: #97144D;padding-top: 15px;padding-bottom: 15px;
}
#footer img { width: 100px; }
#footer .coryright {padding-bottom: 4px;}
/* .right-br {
   border-right:none; border-bottom: solid 1px #000;
} */

#GPSStrategy .GPSStrategyBox { padding-right: 0px; }
.pillarboxright { margin-top: 15px; }

.citibank-Strategy { overflow: scroll; width: 98%; margin: auto; }
.bg-grey {
   background-color: #e6e7e8;
   padding: 30px !important;
}
#footer .footerlogo {
   margin-top: 0;
}

/* homepage */
#banner { text-align: center; padding-bottom: 30px; height: auto; }
#banner .banner-title::before { display: none; }
#banner .banner-title { width: 100%; background-color: #EBEBED; padding:30px 20px; margin-top: 41px; }
#banner .banner-title h2 {font-size: 70px;}
#banner .banner-title h2:nth-child(2), #banner .banner-title h2:nth-child(3){font-size: 50px;}
#banner .bannepixmobile,#banner .bannepix1,#banner .bannepix2,#banner .bannepix3 { position: relative; left: 0px; top: 0px;  }
#banner .banner-vet svg { width: 1000px; height: auto; }
#banner .banner-vet {bottom: 20px;left: -100px; position: relative; margin-top: 50px;}
#JourneytoProgress {
   padding-top: 60px;
}
.JourneytoProgressLeft { margin-bottom: 20px; }
#JourneytoProgress .homeGPSStrateg { height: 630px; }
#HomeAboutAxisBank {margin-top: 0px;padding-bottom: 40px;}
#HomeAboutAxisBank .HomeAboutAxisBankLeft, #HomeAboutAxisBank .HomeAboutAxisBankright {
   padding-top: 20px;
}
#HomeAboutAxisBank .vgsBox {height: 390px;}
#HomeAboutAxisBank .homeIntegratedBusinessLines {
   margin-top: 40px;
}
.homeIntegratedBusinessLines .page-title h2.mb-5 {margin-bottom: 0rem!important;}
#HomeAboutAxisBank .homeIntegratedBusinessLines .homeIntegrateBox { background-color: #FFF; background-image: none; height: 494px; padding: 0 10px; padding-bottom: 20px; }
#HomeAboutAxisBank .homeIntegratedBusinessLines .homeIntegrateBox .Integratetitle { padding-top: 0px; }
#key-performance-indicators {
   padding-top: 30px;
}
#key-performance-indicators .nav { display: flex; flex-wrap: wrap;  margin-bottom: 20px; }
#key-performance-indicators .nav .nav-item { width: 100%;}
#oneaxis .swiper-button-next, #oneaxis .swiper-button-prev {
   top: 6%;
}
#oneaxis .swiper-button-prev {right: 90px;}
#oneaxis .swiper-button-next {
   right: 40px;
}
#key-performance-indicators .nav-link { width:100%; font-size: 16px; padding: 20px 10px; }
#HomeAboutAxisBank::before,#homechairman::before,#egsbottom::before,#CitibankBusinessAcquisition::before {height: 49px;top: -30px;}
#homechairman {margin-top: 50px;padding-bottom: 50px;}
#homechairman .personpix {
   padding-top: 30px;
}
#homechairman .chairpersonright { padding: 0px; }
#homechairman .chairpersonright {
   padding: 0;
   padding-top: 20px;
}
#homechairman .chairman-bottom,#homechairman .thumbs { display: none; }
#HomeAboutAxisBank .common-container { padding: 0px; }
#oneaxis .oneaxissliderBox { height: auto; }
#oneaxis {
   margin-top: 30px;
}
#oneaxis .oneaxissliderBox .common-cta {    position: relative;
   left: 0;
   bottom: 0;
   margin-top: 20px; }
.oneaxissliderBox .p-4 {
   padding: 1rem!important;
}
#esg {padding-top: 10px;}
#egsbottom {margin-top: 30px;padding-bottom: 30px;}
#egsbottom .common-container {
   padding-top: 30px;
}
#egsbottom .egsbottombox { margin-bottom: 10px;  }
#downloadcenter .downloadcenterbox { margin-bottom: 0px; }
#downloadcenter .text-end { margin-bottom: 30px; margin-right: 15px; }
/* End */
#bannerintro .bannerintrotitle {left: 60px;top: -40px;}
#bannerintro .bannerinyroright .mobile-app {right: 0px;}
#bannerintro { padding-bottom: 120px; }

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

   .common-container { padding:0px 15px; }
.row { margin: 0px; margin: 0px; }

#header {
   background-color: #871f42;
   background-image: none;
   padding: 0px 0px;
   height: 60px;
}


#header .common-container { padding: 0px; }

#header .logo {
   padding: 0px 10px;
}
#header .logo img {
   width: 110px; height: auto;margin-top: 0;
}
#header .logo  { width: auto; height: auto; padding: 14px 6px; }

#header .download-annual {
   padding: 6px 0px;
   background-image: url(../images/menucurve.jpg);
   background-repeat: no-repeat;
   background-size: 60px;
   background-position: left top;
   top: 0;
   right: 46px;
   width: 170px;
   padding-left: 52px;
   background-size: 46px;
   line-height: 17px;
   margin-top: 14px;
}
#header .download-annual::before { content: ''; position: absolute; width:270px; height: 46px; background-color: #FFF; right: -103px; bottom: 0px; z-index: -1; }


#header .download-annual a {color: #000; font-size: 13px; line-height: 15px; }
#header .ham {
   right: 13px;
   top: 21px;
}

#innerpagetitle-fisal {padding-top: 55px;}
#innerpagetitle-fisal .pink-vet,#footer .footer-vet { display: none; }
.page-title h2 {font-size: 36px;line-height: 44px;}
.pinkpatchCurve {margin-top: 40px; }

#footer {
   margin-top: 20px;background-color: #97144D;padding-top: 15px;padding-bottom: 15px;
}
#footer img { width: 100px; }
#footer .coryright {padding-bottom: 4px;font-size: 11px;}
.right-br {
   border-right:none; border-bottom: solid 1px #000;
}

#GPSStrategy .GPSStrategyBox { padding-right: 0px; }
.pillarboxright { margin-top: 15px; }

.citibank-Strategy { overflow: scroll; width: 98%; margin: auto; }
.bg-grey {
   background-color: #e6e7e8;
   padding: 18px !important;
}

/* Homepage */
#banner { text-align: center; }
#banner .banner-title::before { display: none; }
#banner .banner-title { width: 100%; background-color: #EBEBED; padding:30px 20px; margin-top: 41px; }
#banner .banner-title h2 {font-size: 70px;}
#banner .banner-title h2:nth-child(2), #banner .banner-title h2:nth-child(3){font-size: 50px;}
#banner .bannepixmobile,#banner .bannepix1,#banner .bannepix2,#banner .bannepix3 { position: relative; left: 0px; top: 0px;  }
#banner .banner-vet svg { width: 1000px; height: auto; }
#banner .banner-vet {bottom: 20px;left: -520px;}
#JourneytoProgress {
   padding-top: 60px;
}
.JourneytoProgressLeft { margin-bottom: 20px; }
#JourneytoProgress .homeGPSStrateg { height: auto; padding: 12px;}
#HomeAboutAxisBank {margin-top: 0px;padding-bottom: 40px;}
#HomeAboutAxisBank .HomeAboutAxisBankLeft, #HomeAboutAxisBank .HomeAboutAxisBankright {
   padding-top: 20px;
}
#HomeAboutAxisBank .vgsBox {height: auto;}
#HomeAboutAxisBank .homeIntegratedBusinessLines {
   margin-top: 40px;
}
.homeIntegratedBusinessLines .page-title h2.mb-5 {margin-bottom: 0rem!important;}
#HomeAboutAxisBank .homeIntegratedBusinessLines .homeIntegrateBox { background-color: #FFF; background-image: none; height: auto; padding: 0 10px; padding-bottom: 20px; }
#HomeAboutAxisBank .homeIntegratedBusinessLines .homeIntegrateBox .Integratetitle { padding-top: 0px; }
#key-performance-indicators {
   padding-top: 30px;
}
#key-performance-indicators .nav { display: flex; flex-wrap: wrap;  margin-bottom: 20px; }
#key-performance-indicators .nav .nav-item { width: 50%;}
#key-performance-indicators .nav-link { width:100%; font-size: 16px; padding: 20px 10px; }
#HomeAboutAxisBank::before,#homechairman::before,#egsbottom::before,#CitibankBusinessAcquisition::before {height: 49px;top: -30px;}
#homechairman {margin-top: 50px;padding-bottom: 50px;}
#homechairman .personpix {
   padding-top: 30px;
}
#homechairman .chairpersonright { padding: 0px; }
#homechairman .chairpersonright {
   padding: 0;
   padding-top: 20px;
}
#homechairman .chairman-bottom,#homechairman .thumbs { display: none; }
#HomeAboutAxisBank .common-container { padding: 0px; }
#oneaxis .oneaxissliderBox { height: auto; }
#oneaxis {
   margin-top: 30px;
}
#oneaxis .oneaxissliderBox .common-cta {    position: relative;
   left: 0;
   bottom: 0;
   margin-top: 20px; }
.oneaxissliderBox .p-4 {
   padding: 1rem!important;
}
#esg {padding-top: 10px;}
#egsbottom {margin-top: 30px;padding-bottom: 30px;}
#egsbottom .common-container {
   padding-top: 30px;
}
#egsbottom .egsbottombox { margin-bottom: 10px;  }
#downloadcenter .downloadcenterbox { margin-bottom: 0px; }
#downloadcenter .text-end { margin-bottom: 30px; margin-right: 15px; }
#oneaxis .swiper-button-prev {
   left: inherit;
   right: 90px;
}
#oneaxis .swiper-button-next {
   right: 40px;
}
/* end */
.mt100 {
   margin-top: 20px;
}

.pink-blackright-br { border-right: none; border-bottom: solid 1px #97144D; }

#bannerintro { text-align: center; padding-top: 30px; padding-bottom: 20px; }
#bannerintro .bannerintrotitle,#bannerintro .bannerinyroright .mobile-app { position: relative;right: 0; top: 0;  }
#bannerintro .bannerintrotitle h2 {font-size: 70px; }
#bannerintro .bannerinyroright .mobile-app { width: 70%; margin: auto; margin-top: 20px; }
#bannerintro .pinkpatchCurve {padding: 15px;  padding-top: 60px; }

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {background-color: #000 !important;}
#JourneytoProgress .StrategicPillars .swiper-button-next {right: 18%;}
#JourneytoProgress .StrategicPillars .swiper-button-prev {left: 57%;}
#JourneytoProgress .StrategicPillars .swiper-button-next, #JourneytoProgress .StrategicPillars .swiper-button-prev {top: 1%;}
#JourneytoProgress h5 { height: auto; }
#CitibankBusinessAcquisition p br { display: none; }
.next-prev-nav-wrp a.lhs-nav-prev {margin-bottom: 16px;}
#egsbottom .esgslider  { margin-top: 30px; }
#egsbottom .swiper-button-next, #egsbottom .swiper-button-prev {
   top: 15%;
}
#footer { text-align: center;}
#footer .text-end { text-align: center !important; }

}

@media (max-width: 320px) {
   #header .logo img {width: 93px;}
}