@media screen and ( min-width:1920px ) { .homeBanner5 { margin-right: 110px; } .noJS .indexBanner { min-height:594px; } .homeBanner8 { width:540px; } .msmeFwBanner h2 { font-size:42px; line-height:48px; } .msmeFwBanner ul li { font-size:26px; } .msmeFwBanner p { font-size:21px; } .msmeFwBanner ul li:after { top:18px; } } @media screen and ( max-width:1440px ) { .homeBanner4 { width:430px; margin-right:60px; } .homeBanner .button { padding:0 15px; } .homeBanner6 { width:390px; } .homeBanner5 { width:430px; } .homeBanner5 .cardImage { width:180px; background-position:0 -324px; height:104px } .homeBanner5 .button { margin-top:30px; } .homeBanner3 ul li, .homeBanner5 p { font-size:18px; } .homeBanner5 p { margin-bottom:10px; } .homeBanner4 ul { margin:10px 0 30px 0; } .noJS .indexBanner { min-height:446px; } .foundatioDay { margin-right:120px; } .homeBanner8 { width:440px; } .msmeFwBanner .bannerRightDetl { padding-left:30px; } .msmeFwBanner h2 { font-size:25px; line-height:33px; margin-bottom:15px; } .msmeFwBanner h2 br, .msmeFwBanner p br { display:none; } .msmeFwBanner ul { margin-bottom:15px; } .msmeFwBanner ul li { font-size:20px; } .msmeFwBanner p { font-size:16px; } .msmeFwBanner ul li:after { top:13px; } .homeBanner10 .imgHolder img { width:350px; } .homeBanner10 h2 { font-size:28px; } } @media screen and ( max-width:1366px ) { .homeBanner2 h3 { letter-spacing:0; } .homeBanner2 .bannerText { padding-top:30px; } .homeBanner2 .bottomText p { line-height:29px; } .homeBanner5 h2 { font-size:33px; line-height:37px; } .homeBanner5 { width:430px; } .homeBanner5 p { margin-bottom:10px; } .homeBanner5 .button { margin:40px 0 0 20px; } .homeBanner3 { margin-left:9%; } .homeBanner4 ul li { font-size:19px; } .foundatioDay { margin: -120px 120px 0 0; } .ibTransFacilities { background-position:-30% bottom; } .nriBanner1 h2 { font-size:31px; line-height:37px; margin-bottom:20px; } .raBanner3 .textList span, .raBanner2 .textList span, .raBanner1 .textList span, .finclIncBanner .textList span { font-size:27px; } .raBanner2 p, .raBanner3 p { font-size:19px; } .raBanner2 { width:470px; } .raBanner3 { width:410px; } .giftCardBannerImg { width:150px; } .sbBanner4 ul li { min-height:inherit; padding:0 7px; } .sbBanner1 h2, .sbBanner2 h2, .sbBanner3 h2, .sbBanner4 h2, .sbBanner5 h2, .sbBanner6 h2 { font-size:30px; line-height:38px; } .sbBanner1 p, .sbBanner2 p, .sbBanner3 p, .sbBanner4 p { font-size:20px; } .sbBanner1 p { font-size:18px; } .innerCommonBanner h2 { font-size:34px; line-height:39px; } .innerCommonBanner .orangeBar { font-size:18px; } .innerCommonBanner.homeBanner5 { width:360px; } .innerCommonBanner.homeBanner5 h2 { font-size:30px; } .innerCommonBanner.homeBanner5 p { font-size:17px; } .mobileAppsBnanner h2:before { left:220px; } .offersBanner { margin-right:6%; } .atalYojanabanner:after { width:500px; bottom:-90px; } .dematAccountbanner:after { right:-70px; bottom:-160px; } .homeBanner2 .bottomText p { margin:50px 0 20px 0; } .innerPageBanner.giftCardBannerImg { bottom:60px; } .debitcardEmiBanner:after { width:400px; } .pmmyMundraLoanbanner:after { bottom:-130px; } .faqBanner .innerCommonBanner { padding-top:10%; } .twoWheelerLoanBanner:after { height:154px; } .fifaBanner .bannerText { margin-top:25%; } .copyright { margin:0 0 35px 0; } .homeBanner1 .bannerText span, .homeBanner2 h2, .homeBanner3 h2, .homeBanner4 h2, .homeBanner5 h2, .homeBanner6 h2, .homeBanner9 h2 { font-size:1.875em; line-height:39px; } .homeBanner2 h3, .fifaBanner .innerCommonBanner h3, .homeBanner6 h3 { font-size:1.688em; } .homeBanner2 .bottomText p { font-size:1.250em; } .homeBanner3 ul li .largeText { font-size:38px; } .homeBanner3 ul li, .homeBanner5 p { font-size:18px; } .homeBanner1 { margin-left:10%; } .homeBanner2 { margin-left:9%; } .homeBanner2 .topLine, .fifaBanner .topLine { left:8.9%; } .homeBanner3 { margin-left:7.5%; } .homeBanner6 { margin-right:9%; } .innerPageBanner.giftCardBannerImg { bottom:20px; } .homeBanner5 { margin-right:40px; } .innerCommonBanner h2 { font-size:32px; } .noJS .indexBanner { min-height:423px; } .mobileAppsBnanner h2 { margin:0 auto; max-width:400px; } .homeBanner8 { width:auto; margin-right:120px; } } @media screen and ( max-width:1280px ) { .loanCategorySliderWrap .swiper-button-next { right:39px; } .loanCategorySliderWrap .swiper-button-prev { left:39px; } .loanLinkSlider { margin: 0 70px; } .mobileAppsBnanner ul li { width:89px; } .debitcardEmiBanner:after, .pmmyMundraLoanbanner:after { display:none; } .pmjjbyBanner { margin-top:0; } .homeBanner5 { margin-right:40px; } .homeBanner6 { margin-right:85px; } .homeBanner3 { margin-left:7%; } .innerCommonBanner h2 { font-size:30px; line-height:36px; } .homeBanner5 { margin-right:10px; } .homeBanner5 .imgHolder { width:40%; } .bgfullImg { transition:inherit; -webkit-transition:inherit; } .bgfullImg.hover { transform:none; -webkit-transform:none; -ms-transform:none; } .barodaConnectBg { background-position:right center; } .fifaPartnerBg { background-position:left center; } .genNextProBg { background-position:left center; } .barodamConnectPlusBg { background-position:right center; } .accOpenKioskBg { background-position:right center; } .greenPinBg { background-position:left center; } .secureBankingBg { background-position:right center; } .mInvestAppBg { background-position:left center; } .smallBusiAccBg { background-position:right center; } .barodamPassbookBg { background-position:left center; } .cashlessVillagesBg { background-position:left center; } .globalPresenceBg { background-position:right center; } .noJS .indexBanner { min-height:396px; } .homeBanner8 { margin-right:80px; } .homeBanner8 h2 { font-size:36px; } .homeBanner8 h3 { font-size:26px; } .msmeFwBanner h2 { font-size:20px; line-height:28px; } .msmeFwBanner ul li { font-size:17px; } .msmeFwBanner p { font-size:15px; } .msmeFwBanner ul li:after { top:11px; } } @media screen and ( max-width:1200px ) { .exclusiveOffers .container { padding:0 50px; } .exclusiveOffers .swiper-button-next { right:10px; } .exclusiveOffers .swiper-button-prev { left:10px; } .ratesStrip ul li { padding:0 15px; } .ratesStrip { width:950px; } .indexBanner .sliderCaption .box { padding-right:100px; width:60%; } .firstBannerLogo { margin:10px 0; } .homeLinks ul li { padding:15px; } .shareNknowBtnsInner { padding:128px 10px 82px 10px; } .homeProductsInner { height:auto; } .homeProductsInner .homeProductListing li, .homeProductsInner .homeProductListing li:nth-child(6n) { width:25%; border-right:1px solid #949494; border-bottom:1px solid #949494; } .homeProductsInner .homeProductListing li:nth-child(4n) { border-right:0; } .homeProductsInner:before { display:none; } .sliderArrow, #backtotop { right:20px; } .headerRow .searchBox { width:362px; } .headerRow .rightCol { width:708px; } .sliderArrow.slide { bottom:5px; } #ContentPlaceHolder1_UserCMSHeader1_header { z-index:101; } .rightFixedBox { z-index:13; } .bobNetwork { width:1000px; padding:15px; } .bobNetwork .rightBox { width:69%; padding-left:20px; } .bobNetwork .leftBox { width:31%; padding-right:20px; } .firstBannerfb { bottom:15px; left:15px; } #backtotop { bottom:175px; } .loanTypeList .box { padding:45px 15px; } .loanTypeList li:hover .box { padding:15px; } .loanTypeList li:before { left:10px; } .homeLoanGridView { margin:0 -12px; } .homeLoanGridView li { padding:12px; } .innerBannerCaption .homeLoanCaptionBox { top:0; } .homeLoanListView li .box { min-height:380px; } .loanSliderArea { padding:0 50px; } .loanSliderArea .swiper-button-prev { left:0; } .loanSliderArea .swiper-button-next { right:0; } .loanDetail .tabContainer, .leftTabBar .leftTabDetails { width:697px; } .homeLoanInquire.loanDetailInq { padding:15px 0; } .loanDetailInq .bottomCotactDetail .leftCol { width:40%; } .loanDetailInq .bottomCotactDetail .rightCol { width:60%; padding-left:20px; } .cards.loanTypeList li .box { min-height:220px; } .innerBanner .imgHolder { height:auto; } .giftCardInquire .bottomCotactDetail .rightLinks li { padding:0 10px; } .giftCardInquire .bottomCotactDetail .rightCol, .giftCardInquire .bottomCotactDetail .leftCol { width:50%; margin:0; } .giftCardInquire .bottomCotactDetail.travelEasycardbottom .leftCol { width:60%; } .giftCardInquire .bottomCotactDetail .rightCol { width:40%; } .giftCardInquire .bottomCotactDetail .rightLinks li { width:49%; margin:10px 0; } .giftCardKeyList { width:55%; } .giftCardBenefits .everyWish { right:-15px; } .cardUser .rightCol { text-align:center; padding-left:15px; } .cardUser .rightLinks li { padding:0 10px; } .debitCardSlider .slideContent { width:985px; margin-left:-492px; } .debitCard .bottomCardLinks ul { margin:0 -2px; } .debitCard .bottomCardLinks li { padding:0 2px; } .debitCard .bottomCardLinks li a { padding:10px 10px 10px 75px; } .personalAcc .row .titleBox { padding:0 35px; } .personalAcc .row .col5 { width:45%; padding-left:35px; } .personalAcc .row .col7 { width:55%; } .personalAcc .row .imgHolder { width:48%; } .personalAcc .row .titleBox { width:51%; } .accConnectWithUs ul li .text { padding-left:10px; } .debitCardViewNav { display:none; } #nav > li > ul > li > a { padding:0 7px; } #nav > li > ul > li > a { padding-left:47px; } .headerScroll #nav li.megaMenu ul { width:700px; } #nav li.megaMenu ul li { width:33.333%; } #nav li.megaMenu ul li:nth-child(3n+3) { border:0; } #nav li.megaMenu ul li:nth-child(4n+4) { border-right:1px solid #dadada; } #request-callback-popup, #applyNowPopup, #overseasPopup { z-index:102; } .requestPopOverlay { z-index:101; } #applyNowPopup { margin-top:0; top:30px; position:absolute; } .appInfo .appInfoBg { background-size:100%; width:40%; background-position:center right; } .mconnectContact .contactDetail .call, .mconnectContact .contactDetail .fax { margin:40px 20px 0 0; } .mconnectFeatures .imgHolder { top:-60px; } .billPayUsage ul li { width:18%; } .billPayCharges { padding:20px 0 0 0; } .billPayCategory { padding:20px 0 30px 0; } .billPayEligi { padding:20px 0 10px 0; } .ipgKeyFeatures .ipgKeyFeatures:after { left:-200px; } .ipgKeyFeatures .ipgKeyFeatures { padding-left:270px; } .ipgKeyFeatures ul { padding:0 20px; } .ipgKeyFeatures ul li { padding:20px 0 20px 60px; } .ipgKeyFeatures ul li.single { padding:30px 0 30px 60px; } .ipgInquire .contactDetail div { padding-right:30px; } .mclipKeyList { padding:13px 0; } .mclipKeyList .imgHolder { top:77px; } .mpassbookContanct .contactDetail div { padding-bottom:10px; } .ibCustomerRegister .leftBox { width:35%; } .ibTransFacilities { background-position:-110% bottom; } .ibInquiry .bottomRow .rightBox { padding-left:20px; width:64%; } .ibInquiry .bottomRow .leftBox { width:36%; padding-right:20px; } .ibInquiry { padding:50px 0 0 0; } .history .bankFounded { padding:20px 130px 20px 20px; } .bankFounded .customTab { margin-left:0; } .bankFounded .customTabNav { width:110px; } .bankFounded .tabContainer { padding-left:110px; } .awardSearch.moduleSearch li { width:24%; } .awardSearch.moduleSearch li label, .awardSearch.moduleSearch li .label { display:block; padding-bottom:5px; } .awardSearch.moduleSearch li .inputCol, .awardSearch.moduleSearch li:first-child .inputCol { width:100%; } .awardSearch.moduleSearch li:last-child { width:auto; } .awardSearch.moduleSearch li .btnSearchReset { margin-top:27px; } .loanCategorySliderWrap { padding:15px 40px; } .loanCategorySliderWrap .swiper-button-next { right:35px; } .loanCategorySliderWrap .swiper-button-prev { left:35px; } .leadMangeMentWrap .leftContent { padding-right:378px; } .globalPresence .map .globalNetworkImg, .globalPresence .map .marker { display:none; } .branchesList { border:0; } .globalPresence .mapArea, .globalPresence .mapArea h2 { margin:0; } .branchDetail { margin:-154px 0 0 -151px; position:fixed; left:50%; top:50%; bottom:auto; z-index:104 } .branchDetail:after, .branchDetail:before { display:none; } .gnOverlayLayer { background: rgba(0, 0, 0, 0.5); height: 100%; left: 0; position: fixed; top: 0; transition: all 350ms ease 0s; width: 100%; z-index: 103; } .popupWdh1070 .customPopupInner { max-width:930px; } .otherServicesWrap { max-width:1000px; } .otherServicesWrap ul li:nth-child(2n+1):before, .otherServicesWrap ul li:nth-child(2n):before { width:40px; } .otherServicesWrap ul li:nth-child(1):before, .otherServicesWrap ul li:nth-child(2):before, .otherServicesWrap ul li:nth-child(9):before, .otherServicesWrap ul li:nth-child(10):before { width:140px; height:120px; } .otherServicesWrap ul li:nth-child(3):before, .otherServicesWrap ul li:nth-child(4):before, .otherServicesWrap ul li:nth-child(7):before, .otherServicesWrap ul li:nth-child(8):before { width:130px; } .col2Page .rightContent { width:68%; } .col2Page .sidebar { width:32%; } .col2Page .sidebar:before { left:auto; right:0; } .tenderFilter.corporate li { width:25%; } .moduleSearch li { width:33.333%; } .tenderFilter.corporate li.month, .tenderFilter.tenderFilterReg li.month, .moduleSearch li:nth-child(3) { padding:0; } .tenderFilter.tenderFilterReg li:nth-child(3), .tenderFilter.corporate li:nth-child(3), .moduleSearch.sebiSearch li:nth-child(3) { padding-right:10px; } .moduleSearch li label, .moduleSearch li .label { display:block; padding:0 0 5px 0; } .moduleSearch.sebiSearch .btnSearchReset { margin-top:34px; } .tenderFilter li:last-child { width:auto; } .moduleSearch .btnSearchReset { margin-top:10px; } .tenderFilter .btnSearchReset { margin-top:0; } .moduleSearch li:first-child .inputCol, .moduleSearch li .inputCol { width:100%; } .bobMedia:after { left:-437px; } .bobMedia .bobLogo { margin:-191px 0 0 -231px; } .bobMedia .announcementsIcon { left:45px; } .bobMedia { width:994px; margin-left:120px; } .contOverseasOff img, .contOverseasOff .globalPresence .map .position, .contOverseasOff .globalPresence .mapArea h2 { display:none; } .contOverseasOff { background-color:#fff; } .contactDetail.moduleSearch li, .contactDetail.moduleSearch li:first-child .inputCol, .contactDetail.moduleSearch li .inputCol { width:auto; } .contactDetail.moduleSearch li label, .contactDetail.moduleSearch li .label { display:inline-block; } .contactDetail.moduleSearch .btnSearchReset { margin:0; } .landingPageBanner .bussbannerCaption h2 { font-size:30px; line-height:35px; margin-bottom:15px; } .landingPageBanner .bussbannerCaption { width:50%; margin-right:70px; } .landingPageBanner .bussbannerCaption.leftSide { margin-right:0; margin-left:15px; } .imgiconfourBoxes li .imgholder, .imgiconfourBoxes li .titleBox { width:50%; } .imgiconfourBoxes li .titleBox { padding:0 20px; } .imgiconfourBoxes li span { margin-bottom:5px; } .imgiconfourBoxes li .titleBox h2 { margin-bottom:0; padding-bottom:10px; } .bussInquire .bottomCotactDetail .leftCol { padding-right:30px; } .bussInquire .bottomCotactDetail .rightCol { padding-left:30px; } .mconnectContact.ruralAgriDetail .contactDetail .call, .mconnectContact.ruralAgriDetail .contactDetail .fax { float:left; width:50%; margin:0 0 15px 0; min-height:80px; } .mconnectContact.ruralAgriDetail .rightCol { padding-left:10px; } .indexBanner .firstBannerLogo li:first-child { width:90px; } .indexBanner .firstBannerLogo li:nth-child(2) { width:180px; } .firstBannerLogo li { padding:0 15px; } .indexBanner h3 { margin-bottom:0; } .firstBannerLogo { margin:5px 0; } .mpassbookBenefits.minvestBenefits ul li .icon { margin:0; top:15px; } .mpassbookBenefits.minvestBenefits ul li { padding:15px 0 15px 70px; } .mpassbookBenefits.minvestBenefits ul { width:36%; } .mpassbookBenefits.minvestBenefits .imgHolder { width:300px; top:44px; } .partnerDetail { width:auto; margin-left:190px; } .partnersSinglequete:nth-child(2n) .partnerDetail { margin-left:0; margin-right:190px; } .fifabannerCaption h3 { font-size:32px; line-height:37px; margin-bottom:18px; } .accountSubNav.govtScheme li .box { min-height:301px; } .greenPinSec .circle:after { background-position:right 0; width:107px; } .secureBankingTips ul li .text { width:250px; } .smartAndSafeBankingTabs .imgHolder { left:0; } .smartAndSafeBankingTabs .rightContent { padding-left:400px; } .brdRwarzFeatures .box { padding:25px 15px; min-height:141px; } .imgiconThreeBoxes { margin:40px -28px; } .imgiconThreeBoxes li { width:33.333%; padding:0 28px; margin:0; } .loanLinkSlider { margin:0 50px; } .loanTypeList.msmeloanadvList .box { min-height:297px; } .loanTypeList.msmeloanadvList .box .title br { display:none; } .schemProgrammList.nriLoanTypeList .box { min-height:330px; } .barodaRewardzApp .rightBlock { width:45%; } .barodaRewardzApp .leftBlock { width:55%; } .barodaRewardzApp:after { width:45%; } .howToconnectCC .imgHolder { height:250px; } .productsServicesList .nriLoanTypeList .box { min-height:327px; } .valueAddedServicesBlock .cards.loanTypeList li .box { min-height:250px; } .atmsServices li, .atmsServices li:nth-child(5), .atmsServices li:nth-child(6), .atmsServices li:nth-child(10), .atmsServices li:nth-child(14) { width:33.333%; padding:36px 15px 15px 80px; } .atmsServices li:nth-child(4n+4):before { display:block; } .bottomCotactDetail.nriCall .rightCol, .nriContactCentreRow .bottomCotactDetail .rightCol { width:50%; } .smartBankingList.cols5List li { width:25%; } .smartContactUs .bottomCotactDetail .leftCol { width:19%; } .smartContactUs .bottomCotactDetail .rightCol { width:81%; } .smartWayInfoWrap .container { max-width:990px; position:relative; } .roundBoxText.phoneBoxWrap, .roundBoxText.moniterBoxWrap, .roundBoxText.calcBoxWrap { display:none; } .roundBoxBg .roundBoxText.roundBox4 { width:131px; height:131px; padding:11px; } .roundBoxText .servicesTitle { font-size:16px; } .photoGalleryList li { margin: 0 -2px; padding: 0 3px; width: 25%; } .photoGallery2017 .photoGalleryList li { margin: 0 -2px !important; } .photoGalleryList .imgHolder { height:220px; } .careerPathBlock { padding:45px 0; } .careerPathManagmentBox li { padding:15px; } .careerTopNav .loanTypeList .box { min-height:268px; } .actualCareerDt .careerDetails { width:795px; } .actualCareerDt .careerTab .careerLeftTab { width:195px; } .actualCareerDt .careerDetail .tabNav li a { padding:15px; } .roundBoxText.mobileWallet { left:0; } .roundBoxText.multifuncitonKiosk { left:840px; } .roundBoxText.cashRecyclers { left:865px; } .roundBoxText.barodaConnect { left:844px; top:28px; } .roundBoxText.missCallFacility { left:630px; } .roundBoxText.atms { left:752px; } .roundBoxText.branchBankingBox { left: 469px; top: 58px; } .roundBoxText.contactCenter { left: 565px; top: 168px; } .roundBoxText.digitalBankingBox { left:710px; top:206px; } .roundBoxText.giftCards { left:617px; } .roundBoxText.elobby { left:713px; } .roundBoxText.passbookPrinters { top:490px; left:820px; } .roundBoxText.travelEasyCards { left: 586px; top: 295px; } .roundBoxText.accOpeningKiosk { left: 708px; top: 349px; } .roundBoxText.interNetBankingBox { left:433px; } .homeBanner1 { width:275px; margin-left:7%; } .homeBanner1 .bannerText span { font-size:23px; padding:1px 8px; } .homeBanner2, .fifaBanner .innerCommonBanner { margin-left:6%; } .homeBanner2 .topLine, .fifaBanner .topLine { display:none; } .homeBanner2 .bannerText, .fifaBanner .bannerText { padding-top:20px; width:410px; } .homeBanner2 h2, .fifaBanner .innerCommonBanner h2 { font-size:26px; } .homeBanner2 h3, .fifaBanner .innerCommonBanner h3 { font-size:24px; margin-bottom:15px; } .homeBanner2 h2, .homeBanner2 h3, .fifaBanner .innerCommonBanner h2, .fifaBanner .innerCommonBanner h3 { line-height:28px; } .homeBanner2 p, .fifaBanner .innerCommonBanner p { font-size:16px; } .homeBanner2 .footballImg img { width:100px; } .homeBanner2 .bottomText p, .fifaBanner .innerCommonBanner .bottomText p { margin:0 0 20px 0; font-size:17px; line-height:22px; } .fifaBanner .bannerText { padding:0; margin-top:19%; } .homeBanner3 { margin-left:5%; } .homeBanner3 h2 { font-size:30px; } .homeBanner3 ul { margin:20px 0; } .homeBanner3 ul li { font-size:17px; padding:0 10px; } .homeBanner3 ul li .largeText { font-size:36px; } .homeBanner4 { width:430px; } .homeBanner4 h2 { font-size:28px; line-height:34px; } .homeBanner4 h2:after { width:7px; top:8px; bottom:4px; left:-16px; } .homeBanner4 ul li { font-size:19px; } .homeBanner4 ul li:after { height:16px; margin-top:-8px; } .homeBanner4 ul { margin:0 0 20px 0; } .homeBanner5 { width:30%; margin-right:60px; } .homeBanner5 h2, .foundatioDay h2 { font-size:25px; line-height:28px; margin-bottom:20px; } .homeBanner5 h2:after, .homeBanner5 h2:before { display:none; } .homeBanner5 p, .foundatioDay p { font-size:17px; } .homeBanner5 .imgHolder { display:none; } .homeBanner5 .button { margin:20px 0 0 0; } .homeBanner6 h2 { font-size:30px; line-height:40px; } .homeBanner6 h3 { font-size:27px; padding-bottom:3px; } .homeBanner6 .rewardzImg { margin:20px auto 0 auto; background-position:-200px -330px; height:67px; width:147px; float:none; } .homeBanner6 { width:310px; text-align:center; } .homeBanner6 .button { margin:20px 0 0 0; } .foundatioDay { margin: -60px 100px 0 0; } .wealthBanner ul { margin:0; } .businessBanner1 h2, .nriBanner1 h2 { font-size:28px; padding-left:15px; line-height:34px; margin-bottom:10px; } .businessBanner1 h2:after, .nriBanner1 h2:after, .innerCommonBanner.wholesaleBankingBanner h2:before, .bibBanner h2:before { width:5px; } .innerCommonBanner.wholesaleBankingBanner h2:before, .bibBanner h2:before { left:-15px; } .innerCommonBanner.wholesaleBankingBanner h2, .bibBanner h2 { margin-left:15px; } .businessBanner1 p, .nriBanner1 p { font-size:17px; margin-bottom:15px; } .nriBanner1 h2:after { left:-6px; } .nriBanner1 { padding:0 70px 0 10px; } .nriBanner1 h2 { font-size:25px; } .raBanner3 .cardImg { width:170px; } .raBanner3 .textList span, .raBanner2 .textList span, .raBanner1 .textList span, .finclIncBanner .textList span { font-size:21px; } .raBanner2 { width:370px; } .raBanner2 p, .raBanner3 p { font-size:16px; } .raBanner1 { width:290px; } .sbBanner4 ul, .giftCardBannerImg { display:none; } .sbBanner1 h2, .sbBanner2 h2, .sbBanner3 h2, .sbBanner4 h2, .sbBanner5 h2, .sbBanner6 h2 { font-size:26px; line-height:31px; } .sbBanner1 p, .sbBanner2 p, .sbBanner3 p, .sbBanner4 p { font-size:17px; } .sbBanner1 p { font-size:15px; } .sbBanner1, .sbBanner2 { margin-left:50px; } .sbBanner2 p, .sbBanner1 .col2 { margin-bottom:20px; } .innerCommonBanner h2 { font-size:25px; line-height:32px; } .innerCommonBanner .orangeBar, .genNextBanner h3, .minvestBanner h3 { font-size:16px; line-height:21px; } .savingaccountBanner .innerlinesLeft:before, .savingaccountBanner .innerlinesRight:before, .savingaccountBanner .innerlinesLeft:after, .savingaccountBanner .innerlinesRight:after { display:none; } .innerCommonBanner .borderTriangle:after { border-bottom-width:41px; border-right-width:40px; right:-40px; } .landingBanner .homeBanner5 .button { margin:0; } .innerCommonBanner.homeBanner5 { width:300px; } .innerCommonBanner.homeBanner5 h2 br { display:none; } .bobmConnectBanner .imgHolder img { width:130px; } .internetBankingBanner .imgHolder img { width:230px; } .bbpsBanner h2, .bbpsBanner .imgHolder { margin-bottom:10px; } .bbpsBanner h2 br, .mobileAppsBnanner h2:before, .mobileAppsBnanner h2:after, .mobileAppsBnanner h2 br { display:none; } .mobileAppsBnanner { width:550px; } .mobileAppsBnanner ul { margin-top:20px; } .atmsBanner, .bcmsBanner { width:400px; } .bcmsBanner br { display:none; } .bhimAppBanner .imgHolder { float:right; margin-right:140px; } .bhimAppBanner { margin-left:30px; } .greenPinBanner .orangeBar { font-size:17px; line-height:23px; } .offersBanner { margin-top:40px; } #footer .overlayLayer { z-index:101; } .asbaBanner:after, .innerCommonBanner.arrowTitle h2:after, .atalYojanabanner:after, .dematAccountbanner:after, .innerCommonBanner.arrowTitle.bordRoomBanner h2:before, .faqBanner .innerCommonBanner:after { display:none; } .innerCommonBanner.arrowTitle { margin-left:30px; padding:0; } .atalYojanabanner .imgHolder { width:130px; } .dematAccountbanner { margin-top:0; } .innerCommonBanner.boxBorder.homeLoanBanner { margin-left:30px; padding:10px 20px 30px 20px; width:440px; } .homeLoanBanner h2 br { display:none; } .faqBanner .innerCommonBanner { background:none; padding-top:7%; } .twoWheelerLoanBanner:before, .twoWheelerLoanBanner:after, .twoWheelerLoanBanner .imgHolder:after, .twoWheelerLoanBanner .imgHolder:before { display:none; } .twoWheelerLoanBanner h2 { margin:0 0 20px 0; } .twoWheelerLoanBanner .imgRight { float:none; margin:0; } .custmerCareBox li .rightdetail { padding-right:10px; } .socialFeedsList li a { width:auto; } .socialFeedsList li { width:24.5%; } .emiCalculatorWrap .btnRight { text-align:left; } .footerTopLinks li { padding:0 5px; } .headerScroll #nav > li.MenuLi1 > ul > li > a, .headerScroll #nav > li > ul > li > a { padding:0 5px; } .headerScroll .menuPart.container { padding:0; } .homeBanner8 .travelEasyImg { margin:10px 0; } .locateTabs.tendetTabs .tabNav li a { padding:8px; } .msmeFwBanner .bannerRightDetl { padding:20px 60px 20px 30px; width:35%; } .msmeFwBanner .bannerTileText img { width:250px; } .msmeFwBanner h2, .msmeFwBanner ul { margin-bottom:10px; } .homeBanner9 h2 { font-size:26px; line-height:32px; } .ibInquiry .inquiryList.rightAlign { margin:0; float:none; } .homeBanner10 h2 { font-size:21px; } .homeBanner10 .imgHolder img { width:260px; } .homeBanner10 .siteLink { bottom:50px; } .easyPayAdvinfo ul li p br, .eayPayInquire p br{display:none;} .ibInquiry .inquiryList.rightAlign{margin:0; float:none;} .rtgNeftFaciliInn{padding:0;} .rtgNeftFaciliInn .content-left:before{display:none;} .rtgNeftFaciliInn .content-right{position:static; min-width:inherit;} .rtgNeftFaciliInn .content-left{float:none; padding:0;} .rtgNeftFaciliMInfo:last-child{float:left; padding-left:50px;} .rtgNeftFaciliMInfoCov{margin-bottom:35px;} .rtgNeftTime .gStartedIcon{right:60px;} #footer .row .col8{width:79%;} #footer .row .col4{width:21%;} .footerHide .container{padding:15px 15px 5px 15px;} } @media only screen and (min-width:993px) { #nav > ul { display:block !important; } } @media screen and ( max-width:992px ) { #ContentPlaceHolder1_UserCMSHeader1_header { position:static; } .indexBanner { padding-top:0; } .callBackLink { right:66px; bottom:auto; top:61px } .callBackLink .icon { position:relative; top:-2px; } .announcements { z-index:13; } .headerRow .searchBox input { background-color:#646464; } /*Navigation*/ .mainNavigation { height:auto; border:0; } .toggleMenu { background:#ff6633; } #navMob { display:none; position:absolute; left:0; right:0; padding:0; } .toggleMenu, #navMob .menuIcon { display:block; } .toggleMenu { position:absolute; right:15px; top:65px; padding:6px; } .toggleMenu .menuTitle { display:none; } .toggleMenu:hover { text-decoration:none; } #navMob li { float:none; display:block; border:none; } #navMob li a { border-bottom:1px solid rgba(242, 89, 39, 1); transition:all 0s ease 0ms; -webkit-transition:all 0s ease 0ms; text-decoration:none; } #navMob li.parent { position:relative; } #navMob li .menuIcon, #navMob li li .menuIcon { width:60px; height:auto; background-color:#f25927; background-color:rgba(242, 89, 39, 1); background-image:url(../../images/down-arrow.png); background-repeat:no-repeat; background-position:center 15px; position:absolute; right:0; top:0; bottom:0; cursor:pointer; } #navMob > li > .menuIcon { background-position:center 30px; } #navMob li li .menuIcon, #navMob li li .menuIcon.active { z-index:2; background-color:#393939; background-color:rgba(57, 57, 57, 1); } #navMob li li li .menuIcon { z-index:2; display:none; } #navMob li li .menuIcon.active { background-color:#bc4d28; background-color: rgba(57, 57, 57, 1); } #navMob li > a:hover, #navMob li.hover > a, #navMob li.active > a, #navMob li ul li a:hover, #navMob li ul li > a.selected, #navMob ul a:hover, .noJS #navMob ul a:focus, #navMob ul a.selected, #navMob > li > a:hover, #navMob > li.hover > a, #navMob > li.focus > a { background-color:#434343; color: #fff; } #navMob ul { width:100%; display:none; position:static; transition:none; -webkit-transition:none; } .hasJS #navMob ul { opacity:1; } #navMob > li:hover > ul, #navMob li li:hover > ul, #navMob li li li:hover > ul { display:none; } #navMob ul, #navMob *:hover ul ul, #navMob .hover ul ul, #navMob .focus ul ul { margin-left:0; } #navMob li a { padding-left:15px; padding-right:15px; display:block; line-height:40px; color:#fff; } #navMob li ul li a { padding:7px 55px 7px 20px; display:block; line-height:21px; background:url(../../images/right-arrow.png) no-repeat 0 12px; color:#fff; border:none; font-size:16px; } #navMob > li.MenuLi1 > ul > li > a, .headerScroll #navMob > li.MenuLi1 > ul > li > a, .headerScroll #navMob > li > ul > li > a { padding:8px 60px 8px 20px; font-size:16px; line-height:21px; } #navMob li ul li ul li a { padding-left:38px; background-position:20px 12px } #navMob li ul li ul li ul li a { padding-left:60px; background-position:45px center } #navMob > li > a:hover, #navMob > li.hover > a, #navMob > li.focus > a, #navMob > .highlight > a { background-color:#ff6633; color: #fff; } #navMob li ul li a:hover, #navMob li ul li > a.selected, #navMob ul a:hover, .noJS #navMob ul a:focus, #navMob ul a.selected, #navMob ul > .highlight > a, #navMob > li.MenuLi1 > ul > li:hover > a, #navMob > li > ul > li > a:hover, #navMob > li > ul > li.current > a:hover, #navMob > li > ul > li:hover > a { background-color:#434343; color: #fff; } #navMob .linkIcon, #navMob .linkIconHover, #navMob > li.MenuLi1 > ul > li > a:before { display:none !important; } #navMob .menuFirstNode { display:block; } #navMob li.current ul { display:none; } #navMob li li ul { position:static; width:100%; background:none; visibility:visible; border:0; box-shadow:0 0 0 #000; opacity:1; padding:0; transition:all 0s ease 0s; } #navMob li.megaMenu ul { padding:0; } #navMob li.megaMenu ul li { border:0; float:none; height:auto; line-height:inherit; width:100%; padding:0; } #navMob li > a { font-size:32px; font-weight:300; padding:17px 60px 17px 0; margin-left:40px; } #navMob li ul { background:#434343; box-shadow:-7px 0 7px rgba(0, 0, 0, 0.4) inset; position:relative; padding:15px 0; margin:0; } #navMob li ul:after { height:100%; width:60px; position:absolute; right:0; top:0; content:""; background-color:#393939; background-color:rgba(57, 57, 57, 1); z-index:1; display:block; } .headerRow .scrollMenu { display:none !important; } .headerScroll #mainNav { display:block; } .responsiveTable ul.bulletText { margin-top:15px; margin-bottom:0; } .sliderArrow { display:none !important; } .rightFixedBox { z-index:5; } .indexBanner h3 { font-size:27px; line-height:34px; margin-bottom:15px; } .indexBanner .knowMore { margin:0; } .firstBannerLogo { display:none; } .indexBanner .sliderCaption .box { width:50%; } .headerRow .topNav { display:none; } .homeProductsInner .homeProductListing li .productTitle { font-size:19px; line-height:23px; } .ratesStrip h2 { font-size:20px; line-height:22px; } .ratesStrip h3 { font-size:15px; line-height:17px; margin-bottom:5px; } .ratesStrip .rate, .ratesStrip .rate .per { font-size:23px; line-height:25px; } .ratesStrip ul li:first-child, .ratesStrip ul li:last-child { float:none; min-height:inherit; padding:0; width:auto; border:0; } .ratesStrip ul li:last-child { position:absolute; right:80px; top:-20px; } .ratesStrip ul li:first-child { margin-bottom:15px; padding-left:15px; } .ratesStrip h2 .break { display:inline-block; } .rightFixedBox .box { padding:10px 10px 18px 16px; top:32px; } .ratesStrip { width:380px; } .ratesStrip ul li { width:155px; padding-bottom:10px; } .bobNetwork .leftBox { width:38%; } .bobNetwork .rightBox { width:62%; } .bobNetwork .rightBox ul li { width:50%; } .bobNetwork .leftBox { margin-bottom:15px; } .bobNetwork { width:auto; right:0; left:0; } #footer .row .col8 { padding-right:15px; } #footer .row .col4 { padding-left:15px; } .homeProductsInner .bgfullImg, .homeProductsInner .bgfullImg:hover { background-image: url(../../images/product-img-05.jpg) !important; -webkit-ransform: scale(1); -ms-ransform: scale(1); transform: scale(1); background-position:right center; } .headerRow .topRightNav { position:absolute; right:204px; top:3px; } .headerRow .rightCol { width:auto; float:none; } .headerRow .botRightNav li a { padding:0; } .headerRow .botRightNav li a .text { display:none; } .headerRow .rightCol .bottomRow { margin:0; } .headerRow .rightCol { position:absolute; left:0; top:10px; width:100%; } .headerRow .botRightNav .mobileSearch { display:block; } .headerRow .searchBox { width:38px; position:absolute; right:0; display:block; transition:all 0.2s ease 0ms; -webkit-transition:all 0.2s ease 0ms; z-index:13; } .searchBox input { padding:10px 23px 10px 15px; } .headerRow .searchBox.active { width:400px; } .headerRow .searchBox input { height:38px; } .headerRow .botRightNav .mobRateInterest { display:none; } .headerRow .botRightNav { padding:0 48px 0 0; } .homeRightNav { display:none; } .footerTopLinks { margin:3px 0; } .footerTopLinks li.mobileLink { display:inline-block; } .announcements { position:static; margin:0; padding:20px 0; display:none; } .announcements .title { font-size:29px; margin-bottom:28px; margin-top:0; font-weight:600; color:#ff6633; position:static; background:none; box-shadow:0 0 0 #000; transform:rotate(0deg); -webkit-transform:rotate(0deg); padding:0; display:block; text-align:center; position:relative; left:auto; top:auto; } .announcements .title:after { height:1px; width:600px; left:50%; top:50%; margin-left:-300px; position:absolute; content:""; background: #ffffff; background: -moz-linear-gradient(left, #ffffff 0%, #ff6633 35%, #ff6633 70%, #ffffff 100%); background: -webkit-linear-gradient(left, #ffffff 0%, #ff6633 35%, #ff6633 70%, #ffffff 100%); background: linear-gradient(to right, #ffffff 0%, #ff6633 35%, #ff6633 70%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); } .announcements .title span { background:#fff; position:relative; z-index:1; padding:0 13px; } .announcements .box { margin:0; box-shadow:0 0 0 #000; width:auto; padding:0 15px; } .announcements .viewAll { margin:0; } .announcements .playPause { top:-63px; right:15px; } .rightFixedBox, .socialFeeds { display:none; } .mobConWithUs { display:block; } #footer .row .col4 .box { margin-bottom:15px; } #footer .row .col4 .box.connectWithUs { margin-bottom:8px; } .indexBanner .sliderCaption .box { padding-right:20px; } .indexBanner .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom:5px; } .swiper-pagination.mrgBottom { bottom:50px; padding-right:100px; } .homeLinks ul li { padding:15px 5px; } .homeLinks .title { font-size:16px; } .homeProductsInner .homeProductListing li .exploreBtn, .exclusiveOffers .knowMore { font-size:16px; } #request-callback-popup, #applyNowPopup, #overseasPopup { top:30px !important; } #overseasPopup { margin:0; width:auto; left:15px; right:15px; max-width:inherit; } .overseasPopup .branchesList ul li a { position:relative; padding:5px 0 5px 40px; } .overseasPopup .branchesList ul li .sprite { position:absolute; left:0; } .exclusiveOffersList .swiper-slide { box-shadow:0 0 5px #999; } .homeProducts { position:relative; } .homeProducts:after { position:absolute; right:15px; top:30px; content:""; width:36px; height:17px; background:url(../../images/swipeIconGray.png) no-repeat 0 0; z-index:1; opacity:0.5; } .footerHide.footerSlideUp .footerHideRow { height:397px; } #footer .topRow .box { width:233px; } .mainNavigation { display:none !important; } .mobileNav { display:block; position:fixed; left:0; top:0; width:100%; height:100%; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); background:#ff6633; overflow:auto; } .activeMobNav .mobileNav { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .mobileNav #navMob { display:block !important; margin-top:100px; position:static; background:#ff6633; } #wrapper, .mobileNav { -webkit-transition: -webkit-transform 0.5s; transition:transform 0.5s; } .activeMobNav #wrapper { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .mobileNav .close { position:absolute; right:0; top:0; width:60px; height:100px; background:rgba(242, 89, 39, 1) url(../../images/menu-close-icon.png) no-repeat center 5px; cursor:pointer; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } .activeMobNav .mobileNav .close { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .mobileNav .navigationText { position:absolute; left:40px; top:25px; color:#d24a1d; font-size:16px; font-weight:700; text-transform:uppercase; } .mobileNav .logoText { z-index:-1; width:100%; position:absolute; bottom:0; margin-bottom:15px; height:74px; } .mobileNav .logoText .logoIcon { background-position:-317px -426px; margin:0 auto; height:74px; width:234px; display:block; } .shareNknowBtns { height:auto; top:auto; bottom:0; opacity:1; } .shareNknowBtnsInner { padding:15px 0; } .exclusiveOffers .knowMore { margin:0; } .exclusiveOffers .knowMore { line-height:34px; padding:0 15px; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .exclusiveOffersList .swiper-slide .box:hover img { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .exclusiveOffers .knowMore .icon { margin-left:6px; } .exclusiveOffersList .swiper-slide img { width:100%; } .innerBanner, .innerBannerCaption .vCenter { padding-top:0; } .innerBannerCaption .orangeBox { font-size:22px; line-height:25px; } .loanTypeList li:before, .loanTypeList li:after, .financialReportList li:after, .financialReportList li:before, .financialReportList li:hover h3:after, .accountSubNav.govtScheme li:after, .accountSubNav.govtScheme li:before, .nriLoanTypeList li:before, .nriLoanTypeList li:after, .threeCols .nriLoanTypeList li:last-child:after, .threeCols .nriLoanTypeList li:nth-child(3):after, .threeCols .nriLoanTypeList li:nth-child(3):before, .threeCols .nriLoanTypeList li:nth-child(2n+2):after, .nriLoanTypeList .title:after, .productsServicesList .nriLoanTypeList li:nth-child(3):before { display:none; } .loanTypeList li, .financialReportList li, .accountSubNav.govtScheme li, .nriLoanTypeList li { border:1px solid #e0e0e0; margin:0 0 -1px -1px; } .loanTypeList li:hover .box, .loanTypeList li .box, .financialReportList li:hover, .financialReportList li { padding:15px; } .loanTypeList li .explore, .loanTypeList li:hover .explore, .cards.loanTypeList .preparedCardLink, .cards.loanTypeList li:hover .preparedCardLink, .depositsSubNav li:hover .box .explore, .depositsSubNav li .box .explore, .accountSubNav li:hover .box .explore, .accountSubNav li .box .explore, .financialReportList .explore, .financialReportList li:hover .explore, .msmeFixedDeposite.twoCols .nriLoanTypeList .box .explore, .msmeFixedDeposite.twoCols .nriLoanTypeList li:hover .box .explore, .nriLoanTypeList li .explore, .nriLoanTypeList li:hover .explore { opacity:1; visibility:visible; transform: translateY(0); -webkit-transform: translateY(0); position:absolute; display:inline-block; bottom:25px; } .msmeFixedDeposite.twoCols .nriLoanTypeList .title:after { display:none; } .msmeFixedDeposite.twoCols .nriLoanTypeList .title { padding:8px 0; } .nriLoanTypeList .box, .nriLoanTypeList li:hover .box { padding:25px; } .nriLoanTypeList .title, .nriLoanTypeList li:hover .title { padding:10px 0; } .financialReportList .explore, .financialReportList li:hover .explore { position:static; margin:0; visibility:visible; opacity:1; } .financialReportList h3, .financialReportList li:hover h3 { display:block; margin-bottom:20px; padding:0; } .financialReportList li, .financialReportList li:hover { min-height:inherit; padding:35px 20px; } .accountSubNav.govtScheme { padding:0; } .accountSubNav .title, .depositsSubNav .title { display:block; margin-bottom:10px; } .accountSubNav .title:after, .depositsSubNav .title:after { display:none; } .accountSubNav li .box, .depositsSubNav li .box { min-height:inherit; } .depositsSubNav li:hover .box .explore, .depositsSubNav li .box .explore, .accountSubNav li:hover .box .explore, .accountSubNav li .box .explore { position:static; margin:0; } .cards.loanTypeList .preparedCardLink, .cards.loanTypeList li:hover .preparedCardLink { bottom:10px; } .cards.loanTypeList li:hover .preparedCardLink .explore { position:static; } .loanTypeList .preparedCardLink a.explore { margin:0 0 5px 0; } .loanTypeList li { width:33.333%; } .loanTypeList li.titleLarge .box, .loanTypeList .box { min-height:285px; } .homeLoanGridView .imgHolder:hover img, .homeLoanGridView .imgHolder img, .boxesView .imgHolder img, .boxesView .imgHolder:hover img { transform:scale(1); -webkit-transform:scale(1); } .homeLoanGridView .imgHolder:hover .overlayArea, .homeLoanGridView .imgHolder .overlayArea, .boxesView .imgHolder .overlayArea, .boxesView .imgHolder:hover .overlayArea { bottom:0; } .homeLoanGridView .knowMore, .homeLoanListView .knowMore, .boxesView .knowMore { margin:15px 0; padding:0 15px; } .homeLoanGridView .box:before { display:none; } .homeLoanGridView a strong { font-size:17px; } .homeLoanGridView .knowMore .icon, .homeLoanListView .knowMore .icon { margin-left:5px; } .homeLoanGridView, .boxesView { margin:0 -5px; } .homeLoanGridView li, .boxesView li { padding:5px; } .innerBannerCaption .homeLoanCaptionBox .large { font-size:23px; line-height:30px; margin-bottom:10px; } .innerBannerCaption .homeLoanCaptionBox { margin:0; top:-22px; } .loanRateInterest .loanRateInterestRow .imgHolder { display:none; } .loanRateInterest .leftCol, .loanRateInterest .rightCol { padding:0; width:100%; } .loanRateInterest .leftCol { margin-bottom:20px; } .loanRateInterest .rightBox { padding-top:25px; } .loanDetailInq .bottomCotactDetail .leftCol { width:33%; } .loanDetailInq .bottomCotactDetail .rightCol { width:67%; } .bottomCotactDetail .contactDetail .callIcon { top:50%; margin-top:-35px; } .loanDetail .tabNav { width:225px; } .loanDetail .tabContainer { width:510px; } .innerBannerCaption .commonCaptionBox p { font-size:26px; line-height:30px; margin-bottom:10px; } .innerBannerCaption .commonCaptionBox p.small { font-size:21px; line-height:27px; } .cards.loanTypeList li { border:0; border-right:1px solid #e0e0e0; } .cards.loanTypeList li:last-child { border:0; } .innerBanner .pageTitle h1 { margin-top:-10px; font-size:25px; } .giftCardBenefits:after { display:none; } .giftCardKeyList { width:auto; } .giftCardBenefits .everyWish { display:none; } .giftCardBenefits, .giftCardNote { margin-bottom:20px; } .giftCardInquire { padding:20px 0; } .travelEasyCard { background:none; padding:0; } .cardUser .leftCol, .cardUser .rightCol { width:50%; border:0; margin-top:20px; } .cardUser .rightCol { border-left:4px solid #ff6633; } .cardUser .rightLinks li { width:49%; margin:10px 0; } .cardUser .contactDetail { padding-left:85px; } .cardUser .contactDetail div { padding-right:20px; padding-bottom:15px; display:block; } .debitCardSlider .slideContent { width:750px; margin-left:-375px; } .debitCardSlider .slideContent ul, .debitCardSlider .slideContent p, .debitCardSlider .slideContent .button, .debitCardSlider .ruClassicCard .slideContent ul, .debitCardSlider .masterCard .slideContent ul { margin-bottom:15px; } .debitCardSlider .slideContent ul li, .debitCardSlider .ruClassicCard .slideContent ul li, .debitCardSlider .masterCard .slideContent ul li { width:auto; float:none; padding:5px 15px; margin:0; border:0; display:block; min-height:inherit; } .debitCardSlider .slideContent ul li br { display:none; } .debitCard .bottomCardLinks li { width:50%; margin:2px 0; } .debitCard .bottomCardLinks li a { padding:10px 100px 10px 85px; } .debitCardSlider .slideContent { padding:40px 0 0 0; } .cardUser .rightLinks a:after { display:none; } .accountSubNav li:hover .box, .accountSubNav li .box, .depositsSubNav li .box, .depositsSubNav li:hover .box { padding:20px 0; } .personalAcc .row .col7 { width:43%; padding-right:0; position:relative; } .personalAcc .row .col5 { width:57%; padding-left:15px; border:0; } .personalAcc .row .imgHolder { display:block; width:auto; } .personalAcc .row .titleBox { padding:0; position:absolute; left:0; width:100%; bottom:0; text-align:center; background:rgba(0, 0, 0, 0.5); padding:10px; } .personalAcc .row h2 { margin-bottom:10px; color:#fff; line-height:24px; } .personalAcc .row { padding:25px 0; } .personalAcc .row:first-child { padding-top:0; } .boxesView .knowMore, .boxesView .knowMore, .personalAcc .row .knowMore { padding:0 15px; line-height:33px; } .boxesView .knowMore .icon, .boxesView .knowMore .icon, .personalAcc .row .knowMore .icon { margin-left:6px; } .personalAcc .row ul.bulletText li { margin-bottom:12px; } .accConnectWithUs ul li { text-align:center; } .accConnectWithUs ul li .text { display:block; padding:0; margin-top:10px; } .accConnectWithUs ul li a { text-decoration:none; } .personalAcc .otherProducts { margin:20px 0; } .accConnectWithUs { margin-bottom:20px; } .leftTabBar .leftTab { width:30%; } .leftTabBar .leftTabDetails { width:70%; } .rightSidebar .rightbar { width:33%; } .rightSidebar .rightContent { width:67%; padding-right:20px; } .innerBanner .pageTitle h1 { animation-duration:0ms !important; -webkit-animation-duration:0ms !important; -webkit-animation-name:none !important; animation-name:none !important; opacity:1 !important; } .recentlyVisitedPopup { display:none !important; } .digitMark ul li a { font-size:18px; line-height:23px; } .digitMark ul li a .title br { display:none; } .digitMark ul li:nth-child(2n+1) { padding:0 146px 0 0; } .digitMark ul li:nth-child(2n) { padding:0 0 0 146px; } .digitMark ul li:nth-child(2n+1) .imgHolder { right:47px; } .digitMark ul li:nth-child(2n) .imgHolder { left:47px; } .digitMark ul li:nth-child(2n+1) a .title { right:160px; } .digitMark ul li:nth-child(2n) a .title { left:160px; } .mconnectFeatures .imgHolder, .appInfo .appInfoBg { display:none; } .aboutMconnect { padding:0; } .newFeaturesRow ul, .newFeaturesRow ul.rightList { width:50%; padding-right:15px; } .newFeaturesRow ul.rightList { margin-top:30px; } .appInfo { padding:20px 0 10px 0; } .newFeaturesRow { margin-bottom:20px; } .mconnectFeatures { padding-bottom:20px; } .appInfo ul { width:auto; margin:0 -15px; } .appInfo ul li { width:50%; padding:15px; } .appInfo h2 { margin-bottom:20px; } .mconnectContact .rightCol .contactDetail:after { display:none; } .mconnectContact .leftCol .contactDetail { border-right:4px solid #ff6633; } .mconnectContact { padding-top:20px; } .billPayListInfo ul li p { margin:0; } .billPayUsage .billPayUsageOuter, .billPayCateCoverOuter { width:100%; padding-bottom:20px; overflow:auto; } .billPayUsage ul, .billPayCateInfo, .billPayCharges .table-info { width:1170px; } .billPayPSI ul li:nth-child(2) { width:31%; } .billPayPSI ul li:nth-child(1) { width:35%; } .stepsImgs > ul { margin:0 -10px; } .stepsImgs li { width:33.333%; margin:0; padding:10px; } .stepsImgs li img { width:100%; } .bhimLogotext .bhimData { padding:15px 0 0 30px; } .bhimLogotext .bhimLogo { padding:60px 0; } .ipgTechSupport, .ipgDocumentation { padding:30px 0 0 0; } .ipgInquire { padding:20px 0; } .ipgInquire .contactDetail div { display:block; padding:0 0 15px 0; } .ipgInquire .leftCol { width:70%; } .ipgInquire .rightCol { width:30%; padding-top:60px; } .ipgKeyFeatures .ipgKeyFeatures { padding-left:220px; } .ipgKeyFeatures .ipgKeyFeatures:after { left:-250px; } .mclipKeyList .imgHolder { display:none; } .mclipKeyList ul, .mclipKeyList ul.rightList { float:none; width:auto; } .mclipKeyList li:before, .mclipKeyList li:after { display:none; } .mclipKeyList li { width:33.333%; padding:15px 0; min-height:inherit; border:1px solid #e0e0e0; margin:-1px 0 0 -1px; } .mclipKeyList { padding:15px 0 0 0; margin-bottom:20px; border:0; } .mpassbookDwnldApp { padding-bottom:35px; } .giftCardInquire.mClipInquire { margin-bottom:-40px; } .mClipInquire .bottomCotactDetail .rightLinks { margin-top:0; } .mpassbookBenefits .imgHolder { display:none; } .mpassbookBenefits ul { width:50%; padding-right:10px; } .mpassbookBenefits ul.rightList { padding-left:10px; } .mpassbookRegPro ul li { padding:0 10px; } .mpassbookRegPro .circle { width:70px; height:70px; border-width:4px; line-height:63px; } .mpassbookRegPro .circle:after { background-position:-40px 0; top:27px; } .mpassbookRegPro ul li:after { top:120px; } .mpassbookRegPro { padding:30px 0; } .mpassbookContanct { padding-top:20px; } .mpassbookContanct .rightCol { margin-top:40px; } .mpassbookContanct .rightLinks a:after { display:none; } .mpassbookBenefits ul li br { display:none; } .mpassbookBenefits { padding:0 0 40px 0; } .fraudAlert .imgHolder { width:240px; } .fraudAlert ul.bulletText { padding:30px 0 0 260px; } .ibCustomerRegister .leftBox, .ibCustomerRegister .rightBox { width:30%; } .ibCustomerRegister .leftBox p { text-align:justify; } .ibTransFacilities { background:none; } .ibTransFacilities .facilitiesList { float:none; width:auto; } .ibTransFacilities { padding:30px 0 0 0; } .ibViewFacilities, .ibTransLimit { padding:30px 0; } .ibInquiryInfo li { padding-right:30px; } .ibApply { padding:50px 0 20px 0; } .ibInquiry .bottomRow .leftBox, .ibInquiry .bottomRow .rightBox { width:auto; float:none; padding:0; border:0; } .ibInquiry .bottomRow .rightBox { padding-top:30px; } .ibInquiry .inquiryList { margin:0; text-align:center; } .ibInquiry .inquiryList li { padding:0 30px; } .ibInquiry .inquiryList li:last-child { padding-right:0; } .ibInquiryInfo li:first-child { width:45%; } .ibViewFacilities ul li { width:32%; padding:0 10px 0 80px; } .ibCustomerRegister .rightBox a { padding:15px; } .ibCustomerRegister .rightBox .icon { right:15px; } .ibCustomerRegister .ibBobLogo { width:200px; height:200px; padding:48px 0; margin:-100px 0 0 -100px; } .ourVision .rightCol { width:auto; padding:0; float:none; } .ourVision .leftCol { margin:0 15px 15px 0; width:50%; } .ourLogo { padding:15px 100px 15px 15px; } .ourLogo .logo { width:150px; padding:10px; right:-75px; top:30px; } .history .founder { margin:0 0 30px 0; padding:20px; } .history .founder .imgHolder { position:static; float:left; margin:0 20px 20px 0; } .history .bankFounded { margin-right:0; } .officesBranches .tableData th:last-child, .officesBranches .tableData td:last-child { text-align:left; } .subsidiary .responsiveTable thead { position:static; } .directors .grayBox { padding:10px 10px 20px 10px; } .directors .row.col3 h2 { padding-left:20px; } .directors .grayBox .imgHolder img { width:100%; } .directors .row.col3 { margin:0 -5px; } .directors .row .col3 { padding:0 5px; } .directors .box h3 { min-height:52px; } .directors .row.col3 h2 { padding-left:5px; } .awardSearch.moduleSearch li { width:33.33%; } .awardSearch.moduleSearch li .btnSearchReset { margin-top:10px; } .awardList .awardRow { padding:15px 0; } .pagingWrapper .pagingCount, .pagingNo { float:none; text-align:center; } .pagingWrapper .pagingCount { margin-bottom:15px; } .awardList h2 { font-size:17px; line-height:23px; } .loanLinkSlider a { padding:12px 0; font-size:17px; } .loanDetailFrom .fieldRow { margin:0 -5px; } .loanDetailFrom .fieldCol { padding:0 5px; } .radioList table td { padding:6px 10px 0 0; } .loanDetailFrom .fieldCol.captcha { width:100%; } .halfWidth .searchFeildsCols.twoColumns .searchFeildCol { float:none; width:100%; } .halfWidth .searchFeildsCols { padding:0; } .halfWidth .searchFeildsCols .searchBtn { position:static; } .branchesList h2 { float:none; width:auto; font-weight:600; margin-bottom:15px; border-bottom:1px solid #d0d0d0; padding-bottom:10px; } .globalPresence .mapArea h2 { text-align:left; } .globalPresence .brdParagraph { margin-bottom:40px; } .branchesList ul { padding:0; } .branchesList { padding:10px 0; } .routeDetial h3 { float:none; width:auto; } .routeDetial .distanceDuration { padding-left:0; padding-bottom:10px; } .mapAndLocationWrap #dvMap { height:450px; } .faqPageDetail .faqRow .a { display:none; } .popupWdh1070 .customPopupInner { max-width:inherit; } .customPopup.popupWdh1070 { padding:30px; } .mdStatement .mdImage { margin:0 20px 10px 0; } .mobileAppsList li:before, .mobileAppsList li:after { display:none; } .mobileAppsList li { border:1px solid #e0e0e0; margin:-1px 0 0 -1px; width:33.333%; } .mobileAppsList li > a, .mobileAppsList li:hover > a { padding:25px 15px; min-height:200px; } .mobileApps .appLinks { bottom:20px; } .homeLoanGridView.customerServicesList { margin:-15px -15px 0 -15px; } .customerServices .leftCol { width:65%; } .customerServices .rightCol { width:35%; padding-left:30px; } .homeLoanGridView.customerServicesList { margin:0 -10px; } .homeLoanGridView.customerServicesList li { padding:10px; } .customerSerInq h3 br { display:none; } .customerSerInq .box { padding:0 10px; } .customerSerInq .box p strong { display:block; } .smartAndSafeBankingTabs.resTab .tabNav li { width:32%; } .smartAndSafeBankingTabs.resTab .tabNav li a { min-width:inherit; } .leftimgBlock { margin:0 20px 20px 0; width:210px; } .rightcontentBlock { float:none; padding:0; width:auto; } .otherServicesWrap .bobLogo { display:none; } .otherServicesWrap:before { border-right: 2px dashed #b6b6b6; content: ""; height: 100%; left: 50%; position: absolute; top: 0; transform: translateX(-1px); width: 2px; } .otherServicesWrap ul li { margin:0; } .otherServicesWrap ul li:nth-child(2n+1)::before, .otherServicesWrap ul li:nth-child(2n)::before { border-bottom: 2px dashed #b6b6b6; border-top:0; content: ""; height: 2px; position: absolute; right: 0; left:auto; top: 50%; width: 109px; } .otherServicesWrap ul li:nth-child(2n)::before { left: 0; right:auto; } .otherServicesWrap ul li:nth-child(2n+1) { padding: 0 146px 0 0; float: left; } .otherServicesWrap ul li:nth-child(2n) { padding: 0 0 0 146px; float: right; } .otherServicesWrap ul li { clear: both; position: relative; width: 50%; } .otherServicesWrap ul li .imgHolder { display: inline-block; position: absolute; top: 8px; z-index: 1; } .otherServicesWrap ul li:nth-child(2n) .imgHolder { left: 47px; } .otherServicesWrap ul li:nth-child(2n+1) .imgHolder { right: 47px; } .otherServicesWrap ul li:nth-child(2n+1) a .title { right: 160px; } .otherServicesWrap ul li a .title { position: absolute; top: 50%; transform: translateY(-50%); } .otherServicesWrap ul li:nth-child(2n) a .title { left: 160px; } .bobMedia:after, .bobMedia .bobLogo, .bobMedia .title:after, .bobMedia .imgHolder:before { display:none; } .bobMedia { height:auto; padding-top:50px; width:auto; margin-left:0; } .bobMedia ul { text-align:center; } .bobMedia ul li { position:static; display:inline-block; vertical-align:top; width:32.9%; text-align:center; margin-bottom:50px; opacity:1 !important; } .bobMedia .title { position:static !important; text-align:center; width:100%; padding-top:20px; } .landingPageBanner .bussbannerCaption h2 { font-size:23px; line-height:27px; } .landingPageBanner .bussbannerCaption { padding:15px; margin-right:15px; } .landingPageBanner .bussbannerCaption p { line-height:23px; font-size:17px; } .imgiconfourBoxes li .imgholder { display:none; } .imgiconfourBoxes li { text-align:center; margin-bottom:80px; } .imgiconfourBoxes li .titleBox h2 br { display:none; } .imgiconfourBoxes li .titleBox h2 { padding-bottom:20px; margin-bottom:10px; } .imgiconfourBoxes li .titleBox { float:none; width:auto; } .imgiconfourBoxes li .titleBox h2:after { left:50%; margin-left:-22px; } .digiProtBranImg, .digiProtBranImg.digiProtBranImg2 { max-width:330px; float:left; margin:0 20px 20px 0; height:auto; position:static; } .digiProtBranTop, .digiProtBranTop.digiProtBranRight { padding:0; } .mpassbookBenefits.minvestBenefits ul { width:50%; } .mpassbookRegPro.minvestRegPro ul li { width:33.333%; min-height:inherit; padding:0 12px; text-align:center; margin:15px 0; } .mpassbookRegPro.minvestRegPro .circle:after { display:none; } .mpassbookRegPro.minvestRegPro ul li:after { top:0; } .mpassbookRegPro.minvestRegPro ul li:nth-child(3):after { display:none; } .fifaLogothree ul li { margin:0; padding:0 10px; width:32%; } .fifaHighlights { padding:50px 0 20px 0; } .fifaHighlights .highlightImg { display:none; } .highlightText ul, .highlightImg { float:none; width:auto; } .colsBlockRight, .colsBlockLeft { width:48%; } .accountSubNav.govtScheme li .box, .accountSubNav.govtScheme li:hover .box { padding:25px 15px; min-height:291px; } .accountSubNav.govtScheme li .text br { display:none; } .greenPinSec .imgHolder { display:none; } .greenPinSec ul { padding:0; } .customerSerInq .box:after { right:0; } .secureBankingTips .imgHolder, .smartAndSafeBankingTabs .imgHolder { display:none; } .secureBankingTips ul { width:50%; } .secureBankingTips ul.leftList { padding-right:15px; } .secureBankingTips ul.rightList { padding-left:15px; } .smartAndSafeBankingTabs .rightContent { padding-left:0; } .barodaRewardzApp .leftBlock, .barodaRewardzApp .rightBlock { float:none; padding:0; margin:0; width:auto; text-align:center; } .barodaRewardzApp .leftBlock { margin-bottom:45px; } .barodaRewardzApp { padding:20px 0; } .barodaRewardzApp:after, .brdRwarzFeatures li:after, .brdRwarzFeatures li:before { display:none; } .brdRwarzFeatures li { border:1px solid #ccc; width:25%; margin:-1px 0 0 -1px; } .brdRwarzFeatures .box { min-height:inherit; } .keyFeatureContImgWrap .keyFeaturesImgHolder { display:none; } .keyFeatureContImgWrap .keyFeaturesDetail, .mUpiDownload .leftTitleWrap { float:none; width:auto; } .mUpiDownload .middleContentWrap { width:70%; } .mUpiDownload .rightLinks { width:25%; } .mpassbookContanct.mUpiContact .rightLinks li { width:47%; } .imgiconThreeBoxes { margin:20px -10px; } .imgiconThreeBoxes li { padding:0 10px; } .imgiconThreeBoxes li .titleBox h2 { font-size:19px; margin-left:10px; } .imgiconThreeBoxes li span.depIcon, .imgiconThreeBoxes li span.corpdepIcon { width:65px; } .msmeFixedDeposite.twoCols .nriLoanTypeList .box, .msmeFixedDeposite.twoCols .nriLoanTypeList li:hover .box { padding:25px; } .loanLinkSlider { margin:0; } .loanCategorySliderWrap .swiper-button-next { right:-20px; } .loanCategorySliderWrap .swiper-button-prev { left:-20px; } .loanTypeList.msmeloanadvList .box, .loanTypeList.msmeloanadvList li:hover .box, .loanTypeList.msmeloanadvList li.titleLarge .box { padding:20px; min-height:297px; } .loanTypeList.moreServicesMsme li .box { min-height:255px; } .barodaRewardzApp .leftBlock .imgHolder { margin:0 auto; } .howToconnectCC .imgHolder { background:none; } .howToconnectCC .rightBox:after { display:none; } .howToconnectCC .rightBox { padding:20px 20px 20px 195px; } .ccTiming .servicesCol.border p { padding-top:10px; } .ccTiming .servicesCol { width:65%; } .ccTiming .timeCol { width:30%; } .bobccServices .title:after, .bobccServices .box:before { display:none; } .bobccServices .title { background:none; padding:0 0 15px 0; margin:0; display:block; color:#ff6633; position:static; font-size:18px; } .bobccServices .row .box, .bobccServices .row .box.rightBox { padding:0 25px 0 0; } .bobccServices .row .box.rightBox { padding:0 25px 0 25px; } .nriLoanTypeList.nriLoanFacilities .box .title br { display:none; } .nriLoanTypeList.nriLoanFacilities .box { min-height:340px; } .valueAddedServicesBlock .cards.loanTypeList li .box { min-height:280px; } .moneyTransfer ul { text-align:center; } .moneyTransfer ul li { opacity:1 !important; animation:none 0s 0ms none !important; position:static; display:inline-block; vertical-align:top; padding:30px; width:32%; } .moneyTransfer ul li a { font-size:17px; text-decoration:none; line-height:22px; } .moneyTransfer .middleImg { display:none; } .moneyTransfer .title { display:block; margin-bottom:15px; position:static; width:auto !important; text-align:center !important; } .moneyTransfer .title br { display:none; } .moneyTransfer .imgHolder:before { display:none; } .moneyTransfer { width:auto; height:auto; margin:0; } .atmsServices { margin:0 0 25px 0; } .atmsServices li:after, .atmsServices li:before, .atmsServices li:nth-child(4n+4):before { display:none; } .atmsServices li, .atmsServices li:nth-child(5), .atmsServices li:nth-child(6), .atmsServices li:nth-child(10), .atmsServices li:nth-child(14) { border:1px solid #d3d3d3; margin:-1px 0 0 -1px; width:50%; min-height:105px; } .smartBankingList { display:none; } .smartWayInfoWrap.roundBoxBg { display:none; } .sbsMobAcc, .sbsMobAcc .smartBankingList { display:block; } .sbsMobAcc .contentAcc { margin:0; } .smartBankingWrap { padding:30px 0 0 0; } .smartContactUs { padding:20px 0; border:0; } .smartContactUs .bottomCotactDetail .leftCol, .smartContactUs .bottomCotactDetail .rightCol { float:none; width:auto; } .smartContactUs .bottomCotactDetail .leftCol { padding-bottom:20px; } .smartContactUs .bottomCotactDetail .rightLinks li { width:auto; padding-right:22px; } .smartBankingPage #mainNav, .smartBankingPage .menuBar, .smartBankingPage .callBackLink { display:block !important; } .tenderFilter.tenderFilterReg li { width:33.333%; } .tenderFilter.tenderFilterReg .btnSearchReset { margin-top:32px; } .tenderFilter.tenderFilterReg li.month { padding-right:10px; } .productsServicesList.priorityloanAndAdvanceList .loanTypeList li .box { min-height:225px; } .productsServicesList.moreServicesRural .loanTypeList li .box { min-height:225px; } .saartheeBlock > img { float:none; margin:0 auto 20px auto; display:block; } .saartheeText { margin-left:0; } .financialInclusion .imgHolder { margin-bottom:10px; } .moduleSearch.sebiSearch li { width:31%; } .photoGalleryList li { width:33.333%; } .gallerySelectedItem .swiper-slide, .gallerySelectedItem .swiper-slide .imgHolder { height:300px; width:500px; } .gallerySelectedItem .swiper-slide .imgHolder { width:500px; height:100% !important; } .videoPlayArea { display:none; } .videosOuter { padding:40px 0 20px 0; } .videosRightBlk { border:0; float:none; width:auto; padding:0; } .careerTopNav { margin-bottom:30px; } .careerRecruitments { padding:20px 0 210px 0; } .careerPathManagmentBox { padding:0; } .careerPathManagmentBox li, .careerPathManagmentBox li + li, .careerPathManagmentBox li + li + li + li { width:48%; margin:1%; min-height:200px; } .careerPathManagment { padding:15px 0 0 0; } .careerRecruitments ul li a { padding:15px; font-size:18px; } .careerRecruitments ul li a span { right:15px; top:19px; } .CareerScales ul { padding:0; } .CareerScales ul li { width:32%; } .CareerScales ul li .innerProgressbarbottom { width:100%; } .CareerCounterbg { background:none; } .CareerScales ul li .innerProgressbarbottom { margin-top:7px; } .CareerHelpline .CareerHelplineDetail.rgt, .CareerHelpline .CareerHelplineDetail.lft { width:50%; } .careerPathnav { padding:0; margin-top:145px; } .careerPathnav li span { font-size:18px; padding-left:30px; padding-top:20px; padding-bottom:20px; } .careerPathnav li:first-child span { padding-left:10px; } .careerPathnav li span:after { margin-top:-55px; border-bottom-width:31px; border-top-width:31px; border-left-width:21px; } .careerPathnav li span:before { margin-top:-14px; border-bottom-width:34px; border-top-width:34px; border-left-width:23px; } .careerPathnav li:nth-child(3):after { top:-84px; } .careerPathsubNav { margin:0; padding:0; } .careerPathBlock { padding:45px 0 0 0; } .careerRecruitments { background-size:100%; margin-bottom:20px; } .careerTopNav .loanTypeList li:hover .box { box-shadow:0 0 0 #fff; } .actualCareerDt .resTab .tabNav { display:none; } .actualCareerDt .resTab .r-tabs-accordion-title { display:block; } .actualCareerDt .resTab .careerDetails { padding:0; float:none; width:auto; } .actualCareerDt .resTab .r-tabs-accordion-title { margin-bottom:2px; } .actualCareerDt .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor, .actualCareerDt .resTab .r-tabs-accordion-title .r-tabs-anchor { color:#606060; background-color:#f3f3f3; } .actualCareerDt .resTab .r-tabs-accordion-title .r-tabs-anchor { position:relative; padding:20px 25px 20px 15px; } .actualCareerDt .resTab .r-tabs-accordion-title .r-tabs-anchor:after { background:url(../../images/dark-arrow-down.png) no-repeat 0 0; content: ""; height: 15px; position: absolute; right:15px; top:50%; width: 15px; margin-top:-5px; } .actualCareerDt .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after { background:url(../../images/dark-arrow-up.png) no-repeat 0 0; } .actualCareerDt .resTab .r-tabs-accordion-title .r-tabs-anchor br { display:none; } .actualCareerDt .resTab.careerDetail .tabNav { display:block; } .actualCareerDt .resTab.careerDetail .r-tabs-accordion-title { display:none; } .actualCareerDt #content { min-height:inherit; padding:0; } .actualCareerDt .CareerBarodians.directors .box .imgHolder { margin-bottom:0; } .actualCareerDt .CareerBarodians.directors .grayBox { padding:15px; } .actualCareerDt .directors.CareerBarodians .box h3 { min-height:51px; } .actualCareerDt .directors.CareerBarodians .box p { min-height:67px; } .actualCareerDt .directorProfilePopup .directorPhoto { width:170px; } .actualCareerDt .directorProfilePopup .detail { padding-left:180px; } .CareerProfile-Icon h3:after { width:140px; } .footerTopLinks li { padding:0 5px; } /********* LiteBox v1.3 **********/ .litebox-overlay, .litebox-overlay > * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .litebox-overlay { display: none; width: 100%; min-width: 280px; text-align: center; position: fixed; top: 0; left: 0; z-index: 99999; } .litebox-overlay .litebox-loader { position: absolute; width: 40px; height: 40px; left: 20px; top: 20px; border: 3px solid #111; border-right-color: #fff; border-radius: 50%; -webkit-animation: liteboxLoader 1s linear infinite; -moz-animation: liteboxLoader 1s linear infinite; -ms-animation: liteboxLoader 1s linear infinite; -o-animation: liteboxLoader 1s linear infinite; animation: liteboxLoader 1s linear infinite; } .litebox-overlay .litebox-text { width: 100%; padding: 0 15px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 16px; line-height: 50px; position: absolute; bottom: 0; z-index: 2; } .litebox-overlay .litebox-close { width: 40px; height: 40px; background: url(../../images/litebox-close.png) no-repeat center; opacity: .7; position: absolute; top: 20px; right: 20px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .litebox-overlay .litebox-close:hover { opacity: 1; cursor: pointer; } .litebox-overlay .litebox-nav { display: none; width: 60px; height: 60px; margin-top: -30px; opacity: .2; position: absolute; top: 50%; z-index: 9999999; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .litebox-overlay .litebox-nav:hover { opacity: .5; cursor: pointer; } .litebox-overlay .litebox-prev { background: url(../../images/litebox-prev.png) no-repeat center; left: 20px; } .litebox-overlay .litebox-next { background: url(../../images/litebox-next.png) no-repeat center; right: 20px; } .litebox-overlay .litebox-container { position: absolute; top:10%; right: 10%; bottom: 10%; left: 10%; overflow: hidden; } .litebox-overlay .litebox-container.litebox-scroll { overflow-y: auto; } .litebox-overlay img, .litebox-overlay iframe { display: inline-block; max-width: 100%; max-height: 100%; margin: 0 auto; vertical-align: middle; overflow-x: hidden; } .litebox-overlay iframe { width: 100%; height: 100%; position: relative; z-index: 999999; } .litebox-overlay .litebox-inline-html { width: 100%; padding: 20px; line-height: normal; overflow-x: hidden; line-height: normal !important; position: absolute; } .litebox-overlay .litebox-error { width: 100%; height: 100%; color: #FFF; text-align: center; line-height: inherit; } .litebox-overlay .litebox-error span { background: rgba(0, 0, 0, .9); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 20px; color: #FFF; text-shadow: 1px 1px 0 #000; line-height: normal; } .rewardzDownload .leftTitleWrap, .rewardzDownload .middleContentWrap, .rewardzDownload .rightLinks { float:none; margin:0; text-align:center; } .rewardzDownload .leftTitleWrap, .rewardzDownload .middleContentWrap { width:180px; margin:0 auto; } .rewardzDownload .leftTitleWrap h2 { text-align:center; } .rewardzDownload .leftTitleWrap .borderTitle:after { left:50%; margin-left:-49px; } .homeBanner1 .bannerText span { font-size:19px; } .homeBanner2 .bottomText, .fifaBanner .bottomText { display:none; } .homeBanner2 .bannerRightLogo, .fifaBanner .bannerRightLogo { right:25px; top:10px; } .homeBanner2, .homeBanner3 { margin-left:15px; } .homeBanner1 { margin-right:15px; width:235px; } .homeBanner2 .bannerText, .fifaBanner .bannerText { width:350px; padding-top:0; } .indexBanner h3, .fifaBanner .innerCommonBanner h3 { font-size:22px; line-height:26px; } .homeBanner2 p, .fifaBanner .innerCommonBanner p { margin-bottom:20px; } .homeBanner3 h2, .fifaBanner .innerCommonBanner h2 { font-size:22px; } .homeBanner3 ul { margin:10px 0; } .homeBanner3 ul li { font-size:15px; padding:0 5px; } .homeBanner3 ul li .largeText { font-size:28px; } .homeBanner .button { padding:0 11px; line-height:33px; } .homeBanner .button .icon { margin-left:6px; } .homeBanner4 h2 { font-size:22px; line-height:24px; } .homeBanner4 ul li { font-size:17px; } .homeBanner4 { margin-right:15px; width:330px; } .homeBanner5 h2, .foundatioDay h2 { font-size:20px; line-height:22px; margin-bottom:10px; } .homeBanner5 p { font-size:16px; } .homeBanner5 .button { margin:5px 0 0 0; } .homeBanner5 { margin-right:15px; width:32%; } .indexBanner .sliderCaption .homeBanner3 ul li img { width:140px; } .homeBanner4 h2:after { top:4px; } .bannerOrgStrip:after { display:none; } .homeBanner6 { margin:0; } .homeBanner6 .imgHolder { display:none; } .homeBanner6 h3 { padding:7px 10px; } .homeBanner6 .button { margin:0; } .foundatioDay { margin: -60px 60px 0 0; } .nriBanner1 { padding:0 15px; text-align:left; } .nriBanner1 p { text-align:left; } .nriBanner1 h2:after, .businessBanner1 h2:after, .innerCommonBanner.wholesaleBankingBanner h2:before, .bibBanner h2:before { display:none; } .innerCommonBanner.wholesaleBankingBanner h2, .bibBanner h2 { margin-left:0; } .nriBanner1 h2, .businessBanner1 h2 { padding-left:0; } .nriBanner1 h2 br, .raBanner3 .cardImg, .raBanner3 .textList span:first-child:after, .raBanner3 .textList span:last-child:after, .raBanner2 .textList span:first-child:after, .raBanner2 .textList span:last-child:after, .raBanner1 .textList span:first-child:after, .raBanner1 .textList span:last-child:after, .innerCommonBanner.wholesaleBankingBanner h2:before { display:none; } .landingBanner .button { padding:0 15px; line-height:33px; } .landingBanner .button .icon { margin-left:5px; } .raBanner3 .textList span, .raBanner2 .textList span, .raBanner1 .textList span { display:block; background:none; color:#231f20; margin:0; padding:0; } .raBanner1, .raBanner2, .raBanner3 { text-align:left; margin-right:40px; width:auto; } .raBanner2 { width:270px; } .sbBanner3, .sbBanner4 { margin-right:50px; } .sbBanner1, .sbBanner2, .sbBanner3, .sbBanner4 { text-align:left; } .sbBanner1 h2, .sbBanner2 h2, .sbBanner3 h2, .sbBanner4 h2, .sbBanner5 h2, .sbBanner6 h2 { border:0; padding:0; text-align:left; margin-bottom:10px; } .sbBanner1 p, .sbBanner2 p, .sbBanner3 p, .sbBanner4 p { margin-bottom:15px; } .sbBanner1 .col2 { display:none; } .innerBanner .rightButton { text-align:left; } .sbBanner1 p { margin-bottom:0; } .sbBanner4 h2 br { display:none; } .sbBanner4 { width:340px; } .innerCommonBanner.wholesaleBankingBanner h2 { margin-left:0; } .wholesaleBankingBanner { width:280px; } .innerCommonBanner, .textRightBanner { margin-right:15px; } .innerCommonBanner h2 br { display:none; } .innerCommonBanner h2 { font-size:24px; line-height:29px; margin-bottom:10px; } .innerCommonBanner .orangeBar, .genNextBanner h3, .minvestBanner h3 { font-size:15px; line-height:17px; } .savingaccountBanner { width:300px; } .textRightBanner { width:360px; } .textLeftBanner { margin:0 0 0 15px; width:360px; } .lifeInsuranceBanner { width:430px; } .innerCommonBanner.homeBanner5 { width:260px; margin-right:15px; } .innerCommonBanner.homeBanner5 h2 { font-size:26px; } .innerCommonBanner .borderTriangle:after { border-bottom-width:37px; border-right-width:30px; right:-30px; } .landingBanner .homeBanner5 h2, .landingBanner .homeBanner5 p { margin-bottom:5px; } .lifeInsuranceBanner .imgHolder { width:150px; } .bobmConnectBanner .imgHolder img { width:100px; } .mClipBanner { width:300px; } .mpassbookBanner .mpsbkImg { padding:0; } .mpassbookBanner .mpsbkImg img { width:160px; } .rewardsappBanner { text-align:center; } .rewardsappBanner h2 { padding:4px 6px; } .rewardsappBanner p { font-size:17px; margin-bottom:10px; } .rewardsappBanner .imgHolder img { width:180px; } .accountKioskBanner { width:410px; } .ssppsBanner { width:500px; margin-left:70px; } .bbpsBanner { width:auto; } .bbpsBanner h2 { margin-bottom:25px; } .bbpsBanner .imgHolder { display:none; } .innerCommonBanner.cashRecycler p br, .lockerBanner h2:before, .lockerBanner h2 span:before, .lockerBanner h2:after, .lockerBanner h2 span:after { display:none; } .innerCommonBanner.cashRecycler p { padding:5px 0 0 0; font-size:16px; line-height:22px; border-width:2px; } .missedCallBanner { margin-left:100px; } .missedCallBanner h2 br { display:none; } .missedCallBanner p { font-size:16px; line-height:18px; } .aboutUsbanner { width:290px; } .innerCommonBanner.customerSupportBanner { margin-right:20px; width:34%; } .genNextBanner { width:250px; } .genNextBanner h3 { font-size:18px; line-height:22px; } .genNextBanner h2 br { display:block; } .mobileAppsBnanner ul { display:none; } .innerCommonBanner.getIntouch p { line-height:25px; } .innerCommonBanner.getIntouch { margin-right:20px; } .locateUsBanner { width:auto; } .healthIns .rightCol { margin:0; } .bcmsBanner { width:300px; margin-right:70px; } .bcmsBanner p, .kioskBanner p { font-size:17px; } .kioskBanner { margin-left:35px; } .tecardBanner { margin-left:55px; } .bhimAppBanner .imgHolder { display:none; } .bhimAppBanner { margin-left:30px; } .genInsBanner { margin-left:55px; } .expLobbyBanner, .healthInsBanner { margin-left:100px; } .expLobbyBanner .imgHolder { width:150px; } .greenPinBanner .orangeBar { font-size:17px; line-height:23px; } .topStrip { display:none; } .internatePaymentGateway h2 { font-size:21px; } .mutualfundBanner .imgHolder span { font-size:19px; } .offersBanner { width:250px; } .offersBanner .imgHolder img { width:110px; } .raBanner2 { width:290px; margin-right:20px; } .asbaBanner { width:430px; } .smeLoanBanner .imgHolder { padding-top:15px; } .atalYojanabanner .imgHolder { width:80px; } .nriHelpdeskBanner h2:before { display:none; } .nriHelpdeskBanner h2 { margin-left:0; } .attacksBlock { float:none; width:auto; } .homeBanner1 { margin-left:30px; } .innerCommonBanner.boxBorder { padding:10px 10px 30px 10px; } .carLoanBanner .bottomImg img { width:150px; } .innerCommonBanner .bottomImg { bottom:-29px; } .innerCommonBanner.sbBanner2 p, .innerCommonBanner.sbBanner3 p { text-align:left; } .innerCommonBanner.sbBanner3 { width:240px; } .wealthBanner h2 br { display:inline-block; } .sbBanner5.bobmConnectBanner, .sbBanner6.mClipBanner { text-align:left; } .sbBanner5.bobmConnectBanner h2 br, .sbBanner6.mClipBanner h2 br { display:none; } .sbBanner5.bobmConnectBanner .imgHolder, .sbBanner6.mClipBanner .imgHolder, .debitcardEmiBanner h2:before, .persnlLoanBanner h2:before { display:none; } .sbBanner6.mClipBanner { width:270px; } .traderLoanBanner { width:310px; } .innerCommonBanner.boxBorder.homeLoanBanner { width:320px; padding:10px 20px; } .innerCommonBanner.boxBorder.homeLoanBanner .bottomImg img { width:130px; } .tenderBanner { width:260px; } .faqBanner .innerCommonBanner { padding-top:6%; } .twoWheelerLoanBanner h2 { padding:15px; } .videoGalleryBanner h2:before, .videoGalleryBanner h2:after { display:none; } .persnlLoanBanner { padding-left:0; } .investorRelationsBanner h2:before, .investorRelationsBanner h2:after, .offeringBankingFinancialBanner h2:before, .offeringBankingFinancialBanner:after, .offeringBankingFinancialBanner:before, .photogalleryBanner h2:before, .photogalleryBanner h2:after, .photogalleryBanner h2 span:before, .photogalleryBanner h2 span:after { display:none; } .photogalleryBanner { padding:0; } .fifaBanner .bannerText { margin-top:15%; } .fifaBanner .innerCommonBanner { margin-left:15px; } .inrestRatebanner h2 span:after { display:none; } .custmerCareBox li { text-align:center; } .custmerCareBox li .icon { float:none; margin:0 auto; } .custmerCareBox li .rightdetail { display:block; padding:10px 0 0 0; } .custmerCareBox li .rightdetail p { text-align:center; } .custmerCareBox li p { text-align:left; } .custmerCareBox li .headAddress br { display:none; } .copyright { margin:0 0 15px 0; } .treasuryBanner h2 { padding:10px; } .contactBanner { width:290px; } .boxesView .box:before, .homeLoanGridView .box:before { display:none; } .welcomePopup, .welcomePopupOverlay { display:none !important; } .footerTopLinks { float:none; text-align:center; margin:20px 0; } #footer .topRow .box { float:none; margin:20px auto; width:333px; } #footer { padding:0; } .bobNetwork.active { bottom:46px; } .bobNetwork:after { right:50%; margin-right:-10px } .homeBanner8 .travelEasyImg { display:none; } .homeBanner8 h2 { font-size:30px; } .homeBanner8 h3 { font-size:25px; } .homeBanner8 { margin-right:20px; } .locateTabs.tendetTabs .tabNav li a { width:155px; min-width:inherit; } .msmeFwBanner .bannerTileText img { width:180px; } .msmeFwBanner .bannerRightDetl { padding:10px 15px; width:36%; } .msmeFwBanner h2 { font-size:16px; line-height:19px; } .msmeFwBanner ul li { font-size:14px; padding-left:12px; } .msmeFwBanner ul li:after { top:7px; } .msmeFwBanner h2, .msmeFwBanner ul { margin-bottom:5px; } .msmeFwBanner p { font-size:13px; line-height:17px; } .homeBanner9:after, .homeBanner9:before { display:none; } .homeBanner9 { padding:0; margin-right:20px; width:350px; } .homeBanner9 h2, .homeBanner9 p { margin-bottom:10px; } .homeBanner9 h2 { font-size:22px; line-height:27px; } .homeBanner9 p { font-size:19px; margin-bottom:15px; } .homeBanner9 h2 br { display:none; } .history .founder .imgHolder { width:180px; } .homeBanner10 .siteLink { right:20px; } .homeBanner10 .bannerRightLogo { right:10px; } .homeBanner10 h2 { font-size:17px; } .homeBanner10 .imgHolder img { width:210px; } .homeBanner10 .vCenter { margin-top:-10px; } .homeBanner10 .siteLink { bottom:20px; } .importantLinks .col2{padding-right:15px;} .importantLinks .col2 h2{font-size:19px;} #footer .row .col8, #footer .row .col4{width:auto; float:none; padding:0; border:0;} #footer .row .col4 .box.connectWithUs, #footer .row .col4 .box.mobConWithUs, #footer .row .col4 .buttons{float:left; margin-right:20px; width:auto;} #footer .row .col4 .buttons{margin-top:30px;} .footerHide.footerSlideUp .footerHideRow{height:437px;} .easyPayAdvImg{display:none;} .easyPayAdvCover{padding:0;} .easyPayAdvinfo, .easyPayAdvinfo:last-child{width:50%; text-align:left;} .easyPayAdvinfo ul li{text-align:left; padding:0 0 0 68px !important; margin:0;} .easyPayAdvinfo .icon{right:auto; left:0;} .easyPayAdvinfo ul li p br{display:block;} .eayPayInquire .bottomCotactDetail .leftCol{padding:0; width:auto; float:none; border:0;} .eayPayInquire .ipgInquire .contactDetail div, .eayPayInquire .ipgInquire .contactDetail div:last-child{float:none; width:auto;} .eayPayInquire .ipgInquire .contactDetail div:last-child{margin-top:20px;} .ipgInquire .rightCol{width:auto; padding-top:20px;} .ibInquiryInfo li{width:auto;} .eshopSimSteps ul li, .simpleSteps li{width:31%; margin:10px 0;} .rtgNeftTime{padding:0;} .rtgNeftTime .gStartedIcon{position:static;transform:translateY(0%); -webkit-transform:translateY(0%); width:140px; margin:0 auto 20px auto;} .rtgNeftFacili{padding:20px 0;} } @media screen and ( max-width:768px ) { #content.homeLinks { padding:0; } .homeLinks ul { text-align:center; } .homeLinks ul li { float:none; display:inline-block; width:32.5%; margin:30px 0; } .homeLinks ul li:nth-child(3) { border:0; } .homeProducts { padding:30px 0; } .homeProducts h2, .exclusiveOffers h2, .socialFeeds h2, .announcements .title { margin-bottom:10px; font-size:24px; } .announcements .playPause { top:-43px; } .exclusiveOffers { padding-bottom:20px; } .exclusiveOffers .btnRow .button { padding:10px 25px; } .copyright { text-align:center; margin:0; } .copyright p, #footer .siteUpdate { margin-bottom:8px; } #footer { padding:0; } .bobNetwork { width:100%; margin-bottom:-45px; } .bobNetwork:after { right:50%; } .exclusiveOffersList .swiper-slide img { width:100%; } #footer .row .col8, #footer .row .col4 { width:auto; float:none; padding:0; border:0; } .footerHide.footerSlideUp .footerHideRow { height:637px; } .bobNetwork .leftBox { width:36%; } .bobNetwork .rightBox { width:64%; } #footer .row .col4 .box.connectWithUs, #footer .row .col4 .box.mobConWithUs, #footer .row .col4 .buttons { width:auto; margin-right:20px; float:left; } #footer .buttons span { margin-top:30px; } .footerHide.footerSlideUp .footerHideRow { height:437px; } #footer .row .col4 .buttons{margin-top:0;} #footer .topRow .box { width:333px; } .homeLoanGridView li, .boxesView li { width:50%; } .innerBannerCaption .homeLoanCaptionBox .large { font-size:21px; line-height:25px; } .giftCardInquire .bottomCotactDetail .rightLinks li { margin:30px 0; } .giftCardNote { padding:15px 20px; } .debitCardGrid .cardUser { padding:0; } .cardUser .rightLinks li { padding:0 8px; } .personalAcc .row .col7, .personalAcc .row .col5 { width:50%; } .rightSidebar .rightbar, .rightSidebar .rightContent { width:auto; float:none; padding-right:0; } #menuLeft { display:none; } .sideRightMenu { margin:0; } .mconnectFeatures .newFeaturesList { float:none; width:auto; margin:-10px 0; padding:0; border:0; } .ipgTechSupport ul { padding-right:270px; } .ipgTechSupport { background-position:120% top; } .ipgTechSupport { margin-top:30px; } .mclipKeyList li, .mclipKeyList ul.rightList li { padding:30px 15px; min-height:145px; } .mclipKeyList li:first-child, .mclipKeyList li:nth-child(2) { padding:15px; } .mclipKeyList h3 { padding-bottom:0; } .giftCardInquire.mClipInquire .bottomCotactDetail .rightCol { width:50%; } .mpassbookRegPro ul li, .mpassbookRegPro.minvestRegPro ul li { float:none; width:auto; min-height:inherit; text-align:left; padding:15px 0; } .mpassbookRegPro ul li:first-child, .mpassbookRegPro.minvestRegPro ul li:first-child { padding-top:0; } .mpassbookRegPro ul li:last-child, .mpassbookRegPro.minvestRegPro ul li:last-child { padding-bottom:0; } .mpassbookRegPro ul li:after, .mpassbookRegPro .circle:after, .mpassbookRegPro.minvestRegPro ul li:after, .mpassbookRegPro.minvestRegPro .circle:after { display:none; } .mpassbookRegPro .circle, .mpassbookRegPro ul li p, .mpassbookRegPro.minvestRegPro ul li p, .mpassbookRegPro.minvestRegPro .cricle { margin:0; display:inline-block; vertical-align:middle; } .mpassbookRegPro ul li p, .mpassbookRegPro.minvestRegPro ul li p { width:85%; padding-left:20px; } .mpassbookRegPro ul, .mpassbookRegPro.minvestRegPro ul { padding-top:10px; } .mpassbookContanct .leftCol, .mpassbookContanct .rightCol { width:auto; float:none; padding:0; border:0; } .mpassbookContanct .contactDetail div { padding-right:75px; } .mpassbookContanct .rightLinks li { padding:0 100px 0 0; width:auto; } .mpassbookContanct .rightLinks li:last-child, .mpassbookContanct .contactDetail div:last-child { padding-right:0; } .ibCustomerRegister .leftBox { margin-top:10px; } .ibApplyBox { padding:50px 20px; } .ibViewFacilities ul li { display:block; width:auto; padding:6px 0 6px 90px; margin:30px 0; } .ibViewFacilities ul li:first-child { margin-top:0; } .ibViewFacilities ul li:last-child { margin-bottom:15px; } .ibViewFacilities h3 { margin-bottom:5px; } .ibViewFacilities h2 { text-align:left; } .ourVision .leftCol img { width:100%; } .bankFounded .tabContainer .imgHolder { position:static; float:left; margin:0 20px 20px 0; } .history .bankFounded { padding:20px; } .directors .box h3 { min-height:inherit; } .loanDetailFrom .fieldRow { margin:0; } .loanDetailFrom .fieldCol, .loanDetailFrom.commonForm.twoColoumn .fieldCol { padding:0; width:auto; float:none; margin-bottom:10px; } .loanDetailFrom.commonForm .fieldInput .error { position:static; } .locationWrap.halfWidth .mapAndLocationWrap, .routeDetailsWrap { width:auto; float:none; } .mapAndLocationWrap #dvMap { height:350px; } .findLocationSearch .searchFeildsCols { padding-right:0; } .searchFeildsCols .searchFeildCol, .searchFeildsCols.twoColumns .searchFeildCol { float:none; width:auto; } .searchFeildsCols .searchBtn { position:static; } .boxesView strong { font-size:20px; line-height:27px; } .emiCalculatorWrap, .leadMangeMentWrap .leftContent { float:none; width:auto; padding:0; max-width:inherit; } .leadMangeMentWrap .leftContent .commonForm { float:none; width:auto; } .leadMangeMentWrap .leftContent { margin-bottom:25px; } .emiTotalWrap { padding:0 15px; } .leadMangeMentWrap .leftContent { padding-top:0; } .loanDetailFrom.commonForm.twoColoumn .fieldCol.captcha { width:300px; } .emiCoutnerBg { display:table; width:100%; padding:20px 20px 10px 20px; } .emiCoutnerBg .emiCounter, .emiCoutnerBg .chartArea { float:left; width:50%; } .emiCoutnerBg .emiCounter { padding-right:20px; padding-left:15px; } .fullwidthCalculator .emiCoutnerBg .emiCounter, .fullwidthCalculator .emiCoutnerBg .chartArea { float:none; width:auto; } .customerServices .leftCol, .customerServices .rightCol { width:auto; float:none; margin:0; padding:0; } .homeLoanGridView.customerServicesList li { width:50%; } .pageRightNav { margin-bottom:20px; } .col2Page .sidebar:before, .col2Page .sidebar, .col2Page .rightContent:before { display:none; } .col2Page .rightContent { float:none; width:auto; padding:0; } .gridView .col3 { width:50%; } .bobMedia ul li { width:32.7%; } .mconnectContact.ruralAgriDetail .leftCol { width:68%; } .mconnectContact.ruralAgriDetail .rightCol { width:31%; padding-top:30px; } .customerSerInq { padding:0; } .customerSerInq .box { float:none; width:auto; border:0; border-bottom:1px solid #dadada; padding:15px 0; } .customerSerInq .col2 .number br { display:none; } .customerSerInq .col2 .number strong { padding-right:5px; } .customerSerInq .box p strong { display:inline-block; } .customerSerInq .box:after { display:none; } .eduLoanDetailPage, .homeLoanLandingPage { padding-top:10px; } .mUpiDownload .middleContentWrap, .mUpiDownload .rightLinks { float:none; width:auto; } .mUpiDownload .rightLinks ul, .mUpiDownload .rightLinks { margin:0; } .mUpiDownload .rightLinks li, .mUpiDownload .rightLinks li:first-child { width:auto; padding:0 15px 0 0; vertical-align:middle; float:none; display:inline-block; } .mpassbookContanct.mUpiContact .leftCol, .mpassbookContanct.mUpiContact .rightCol { max-width:530px; margin:0 auto; } .mpassbookContanct.mUpiContact .rightCol { max-width:320px; margin-top:30px; } .accountSubNav.govtScheme li .box, .accountSubNav.govtScheme li:hover .box { min-height:313px; } .threeCols .nriLoanTypeList li { width:50%; } .schemProgrammList.nriLoanTypeList .box { min-height:310px; } .imgiconThreeBoxes li .titleBox h2 { font-size:18px; } .mpassbookBenefits.minvestBenefits ul li { min-height:133px; } .moneyTransfer ul li { padding:20px; } .bottomCotactDetail.nriCall .leftCol { display:none; } .bottomCotactDetail.nriCall .rightCol { padding-left:0; width:auto; float:none; } } @media screen and ( max-width:767px ) {.homeProductsInner .bgfullImg, .homeProductsInner .homeProductListing { display:none; background-image: none!important; } .exploreMoreSlider { display:block; } .homeProductsInner:after, .homeProductsInner:before { display:none; } .exploreMoreSlider { background:#ff6633; } .exploreMoreSlider .swiper-slide { border:0; text-align:center; } .exploreMoreSlider .homeSprite { margin:38px 0 20px; display:inline-block; -webkit-transition: 350ms ease; transition: 350ms ease; } .exploreMoreSlider a { min-height:268px; display: block; text-decoration: none; } .exploreMoreSlider .productTitle { display: block; margin-bottom: 20px; color: #fff; font-size:18px; padding:0 10px; position: relative; line-height:28px; } .exploreMoreSlider .productTitle:after { display:none; } .exploreMoreSlider .appForms .productTitle:after { bottom:-37px; } .exploreMoreSlider .appForms .productTitle { margin-top:15px; } .exploreMoreSlider a:hover .productTitle:after { display:none; } .exploreMoreSlider .exploreBtn { display: inline-block; padding:0 10px; color: #ff6633; text-transform:uppercase; font-weight: 700; line-height:30px; position: absolute; background: #fff; border:1px solid #fff; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; left:50%; margin-left:-53px; bottom:25px; font-size:15px; } .exploreMoreSlider .exploreBtn:hover { background: #ff6633; border-color:#fff; color:#fff; } .exploreMoreSlider .exploreBtn .icon { display:inline-block; height:12px; width:17px; background-position:-190px -1px; margin:0 0 0 4px; vertical-align:middle; } .exploreMoreSlider .exploreBtn:hover .icon { background-position:-174px -1px; } .exploreMoreSlider a:hover { background-color: #ff6633; } .exploreMoreSlider .icon1 { width: 56px; height: 56px; background-position:-3px -187px; } .exploreMoreSlider .icon2 { width:41px; height:62px; background-position:-238px -277px; } .exploreMoreSlider .icon3 { width: 58px; height: 57px; background-position:-440px -180px; } .exploreMoreSlider .icon4 { width: 78px; height: 57px; background-position:-84px -186px; } .exploreMoreSlider .icon5 { width: 60px; height: 57px; background-position:-2px -280px; } .exploreMoreSlider .icon6 { width: 57px; height: 57px; background-position:-355px -181px; } .exploreMoreSlider .icon7 { width: 51px; height: 57px; background-position:-280px -186px; } .exploreMoreSlider .icon8 { width:63px; height:68px; background-position:-147px -274px; } .exploreMoreSlider .icon9 { width:54px; height:59px; background-position:-77px -280px; } .exploreMoreSlider .icon10 { width:184px; height:49px; background-position:-298px -284px; } .exploreMoreSlider .icon11 { width:49px; height:54px; background-position:-502px -281px; } .exploreMoreSlider .icon12 { width: 59px; height: 56px; background-position:-183px -186px; } .homeProducts h2:after, .exclusiveOffers h2:after, .socialFeeds h2:after, .announcements .title:after { width:400px; margin-left:-200px; } /*.footerHide{margin:0;} .footerHide:after, .footerSlideup{display:none;} .footerHide .footerHideRow{height:auto; overflow:inherit;} .footerLinks .col3{float:none; width:auto;} .footerLinks .col3 h3{margin:0;}*/ .footerHide { margin:43px 0 15px 0; } .footerHide.footerSlideUp .footerHideRow { height:auto; overflow:inherit; } .footerLinks .col3 { float:none; width:auto; } .footerLinks .col3 h3 { margin:0; } .accTriggerFooter, .accordionFooter .accTriggerFooter.active { background:none; font-weight:600; padding:10px 30px 10px 0; border-bottom:1px solid #dadada; color:#444; position:relative; font-size:16px; cursor:pointer; margin:0; } .accTriggerFooter:after, .faqPageDetail .faqRow .q:after, .mobAccordionTrigger:after { background:url(../../images/dark-arrow-down.png) no-repeat 0 0; width:15px; height:15px; top:21px; right:0; position:absolute; content:""; } .accTriggerFooter.active:after, .faqPageDetail .faqRow .q.active:after, .mobAccordionTrigger.active:after { background:url(../../images/dark-arrow-up.png) no-repeat 0 0; } .faqPageDetail .faqRow .q:after { top:18px; } .faqPageDetail .faqRow .q { padding-right:30px; } .mobAccordionTrigger:after { top:23px; } .mobAccordionTrigger { position:relative; border-bottom:1px solid #dadada; padding-top:10px; padding-bottom:10px; margin:0; cursor:pointer; } .container.mobAccordionTrigger { margin:0 15px; width:auto; padding:10px 0; } .container.mobAccordionTrigger h2 { margin:0; } .personalAcc .otherProducts { margin-bottom:0; } .mobAccordionDetail ul.bulletText { margin:10px 0 0 0; } .accordDetailFooter { padding:15px 0; display:none } .accordDetailFooter.active { display:block; } #footer .row .col4 .box.connectWithUs, #footer .row .col4 .box.mobConWithUs, #footer .row .col4 .buttons { float:left; width:auto; margin:0 13px 0 0 } #footer .row .col4 .buttons { margin:0; float:right; } #footer .buttons span { margin-top:0; margin-right:0; } #footer .topRow .box { margin:20px auto 0 auto; } .exclusiveOffers .container { padding:0 15px; } .exclusiveOffers .swiper-button-next, .exclusiveOffers .swiper-button-prev { display:none; } .exclusiveOffers .btnRow { margin-top:15px; } .exclusiveOffers { position:relative; } .exclusiveOffers:after { position:absolute; right:15px; top:15px; content:""; width:36px; height:17px; background:url(../../images/swipeIconGray.png) no-repeat 0 0; z-index:1; opacity:0.5; } #backtotop, #footer .row .col4 .box.connectWithUs { display:none !important; } #content.homeLinks, .bussHomelinks, .nriHomelinks, .homeLinks.ruralAgriSec { padding:30px 0 0 0; background:#fff; } .homeLinks ul li { display:block; width:auto; padding:0; border-right:0; margin:0; } .homeLinks ul li a { text-align:left; padding:15px; border-top:1px solid #ededed; background:url(../../images/home-link-arrow.png) no-repeat 96% center; } .homeLinks ul li:first-child, .homeLinks ul li:first-child a { border:0; } .homeLinks ul li a:after, .homeLinks ul li a:before { display:none; } .homeLinks .title, .homeLinks .icon, .homeLinks ul li .title .break { display:inline-block; } .homeLinks ul li .title { margin:0; } .homeLinks .title br { float:left; } .homeLinks .container { padding:0; } .homeLinks .icon { vertical-align:middle; width:47px; height:32px; margin:0 18px 0 0; } .homeLinks .icon1 { background-position:9px -413px; } .homeLinks .icon2 { background-position:-41px -413px; } .homeLinks .icon3 { background-position:-97px -413px; } .homeLinks .icon4 { background-position:-154px -413px; } .homeLinks .icon5 { background-position:-208px -413px; } .homeLinks .smeloanIcon { background:url(../../images/business-home-link-mob-icon2.png) no-repeat center center; } .homeLinks .downIcon { background:url(../../images/business-home-link-mob-icon3.png) no-repeat center center; } .homeLinks .icon8 { background:url(../../images/business-home-link-mob-icon5.png) no-repeat center center; } .homeLinks .creditCardIcon { background:url(../../images/nri-home-link-mob-icon1.png) no-repeat center center; } .homeLinks.ruralAgriSec .icon6 { background:url(../../images/rural-agri-home-link-mob-icon1.png) no-repeat center center; } .homeLinks.ruralAgriSec .icon7 { background:url(../../images/rural-agri-home-link-mob-icon2.png) no-repeat center center; } .homeLinks .icon9 { background:url(../../images/agriculture-home-link-mob-icon.png) no-repeat center center; } .mobConWithUs p { display:none; } .homeProducts h2, .exclusiveOffers h2, .socialFeeds h2 { text-align:left; } .homeProducts h2:after, .exclusiveOffers h2:after, .socialFeeds h2:after { left:30%; } .homeProducts:after { top:38px; } .exclusiveOffers:after { top:9px; } .exploreMoreSlider .swiper-slide:nth-child(even) { background:#f25927; } .bobNetwork:after { display:none; } .bobNetwork { position:fixed; top:50%; height:350px; margin-top:-175px; left:20px; right:20px; width:auto; } .bobNetwork .innerBox { overflow-x:auto; height:320px; } .copyright p, #footer .siteUpdate { float:none; } .overseasDropdownblock > a { padding:0 19px 0 6px; } .headerRow .topRightNav li { padding:0 6px; } .headerRow .topRightNav li.overseasDropdownblock { padding:0 6px 0 0; } .headerRow .topRightNav li:last-child { padding-top:3px; } .headerRow .botRightNav li { padding:0 2px; } .headerRow .botRightNav { padding:0 41px 0 0; margin:0; } .headerRow .topRightNav { right:173px; } #footer .row .col4 .box label { display:none; } .callBackPop ::-webkit-input-placeholder { opacity:0.6; color:#555; } .callBackPop ::-moz-placeholder { opacity:0.6; color:#555; } .callBackPop :-ms-input-placeholder { opacity:0.6; color:#555; } .callBackPop :-moz-placeholder { opacity:0.6; color:#555; } .callBackPop .control-row .col2 { display:none; } .callBackPop .control-row .col2last, .callBackPop .heading .heading_left, .callBackPop .heading .heading_right { float:none; display:block; width:auto; } .innerBannerCaption .orangeBox, .innerBannerCaption .homeLoanCaptionBox, .innerBannerCaption .commonCaptionBox { display:none; } .loanTypeList li { width:50%; } .loanTypeList li.titleLarge .box, .loanTypeList .box { min-height:260px; } .callBackPop .heading .heading_right { text-align:left; } .homeLinks { border:0; } /**************Responsive Tab**************/ .r-tabs .r-tabs-nav { display: none; } .r-tabs .r-tabs-accordion-title { display: block; } .loanDetail .tabContainer, .leftTabBar .leftTabDetails { padding:0; width:auto; float:none; } .loanDetail .tabContent { float:none; width:auto; } .leftTabBar .tabContent { padding:15px 0; } .resTab .r-tabs-accordion-title { margin-bottom:2px; } .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor, .resTab .r-tabs-accordion-title .r-tabs-anchor { color:#606060; background-color:#f3f3f3; } .resTab .r-tabs-accordion-title .r-tabs-anchor { position:relative; padding:20px 25px 20px 15px; } .loanDetail .resTab .r-tabs-accordion-title .r-tabs-anchor, .leftTabBar .resTab .r-tabs-accordion-title .r-tabs-anchor { padding:20px 15px 20px 75px; } .resTab .r-tabs-accordion-title .r-tabs-anchor:after { background:url(../../images/dark-arrow-down.png) no-repeat 0 0; content: ""; height: 15px; position: absolute; right:15px; top:50%; width: 15px; margin-top:-5px; } .resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after { background:url(../../images/dark-arrow-up.png) no-repeat 0 0; } .resTab .r-tabs-accordion-title .r-tabs-anchor br { display:none; } .loanDetail .r-tabs-accordion-title .icon, .leftTabDetails .r-tabs-accordion-title .icon { right:auto; left:15px; margin-top:-18px; width:35px; height:35px; } .loanDetail .r-tabs-accordion-title .icon1, .loanDetail .r-tabs-accordion-title.r-tabs-state-active .icon1, .leftTabDetails .r-tabs-accordion-title .keyBenIcon, .leftTabDetails .r-tabs-accordion-title.r-tabs-state-active .keyBenIcon, .leftTabDetails .r-tabs-accordion-title .keyFeaIcon, .leftTabDetails .r-tabs-accordion-title.r-tabs-state-active .keyFeaIcon { background:url(../../images/loan-left-tab-icon-1.png) no-repeat center center; } .loanDetail .r-tabs-accordion-title .icon2, .loanDetail .r-tabs-accordion-title.r-tabs-state-active .icon2, .leftTabDetails .r-tabs-accordion-title .eligibility, .leftTabDetails .r-tabs-accordion-title.r-tabs-state-active .eligibility { background:url(../../images/loan-left-tab-icon-2.png) no-repeat center center; } .loanDetail .r-tabs-accordion-title .icon3, .loanDetail .r-tabs-accordion-title.r-tabs-state-active .icon3, .leftTabDetails .r-tabs-accordion-title .rateInt, .leftTabDetails .r-tabs-accordion-title.r-tabs-state-active .rateInt { background:url(../../images/loan-left-tab-icon-3.png) no-repeat center center; } .loanDetail .r-tabs-accordion-title .icon4, .loanDetail .r-tabs-accordion-title.r-tabs-state-active .icon4, .leftTabDetails .r-tabs-accordion-title .termConIcon, .leftTabDetails .r-tabs-accordion-title.r-tabs-state-active .termConIcon { background:url(../../images/loan-left-tab-icon-4.png) no-repeat center center; } .loanDetail .r-tabs-accordion-title .icon5, .loanDetail .r-tabs-accordion-title.r-tabs-state-active .icon5 { background:url(../../images/loan-left-tab-icon-5.png) no-repeat center center; } .loanDetail .r-tabs-accordion-title .icon6, .loanDetail .r-tabs-accordion-title.r-tabs-state-active .icon6 { background-position:-818px -506px; } .leftTabBar { margin-bottom:20px; } .loanDetail .tabContent .faqRow { margin:10px 0; } .homeLoanInquire { text-align:center; } .loanDetailInq .bottomCotactDetail .leftCol, .loanDetailInq .bottomCotactDetail .rightCol { float:none; width:auto; padding:0; } .bottomCotactDetail .contactDetail .callIcon { position:static; margin:0 10px 0 0; display:inline-block; vertical-align:middle; } .bottomCotactDetail .contactDetail { padding:0; } .bottomCotactDetail .contactDetail div { vertical-align:middle; } .loanTopNav { background:none; padding:0; } .loanTopNav ul li { float:none; width:auto; border:0; display:block; text-align:left; } .loanTopNav ul li a { display:block; position:relative; background:url(../../images/home-link-arrow.png) no-repeat 96% center; padding: 15px; text-align: left; color:#ff6633; border-bottom:1px solid #ededed; } .loanTopNav .icon, .loanTopNav .title { display:inline-block; vertical-align:middle; } .loanTopNav .title { color:#ff6633; } .loanTopNav .icon { background-color:#fff; border-radius:0; margin:0 18px 0 0; height:31px; width:31px; } .loanTopNav .icon:after { display:none; } .loanTopNav ul li a .icon1, .loanTopNav ul li a:hover .icon1, .loanTopNav.accDetTopNav ul li a .icon2, .loanTopNav.accDetTopNav ul li a:hover .icon2 { background-position:-1244px -93px; } .loanTopNav ul li a .icon2, .loanTopNav ul li a:hover .icon2 { background-position:-1313px -92px; } .loanTopNav ul li a .icon4, .loanTopNav ul li a:hover .icon4 { background-position:-1313px -237px; } .loanTopNav ul li a .icon5, .loanTopNav ul li a:hover .icon5, .loanTopNav.accDetTopNav ul li a .icon3, .loanTopNav.accDetTopNav ul li a:hover .icon3 { background-position:-1384px -238px; } .loanTopNav.accDetTopNav ul li a .icon1, .loanTopNav.accDetTopNav ul li a:hover .icon1 { background-position:-1385px -92px; } .loanTopNav ul li a .icon3, .loanTopNav ul li a:hover .icon3 { background-position:-1385px -92px; } .loanTopNav .container { padding:0; } #content.largeBannerPage { padding-top:20px; } .loanTopNav ul { padding:0; } .loanSliderArea { padding:0; } .loanSliderArea .swiper-button-next, .loanSliderArea .swiper-button-prev { display:none; } .loanRateInterest { padding:40px 0 0 0; } .alsoBeInterested { position:relative; } .alsoBeInterested:after { position:absolute; right:0; top:40px; content:""; width:36px; height:17px; background:url(../../images/swipeIconGray.png) no-repeat 0 0; z-index:1; opacity:0.5; } .alsoBeInterested { padding:30px 0 25px 0; } .cards.loanTypeList li { float:none; width:auto; border:0; border-bottom:1px solid #e0e0e0; } .cards.loanTypeList li .box { min-height:inherit; padding:20px 15px; } .cards.loanTypeList li .explore, .cards.loanTypeList li .preparedCardLink, .cards.loanTypeList li:hover .explore, .cards.loanTypeList li:hover .preparedCardLink { position:static; margin:0; } .cards.loanTypeList li .title { display:block; margin-bottom:5px; } .cards.loanTypeList li .title:after { display:none; } .innerBanner .pageTitle, .breadcrumb { position:static; } .innerBanner .vCenter { top:0; transform:inherit; -webkit-transform:inherit; position:static; } .innerBanner .pageTitle h1 { margin:0; opacity:1; text-align:left; } .innerBanner .pageTitle { background:rgba(0, 0, 0, 0.65); padding:5px 0; } .breadcrumb { background-color:#e3e3e3; color:#000; } .breadcrumb a { color:#000; background-image:url(../../images/breadcrumb-arrow-black.png); } .innerBanner .pageTitle h1 { font-size:23px; font-weight:700; } .giftCardInquire, .debitCardGrid .cardUser { text-align:center; } .giftCardInquire .bottomCotactDetail .rightCol, .giftCardInquire .bottomCotactDetail .leftCol, .cardUser .leftCol, .cardUser .rightCol, .giftCardInquire .bottomCotactDetail.travelEasycardbottom .leftCol, .giftCardInquire .bottomCotactDetail.travelEasycardbottom .rightCol { float:none; width:auto; border:0; padding:0; } .giftCardInquire .bottomCotactDetail .rightLinks li, .cardUser .rightLinks li { margin:0; } .giftCardInquire .bottomCotactDetail.travelEasycardbottom .contactDetail { float:none; } .giftCardInquire .bottomCotactDetail .rightLinks li, .cardUser .rightLinks li { width:auto; padding:10px 15px; } .cardUser .contactDetail .icon { position:static; display:inline-block; } .cardUser .contactDetail { padding:0; margin-top:10px; } .cardUser .contactDetail div { text-align:left; } .debitCard .bottomCardLinks li a { padding:10px 10px 10px 85px; } .cardUser .contactDetail .icon { margin-right:15px; } .debitCardSlider .slideContent p, .debitCardSlider .slideContent ul { display:none; } .debitCardSlider .slideContent { margin:0; z-index:1; left:auto; width:100%; border:0; padding:50px 0 0 0; } .debitCardSliderOuter::after { background:#fff; border-bottom:20px solid #ff6633; } .debitCardSlider .sliderControl .swiper-button-next { right:30px; } .debitCardSlider .sliderControl .swiper-button-prev { left:30px; } .debitCardSlider .swiper-slide { width:400px; } .debitCardSlider .swiper-slide, .debitCardSlider .sliderControl, .debitCardSlider .cardBox, .debitCardSlider .swiper-slide { height:318px; } .debitCardSliderOuter:after { height:300px; } .debitCardSliderOuter { padding-bottom:140px; } .debitCardSlider h3 { color:#ff6633; } .debitCardSliderOuter { padding-bottom:160px; } .bsbcaTable:last-child { margin-bottom:0; } .bsbcaTable tr td:first-child { font-size:16px; } .personalAcc .otherProducts .col6 { float:none; width:auto; padding:15px 0; border-width:3px; } .personalAcc .otherProducts .col6:last-child { margin:0; } .exclusiveOffersList { padding:10px 0; } .exclusiveOffersList .swiper-slide { box-shadow:0 0 0 #000; border:1px solid #dadada; } .breadcrumb, .innerLargeBanner .breadcrumb { position:absolute; right:0; bottom:0; z-index:3; left:auto; background-color:#595959; padding:0; width:auto; } .breadcrumb.hideBreadCum { display:none; } .breadcrumb .container { padding:0; } .breadcrumb ul { display:none; width:220px; background:#eeeeee; position:absolute; top:100%; right:0; box-shadow:0 0 5px rgba(0, 0, 0, 0.5); } .breadcrumb a { display:block; text-decoration:none; margin:0; padding:8px 28px 8px 20px; background-position:91% center; font-size:15px; border-bottom:1px solid #ccc; } .breadcrumb span.currentPage { display:none; } .breadcrumb ul.active { display:block; } .breadcrumb .brdcMobIcon { display:block; cursor:pointer; } .innerBanner { overflow:inherit; } .innerBanner.innerLargeBanner .pageTitle h1 { padding-right:30px; } .cardUser .contactDetail div { display:inline-block; } .aboutMconnect .brdParagraph { margin-bottom:50px; } .newFeaturesRow ul, .newFeaturesRow ul.rightList { width:auto; margin:0; padding:0; float:none; } .newFeaturesRow ul li, .newFeaturesRow ul.rightList li { padding:10px 0; } .newFeaturesRow ul li:last-child { border-bottom:1px solid rgba(0, 0, 0, 0.1); } .newFeaturesRow ul.rightList li:last-child { border:0; } .newFeaturesRow ul li br { display:none; } .newFeaturesRow ul li .icon { position:static; display:inline-block; vertical-align:middle; margin:0 15px 0 0; } .newFeaturesRow ul li .text { display:inline-block; vertical-align:middle; width:80%; } .newFeaturesRow { padding:20px 0 15px 0; } .mconnectContact .leftCol { padding-right:20px; border-right:2px solid #ff6633; } .mconnectContact .leftCol .contactDetail { border:0; } .mconnectContact .rightCol { padding-left:20px; } .mconnectContact .contactDetail { text-align:center; } .mconnectContact .contactDetail .call, .mconnectContact .contactDetail .fax { margin:0; } .mconnectContact .rightdetail { display:block; } .mconnectContact .contactDetail .call, .mconnectContact .contactDetail .fax { float:none; margin:30px 0 0 0; } .mconnectContact .icon { margin:0 0 10px 0; } .mconnectContact h2 { margin-bottom:30px; text-align:center; } .mconnectContact h3 { text-align:center; margin-bottom:20px; } .newFeaturesRow { background:#f1f2f2; } .newFeaturesRow ul li { color:#555; border-bottom:1px solid rgba(0, 0, 0, 0.1); } .newFeaturesRow ul li { min-height:inherit; } .bottomCotactDetail.kiosk h2 { text-align:center; } .bottomCotactDetail.kiosk .rightCol { width:360px; margin:0 auto; float:none; } .billPayListCover .hline { display:none; } .billPayListInfo, .billPayListInfo:last-child { width:auto; padding-top:20px; float:none; } .billPayList { padding:20px 0 0 0; } .billPayUsage { padding:20px 0; } .billPayList .borderTitle { margin-bottom:25px; } .billPayPSI ul li:nth-child(1) { padding:0; width:auto; float:none; display:block; padding-bottom:25px; border:0; } .billPayPSI ul li, .billPayPSI ul li:nth-child(2) { width:49%; padding:0 15px 0 0; } .billPayPSI { padding:20px 0; } .stepsImgs li { width:50%; } .ipgKeyFeatures .ipgKeyFeatures:after { display:none; } .ipgKeyFeatures .ipgKeyFeatures { padding-left:0; } .ipgKeyFeatures ul:first-child { padding-left:0; border:0; } .ipgKeyFeatures ul:last-child { padding-right:0; } .ipgTechSupport { background:#f7f7f7; } .ipgTechSupport ul { padding-right:0; } .ipgDocumentation .rightArea { padding-left:0; } .ipgDocumentation .iconHolder { display:none; } .giftCardInquire.mClipInquire .bottomCotactDetail .rightCol { width:auto; float:none; padding:15px 0; } .bottomCotactDetail .rightLinks a:after { display:none; } .mClipInquire .bottomCotactDetail .contactDetail div { padding:0 10px; } .mclipKeyList h3 { font-size:16px; } .fraudAlert .imgHolder { width:190px; padding-right:30px; height:184px; } .fraudAlert ul.bulletText { padding:30px 0 0 210px; } .fraudAlert { padding:20px 0 0 0; } .mpassbookBenefits ul li { font-size:16px; } .ibTransLimitTab { box-shadow:0 0 5px rgba(0, 0, 0, 0.2); margin-top:0; } .ibViewFacilities, .ibTransLimit { padding:20px 0; } .ibTransLimit .resTab .r-tabs-accordion-title .r-tabs-anchor { padding:20px 15px 20px 15px; } .ibTransLimitTab table th { font-weight:600; font-size:16px; } .ibCustomerRegister .ibBobLogo { display:none; } .ibCustomerRegister .leftBox, .ibCustomerRegister .rightBox { width:50%; margin:0; } .ibCustomerRegister .leftBox p { text-align:left; } .ibCustomerRegister .leftBox { padding-right:15px; } .ibCustomerRegister .rightBox { padding-left:15px; } .ibInquiryInfo li:first-child { width:100%; padding-right:0; margin-bottom:25px; } .ibInquiryInfo li { width:49%; } .ibInquiryInfo { margin-bottom:20px; padding-bottom:20px; border:0; } .ibInquiry .inquiryList { text-align:center; } .ibInquiry .inquiryList li { padding:0 20px 0 0; } .ibInquiry .inquiryList a:after { display:none; } .ibApplyTab .ibApplyTabNav li a { padding:20px 70px; } .directors .box h3 { min-height:52px; } .directorProfilePopup .mfp-close { right:0; top:0; border-radius:0; background:#ff6633 url(../../images/close-icon.png) no-repeat 0 0; } .directorProfilePopup .detailRow { padding:15px; } .directorProfilePopup h2 { padding:15px 0 0 15px; } .directorProfilePopup h2.borderTitle:after { left:15px; } .directorProfilePopup .directorPhoto .imgHolder { display:block; } .directorProfilePopup .directorPhoto .imgHolder img { width:100%; } .directorProfilePopup .directorPhoto { width:170px; margin:0 15px 15px 0; } .directorProfilePopup .detail { padding-left:0; } .mobAccordionDetail { display:none; } .locateTabs .tabNav li a { min-width:155px; } .emiCoutnerBg { display:block; width:auto; } .emiCoutnerBg .emiCounter, .emiCoutnerBg .chartArea { float:none; width:auto; } .emiCoutnerBg .emiCounter { padding:0 0 0 10px; } .mandatoryForMobile { display:block; } .mandatoryForDesktop { display:none; } .sitemap { margin-top:0; } .sitemap .row { height:auto !important; padding:20px 0 5px 0; } .sitemap .row:first-child { padding-top:0; } .sitemap .row .box { position:static !important; float:none; width:auto; } .sitemap .row .box ul.bulletText { margin-bottom:15px; } .finclRptbtnGroup li a { padding:6px 10px; font-size:15px; } .faqSearchWrap { padding:10px 125px 10px 10px; min-height:73px; } .faqSearchBtn { top:10px; right:10px; } .faqPageDetail .categoryBox { position:static; width:auto; margin-bottom:25px; } .homeLoanGridView.customerServicesList { margin:0 -5px; } .homeLoanGridView.customerServicesList li { padding:5px; } .accountSubNav.govtScheme li { width:50%; } .indiaHolidaysList .cols2 { float:none; width:auto; padding:0; } .indiaHolidaysList .cols2 ul { margin:0; } .accordDetail { padding:10px 0; } .gridView .row { margin:0; } .gridView .col3, .gridView .col2 { width:auto; float:none; padding:0 } .gridView .col3 ul { margin:0; } .officesBranches .r-tabs .r-tabs-nav { display:block; } .officesBranches .r-tabs .r-tabs-accordion-title { display:none; } .contMoreInfo ul:first-child, .contMoreInfo ul:last-child { float:none; margin:0; width:auto; } .contMoreInfoCover { padding:15px; } .imgiconfourBoxes { background:#f3f3f3; margin:0 -15px; padding:30px 0; } .imgiconfourBoxes li { margin-bottom:30px; } .loanTopNav.bussTopnav ul { padding:0; } .loanTopNav.bussTopnav ul li:first-child { width:auto; } .loanTopNav.bussTopnav ul li .icon { width:32px; height:32px; } .loanTopNav.bussTopnav ul li .smePol, .loanTopNav.bussTopnav ul li a:hover .smePol { background:url(../../images/business-home-sme-policy-icon.png) no-repeat center center; } .loanTopNav.bussTopnav ul li .msmeClu, .loanTopNav.bussTopnav ul li a:hover .msmeClu { background:url(../../images/business-home-msme-clusters-icon.png) no-repeat center center; } .loanTopNav.bussTopnav ul li .msmecareCen, .loanTopNav.bussTopnav ul li a:hover .msmecareCen { background:url(../../images/business-home-msme-care-icon.png) no-repeat center center; } .loanTopNav.bussTopnav ul li .otherInfo, .loanTopNav.bussTopnav ul li a:hover .otherInfo { background:url(../../images/business-home-other-info-icon.png) no-repeat center center; } .bussInquire .contactDetail .icon { display:inline-block; position:static; vertical-align:middle; } .bussInquire .bottomCotactDetail .contactDetail div { margin-left:10px; } .bussInquire .bottomCotactDetail .leftCol { padding-bottom:20px; } .innerLargeBanner .bussbannerCaption p { display:none; } .landingPageBanner .bussbannerCaption h2 { margin:0; } .landingPageBanner .innerContainer { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); top:auto; bottom:0; } .landingPageBanner .bussbannerCaption { float:none; width:100%; text-align:center; padding:10px; margin:0; } .landingPageBanner .bussbannerCaption.leftSide { margin-left:0; } .landingPageBanner .bussbannerCaption h2 { font-size:21px; color:#fff; } .landingPageBanner .innerContainer, .innerLargeBanner .innerContainer.rightSide .bussbannerCaption { position:static; float:none; background:none; } .landingPageBanner .innerContainer { background:rgba(0, 0, 0, 0.65); } .nriTopnav ul li a .fatcaIcon, .nriTopnav ul li a:hover .fatcaIcon { background:url(../../images/nri-home-fatca-crs-icon.png) no-repeat center center; } .nriTopnav ul li a .eligibilityIcon, .nriTopnav ul li a:hover .eligibilityIcon { background:url(../../images/nri-home-eli-cri-icon.png) no-repeat center center; } .nriTopnav ul li a .newsletterIcon, .nriTopnav ul li a:hover .newsletterIcon { background:url(../../images/nri-home-mewsletter-icon.png) no-repeat center center; } .nriTopnav ul li a .helpDeskIcon, .nriTopnav ul li a:hover .helpDeskIcon { background:url(../../images/nri-home-help-desk-icon.png) no-repeat center center; } .nriTopnav ul li:last-child a { border:0; } .imgiconfourBoxes.nriimgiconfourBoxes li .titleBox { padding:0; } .sitemap .container { margin:0 auto; height:auto !important; } .sitemap h2 { margin-top:0; } .mconnectContact.ruralAgriDetail .leftCol, .mconnectContact.ruralAgriDetail .rightCol { width:auto; float:none; padding:0; border:0; text-align:center; } .mconnectContact.ruralAgriDetail .leftCol:before { display:none; } .mconnectContact.ruralAgriDetail .contactDetail .call, .mconnectContact.ruralAgriDetail .contactDetail .fax, .mconnectContact.ruralAgriDetail .contactDetail .email { float:none; width:45%; margin:0; display:inline-block; } .mconnectContact.ruralAgriDetail .contactDetail .email { margin:30px 0; } .mconnectContact.ruralAgriDetail .rightCol { text-align:center; margin-top:30px; } .indexBanner .swiper-pagination, .firstBannerfb { display:none; } .indexBanner .sliderCaption .box { padding:0 15px; left:0; width:100%; text-align:center; float:none; position:absolute; bottom:15px; } .indexBanner .sliderCaption .box .button { padding:6px 10px; } .billPayPSI.minvestKnowmore ul li:nth-child(1) { width:auto; border:0; margin-bottom:15px; } .landingPageBanner .fifabannerCaption .innerContainer { position:absolute; background:none; left:15px; right:15px; text-align:center; width:auto; } .fifabannerCaption .box { float:none; width:auto; text-align:center; } .fifabannerCaption h3 { font-size:25px; line-height:30px; } .partnersSinglequete { padding:20px; box-shadow:-1px 0 11px rgba(0, 0, 0, 0.2); margin-bottom:20px; } .partnerDetail, .partnersSinglequete:nth-child(2n) .partnerDetail { margin:0; box-shadow:0 0 0 #000; padding:0; float:none; min-height:inherit; } .partnerImg { position:static; float:left; width:200px; margin:0 20px 20px 0; } .partnerDetail:before, .partnerDetail:after { display:none; } .colsBlockRight, .colsBlockLeft { width:auto; float:none; } .colsBlockLeft { margin-bottom:50px; } .accountSubNav.govtScheme.col3Nav li { float:none; width:auto; border:0; border-bottom:1px solid #e0e0e0; margin:0; } .accountSubNav.govtScheme.col3Nav li:last-child { border:0; } .accountSubNav.govtScheme.col3Nav li .box, .accountSubNav.govtScheme.col3Nav li:hover .box { min-height:inherit; } .accountSubNav.govtScheme.col3Nav .title { margin-bottom:0; } .greenPinSec ul li .box { padding-left:0; } .greenPinSec ul li .icon { display:none; } .greenPinSec .circle:after { width:77px; } .secureBankingTips ul li, .secureBankingTips ul li.singleLine { min-height:41px; padding:15px 0; } .secureBankingTips ul, .secureBankingTips ul.leftList, .secureBankingTips ul.rightList { float:none; width:auto; padding:0; margin:0; } .secureBankingTips ul li .text { width:80%; } .secureBankingTips ul.leftList li:last-child { border-bottom:1px solid #d8d8d8; } .secureBankingTips { margin:0; } .accDetTopNav.noSpaceTop { margin-top:0; } .eduLoanDetailPage, .homeLoanLandingPage { padding-top:0; } .accountSubNav.govtScheme li .box, .accountSubNav.govtScheme li:hover .box { min-height:310px; } .imgiconThreeBoxes li { width:50%; } .imgiconThreeBoxes li .titleBox { min-height:60px; } .msmeFixedDeposite.twoCols .nriLoanTypeList .box { min-height:300px; } .nriLoanTypeList .box, .nriLoanTypeList li:hover .box { padding:15px; } .schemProgrammList.nriLoanTypeList .box { min-height:320px; } .mpassbookBenefits.minvestBenefits ul li { min-height:159px; } .ccTiming .servicesCol { width:60%; } .ccTiming .timeCol { width:35%; } .valueAddedServicesBlock .cards.loanTypeList li .box { min-height:inherit; } .valueAddedServicesBlock .cards.loanTypeList .text { margin-bottom:20px; } .moneyTransfer ul li { width:48%; } .bottomCotactDetail.nriCall .contactDetail div { margin-left:0; padding:0; } .bottomCotactDetail.nriCall .contactDetail div a { padding:5px; } .nriHelpdeskContent .nriContactCentreRow { margin-top:0; } .nriHelpdeskContent h2 { text-align:center; } .nriHelpdeskContent p { font-size:16px; } .barodaRewardzAppDownl { text-align:center; } .barodaRewardzAppDownl .mpassbookDwnldApp { padding:0; float:none; margin-bottom:40px; } .barodaRewardzAppDownl p { float:none; margin:0; } .sbsMobAcc .smartBankingList ul li { width:50%; } .smartContactUs .bottomCotactDetail .rightLinks li { width:45%; padding-right:0; padding-bottom:20px; } .sbsMobAcc .accordDetail a { width:48%; } .photoGalleryList li { width:50%; } .gallerySearch { padding:0 10px 10px 10px; } .gallerySearchIn { width:auto; } .GI_TW_expander .GI_TW_arrow { top:50%; margin-top:-15px; bottom:auto; } .GI_TW_arrow .nextAlb, .GI_TW_arrow .prevAlb { text-indent:-9999px; display:inline-block; padding:0; } .GI_TW_arrow .nextAlb, .GI_TW_arrow .nextAlb:hover { width:30px; height:30px; background:#ff6633 url(../../images/video-next-album-arrow.png) no-repeat center center; } .GI_TW_arrow .prevAlb, .GI_TW_arrow .prevAlb:hover { width:30px; height:30px; background:#ff6633 url(../../images/video-prev-album-arrow.png) no-repeat center center; } .careerTopNav .loanTypeList li { width:50%; } .careerRecruitments { padding:20px 0; background:#f6f6f6; border:0; } .careerRecruitments ul { margin:0; } .careerRecruitments ul li { float:none; width:auto; padding:10px 0; } .careerRecruitments .brdParagraph { margin-bottom:40px; } .officesBranches.careerTabs .tabText, .officesBranches.careerTabs .tabImg { float:none; width:auto; padding:0; } .officesBranches.careerTabs .tabImg { padding-bottom:30px; } .CareerHelpline .CareerHelplineDetail.rgt, .CareerHelpline .CareerHelplineDetail.lft { width:auto; float:none; } .CareerHelpline .CareerHelplineDetail.lft { margin-bottom:30px; } .careerPathnav li:nth-child(3):after { width:100px; height:100px; border:0; right:-45px; top:-17px; margin:0; } .careerPathsubNav:before { display:none; } .careerPathnav { float:none; margin:0; } .careerPathsubNav > li { margin:0 0 15px 0; } .careerPathsubNav { float:none; width:238px; margin:60px 0 0 86px; } .careerPathsubNav:after { right:0; top:-90px; bottom:0; width:1px; position:absolute; content:""; background:#ff6633; display:block; } .careerPathsubNav > li:before, .careerPathsubNav > li:nth-child(2):before, .careerPathsubNav > li:nth-child(3):before, .careerPathsubNav > li:nth-child(4):before { left:auto; right:-9px; top:50%; margin-top:-10px; } .careerPathBlock { max-width:300px; width:100%; margin:0 auto; position:relative; right:40px; } .actualCareerDt .resTab.careerDetail .tabNav { display:none; } .actualCareerDt .resTab.careerDetail .r-tabs-accordion-title, .actualCareerDt .resTab.careerDetail .tabContent { display:block !important; width:100%; float:left; } .actualCareerDt .resTab.careerDetail .tabContent { border-bottom:1px solid #ccc; margin-bottom:30px; } .actualCareerDt .resTab.careerDetail .tabContent:last-child { border:0; margin-bottom:0; } .actualCareerDt .resTab.careerDetail .r-tabs-accordion-title, .actualCareerDt .resTab.careerDetail .r-tabs-accordion-title a { background:none !important; padding:0; color:#ff6633 !important; font-size:21px; } .actualCareerDt .resTab.careerDetail .r-tabs-accordion-title .r-tabs-anchor:after { display:none; } .actualCareerDt .resTab.careerDetail .careerPathManagmentBox.focusEmp { margin:0; } .actualCareerDt .resTab.careerDetail .careerPathManagmentBox.focusEmp li, .actualCareerDt .resTab.careerDetail .careerPathManagmentBox.focusEmp li + li { float:none; margin:0 0 25px 0; width:auto; min-height:inherit; border:0; } .actualCareerDt .resTab.careerDetail .careerPathManagmentBox.focusEmp.ProfileBoxes li, .actualCareerDt .resTab.careerDetail .careerPathManagmentBox.focusEmp.ProfileBoxes li + li { padding:0; } .actualCareerDt .resTab.careerDetail .CareerMoreinfoTitle, .actualCareerDt .resTab.careerDetail .CareerMoreinfoText { float:none; width:auto; padding:0; } .actualCareerDt .resTab.careerDetail .CareerHelpline.CareerDetailsIconBtn .CareerHelplineDetail .EmailIcon { position:static; margin:0 auto; display:block; } .actualCareerDt .resTab.careerDetail .CareerHelpline.CareerDetailsIconBtn .CareerHelplineDetail.lft, .actualCareerDt .resTab.careerDetail .CareerHelpline.CareerDetailsIconBtn .CareerHelplineDetail.rgt { padding:0 15px; margin:0; text-align:center; float:left; width:50%; } .actualCareerDt .resTab.careerDetail .CareerHelpline.CareerDetailsIconBtn .CareerHelplineDetail div { padding:0; } .CareerHelplineDetail.lft p.CareerHelplineContentP { position:static; margin-top:15px; } .CareerHelplineDetail.lft p.CareerHelplineContentP br, p.brdParagraph.CarreerRequipment br { display:none; } .actualCareerDt .resTab.careerDetail h2 { font-size:19px; color:#555; } .actualCareerDt .resTab.careerDetail .CareerMoreinfoTitle img { margin-bottom:15px; } .actualCareerDt .resTab.careerDetail .directors .row .col3 { width:50%; } .actualCareerDt .resTab.careerDetail .directors .row .col3 img { width:100%; } .actualCareerDt .resTab.careerDetail .directors .row .col3 .imgHolder { margin-bottom:15px !important; } .actualCareerDt .resTab.careerDetail .directors .row .col3 p { min-height:112px; } .actualCareerDt .directors.CareerBarodians .box p { min-height:97px; } .careerTabs.officesBranches .resTab .tabNav li a { min-width:inherit; } .officesBranches.intresrateandChargeTab .r-tabs .r-tabs-accordion-title { display:block; } .officesBranches.intresrateandChargeTab .r-tabs .r-tabs-nav { display:none; } .homeBanner2 .bannerText { padding-top:10px; } .homeBanner2 h2 { font-size:22px; } .homeBanner2 h3 { font-size:18px; margin-bottom:10px; } .homeBanner2 p { font-size:15px; } .homeBanner2 .bannerText { width:270px; } .homeBanner3 h2 { font-size:19px; } .homeBanner3 ul { margin:0 0 15px 0; } .homeBanner3 ul li { font-size:13px; } .indexBanner .sliderCaption .homeBanner3 ul li img { width:120px; } .homeBanner3 ul li .largeText { font-size:24px; line-height:24px; } .homeBanner5 h2 { font-size:18px; } .homeBanner5 p { line-height:20px; } .indexBanner h3 { margin-bottom:6px; } .homeBanner2 p { margin-bottom:10px; } .homeBanner2 p, .homeBanner3 ul, .homeBanner4 ul, .homeBanner5 p, .homeBanner2 .bannerRightLogo { display:none; } .homeBanner3, .homeBanner4 { text-align:left; } .homeBanner4 h2:after { display:none; } .homeBanner2 .bannerText { padding:0; } .homeBanner6 .imgHolder { display:none; } .homeBanner6 { text-align:left; width:250px; margin-right:20px; } .homeBanner6 .button { margin:10px 0 0 0; } .homeBanner6 h2 { font-size:25px; line-height:29px; } .landingPageBanner .bannerLargeImage, .innerLargeBanner .bannerLargeImage { visibility:hidden; } .innerBanner .landingBanner .vCenter.mrgTop, .innerBanner.innerBannerSlider .landingBanner .vCenter.mrgTop { margin:0; } .bannerImgWrap { background-size:cover; height:300px; } .landingPageBanner .landingBanner, .largeSingleBanner .landingBanner, .innerCommonBanner, .innerCommonBanner h2 { text-align:center; } .landingPageBanner .sliderCaption, .largeSingleBanner .landingBanner { background:#393939; padding:15px; position:static; width:100%; } .raBanner2 .textList, .raBanner1, .raBanner2, .raBanner3, .sbBanner1, .sbBanner2, .sbBanner3, .sbBanner4, .sbBanner1 h2, .sbBanner2 h2, .sbBanner3 h2, .sbBanner4 h2, .innerBanner .rightButton, .nriBanner1, .businessBanner1 h2, .nriBanner1 h2 { text-align:center; } .raBanner1, .raBanner2, .raBanner3, .nriBanner1, .businessBanner1, .savingaccountBanner, .innerCommonBanner.securebankingBanner, .innerCommonBanner.mconnectBanner { width:auto; float:none; margin:0; padding:0; } .raBanner3 .textList span, .raBanner2 .textList span, .raBanner1 .textList span, .raBanner2 p, .raBanner3 p, .sbBanner1 h2, .sbBanner2 h2, .sbBanner3 h2, .sbBanner4 h2, .businessBanner1 h2, .nriBanner1 h2, .innerCommonBanner h2, .sbBanner5.bobmConnectBanner h2, .sbBanner6.mClipBanner h2, .msmeFwBanner h2 { color:#fff; } .raBanner2 .textList, .raBanner1 .textList, .raBanner3 .textList, .sbBanner5.bobmConnectBanner h2, .sbBanner6.mClipBanner h2 { margin:0; } .raBanner2 p, .raBanner3 p, .landingPageBanner .landingBanner br, .innerLargeBanner .landingBanner br { display:none; } .raBanner3 .textList span, .raBanner2 .textList span, .raBanner1 .textList span { line-height:25px; } .landingPageBanner .swiper-pagination, .sbBanner1 p, .sbBanner2 p, .sbBanner3 p, .sbBanner4 p, .businessBanner1 p, .nriBanner1 p, .innerCommonBanner .orangeBar, .innerCommonBanner p, .lifeInsuranceBanner .imgHolder, .genNextBanner h3, .minvestBanner h3, .bobmConnectBanner .imgHolder, .internetBankingBanner .imgHolder, .mClipBanner .imgHolder, .mpassbookBanner .mpsbkImg, .rewardsappBanner .imgHolder, .bhimAppBanner .imgHolder, .bbpsBanner ul, .missedCallBanner .dial, .genInsBanner .imgHolder, .expLobbyBanner .imgHolder, .healthInsBanner .imgHolder, .internatePaymentGateway .imgHolder, .mutualfundBanner .imgHolder, .offersBanner .imgHolder, .finclIncBanner .textList span:after, .textLeftBanner .imgHolder, .textRightBanner .imgHolder, .innerCommonBanner .bottomImg, .innerCommonBanner.boxBorder:after { display:none; } .sbBanner1, .sbBanner2, .sbBanner3, .sbBanner4 { width:auto; margin:0; float:none; } .sbBanner1 h2, .sbBanner2 h2, .sbBanner3 h2, .sbBanner4 h2, .businessBanner1 h2, .nriBanner1 h2, .innerCommonBanner h2, .landingBanner .homeBanner5 h2, .sbBanner5.bobmConnectBanner h2, .sbBanner6.mClipBanner h2, .msmeFwBanner h2 { font-size:21px; } .sbBanner5.bobmConnectBanner, .sbBanner6.mClipBanner, .sbBanner5.bobmConnectBanner h2, .sbBanner6.mClipBanner h2 { text-align:center; } .sbBanner6.mClipBanner { width:auto; } .nriBanner1 .box { max-width:inherit; } .businessBanner1 h2, .nriBanner1 h2 { display:block; font-size:21px; line-height:22px; } .businessBanner1 h2, .nriBanner1 h2, .landingBanner h2, .landingBanner .homeBanner5 h2 { margin:0; } .landingBanner .button { margin-top:10px; } /*.sbBanner4{min-height:70px; padding-top:20px;}*/ .innerCommonBanner, .textRightBanner, .textLeftBanner, .wholesaleBankingBanner, .innerCommonBanner.homeBanner5 { margin:0; float:none; width:auto; text-align:center; } .landingBanner .homeBanner5 h2 { font-weight:700; } .rewardsappBanner h2 { background:none; padding:0; } .innerBanner.innerLargeBanner .pageTitle h1, .innerBanner .pageTitle h1 { font-size:21px; line-height:26px; padding:6px 0; } .bannerImgWrap.noBgImage, .bannerImgWrap.defaultImg { height:auto !important; } .innerCommonBanner.customerSupportBanner { margin-right:0; width:auto; } .generalinsuranceTop img.alignRight { float:none; display:block; margin:0 auto 20px auto; max-width:411px; width:100%; } .finclIncBanner .textList span { background:none; padding:0; margin:0; font-size:21px; } /*.business2{min-height:60px; padding-top:10px;}*/ .innerCommonBanner.boxBorder, .innerCommonBanner.boxBorder.homeLoanBanner { padding:0; width:auto; border:0; margin:0; } .innerCommonBanner.sbBanner3 { width:auto; } .wealthBanner.homeBanner4 h2 { margin:0; } .governmentSchemesBanner .borderTriangle { display:none; } .innerCommonBanner.arrowTitle { margin-left:0; } .innerCommonBanner.cashlessFront h2 br { display:inline-block; } .faqBanner .innerCommonBanner { position:static; width:auto; padding:0; } .loanagainstSecBanner .imageHolder { display:none; } .treasuryBanner h2 { border:0; padding:0; } .twoWheelerLoanBanner h2 { background:none; padding:0; } .videoGalleryBanner h2 span:before, .videoGalleryBanner h2 span:after { display:none; } .homeBanner4 { width:250px; } .fifaBanner .innerCommonBanner, .fifaBanner .bannerText { margin:0; width:auto; } .fifaBanner .innerCommonBanner h2, .fifaBanner .innerCommonBanner h3 { color:#fff; } .fifaBanner .innerCommonBanner h3 { margin-bottom:5px; } .fifaBanner .bannerRightLogo { display:none; } .inrestRatebanner h2 span { background:none; padding:0; } .innerBanner .leftButton { text-align:center; margin:0; } .innerBannerSlider .landingBanner { padding-right:40px; } .custmerCareBox.lastRow li:first-child { width:auto; float:none; } .custmerCareBox li p.headAddress strong { display:block; } .custmerCareBox.lastRow li:nth-child(2) { width:66.666%; } .custmerCareBox li .leftIcon.col2 { float:left; width:50%; } .custmerCareBox.lastRow { margin:0; } .innerBannerSlider .breadcrumb { z-index:3; } .blockContentInf { min-height:inherit; } .innerCommonBanner.accountKioskBanner h2 span, .innerCommonBanner.wholesaleBankingBanner h2 span { color:#fff; } .foundatioDay { margin:-55px 60px 0 0; } .foundatioDay h2 { font-size:19px; line-height:27px; } .foundatioDay p { display:none; } .loginPage .gridView .col2 { padding:0; border:0; } .loginPage .row .col2:first-child { border:0; margin-bottom:20px; } .awardList .awardImg { width:30%; } .awardList .boxContent { width:70%; } .homeBanner8 h2 { font-size:25px; line-height:25px; } .homeBanner8 h3 { font-size:18px; } .locateTabs.tendetTabs .tabNav li a { width:130px; font-size:14px; } .msmeFwBanner ul, .msmeFwBanner p { display:none; } .msmeFwBanner .bannerRightDetl { background:none; position:static; width:auto; padding:0; } .msmeFwBanner .bannerTileText { left:5px; } .msmeFwBanner h2 { text-align:center; line-height:23px; } .homeBanner9 h2 { font-size:20px; } .homeBanner9 { width:300px; } .homeBanner9 p { font-size:17px; } .homeBanner10 .imgHolder, .homeBanner10 .bannerRightLogo { display:none; } .homeBanner10 h2 { margin-bottom:20px; } .homeBanner10 .bannerText { float:right; width:410px; } .homeBanner10 .orange { background:none; color:#000; } .eayPayStarted .r-tabs-accordion-title{display:none;} .eayPayStarted .r-tabs .r-tabs-nav {display:block;} .innertab-info h2{margin:0 0 15px 0;} .bdEasyPayCont .resTab2 .tabNav li:first-child{padding-left:0;} .eayPayStarted .resTab2 .tabNav li a{padding:10px; min-width:inherit;} .easyPayReq .billPayEligi{padding:20px 0 10px 0;} .eshopSimStepsInfo .icon{display:none;} .eshopSimSteps ul li, .simpleSteps li{float:none; padding:0 0 0 30px; min-height:50px; margin:0; width:auto;} .eshopSimSteps ul li:not(:last-child):before, .simpleSteps li:not(:last-child):before{display:none;} .eshopSimStepsInfo h3, .simpleSteps li .icon{font-size:38px; margin:0; line-height:49px;} .eshopSimSteps ul li:not(:last-child){margin:10px 0;} .simpleSteps li p br{display:none;} .simpleSteps li:not(:last-child){margin:0;} .simpleSteps li p{padding:14px 0;} .rtgsNeftSteps{padding:20px 0;} .rtgNeftFaciliMInfo{float:none;} .rtgNeftFaciliMInfo:last-child{padding:0; margin-top:20px;} .rtgNeftTimeInfo li{padding-left:25px;} .footerLinks .col3.lastCol{width:auto;} } @media screen and ( max-width:600px ) {.announcements .viewAll { margin-top:15px; } .toggleMenu { position:static; padding:10px 15px; } .toggleMenu .menuTitle { display:inline-block; } .callBackLink { right:40px; bottom:-135px; top:auto; padding:0; } .callBackLink a { color:#fff; } .callBackLink .icon { background-position:-143px 0px; position:relative; top:0; } #logo { margin:0 auto; float:none; width:235px; } .headerRow, .headerScroll .headerRow { padding:55px 0 18px 0; } .headerRow .topRightNav { top:6px; } .loginPopup .detailRow { padding:15px; } #request-callback-popup { max-width:inherit; width:auto; left:15px; right:15px; margin:0; padding:15px; } #overseasPopup { padding:15px; } .overseasPopup .branchesList ul li { width:50%; } .bobNetwork .leftBox, .bobNetwork .rightBox { width:auto; padding:0; float:none; border:0; } .mfp-wrap { top:20px !important; } .toggleMenu .iconBar { float:none; display:block; } .toggleMenu .menuTitle { display:none; } #header .container { padding:0; } .headerRow .rightCol { background:#646464; top:0; } .headerRow .topRightNav { right:auto; left:8px; } .headerRow .topRightNav li a, .headerRow .topRightNav li a:hover { color:#fff; } .headerRow .botRightNav li { padding:0; } .headerRow .botRightNav li a { border:0; border-left:1px solid #868686; } .headerRow .botRightNav li a:hover { background:#646464; } .headerRow .botRightNav li a .loginIcon, .headerRow .botRightNav li a:hover .loginIcon { background-position:7px -27px; } .headerRow .botRightNav li a .locateIcon, .headerRow .botRightNav li a:hover .locateIcon { background-position:-28px -27px; } .headerRow .botRightNav li a .contactIcon, .headerRow .botRightNav li a:hover .contactIcon { background-position:-64px -27px; } .headerRow .botRightNav .mobRateInterest a .icon, .headerRow .botRightNav .mobRateInterest a:hover .icon { background-position:-862px -943px; } .headerRow .bottomRow > .searchBox { top:147px; z-index:17; } .headerRow .botRightNav { padding:0; } .headerRow .searchBox input { height:45px; padding:10px 31px 10px 15px; background-color:#e84f1d; } .headerRow .searchBox .submit { height:45px; width:45px; background-position:-522px -131px; } .headerRow .searchBox { width:45px; } .callBackLink { top:159px; right:60px; } .headerRow .botRightNav li a { padding:0 4px; } .overseasDropdownblock > a .icon { background-position:-541px -75px; } .headerRow .topRightNav li a { text-decoration:none; } .headerRow .botRightNav .icon { height:39px; width:37px; } .homeProducts h2, .exclusiveOffers h2 { font-size:22px; } .loanTypeList .explore, .accountSubNav .explore, .depositsSubNav .explore, .nriLoanTypeList .explore, .financialReportList .explore { font-size:14px; line-height:33px; background-position:92% center; padding:0 35px 0 15px; margin-left:-56px; } .twoColsMainBox .knowMore { font-size:14px; line-height:33px; padding:0 15px; } .twoColsMainBox .knowMore .icon { margin-left:6px; } .twoColsMainBox .blockContentInf .knowMore { margin:0 0 0 -63px; } .loanTypeList li.titleLarge .box, .loanTypeList .box { min-height:280px; } .shareNknowBtnsInner { display:none; } #header .menuBar { background:#ff6633; } .toggleMenu, #navMob .menuIcon { display:inline-block; vertical-align:top; } .exploreMoreSlider .exploreBtn { display:none; } .exploreMoreSlider a { min-height:210px; } .exploreMoreSlider .homSprite { margin:42px 0 20px 0; } .exclusiveOffers .btnRow .button { font-size:14px; padding:8px 20px; } #content { min-height:inherit; padding:20px 0; } .accMobileAccordion.noSpaceBottom { margin-bottom:-21px; } .innerBanner.innerLargeBanner .pageTitle h1, .innerBanner .pageTitle h1 { font-size:17px; line-height:21px; padding-right:20px; } h2 { font-size:19px; line-height:25px; } h3 { font-size:17px; } .homeLoanGridView a strong { font-size:18px; line-height:23px; } .homeLoanInquire { margin-bottom:-21px; } .bottomCotactDetail .contactDetail div { display:block; padding:10px 0 0 0; } .bottomCotactDetail .contactDetail .callIcon { margin:0; } .cardUser .rightLinks a { font-size:16px; } .debitCard .bottomCardLinks { margin-top:20px; padding-top:20px; } .debitCard .bottomCardLinks li a { padding:10px 10px 10px 75px; font-size:14px; } .accConnectWithUs { padding:10px 0; } .accConnectWithUs ul li { width:50%; margin:10px 0; } .personalAcc .row .col7, .personalAcc .row .col5 { width:auto; float:none; min-height:inherit; } .personalAcc .row .col5 { padding:0; margin-top:20px; } .personalAcc .otherProducts .titleBox { padding:0 10px; } .aboutUs .ourVisionP, .brdParagraph { line-height:27px; font-size:18px; margin-bottom:45px; } .depositsSubNav li { float:none; width:auto; border:0; border-bottom:1px solid #e0e0e0; } .depositsSubNav li:last-child { border:0; } .debitCardSliderOuter { padding-left:50px; padding-right:50px; } .exploreMoreSlider .swiper-slide, .exploreMoreSlider .swiper-slide:nth-child(2n) { padding:10px; } .exploreMoreSlider .swiper-slide a { background:#ff6633; border:10px solid #fff; box-shadow:0 0 6px rgba(0, 0, 0, 0.15); min-height:240px; } .homeProductsInner { min-height:254px; } .debitCardSlider .sliderControl .swiper-button-next { right:-20px; } .debitCardSlider .sliderControl .swiper-button-prev { left:-20px; } .homeProducts { margin:15px 0 20px 0; } .exploreMoreSlider .swiper-slide, .exploreMoreSlider .swiper-slide:nth-child(2n), .homeProducts, .homeProducts h2 span { background:#f5f5f5; } .breadcrumb .brdcMobIcon { height:43px; width:40px; } .cardUser .rightLinks li { float:left; width:50%; margin:15px 0 0 0; padding:0; } #applyNowPopup { left:20px; right:20px; width:auto; margin:0; padding:15px; } .digitMark ul, .otherServicesWrap ul { margin-bottom:0; } .digitMark ul li:nth-child(2n+1), .digitMark ul li:nth-child(2n), .otherServicesWrap ul li:nth-child(2n+1), .otherServicesWrap ul li:nth-child(2n) { padding:0 0 0 146px; margin-bottom:20px; width:auto; float:none; } .digitMark ul li:last-child, .otherServicesWrap ul li:last-child { margin-bottom:0; } .digitMark ul li:nth-child(2n+1) .imgHolder, .digitMark ul li:nth-child(2n) .imgHolder, .otherServicesWrap ul li:nth-child(2n+1) .imgHolder, .otherServicesWrap ul li:nth-child(2n) .imgHolder { left:67px; right:auto; } .digitMark ul li:nth-child(2n+1) a .title, .digitMark ul li:nth-child(2n) a .title, .otherServicesWrap ul li:nth-child(2n+1) a .title, .otherServicesWrap ul li:nth-child(2n) a .title { left:180px; right:auto; text-align:left; } .digitMark ul li:nth-child(2n+1):before, .digitMark ul li:nth-child(2n):before, .otherServicesWrap ul li:nth-child(2n+1):before, .otherServicesWrap ul li:nth-child(2n):before { left:15px; right:aoto; } .digitMark ul li:nth-child(2n+1):after, .digitMark ul li:nth-child(2n):after, .otherServicesWrap ul li:nth-child(2n+1):after, .otherServicesWrap ul li:nth-child(2n):after { left:15px; } .digitMarkList:before, .otherServicesWrap:before { left:20px; } .appInfo ul { margin:0 -5px; } .appInfo ul li { padding:5px; } .appInfo ul li a { padding:13px 10px; } .mconnectContact h2, .mconnectContact h3, .mconnectContact .contactDetail { text-align:left; } .mconnectContact .leftCol, .mconnectContact .rightCol { padding:0; width:auto; border:0; float:none; } .mconnectContact .rightdetail { display:inline-block; } .mconnectContact .icon { margin:0 10px 0 0; } .mconnectContact .contactDetail .call, .mconnectContact .contactDetail .fax { margin:15px 0 0 0; } .mconnectContact .rightCol { margin-top:30px; } .newFeaturesRow ul li .text { width:76%; } .appInfo ul li a { padding:13px 5px; } .appInfo ul li .icon { margin-right:5px; } .bottomCotactDetail.kiosk .contactDetail div { display:inline-block; } .bottomCotactDetail.kiosk .callIcon { margin-right:10px; } .billPayEligiImg { display:none; } .billPayEligi ul { padding:0; } .bhimLogotext .bhimLogo, .bhimLogotext .bhimData { float:none; padding:0; width:auto; } .ipgInquire .leftCol, .ipgInquire .rightCol { float:none; width:auto; border:0; padding:0; } .ipgInquire .rightCol { padding:15px 0 20px 0; } .ipgInquire .rightLinks li { width:auto; } .ipgInquire .rightCol .faqsIcon { display:inline-block; vertical-align:middle; margin:0 10px 0 0; } .ipgInquire .rightCol .rightLinks a:after { display:none; } .ipgInquire h2 { margin-bottom:0; } .mclipKeyList li, .mclipKeyList ul.rightList li { width:50%; min-height:inherit; } .mclipKeyList li, .mclipKeyList ul.rightList li { padding:20px 15px; } .giftCardInquire.mClipInquire .bottomCotactDetail .rightLinks li { width:49%; padding:10px; } .mpassbookDwnldApp ul li { padding:7px; } .giftCardInquire.mClipInquire { margin-bottom:-20px; } .mpassbookBenefits ul, .mpassbookBenefits ul.rightList, .mpassbookBenefits.minvestBenefits ul { float:none; width:auto; padding:0; } .mpassbookBenefits ul li, .mpassbookBenefits.minvestBenefits ul li { padding:10px 0; min-height:inherit; } .mpassbookBenefits ul li:last-child { border-bottom:1px solid #d6d6d6; } .mpassbookBenefits.minvestBenefits ul li:last-child { border:0; } .mpassbookRegPro.minvestRegPro ul { padding-top:0; } .mpassbookBenefits ul li .icon { position:static; margin:0 15px 0 0; } .mpassbookBenefits ul li .icon, .mpassbookBenefits ul li .text { display:inline-block; vertical-align:middle; } .mpassbookBenefits.minvestBenefits ul li .icon { vertical-align:top; } .mpassbookBenefits ul li .text { width:80%; } .mpassbookContanct .rightLinks li { width:31%; padding:0; } .mpassbookContanct .contactDetail div { padding-right:25px; } .mpassbookRegPro ul li p { width:82%; } .fraudAlert .imgHolder { background:none; text-align:center; padding:0 0 20px 0; width:auto; height:auto; float:none; } .fraudAlert ul.bulletText { padding:0; } .fraudAlert ul.bulletText li:last-child { border-bottom:0; } .mpassbookContanct .rightLinks li { vertical-align:top; } .ibApplyTab .ibApplyMidIcon { display:none; } .ibApplyTab .ibApplyTabNav li a { padding:10px 15px; border-radius:0; } .ibApplyTab .ibApplyTabNav li, .ibApplyTab .ibApplyTabNav li:first-child { text-align:center; } .ibApplyTab .ibApplyCustomTabContent { padding:0; } .ibApplyBox { border-top:5px solid #ff6633; padding:20px; } .ibApplyList:after { left:10px; } .ibApplyList li, .ibApplyList li:nth-child(2n) { padding:0 0 0 35px; text-align:left; } .ibApplyList li:after, .ibApplyList li:nth-child(2n):after { right:auto; left:5px; margin:0; top:6px; } .ibApplyList { padding:10px 0; } .ibInquiry .inquiryList li, .ibInquiry .inquiryList li:last-child { padding:0 30px; } .ibInquiry .inquiryList li:first-child { display:block; margin-bottom:25px; } .transLimitTableOuter { width:100%; overflow:auto; } .transLimitTableOuter .tableOut { padding-bottom:25px; margin:0; } .transLimitTableOuter .tableData { width:600px; } .ourVision .leftCol { width:auto; float:none; margin:0 0 15px 0; } .ourLogo .logo { position:static; margin:0 20px 20px 0; float:left; } .ourLogo { margin:0; padding:15px; } .history .founder .imgHolder { width:240px; float:none; margin:20px auto; } .bankFounded .tabContainer .imgHolder { float:none; width:230px; margin:0 auto 20px auto } .bankFounded .customTabNav:before { left:60px; } .bankFounded .customTabNav li:before { left:54px; } .bankFounded .customTabNav { width:85px; } .bankFounded .tabContainer { padding-left:90px; } .bankFounded .startYear { left:44px; } .subsidiary table td { display:block; width:auto; } .financialReportList .explore, .financialReportList li:hover .explore { margin:0; } .financialReportList li { width:50%; } .awardSearch.moduleSearch li { float:none; width:auto; padding:0; margin-bottom:15px; } .awardSearch.moduleSearch li:last-child { margin:0; } .moduleSearch li .btnSearchReset input { width:49%; float:left; margin:0 1% 0 0; } .moduleSearch li .btnSearchReset input.resetBtn { margin:0 0 0 1%; } .loanCategorySliderWrap { margin-top:-20px; } .loanDetailFrom .buttons-row .button { width:49%; margin-right:1%; float:left; } .loanDetailFrom .buttons-row .cancelButton { margin-left:1%; margin-right:0; } .loanCategorySliderWrap { padding:15px 30px; } .loanLinkSlider a { font-size:16px; padding:5px 0; } .branchesList ul li { width:50%; } .findLocationSearch { padding:15px; } .locateTabs .tabNav li a { min-width:115px; } .finclRptbtnGroup li { display:block; margin-bottom:10px; } .finclRptbtnGroup li a { display:block; } .reportDropOuter .reportDropdown { width:300px; } .finclRptbtnGroup li a { padding:10px; } .customPopup.popupWdh1070 .mdStatement .mdImage { max-width:380px; margin:0 auto 15px auto; float:none; } .customPopup.popupWdh1070 .mdStatement .mdImage img { width:100%; } .mobileAppsList li { width:50%; } .mobileAppsList .title:after { display:none; } .mobileApps .title { line-height:18px; display:block; } .smartAndSafeBankingTabs .imgRight { margin:0 0 20px 0; float:none; } .leftimgBlock { margin:0; width:auto; float:none; } .imgRight { float:none; margin:0 auto 20px auto; display:block; } .genNext.loanTypeList li:hover .box, .genNext.loanTypeList li .box { padding:25px; min-height:210px; } .accountSubNav.col3Nav li { float:none; width:auto; border:0; border-bottom:1px solid #e0e0e0; } .asbaBlock .sabaImg { float:none; width:auto; } .asbaBlock .sabaText { float:none; width:auto; padding:15px 0 0 0; } .tenderFilter { padding:15px; } .tenderFilter.corporate li, .tenderFilter.tenderFilterReg li, .moduleSearch li { width:auto; float:none; padding:0; } .gridListing li { padding:15px 15px 15px 30px; background-position:5px 22px; } .moduleSearch li { margin-bottom:10px; } .bobMedia ul li { width:49%; } .officesBranches .resTab .tabNav li:first-child { padding-left:5px; } .contactDetail.moduleSearch li, .contactDetail.moduleSearch li:first-child .inputCol, .contactDetail.moduleSearch li .inputCol { width:100%; } .contactDetail.moduleSearch li label, .contactDetail.moduleSearch li .label { display:block; } .landingPageBanner .innerContainer, .innerLargeBanner .innerContainer.rightSide .bussbannerCaption { position:static; float:none; background:none; } .landingPageBanner .innerContainer { background:rgba(0, 0, 0, 0.65); } .landingPageBanner .bussbannerCaption h2 { color:#fff; } .imgiconfourBoxes li .titleBox h2 { font-size:21px; } .imgiconfourBoxes li .titleBox { padding:0 15px; } .imgiconfourBoxes li .knowMore { padding:0 15px; } .imgiconfourBoxes li .knowMore .icon { margin-left:6px; } .imgiconfourBoxes li span.msmebankIcon { background-position:0 -1928px; } .imgiconfourBoxes li span.corpbankIcon { background-position:-98px -1928px; } .imgiconfourBoxes li span.intbankiIcon { background-position:-192px -1925px; } .imgiconfourBoxes li span.treaIcon { background-position:-292px -1926px; } .nriimgiconfourBoxes li span.depositProductsIcon { background-position:3px -2087px; } .nriimgiconfourBoxes li span.returningIndiansIcon { background-position:-85px -2083px; } .nriimgiconfourBoxes li span.investmentIcon { background-position:-168px -2087px } .nriimgiconfourBoxes li span.valueAddedIcon { background-position:-255px -2087px; } .nriimgiconfourBoxes li span.moneyTransferIcon { background-position:-343px -2087px; } .ruralAgriSec.imgiconfourBoxes li span.agriicon { background-position:-688px -1845px; } .imgiconfourBoxes li span.lockersicon { background-position:-450px -1847px; } .imgiconfourBoxes li span.pensionicon { background-position:-335px -1847px; } .imgiconfourBoxes li span.collectionicon { background-position:-799px -1837px; } .imgiconfourBoxes li span.remmiicon { background-position:-925px -1837px; } .imgiconfourBoxes li span.gscemesicon { background-position:-1184px -1832px; } .mconnectContact.ruralAgriDetail .leftCol h3 { text-align:center; margin-bottom:10px; } .mconnectContact.ruralAgriDetail .rightdetail { display:block; } .mconnectContact.ruralAgriDetail .contactDetail .call, .mconnectContact.ruralAgriDetail .contactDetail .fax, .mconnectContact.ruralAgriDetail .contactDetail .email { text-align:center; vertical-align:top; } .mconnectContact.ruralAgriDetail .contactDetail .icon { margin-bottom:10px; } .mconnectContact.ruralAgriDetail .contactDetail, .mconnectContact.ruralAgriDetail h2 { text-align:center; } .mconnectContact.ruralAgriDetail h2 { margin-bottom:15px; } .mconnectContact.ruralAgriDetail .leftCol p br { display:none; } .digiProtBranImg, .digiProtBranImg.digiProtBranImg2 { max-width:inherit; float:none; margin:0 0 20px 0; } .mpassbookRegPro.minvestRegPro ul li p { width:82%; } .fifaLogothree ul li { width:auto; text-align:center; padding:15px 0; border-bottom:1px solid #ccc; float:none; display:block; } .fifaLogothree ul li img { display:inline-block; } .fifaLogothree ul li:last-child { padding:0; border:0; } .greenPinSec { padding:0; } .greenPinSec ul li { float:none; width:auto; min-height:inherit; padding:10px 0 10px 100px; } .greenPinSec .circle:after, .greenPinSec ul li:after { display:none; } .greenPinSec .circle { position:absolute; left:0; top:10px; border-width: 4px; height: 70px; line-height: 63px; width: 70px; } .attacksBlock .imgRight { margin:0 auto 20px auto; } .secureBankingTips ul li .icon { margin-right:15px; } .brdRwarzFeatures li { width:33.333%; } .homeLoanGridView .knowMore, .homeLoanListView .knowMore, .boxesView .knowMore { font-size:14px; line-height:33px; } .faqRow .q h4 { line-height:22px; } .mpassbookBenefits.minvestBenefits ul li:last-child { border-bottom:1px solid #d6d6d6; } .mpassbookBenefits.minvestBenefits ul.rightList li:last-child { border-bottom:0; } ul.keyfeaturesList { margin:0 0 30px 0; } ul.keyfeaturesList li { float:none; margin:0; width:auto; padding:5px 0; border-bottom:1px solid #cdcdcd; } ul.keyfeaturesList li:last-child { border:0; } ul.keyfeaturesList li:before, .keyFeauresWrap:after { display:none; } .mpassbookContanct.mUpiContact .leftCol, .mpassbookContanct.mUpiContact .rightCol { max-width:inherit; } .kiskoImg { float:none; margin:0 auto 20px auto; display:block; } .imgiconThreeBoxes li .imgholder .knowMorebtn { font-size:14px; line-height:33px; padding:0 12px } .imgiconThreeBoxes .knowMore .icon { margin-left:6px; } .imgiconThreeBoxes { margin:20px 0; } .imgiconThreeBoxes li { width:auto; float:none; padding:10px 0; } .imgiconThreeBoxes li .titleBox { min-height:inherit; display:table; width:100%; } .msmeFixedDeposite.twoCols .nriLoanTypeList li { float:none; width:auto; border-bottom:1px solid #e0e0e0; } .msmeFixedDeposite.twoCols .nriLoanTypeList li:last-child { border:0; } .msmeFixedDeposite.twoCols .nriLoanTypeList .box, .msmeFixedDeposite.twoCols .nriLoanTypeList li:hover .box { padding:25px 10px; } .msmeFixedDeposite.twoCols .nriLoanTypeList .box { min-height:inherit; } .msmeFixedDeposite.twoCols .nriLoanTypeList .text { margin-bottom:15px; } .msmeFixedDeposite.twoCols .nriLoanTypeList .box .explore, .msmeFixedDeposite.twoCols .nriLoanTypeList li:hover .box .explore { position:static; margin:0; } .msmeFixedDeposite.twoCols .nriLoanTypeList li:after { display:none; } .schemProgrammList.nriLoanTypeList .box, .loanTypeList.moreServicesMsme li .box, .threeCols.businessFixedDeposite .box, .loanTypeList.corporateloanadvList .box, .nriLoanTypeList.loansAndCredits .box { min-height:inherit; } .nriLoanTypeList li, .threeCols .nriLoanTypeList li, .loanTypeList.moreServicesMsme li { float:none; width:auto; border:0; border-bottom:1px solid #e0e0e0; } .nriLoanTypeList li:last-child, .threeCols .nriLoanTypeList li:last-child, .loanTypeList.moreServicesMsme li:last-child { border:0; } .nriLoanTypeList .box, .nriLoanTypeList li:hover .box { padding:20px 15px; } .twoCols .nriLoanTypeList li:hover .box .explore, .nriLoanTypeList li .explore, .nriLoanTypeList li:hover .explore, .loanTypeList.moreServicesMsme li .explore, .loanTypeList.moreServicesMsme li:hover .explore { position:static; margin:15px 0 0 0; } .barodaRewardzApp .leftBlock .imgHolder { background:none; width:auto; height:auto; text-align:center; } .barodaRewardzApp .leftBlock .box { position:relative; left:auto; top:auto; margin:0; padding:30px 0; } .barodaRewardzApp .leftBlock .box:after { position:absolute; left:50%; margin-left:-10px; bottom:-10px; content:""; background:url(../../images/how-it-work-arrow.png) no-repeat 0 0; width:19px; height:25px; } .barodaRewardzApp .leftBlock .box:last-child:after { display:none; } .barodaRewardzApp .leftBlock .box:last-child { padding-bottom:0; } .barodaRewardzApp .leftBlock .box:first-child { padding-top:0; } .howToconnectCC .imgHolder { float:none; text-align:center; width:auto; padding:0; margin-bottom:25px; height:auto; } .howToconnectCC .rightBox { padding:0; } .howToconnectCC { background:#f7f7f7; padding:15px; margin-bottom:20px; } .ccTiming .servicesCol, .ccTiming .timeCol { width:auto; float:none; margin:0; } .ccTiming .row { border:0; } .ccTiming h5 { text-indent:inherit; padding:10px 0; height:auto; } .ccTiming h3, .ccTiming h5, .ccTiming h4 { padding:0; border:0; } .ccTiming .servicesCol.border, .ccTiming .timeCol.border { border:0; } .ccTiming h4 { margin:0 0 15px 0; } .ccTiming p { min-height:inherit; } .ccTiming { margin-bottom:10px; } .productsServicesList .nriLoanTypeList .box { min-height:inherit; } .nriLoanTypeList.nriLoanFacilities .box { min-height:inherit; } .atmsServices li, .atmsServices li:nth-child(5), .atmsServices li:nth-child(6), .atmsServices li:nth-child(10), .atmsServices li:nth-child(14) { border:0; border-bottom:1px solid #d3d3d3; width:auto; float:none; min-height:41px; padding:25px 15px 25px 72px; } .financialInclusion .col2 { float:none; padding:0; width:auto; } .financialInclusion .col2 .imgHolder img { width:100%; } .moduleSearch.sebiSearch li { width:auto; } .moduleSearch.sebiSearch .btnSearchReset { margin-top:0; } .tenderFilter.tenderFilterReg li:nth-child(3), .tenderFilter.corporate li:nth-child(3), .moduleSearch.sebiSearch li:nth-child(3) { padding-right:0; } .galleryTitle { margin:15px 0; } .gallerySelectedItem .swiper-slide .imgHolder .title { padding:7px; font-size:14px; line-height:19px; } .galleryNxtBakBtn.swiper-button-next { background:url(../../images/gallery-arrow-right-mob.png) no-repeat center center; } .galleryNxtBakBtn.swiper-button-prev { background:url(../../images/gallery-arrow-left-mob.png) no-repeat center center; } .galleryNxtBakBtn { margin:-40px 0 0 0; } .gallerySelectedItem .swiper-slide, .gallerySelectedItem .swiper-slide .imgHolder { height:210px; width:320px; } .gallerySelectedItem .swiper-slide img { width:100%; } .gallerySelectedItem .swiper-slide .imgHolder .title { display:none; } .careerPathManagmentBox li, .careerPathManagmentBox li + li, .careerPathManagmentBox li + li + li + li { margin:10px 0; min-height:inherit; float:none; width:auto; } .careerTabs.officesBranches .resTab .tabNav li { width:auto; } .careerTabs.officesBranches .resTab .tabNav li a { padding:15px 18px; min-width:127px; } .careerPathManagment:before, .careerPathManagment:after { display:none; } .careerPathManagment { margin:0 -15px; padding:10px 15px 0 15px; width:auto; float:none; } .actualCareerDt .directors.CareerBarodians .row .col3 { width:50%; } .actualCareerDt .directors.CareerBarodians .row .col3 h3 { margin-top:15px; } .actualCareerDt .directors.CareerBarodians .box p br { display:none; } .actualCareerDt .directors.CareerBarodians .box p { min-height:45px; } .actualCareerDt .resTab.careerDetail .CareerHelpline.CareerDetailsIconBtn .CareerHelplineDetail.lft, .actualCareerDt .resTab.careerDetail .CareerHelpline.CareerDetailsIconBtn .CareerHelplineDetail.rgt { float:none; width:auto; border:0; } .actualCareerDt .resTab.careerDetail .CareerHelpline.CareerDetailsIconBtn .CareerHelplineDetail.lft { margin-bottom:35px; } .actualCareerDt .resTab.careerDetail .directors .row.col3 { margin:0; } .actualCareerDt .resTab.careerDetail .directors .row .col3 { width:auto; float:none; padding:0; } .actualCareerDt .resTab.careerDetail .directors .row .col3 p { min-height:inherit; } .actualCareerDt .resTab.careerDetail .directors .row .col3 .box { margin-bottom:15px; } .actualCareerDt .resTab.careerDetail .directors .row .col3 img { width:auto; } .elobbyRow .imgHolder, .elobbywrap .imgleft, .elobbywrap .imgLeft { float:none; margin:0 auto; width:auto; } .elobbyRow .rightContent, .elobbywrap .contentelobby { padding:0; margin-top:20px; } .homeBanner1 .bannerText span { font-size:16px; line-height:26px; } .homeBanner1 .bannerText span { margin-bottom:1px; } .homeBanner1 .bannerText:after { left:-9px; } .homeBanner1 { width:195px; } .homeBanner2 h2, .homeBanner4 h2 { font-size:19px; } .homeBanner2 h2, .homeBanner2 h3 { line-height:20px; } .homeBanner2 h3 { font-size:15px; margin-bottom:8px; } .homeBanner4 { width:208px; } .homeBanner5 h2 { font-size:16px; } .homeBanner5 h2 br { display:none; } .landingPageBanner .sliderCaption, .largeSingleBanner .landingBanner { padding:10px; min-height:43px; } .landingBanner .button { line-height:30px; padding:0 10px; } .bannerImgWrap { height:250px; } .businessBanner1 h2, .nriBanner1 h2 { font-size:17px; } .raBanner3 .textList span, .raBanner2 .textList span, .raBanner1 .textList span, .sbBanner1 h2, .sbBanner2 h2, .sbBanner3 h2, .sbBanner4 h2, .landingBanner .homeBanner5 h2 { font-size:19px; } .generalinsuranceimg .alignLeft, .generalinsuranceimg .alignRight { float:none; margin:0 auto 20px auto; display:block; } .healthInsurContent .insurancePhotos { margin:0; } .healthInsurContent .insurancePhotos li { float:none; margin:15px 0; display:block; width:auto; padding:0; } .mpassbookContanct.healthIns .container { padding:0; } .mpassbookContanct.healthIns .rightLinks { width:80px; margin:0 auto; } .giftCardInquire .bottomCotactDetail .rightLinks li { width:49%; } .tableScroll { min-width:700px; } .finclIncBanner .textList span { font-size:18px; line-height:18px; } .wealthBanner { width:auto; } .custmerCareBox li, .custmerCareBox.lastRow li:nth-child(2) { float:none; width:auto; margin-bottom:10px; } .custmerCareBox li .rightdetail.singleline { margin:0; } .custmerCareBox li .leftIcon.col2 { float:none; width:auto; } .imgiconThreeBoxes li .titleBox { text-align:center; } .imgiconThreeBoxes li .titleBox span, .imgiconThreeBoxes li .titleBox h2 { float:none; vertical-align:middle; display:inline-block; } .foundatioDay h2 { font-size:19px; } .foundatioDay p { font-size:12px; } .foundatioDay { margin:-55px 20px 0 0; } .locateTabs.tendetTabs .tabNav li { width:auto; display:block; float:none; } .locateTabs.tendetTabs .tabNav li a { width:auto; } .homeBanner9 p { display:none; } .homeBanner9 { width:270px; } .ibInquiry .inquiryList li { width:48%; } .ibInquiry .inquiryList li:first-child { display:inline-block; vertical-align:top; } .ibInquiry .inquiryList li, .ibInquiry .inquiryList li:last-child { padding:0 0; } .homeBanner10 .siteLink { bottom:5px; } .homeBanner10 h2 { margin-bottom:10px; font-size:16px; } .homeBanner10 .large, .homeBanner10 .orange { display:inline; } .homeBanner10 .orange { padding:0 0 0 5px; } .homeBanner10 .bannerText { padding-right:20px; width:270px; } .easyPayAdvinfo, .easyPayAdvinfo:last-child{float:none; width:auto;} .easyPayAdvinfo ul li p br{display:none;} .easyPayAdvinfo .icon1{background-position:-999px 4px;} .easyPayAdvinfo .icon, .easyPayAdvinfo li p{display:inline-block; vertical-align:middle; margin:0;} .easyPayAdvinfo .icon{position:static;} .easyPayAdvinfo li p{width:80%;} .easyPayAdvinfo ul li{padding:5px 0 !important;} .easyPayAdvinfo ul{margin:0;} .billPayEligi ul li:before{left:-7px;} .easyPayReqCov{margin-top:15px; padding-top:15px;} .rtgNeftTimeInfo li:not(:last-child):before{display:none;} .rtgNeftTimeInfo li{float:none; padding:0; width:auto; margin:0 0 20px 0;} .importantLinks .col2{float:none; padding:0; width:auto;} .footerLinks .col3.lastCol ul{padding:0; float:none; width:auto;} } @media screen and ( max-width:480px ) {#footer .row .col4 { width:auto; } .connectWithUs .addthis_toolbox { margin:0 auto; width:180px; } #footer .buttons span { margin-top:3px; } .indexBanner h3 { font-size:15px; line-height:19px; } .loginDetaillist ul.bulletText, .loginDetaillist ul.bulletText:last-child { width:auto; margin:0; padding:0; } .callBackPop .captcha .textBox, .callBackPop .captchaInput { width:100px; } .callBackPop button, .callBackPop input[type="button"], .callBackPop input[type="reset"], .callBackPop input[type="submit"] { width:115px; } .headerRow .searchBox.active { width:280px; } .overseasDropdownblock .overseasText { left:0; right:auto; } .overseasPopup .branchesList ul li { width:auto; float:none; } .overseasPopup h3 { margin-bottom:10px; } #footer .topRow .box { width:100%; } .footerTopLinks li { padding:0 8px 8px 8px; } .exploreMoreSlider .productTitle { font-size:22px; line-height:25px; } .exclusiveOffers .knowMore { font-size:15px; padding:0 10px; } .bobNetwork .rightBox ul li { width:auto; float:none; } .mobileNav #navMob { margin-top:70px; } #navMob li > a { font-size:22px; padding:7px 60px 7px 0; margin-left:20px; } .mobileNav .navigationText { left:20px; } .mobileNav .close { height:70px; } .homeProductsInner { padding:0 50px; } .callBackPop .buttons-row .button { width:48%; margin:0; } .callBackPop .buttons-row .button:first-child { margin-right:1%; } .callBackPop .buttons-row .button:last-child { margin-left:1%; } .callBackPop .heading .heading_left h3 { display:none; } .loanTypeList li { width:auto; float:none; border:0; border-bottom:1px solid #e0e0e0; } .loanTypeList li:last-child { border:0; } .loanTypeList li.titleLarge .box, .loanTypeList .box { min-height:inherit; padding:25px 15px; } .loanTypeList li .explore, .loanTypeList li:hover .explore { position:static; display:inline-block; margin:16px 0 0 0; } .boxesView { margin:-5px 0 0 0; } .homeLoanGridView li, .boxesView li { padding:0 0 15px 0; width:auto; float:none; } .loanRateInterest .amountBox { width:180px; padding:5px 10px 15px 17px; font-size:15px; } .loanRateInterest .amountBox .large { font-size:28px; } .loanRateInterest .amountBox .small { font-size:17px; } .loanRateInterest .rightBox { padding-left:190px; padding-top:0; } .cards.loanTypeList .preparedCardLink .explore, .cards.loanTypeList li:hover .preparedCardLink .explore { margin-bottom:5PX; } .giftCardInquire .bottomCotactDetail .rightLinks li, .giftCardInquire .bottomCotactDetail .rightLinks li, .cardUser .rightLinks li { margin:10px 0; width:49%; } .giftCardKeyList .icon { top:26px; margin:0; } .giftCardKeyList li { padding:23px 0 23px 65px; } .cardUser .contactDetail .icon { margin:0; } .cardUser .contactDetail div { padding-right:10px; } .debitCard .bottomCardLinks ul { margin:0; } .debitCard .bottomCardLinks li { width:auto; float:none; padding:0; } .debitCard .bottomCardLinks li br { display:none; } .debitCard .bottomCardLinks li a { font-size:16px; padding:20px 10px 10px 75px; } .debitCard .bottomCardLinks li .icon1 { background-position:-283px -400px; } .debitCard .bottomCardLinks li .icon2 { background-position:-360px -396px; } .debitCard .bottomCardLinks li .icon3 { background-position:-439px -397px; } .debitCardSlider h3 { font-size:20px; } .cardUser .contactDetail .icon { display:none; } .debitCardSlider .slideContent .button { font-size:14px; padding:9px 10px; } .boxesView .knowMore, .boxesView .knowMore, .personalAcc .row .knowMore { font-size:14px; font-weight:700; } .debitCardSlider .swiper-slide { width:300px; } .debitCardSlider .swiper-slide, .debitCardSlider .sliderControl, .debitCardSlider .cardBox, .debitCardSlider .swiper-slide { height:248px; } .debitCardSliderOuter:after { height:250px; } .debitCardSliderOuter { padding-bottom:140px; } .debitCardSlider .sliderControl .swiper-button-next, .debitCardSlider .sliderControl .swiper-button-prev { width:40px; height:40px; margin-top:-20px; } .debitCardSlider .sliderControl .swiper-button-next { background-position:-487px -739px; } .debitCardSlider .sliderControl .swiper-button-prev { background-position:-491px -797px; } .loanRateInterest .amountBox { float:none; width:auto; margin-bottom:15px; } .loanRateInterest .rightBox { padding:0; } .loanRateInterest .amountBox { padding:20px 10px 20px 77px; width:280px; } .loanRateInterest .amountBox .large { padding-left:0; } .loanRateInterest .amountBox .icon { left:13px; } .loanRateInterest .mark { margin:0; } .debitCardSliderOuter { padding-left:60px; padding-right:60px; } .callBackPop .captcha .captchaImg { width:113px; } .aboutMconnect .mconnectLogo { float:none; text-align:center; padding-bottom:15px; } .aboutMconnect .rightCol { padding:0; } .newFeaturesRow ul li { font-size:16px; } .newFeaturesRow ul li .icon { width:61px; height:61px; } .newFeaturesRow ul li .icon1 { background-position:-645px -12px; } .newFeaturesRow ul li .icon2 { background-position:-648px -95px; } .newFeaturesRow ul li .icon3 { background-position:-645px -175px; } .newFeaturesRow ul li .icon4 { background-position:-728px -12px; } .newFeaturesRow ul li .icon5 { background-position:-728px -94px; } .appInfo ul { margin:0; } .appInfo ul li { padding:0; float:none; width:auto; } .appInfo ul li a { padding:13px; } .mconnectContact h2 { margin-bottom:20px; } .billPayPSI ul li, .billPayPSI ul li:nth-child(2), .billPayPSI ul li:nth-child(1) { display:block; width:auto; padding-bottom:20px; } .billPayPSI ul li:last-child { padding:0; } .stepsImgs > ul { margin:0 -5px; } .stepsImgs li { padding:5px; } .ipgKeyFeatures ul { margin:0; padding:0; width:auto; float:none; border:0; } .ipgKeyFeatures ul li { padding-right:100px; min-height:inherit; } .ipgKeyFeatures ul li:last-child { border-bottom:1px solid #dedede; } .ipgKeyFeatures ul:last-child li:last-child { border:0; padding-bottom:0; } .ipgKeyFeatures .ipgKeyFeatures { margin-top:0; } .mpassbookRegPro .circle, .mpassbookRegPro.minvestRegPro .circle { width:50px; height:50px; border-width:2px; font-size:24px; line-height:45px; position:absolute; top:10px; left:0; } .mpassbookRegPro ul li, .mpassbookRegPro ul li:first-child, .mpassbookRegPro.minvestRegPro ul li, .mpassbookRegPro.minvestRegPro ul li:first-child { padding:10px 0 10px 65px; min-height:80px; } .mpassbookRegPro ul li p, .mpassbookRegPro.minvestRegPro ul li p { width:auto; padding:0; } .mpassbookRegPro ul li:first-child, .mpassbookRegPro.minvestRegPro ul li:first-child { padding-top:20px; } .mpassbookRegPro.minvestRegPro ul li p { width:80%; } .mpassbookBenefits ul li .text { width:72%; } .mpassbookContanct .rightLinks li { width:100%; padding:0; text-align:left; margin-bottom:10px; } .mpassbookContanct .contactDetail .icon { display:none; } .mpassbookContanct .contactDetail { padding-left:0; text-align:center; margin:0; } .mpassbookContanct .contactDetail div { padding-right:0; display:block; } .mpassbookContanct .rightLinks .icon { display:inline-block; vertical-align:middle; margin-right:10px; } .mpassbookContanct .rightLinks { width:240px; margin:0 auto; } .ibCustomerRegister .leftBox, .ibCustomerRegister .rightBox { float:none; width:auto; padding:0; } .ibCustomerRegister .leftBox img, .ibCustomerRegister .leftBox p { display:inline-block; vertical-align:middle; } .ibCustomerRegister .leftBox p { padding-left:15px; width:77%; } .ibCustomerRegister .leftBox { margin-bottom:30px; } .ibCustomerRegister { padding:20px 0 10px 0; } .ibApply { padding:20px 0; } .ibApplyTab .ibApplyTabNav li a { font-size:17px; } .ibInquiryInfo li { display:block; padding:0; width:auto; margin-bottom:25px; } .ibInquiryInfo h2 { margin-bottom:8px; } .ourLogo .logo { float:none; width:auto; text-align:center; margin:0 0 20px 0; } .history .founder .founderName { font-size:18px; } .history .founder .imgHolder, .history .founder .imgHolder img { width:100%; } .history .orangeMark { padding:15px 20px; } .bankFounded .customTabNav { width:auto; float:none; } .bankFounded .customTabNav:before { display:none; } .bankFounded .customTabNav li { float:left; width:33.333%; padding:0; } .bankFounded .customTabNav li a { padding:5px 0 5px 30px; } .bankFounded .tabContainer { padding-left:0; } .bankFounded .customTabNav li:before { left:0; } .bankFounded .startYear { left:0; } .history .bankFounded .title, .history .brdParagraph { font-size:18px; color:#555; } .subsidiary .contentAcc .accTrigger, .subsidiary .accordion.contentAcc .accTrigger.active { font-size:16px; } .directors .row .col2 { width:auto; float:none; padding:0; margin-bottom:25px; } .directors .row.firstRow { margin:0; } .directors .row.col3 { margin:0 -15px; } .directors .row .col3 { width:50%; padding:0 15px; } .directors .row.col3 h2 { padding-left:15px; } .directorProfilePopup .directorPhoto { float:none; margin:0 auto; width:200px; } .directorProfilePopup h2 { font-size:18px; } .awardList .awardImg, .awardList .boxContent { float:none; width:auto; padding:0; } .awardList .awardImg { margin-bottom:15px; } .innerBanner img { width:500px; max-width:500px; margin-left:-20px; } .wealthPageGrid .wealthPageGridView { margin:0; } .branchesList ul li a { padding:6px 9px 6px 38px; } .branchesList ul li .sprite { top:8px; } .branchDetail { width:auto; left:15px; right:15px; margin-left:0; } .locateTabs .tabNav li { width:33.333%; float:left; } .locateTabs.tendetTabs .tabNav li { width:auto; display:block; } .locateTabs .tabNav li a { padding:10px 6px; min-width:inherit; } .searchFeildsCols .searchBtn input { width:100%; } .reportDropOuter .reportDropdown { width:250px; } .customPopup.popupWdh1070 { padding:20px; } .customPopup.popupWdh1070 .popupContentScroll { padding-top:0; } .faqSearchWrap { padding:10px; min-height:inherit; } .faqSearchBtn { position:static; margin-top:10px; } .faqSearchBtn .button { width:100%; } .homeLoanGridView.customerServicesList { margin:0; } .homeLoanGridView.customerServicesList li { padding:0; float:none; width:auto; margin-bottom:15px; } .homeLoanGridView a strong { font-size:20px; } .loanTypeList.genNext .title { display:block; } .loanTypeList.genNext .title:after { display:none; } .accountSubNav.govtScheme li { float:none; width:auto; border:0; border-bottom:1px solid #e0e0e0; } .tenderListing .label, .tenderListing .value { display:block; } .tenderListing .label:after { display:none; } .back.button, .back { float:none; margin-bottom:20px; display:inline-block; } .announcementDetail h2, .pressRlsDetailWrap h2 { padding:0; } .officesBranches .resTab .tabNav { padding:0 5px; } .officesBranches .resTab .tabNav li { width:50%; float:left; } .officesBranches .resTab .tabNav li:first-child { padding:0; } .officesBranches .resTab .tabNav li a { min-width:inherit; padding:15px 62px; } .imgiconfourBoxes li .titleBox h2 br { display:block; } .imgiconfourBoxes li .titleBox h2 { min-height:80px; } .landingPageBanner.innerBanner img { margin-left:0; } .mconnectContact.ruralAgriDetail .contactDetail .email { width:100%; } .indexBanner h3 { margin-bottom:5px; } .indexBanner .sliderCaption .box .button { font-size:14px; } .indexBanner .sliderCaption .box { top:15px; bottom:auto; } .billPayPSI.minvestKnowmore { text-align:center; } .partnerImg { width:auto; float:none; margin:0 0 20px 0; } .partnerImg img { width:100%; } .middleHeadinguppertext { font-size:17px; } .middleHeadinglowertext { font-size:19px; } .middleHeadingtext { width:335px; } .agreementText p { font-size:19px; } .indexBanner h2 { font-size:16px; } .indexBanner h3 { font-size:21px; line-height:25px; } .indexBanner .knowMore { line-height:35px; } .brdRwarzFeatures .box { padding:15px; } .brdRwarzFeatures .title { font-size:14px; } .homeLoanGridView.vehicleLoanGridView, .homeLoanGridView.eduLoanList { margin:0; } .homeLoanGridView.vehicleLoanGridView li { float:none; width:auto; } .eduLoanDetailPage, .homeLoanLandingPage { padding-top:0; } .mpassbookContanct.mUpiContact .rightLinks .icon { display:block; margin:0 auto 10px auto; } .mpassbookContanct.mUpiContact .rightLinks li { text-align:center; width:auto; padding:0 15px; } .mpassbookContanct.mUpiContact .rightLinks { width:305px; text-align:center; } .accountSubNav.govtScheme li:last-child { border:0; } .loanTypeList.msmeloanadvList .box, .loanTypeList.msmeloanadvList li:hover .box, .loanTypeList.msmeloanadvList li.titleLarge .box { min-height:inherit; } .bobccServices .row .box, .bobccServices .row .box.rightBox { padding:15px 0; float:none; width:auto; border-bottom:1px solid #d3d3d3; } .bobccServices .row .box.rightBox:after, .bobccServices .row:after { display:none; } .bobccServices .row { padding:0; border:0; } .bobccServices .row:last-child .box:last-child { border:0; } .bobccServices { margin:0; } .awardsArchive .awardList .awardImg, .awardsArchive .awardList .boxContent { width:auto; float:none; text-align:left; } .awardsArchive .awardList .awardImg img { width:100%; } .moneyTransfer ul li { width:auto; display:block; padding:15px 0; border-bottom:1px solid #d3d3d3; } .moneyTransfer ul li:last-child { border:0; padding-bottom:0; } .smartContactUs .bottomCotactDetail { text-align:center; } .smartContactUs .bottomCotactDetail .rightCol { margin:0 auto; width:230px; text-align:left; } .smartContactUs .bottomCotactDetail .rightLinks li { width:auto; } .smartContactUs .bottomCotactDetail .rightLinks .icon { margin-bottom:0; } .sbsMobAcc .accordDetail a { width:98%; } .accountSubNav.govtScheme li .box, .accountSubNav.govtScheme li:hover .box { min-height:inherit; } .productsServicesList.priorityloanAndAdvanceList .loanTypeList li .box, .productsServicesList.moreServicesRural .loanTypeList li .box { min-height:inherit; } .productsServicesList.priorityloanAndAdvanceList .loanTypeList li .box .title, .productsServicesList.moreServicesRural .loanTypeList li .box .title { display:block; } .productsServicesList.priorityloanAndAdvanceList .loanTypeList li .box .title:after, .productsServicesList.moreServicesRural .loanTypeList li .box .title:after { display:none; } .productsServicesList.priorityloanAndAdvanceList .loanTypeList li .box .explore, .productsServicesList.moreServicesRural .loanTypeList li .box .explore { margin:10px 0 0 0; } .photoGalleryList li { float:none; max-width:375px; width:100%; } .photoGallery2017 .photoGalleryList li { margin:0 !important; } .gallerySelectedItem { padding-bottom:50px; } .galleryNxtBakBtn { margin:-25px 0 0 0; } .careerTopNav .loanTypeList li { width:auto; float:none; margin:0; min-height:inherit; } .careerTopNav .loanTypeList .box { min-height:inherit; } .CareerScales ul li { width:45%; } .careerTabs.officesBranches .resTab .tabNav li { width:95px; } .careerTabs.officesBranches .resTab .tabNav li:last-child { width:auto; } .careerTabs.officesBranches .resTab .tabNav li a { padding:15px 10px 16px 10px; min-width:inherit; } .careerTabs.officesBranches .resTab .tabNav li:last-child a { padding:28px 10px; } .careerPathBlock { right:27px; } .actualCareerDt .directors.CareerBarodians .row .col3 { width:auto; float:none; } .actualCareerDt .directors.CareerBarodians .box { margin-bottom:15px; background:#f1f2f2; padding:20px 15px; } .actualCareerDt .directors.CareerBarodians .box h3, .actualCareerDt .directors.CareerBarodians .box p { min-height:inherit; } .actualCareerDt .directors.CareerBarodians .box .viewProfile { padding:5px 15px; } .actualCareerDt .CareerBarodians.directors .grayBox { padding:0; } .actualCareerDt .directors.CareerBarodians .row .col3 h3 { margin-bottom:5px; } .actualCareerDt .resTab.careerDetail .directors .row .col3 p { margin-bottom:0; } .actualCareerDt .resTab.careerDetail .careerDetFocusEmployee { display:none; } .CareerProfile-Icon { margin-bottom:15px; } .actualCareerDt .resTab .r-tabs-accordion-title .r-tabs-anchor { padding:12px 25px 12px 15px; } .inlineContentPopup #emiChart { margin-left:-35px !important; } .bobMedia ul li { width:auto; display:block; } .homeBanner1 .bannerText span { font-size:14px; padding:0 5px; } .homeBanner1 { width:165px; } .homeBanner2 .bannerText { width:160px; padding:0; } .homeBanner2 h3 { font-size:14px; line-height:18px; } .homeBanner .button { line-height:29px; padding:0 7px; font-size:12px; } .homeBanner .button .icon { margin-left:2px; } .homeBanner3 { width:135px; } .homeBanner3 h2, .homeBanner4 h2 { font-size:16px; line-height:19px; margin-bottom:10px; } .homeBanner4 h2:after { display:none; } .homeBanner4 { width:180px; margin-right:5px; } .homeBanner5 h2 { font-size:12px; line-height:17px; margin-bottom:5px; font-weight:600; } .homeBanner6 h2, .homeBanner6 h3 { color:#272525; background:none; padding:0; font-size:16px; line-height:20px; display:block; margin:0 0 5px 0; } .homeBanner6 { width:120px; margin-right:10px; } .homeBanner6 .button { margin:3px 0 0 0; } .landingPageBanner .sliderCaption { padding:12px; } .bannerImgWrap { height:180px; } .landingBanner .button { font-size:14px; padding:0 6px; line-height:27px; } .landingBanner .button .icon { margin-left:2px; } .raBanner3 .textList span, .raBanner2 .textList span, .raBanner1 .textList span, .sbBanner1 h2, .sbBanner2 h2, .sbBanner3 h2, .sbBanner4 h2, .businessBanner1 h2, .nriBanner1 h2, .innerCommonBanner h2, .landingBanner .homeBanner5 h2, .business1 .businessBanner1 h2, .sbBanner5.bobmConnectBanner h2, .sbBanner6.mClipBanner h2, .msmeFwBanner h2 { font-size:16px; line-height:20px; } .mpassbookContanct.genInsu .bulletText, .mpassbookContanct.healthIns .bulletText { text-align:left; } .mpassbookContanct.genInsu .rightLinks { width:135px; } .mpassbookContanct.genInsu .container { padding:0; } .finclIncBanner .textList span { font-size:16px; line-height:16px; } .homeBanner1 { margin-left:20px; } .wealthBanner { width:auto; } .boxesView .overlayArea:after { height:87px; } .foundatioDay h2 { font-size:16px; line-height:23px; } .foundatioDay p { font-size:10px; } .foundatioDay { margin:-35px 20px 0 0; } .fifaBanner .innerCommonBanner h2 { font-size:19px; margin:0; } .fifaBanner .innerCommonBanner h3 { font-size:16px; margin:0; } .fullwidthCalculator .aprBtn { position:static; margin-bottom:5px; } .headerRow .topRightNav li:last-child { padding-top:2px; } .awardList .awardImg img { width:100%; } .homeBanner8 h2 { font-size:20px; line-height:20px; } .homeBanner8 h3 { font-size:15px; } .msmeFwBanner .bannerTileText { display:none; } .homeBanner9 h2 { line-height:22px; margin-bottom:5px; } .homeBanner9 { width:215px; } .homeBanner10 .bannerText { width:230px; } .homeBanner10 h2 { margin-bottom:4px; font-size:14px; line-height:19px } .homeBanner10 .siteLink { font-size:13px; bottom:2px } .resTab .tabNav.bdEasyPayTab li a{min-width:110px;} .easyPayAdvinfo li p{width:70%;} .eayPayStarted .resTab2 .tabNav li a{padding:6px;} .eayPayStarted{padding:40px 0 0 0;} .eshopMerch{width:120px; height:120px;} .eshopDisc{padding:15px;} .simpleSteps li p{padding:10px 0;} .rtgNeftFaciliMInfo li span{display:block;} } @media screen and ( max-width:360px ) { .giftCardInquire .bottomCotactDetail .rightLinks li, .cardUser .rightLinks li { padding:0; } .debitCard .bottomCardLinks li:nth-child(2) a { padding:10px 10px 10px 75px; } .accountSubNav li, .depositsSubNav li { float:none; width:auto; border:0; border-bottom:1px solid #e0e0e0; } .accountSubNav li:last-child, .depositsSubNav li:last-child { border:0; } .personalAcc .row h2 { font-size:17px; line-height:19px; } .accConnectWithUs ul { margin:0 -10px; } .accConnectWithUs ul li { padding:0 10px; } .debitCardSlider .swiper-slide { width:270px; } .debitCardSlider .sliderControl .swiper-button-next { right:-55px; } .debitCardSlider .sliderControl .swiper-button-prev { left:-55px; } .digitMark ul li a, .otherServicesWrap ul li a { font-size:16px; } .digitMark ul li:nth-child(2n+1) .imgHolder, .digitMark ul li:nth-child(2n) .imgHolder, .otherServicesWrap ul li:nth-child(2n+1) .imgHolder, .otherServicesWrap ul li:nth-child(2n) .imgHolder { left:57px; } .digitMark ul li:nth-child(2n+1) a .title, .digitMark ul li:nth-child(2n) a .title, .otherServicesWrap ul li:nth-child(2n+1) a .title, .otherServicesWrap ul li:nth-child(2n) a .title { left:157px; } .mconnectContact .icon { width:53px; height:53px; margin:0 5px 0 0; } .mconnectContact .contactDetail .emailIcon { background-position:-245px -668px; } .mconnectContact .contactDetail .callIcon { background-position:-10px -704px; } .mconnectContact .contactDetail .faxIcon { background-position:-332px -670px; } .mpassbookDwnldApp ul li { padding:0 2px; } .bottomCotactDetail.kiosk .callIcon { width:53px; height:53px; background-position:-311px -31px; margin-right:5px; } .bottomCotactDetail.kiosk p.phoneNo { font-size:16px; } .bottomCotactDetail.kiosk .rightCol { width:290px; } .stepsImgs > ul { margin:0; } .stepsImgs li { padding:0 0 10px 0; float:none; width:auto; } .ipgKeyFeatures ul li { padding-right:15px; } .mclipKeyList li, .mclipKeyList ul.rightList li { padding:15px 6px; } .mpassbookDwnldApp ul li { width:49%; padding:3px; } .giftCardInquire.mClipInquire .bottomCotactDetail .rightLinks li { padding:0; } .mpassbookBenefits ul li .text { width:70%; } .ibCustomerRegister .leftBox p { font-size:17px; } .ibInquiry .inquiryList li:first-child { padding:0; } .ibInquiry .inquiryList li, .ibInquiry .inquiryList li:last-child { padding:0; } .ibApplyTab .ibApplyTabNav li a { padding:10px 7px; font-size:16px; } .bankFounded .tabContainer .imgHolder { width:auto; } .bankFounded .tabContainer .imgHolder img { width:100%; } .financialReportList li, .financialReportList li:hover { min-height:inherit; padding:20px 5px; } .financialReportList h3, .financialReportList li:hover h3 { margin-bottom:10px; } .directors .row.col3 { margin:0 -5px; } .directors .row .col3 { padding:0 5px; } .directors .row.col3 h2 { padding-left:5px; } .directors .box { margin-bottom:20px; } .innerBanner img { margin-left:-120px; } .emiCoutnerBg { padding:20px 20px 10px 20px; } #footer .siteUpdate > span { display:block; margin:0; padding:0; } #footer .siteUpdate span:first-child:after { display:none; } #footer .siteUpdate span:first-child { margin-bottom:5px; } .mobileAppsList li > a, .mobileAppsList li:hover > a { padding:15px; min-height:180px; } .mobileApps .imgHolder { margin-bottom:0; } .mobileApps .appLinks { bottom:13px; } .humanResources .hrMainImg { float:none; margin:0 auto 15px auto; display:block; } .officesBranches .resTab .tabNav li a { padding:15px 32px; } .landingPageBanner .bussbannerCaption h2 { font-size:18px; line-height:22px; } .mpassbookRegPro.minvestRegPro ul li p { width:auto; } .blockContentInf { padding:130px 15px 20px 15px; } .customerSerInq .col2 .number br { display:block; } .greenPinSec .circle { width:60px; height:60px; line-height:52px; font-size:25px; } .greenPinSec ul li { padding:10px 0 10px 75px; } .brdRwarzFeatures li { width:50%; } .brdRwarzFeatures .box { padding:25px 15px; } .keyfeaturesList .keyFeauresWrap { min-height:80px; } .nriHelpdeskContent h2, .nriHelpdeskContent p { text-align:left; } .nriHelpdeskContent .bottomCotactDetail p { text-align:center; } .sbsMobAcc .smartBankingList ul li { float:none; width:auto; margin:15px 0; } .sbsMobAcc h3 { margin:0; } .sbsMobAcc ul.bulletText { margin:0; } .videosRightBlk #zoomwall a { height:70px; width:100px; } .careerPathnav li span { padding-bottom:10px; padding-top:10px; font-size:16px; padding-left:20px; } .careerPathnav li span:after { border-bottom-width: 20px; border-left-width: 11px; border-top-width: 20px; margin-top: -36px; } .careerPathnav li span:before { border-bottom-width: 22px; border-left-width: 13px; border-top-width: 22px; margin-top: -9px; } .careerPathnav li:nth-child(3):after { width:70px; height:70px; right:-30px; top:-14px; } .careerPathsubNav:after { top:-78px; } .careerPathsubNav { margin:60px 0 0 30px; } .careerPathBlock { right:auto; } .careerBrodaAcademy .counterDigit { width:90px; padding-top:45px; height:90px; font-size:24px; } .careerBrodaAcademy ul li .bottomText:after { width:90px; margin-left:-45px; } .CareerHelpline .CareerHelplineDetail { padding-left:80px; } .CareerProfile-Icon div { margin-right:12px; } .emiCounter label { font-size:16px; } .homeBanner2 h2 { font-size: 14px; } .homeBanner2 h3 { margin-bottom:3px; display:none; } .homeBanner4 h2 br { display:none; } .homeBanner5 { width: 34.5%; margin-right: 5px; } .homeBanner6 h3 { font-size:13px; line-height:16px; } .sbBanner4 { padding-top:10px; } .business2, .business1 { padding-top:0; min-height:inherit; } .wealthBanner { width:auto; } .debitCardSlider .slideContent .button { font-size:13px; padding:6px; } .homeBanner8 h2 { font-size:18px; line-height:16px; } .homeBanner8 h3 { font-size:13px; } .homeLinks ul li:first-child .icon1.homeSprite { margin-top: -30px; } .homeLinks ul li .title .break { display: block !important; } .homeBanner9 h2 { margin-bottom:0; } } @media screen and ( max-width:320px ) {.homeProducts h2:after, .exclusiveOffers h2:after, .socialFeeds h2:after, .announcements .title:after { margin-left:-220px; } .headerRow .searchBox.active { width:260px; } .headerRow .botRightNav li a { padding:0 2px; } .homeProductsInner { padding:0 25px; } .callBackPop .captcha .captchaImg { width:112px; } .resTab .r-tabs-accordion-title .r-tabs-anchor { position:relative; padding:20px 25px 20px 15px; } .loanDetail .resTab .r-tabs-accordion-title .r-tabs-anchor, .leftTabBar .resTab .r-tabs-accordion-title .r-tabs-anchor { padding:20px 15px 20px 65px; font-weight:600; } .cardUser .contactDetail div { text-align:center; padding-right:0; } .callBackPop .captcha .captchaImg { width:100px; } .newFeaturesRow ul li .text { width:73%; } .width50p { width:auto; float:none; } .width50p ul { margin:0; } .loanLinkSlider a { padding:5px 24px; } .emiCounter input { width:92px; } .emiCounter .fieldRow { padding-right:106px; } .emiCoutnerBg #emiChart, .highcharts-container { width:280px !important; max-width:280px !important; min-width:280px !important; } .emiCoutnerBg #emiChart { margin-left:-15px !important } .emiCounter .fieldRow { padding-right:116px; margin:0 -12px 25px -12px; } .emiCounter input { width:102px; } .emiCounter label { font-size:16px; } .reportDropOuter .reportDropdown { width:215px; } .tenderDetailContainer .label:after { display:none; } .imgiconfourBoxes li, .imgiconfourBoxes li:nth-last-child(-n+2) { float:none; width:auto; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc; } .imgiconfourBoxes li .titleBox h2 br { display:none; } .imgiconfourBoxes li .titleBox h2 { min-height:inherit; } .imgiconfourBoxes li:last-child { margin:0; padding:0; border:0; } .indexBanner .sliderCaption .box { top:5px; } .middleHeadingtext { width:280px; } .gallerySelectedItem .swiper-slide, .gallerySelectedItem .swiper-slide .imgHolder { height:190px; width:290px; } .videosRightBlk #zoomwall a { height: 60px; width: 86px; } .careerTabs.officesBranches .resTab .tabNav li { width:78px; } .CareerHelpline { text-align:center; } .mobConWithUs ul li { margin:0; } .CareerHelpline .CareerHelplineDetail .EmailIcon { position:static; display:block; margin:0 auto; } .CareerHelpline .CareerHelplineDetail { padding-left:0; } .CareerHelpline .CareerHelplineDetail div { padding:0; } .CareerNotes { margin-bottom:0; } .homeBanner1 .bannerText span { font-size:13px; font-weight:600; display:block; line-height:21px; } .homeBanner1 .bannerText:after { display:none; } .homeBanner4 h2 { margin-bottom:5px; } .homeBanner4 { width:130px; text-align:left; } .homeBanner5 { width:35%; } .homeBanner3 { text-align:left; } .homeBanner6 h2, .homeBanner6 h3 { margin:0; } .homeBanner1 { margin-left:5px; width:145px; } .wealthBanner { width:auto; } .foundatioDay h2 { font-size:14px; line-height:20px; } .homeBanner8 { margin-right:10px; } .homeBanner8 h3 { font-size:12px; } .homeBanner9 h2 { text-align:right; font-size:14px; } }