@charset "utf-8"; /* CSS Document */ @charset "utf-8"; /* CSS Document */ #nav .MenuLi1 li li li ul { position:static; box-shadow:0 0 0 #000; border:0; width:100%; display:block; opacity:1; visibility:visible; } .pageTitleText { color:#ff6633; font-weight:700; font-size:1.5em; } .bannerLeftContent { float:left; margin-left:8%; } .carLoanBanner1, .giftCardBanner1, .reloadableCardBanner1 { position:relative; text-align:left; float:none; margin:0; } .carLoanBanner1:before, .carLoanBanner1:after, .giftCardBanner1:before, .giftCardBanner1:after, .reloadableCardBanner1:before, .reloadableCardBanner1:after { position:absolute; left:0; width:50px; height:5px; background-color:#fff; content:""; } .carLoanBanner1:before, .giftCardBanner1:before, .reloadableCardBanner1:before { top:-25px; } .carLoanBanner1:after, .giftCardBanner1:after, .reloadableCardBanner1:after { bottom:30px; } .carLoanBanner1 h2 { color:#fff; } .carLoanBanner1 h2 .titleText, .giftCardBanner1 h2 .titleText, .reloadableCardBanner1 h2 .titleText { display:block; margin-bottom:10px; } .carLoanBanner1 h2 .textBgColor, .giftCardBanner1 h2 .textBgColor, .reloadableCardBanner1 h2 .textBgColor { background-color:#ab1f04; display:inline-block; position:relative; color:#fff; padding:8px 20px; } .carLoanBanner1 h2 .textBgColor:after, .giftCardBanner1 h2 .textBgColor:after, .reloadableCardBanner1 h2 .textBgColor:after { position:absolute; right:-40px; top:1px; bottom:0; content:""; width:0; height:0; border-bottom:57px solid #ab1f04; border-right:40px solid transparent; } .carLoanBanner1 .bannerImgHolder { margin-bottom:5px; } .carLoanBanner1 .bannerImgHolder img, .giftCardBanner1 .bannerImgHolder img, .reloadableCardBanner1 .bannerImgHolder img { width:auto; } .carLoanBanner1 p.interest { font-weight:700; color:#fff; font-size:21px; margin-bottom:40px; padding-left:45px; } .carLoanBanner1 p.condition, .reloadableCardBanner1 p.condition { font-size:15px; color:#fff; } .giftCardBanner1:after { bottom:-25px; } .reloadableCardBanner1 p.condition { margin-bottom:0; } .reloadableCardBanner1 .bannerImgHolder { margin-bottom:35px; } .goAirBanner { overflow:hidden; } .goAirBanner h2 { display:none; color:#fff; } .goAirBanner .homeBanner { position:absolute; left:10%; top:0; height:100%; width:36.5%; } .goAirBanner .btnWhite { position:absolute; left:38%; top:auto; bottom:6%; z-index:2; } .bobFixedDesBanner h3 { text-transform:uppercase; color:#fff; line-height:1.4; } .bobFixedDesBanner .textList { margin:0; padding:0; line-height:17px; } .bobFixedDesBanner .textList .textLine { padding-left:10px; padding-right:3px; position:relative; color:#fff; font-size:14px; line-height:1; } .bobFixedDesBanner .textList .textLine:before { position:absolute; left:0; top:8px; width:5px; height:5px; content:""; background-color:#fff; border-radius:50%; } .bobFixedDesBanner .loanTextBlock { width:625px; position:relative; } .bobFixedDesBanner .allYourInterest { position:absolute; left:25px; bottom:-35px; } .bobFixedDesBanner .rupees { font-weight:bold; } .chaturthiBanner .loanTextBlock { width:550px; position:relative; } .chaturthiBanner .homeLoanBanner .loanTextBlock h2 { margin-bottom:0; } .chaturthiBanner .homeLoanBanner .allYourInterest { position:absolute; left:25px; bottom:-35px; color:#f27537; } .chaturthiBanner .bannerLoanBlk { margin:0; padding:20px 0; list-style:none; } .chaturthiBanner .bannerLoanBlk li { padding:0 15px 0 60px; display:inline-block; vertical-align:top; border-right:1px solid #fff; margin-right:15px; } .chaturthiBanner .bannerLoanBlk li.homeLoanBlk { background:url(../../images/chaturthi-banner-home-icon.png) no-repeat 0 0; } .chaturthiBanner .bannerLoanBlk li.carLoanBlk { background:url(../../images/chaturthi-banner-car-icon.png) no-repeat 0 5px; } .chaturthiBanner .bannerLoanBlk li:last-child { border:0; margin-right:0; } .chaturthiBanner .bannerLoanBlk .title { font-size:17px; font-weight:700; } .chaturthiBanner .bannerLoanBlk p { font-weight:600; } .chaturthiBanner .bannerLoanBlk li p:last-child { margin-bottom:0; } .chaturthiBanner .textCenter { text-align:center; } .tradersLoanAplyWrap { margin:-40px 0; background:#e2c7b2 url(../../images/traders-loan--banner-bg.jpg) no-repeat 0 0; background-size:auto 100%; padding:40px 0; min-height:750px; position:relative; } .rightBlockAply { position:absolute; right:80px; top:40px; } .tradersLoanAplyWrap p.orangeText { margin-bottom:5px; } .tradersLoanAplyWrap .homeLoanForm { max-width:600px; box-shadow:0 0 0 #fff; } .tradersLoanAplyWrap .errorDesignForm.commonForm .fieldCol { margin-bottom:20px; } .tradersLoanAplyWrap .errorDesignForm { background:rgba(246, 246, 246, 0.9); border:0; } .tradersLoanAplyWrap h2.pageTitle { color:#222; text-align:center; } .innerBanner.noBanner .bannerContent { display:none; } .innerBanner.noBanner .breadcrumb { position:static; padding:10px 0; } .tradersLoanAplyWrap .commonForm .fieldRow { margin:0 -5px; } .tradersLoanAplyWrap .fieldCol .fieldLabel label { padding-bottom:0; } .tradersLoanAplyWrap .commonForm .fieldCol { float:left; width:50%; padding:0 5px; } .tradersLoanAplyWrap .commonForm .fieldCol.fullWidth { width:100%; } .tradersLoanAplyWrap .buttons-row { float:left; width:100%; } .tradersLoanAplyWrap .errorDesignForm .captchaBox { width:100%; } .tradersLoanAplyWrap .commonForm .captchaImg { width:100px; } .tradersLoanAplyWrap .captchaBox { padding-right:140px; } .tradersLoanAplyWrap .captchaBox .captchaImgBox { width:135px; } .tradersLoanAplyWrap .formMandetoryText.formMandetoryTextAlign { margin-bottom:15px; } .tradersLoanAplyWrap #ContentPlaceHolder1_BOB_LeadManagement1_lblVerifycode { display:none; } .tradersLoanAplyWrap .orangeContentBox { background:rgba(242, 103, 35, 0.9); padding:25px; width:580px; border-radius:0 72px 0 0; } .tradersLoanAplyWrap .orangeContentBox h2 { font-size:31px; color:#fff; text-transform:uppercase; font-weight:bold; margin:0 0 15px 0; line-height:35px; } .tradersLoanAplyWrap .orangeContentBox h3 { font-size:21px; color:#fff; text-transform:uppercase; font-weight:bold; margin:0 0 15px 0; line-height:27px; } .tradersLoanAplyWrap .orangeContentBox p { color:#fff; margin-bottom:15px; line-height:1.3; } .tradersLoanAplyWrap .orangeContentBox .bannerTextList { float:none; width:auto; } .tradersLoanAplyWrap .orangeContentBox .bannerTextList li { font-weight:400; } .tradersLoanAplyWrap .orangeContentBox .bannerTextList li:before { top:6px; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew .orangeContentBox .bannerTextList { float:left; width:50%; } .tradersLoanAplyWrap .tradersLoanAplyTitle { text-align:center; margin-top:-25px; font-size:25px; color:#222; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew .tradersLoanAplyTitle { color:#fff; } .mortgageLoanAplyWrap { background:#e3dfde url(../../images/mortgage-loan--banner-bg.jpg) no-repeat 0 0; background-size:auto 100%; } .tradersLoanAplyWrap .orangeContentBox { position:absolute; left:40px; top:70px; width:50%; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew .orangeContentBox { width:40%; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew { min-height:820px; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew .errorDesignForm { margin-top:25px; } .tradersLoanAplyWrap.mortgageLoanAplyWrap .rightBlockAply { top:65px; } .msmeBanner3 .homeLoanBanner .bnRightContent { text-align:left; width:600px; position:relative; } .msmeBanner3 .large.capitalText { text-transform:uppercase; font-size:18px; font-weight:600; margin-bottom:15px; } .innerBanner.innerBannerSlider .landingBanner.msmeBanner3 .vCenter.mrgTop { margin-top:-50px; } .bannerTextList { margin:0; padding:0; list-style:none; float:left; width:50%; display:inline-block; } .bannerTextList li { padding-left:15px; position:relative; color:#fff; font-size:14px; margin-bottom:5px; line-height:1.3; font-weight:600; } .bannerTextList li:before { position:absolute; left:0; top:4px; width:7px; height:7px; content:""; background-color:#fff; border-radius:50%; } .msmeBanner3 p.allYourInterest { position:absolute; left:25px; bottom:-35px; color:#ff6633; } .msmeBanner3 p.tcText { text-align:right; font-size:12px; margin-bottom:0; } .ganesh4Banner2 .homeLoanBanner .loanTextBlock p { margin-bottom:7px; } .ganesh4Banner2 .homeLoanBanner .loanTextBlock .largeText { margin-bottom:15px; } .homeLoanAplyWrap { background:#f5ddb7 url(../../images/apply-for-home-loan-bg.jpg) no-repeat right 0; background-size:auto 100%; } .homeLoanAplyWrap .tradersLoanAplyTitle { margin-top:0; text-align:left; } .homeLoanAplyWrap .orangeContentBox { max-width:600px; width:100%; } .homeLoanAplyWrap .orangeContentBox, .homeLoanAplyWrap .rightBlockAply { position:static; } .homeLoanAplyWrap .homeLoanForm { margin:20px 0 0 0; } .homeLoanAplyWrap .rightBlockAply .container { padding:0; } .orangeContentBox .termConText { font-size:12px; color:#fff; display:block; text-align:right; } .homeLoanAplyWrap .orangeContentBox p { margin-bottom:9px; } .bobIPOBanner .loanTextBlock { width:675px; padding:10px 25px; margin-top:-50px; position:relative; } .bobIPOBanner .bobIWhiteBox { padding:20px; background-color:#fff; box-shadow:0 10px 10px rgba(0, 0, 0, 0.2); } .bobIPOBanner .bobIWhiteBox p, .bobIPOBanner .bobIWhiteBox h3 { color:#e46625; } .bobIPOBanner .bobIWhiteBox h3 { text-transform:uppercase; margin-bottom:5px; font-size:22px; } .bobIPOBanner .bobIWhiteBox p { font-size:19px; } .bobIPOBanner .bobIWhiteBox strong, .bobIPOBanner .bobIWhiteBox .linkText { font-weight:700; } .bobIPOBanner .bobIWhiteBox .linkText { margin-top:20px; } .bobIPOBanner .loanTextBlock .button { position:absolute; left:25px; bottom:-50px; } .snapdealBanner h2, .snapdealBanner p { display:none; } .snapdealBanner .button { position:absolute; bottom:40px; right:19%; } .snapdealBanner .landingBanner .button { bottom:65px; } .homeProductBanner .homeProBnrRhtImg { position:absolute; right:0; top:0; height:100%; width:42.91%; } .homeProductBanner .homeProBnrRhtImg img { width:100%; } .homeProductBanner .loanTextBlock { background:none; padding:0; border-radius:0; width:52%; margin-left:5%; } .homeProductBanner .loanTextBlock h2 { font-size:36px; color:#555; font-weight:400; position:relative; text-transform:none; border-bottom:1px solid #d2d2d2; padding-bottom:18px; } .homeProductBanner .loanTextBlock h2:before { width:120px; height:5px; background-color:#ff6633; position:absolute; left:0; bottom:-3px; content:""; } .homeProductBanner .loanTextBlock h2 span { text-transform:uppercase; color:#ff6633; font-weight:700; } .innerBanner.noPadding { padding-top:0; } .homeLoanBanner .termConText a { color:#fff; text-decoration:underline; } .homeLoanBanner .termConText a:hover { text-decoration:none; } .homeProductBanner .bnrProList .proBox .buttonRow { } .ruralAgriDetail.topPadNone { padding-top:0; } .mconnectContact.ruralAgriDetail .leftCol, .mconnectContact.ruralAgriDetail .rightCol { transform:translateX(0) scale(1) !important; -webkit-transform:translateX(0) scale(1) !important; opacity:1 !important; } .kisanDivasProduct { margin:0 -15px; padding:0; list-style:none; } .kisanDivasProduct li { float:left; width:33.333%; padding:15px; } .kisanDivasProduct li .box { background-color:#ff6633; padding:25px 10px; text-align:center; } .kisanDivasProduct li .icon { margin:0 auto; width:60px; height:60px; display:block; background-image:url(../../images/kisan-divas-product-icon.png); background-repeat:no-repeat; } .kisanDivasProduct li .icon1 { background-position:0 0; } .kisanDivasProduct li .icon2 { background-position:-60px 0; } .kisanDivasProduct li .icon3 { background-position:-120px 0px; } .kisanDivasProduct li .icon4 { background-position:-180px 0px; } .kisanDivasProduct li .icon5 { background-position:-240px 0px; } .kisanDivasProduct li .icon6 { background-position:-300px 0px; } .kisanDivasProduct li .titleText { font-size:18px; color:#fff; font-weight:600; display:block; line-height:1.4; padding-top:15px; } .kisanDivasBtnRow { text-align:center; margin:20px 0; } .kisanDivasBtnRow .button { padding-left:40px; padding-right:40px; } .kisanDivasActivity { background-color:#f3f3f3; padding:50px 0; margin:30px 0; } .kisanDivasActivity h2 { text-align:center; font-size:26px; margin-bottom:30px; } .kisanZoneListWrap { padding:0 50px; position:relative; } .kisanZoneList { overflow:hidden; } .kisanZoneList .swiper-slide { padding:10px; } .kisanZoneList .zoneBox { background-color:#fff; padding:5px; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); } .kisanZoneList .zoneBox .zoneImgHolder { position:relative; } .kisanZoneList .zoneBox .zoneImgHolder img { width:100%; } .kisanZoneList .zoneBox .zoneTitle { display:block; position:absolute; left:0; right:0; bottom:0; padding:6px 10px; background:rgba(255, 102, 51, 0.8); color:#fff; font-size:19px; text-align:center; } .kisanZoneListWrap .swiper-button-prev { left:0; background-position:-114px -42px; } .kisanZoneListWrap .swiper-button-next { right:0; background-position:-145px -42px; } .kisanZoneList .swiper-slide { width:259px; float:left; } .kisanDivasBnr .leftLargeImg { position:absolute; left:30px; top:30px; display:none; } .kisanDivasBnr .loanTextBlock { text-align:left; width:475px; position:relative; } .kisanDivasBnr .loanTextBlock h2 span { display:block; font-size:23px; } .kisanDivasBnr .loanTextBlock h2 span { border-top:2px solid #fff; padding:5px 0; margin-top:15px; } .kisanDivasBnr .loanTextBlock h3 { color:#fff; margin:0; font-size:16px; } .kisanDivasBnr .loanTextBlock .allYourInterest { color:#2a1409; position:absolute; left:20px; bottom:-40px; } .kisanDivasBnr .homeLoanBanner .loanTextBlock p.allYourInterest { font-size:22px; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock { margin-top:-50px; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock h2 { padding-bottom:7px; margin:0; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock h3 { text-transform:uppercase; display:block; padding:7px 0; font-size:21px; } .kisanDivasBnr.kisanDivasBnrHome .visitBranch, .kisanDivasBnr .loanTextBlock h3 { display:none; } .kisanDivasBnr .middleTagLine { position:absolute; left:47%; top:50%; font-size:25px; text-align:center; padding:30px 30px; background:rgba(242, 103, 35, 0.9); color:#fff; font-weight:700; line-height:1.3; margin:-62px 0 0 -130px; width:auto; height:auto; border-radius:45px; } #nav li.MenuLi1 ul li:first-child ul ul { left:100%; top:-8px; padding:10px 15px; } #nav li.MenuLi1 ul li:first-child ul li:hover ul { display:block; } #nav li.MenuLi1 ul li:nth-child(4) li:hover > ul { display:block; } #nav li.MenuLi1 ul li:nth-child(4) li ul { left:100%; top:-8px; padding:10px 15px; } .etradeContainer video { width:100%; height:329px; cursor:pointer; } .carLoanAplyWrap { background:#391814 url(../../images/car-loan-navratri-img.jpg) no-repeat right 0; background-size:auto 100%; } .carLoanAplyWrap .applyLoanTitle { font-size:25px; color:#fff; } .carLoanAplyWrap .fieldLabel label { padding-bottom:0; } .carLoanAplyWrap .applyLoanRightBlk { max-width:600px; width:100%; } .carLoanAplyWrap .orangeContentBox, .carLoanAplyWrap .homeLoanForm { width:100%; max-width:none; } .innerCarloanBnrNew .loanTextBlock { text-align:left; width:635px; } .innerCarloanBnrNew .loanTextBlock .allYourInterest { margin-bottom:15px; } .agriculturePra { margin:0 -10px; padding:0 0 30px 0; list-style:none; } .agriculturePra li { float:left; width:25%; padding:10px; text-align:center; } .agriculturePra li a { display:block; text-decoration:none; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); } .agriculturePra li a:hover { box-shadow:0 0 20px rgba(0, 0, 0, 0.3); } .agriculturePra li a img { width:100%; display:block; } .agriculturePra li .titleText { font-weight:600; color:#555; padding:10px 0; display:block; } .rightFixedButton { right:-200px; top:50%; position:fixed; z-index:14; opacity:0; visibility:hidden; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); } .rightFixedButton.active { opacity:1; visibility:visible; right:0; } .thanksInterested { margin-top:50px; } .bobThankYouMsg { padding-left:15px; padding-right:15px; } .alsoBeInterested:after { right:15px; } .bobThankYouMsgWrap { box-shadow:0 0 15px rgba(0, 0, 0, 0.2); padding:30px 30px 0 30px; max-width:900px; width:100%; margin:0 auto; } .bobThankYouMsgWrap .imgHolder { float:left; width:25%; } .bobThankYouMsgWrap .bobThankYouMsg { text-align:left; padding:60px 0 0 240px; font-size:18px; } .instantNriProduct { padding-bottom:80px; padding-top:0; } .instantNriProduct .pageTitleText { margin-bottom:40px; } .instantNriProduct .leftCol { float:left; width:50%; } .instantNriProduct .rightCol { float:left; width:50%; padding-left:15px; } .instantNriProduct .leftCol .imgHolder { margin-bottom:20px; } .instantNriProduct .ties { font-size:17px; font-weight:600; margin-bottom:5px; } .instantNriProduct h2 { text-transform:uppercase; margin-bottom:0; font-size:40px; line-height:1.1; } .instantNriProduct h3 { font-size:22px; font-weight:400; margin-bottom:0; } .instantNriProduct .rightCol .container { padding:0; } .instantNriProduct .commonForm .fieldInput table tr { float:left; width:50%; font-size:15px; } .instantNriProduct .commonForm .fieldInput table tr td { width:100%; display:block; } .instantNriProduct .errorDesignForm.commonForm .fieldCol { margin-bottom:10px; } .instantNriProduct .homeLoanForm { max-width:none; } .nriProduct { background-color:#f3f3f3; padding:60px 0; margin-bottom:-40px; } .nriProduct h2 { text-align:center; text-transform:uppercase; font-size:40px; } .nriProduct h2 span { display:block; font-size:22px; color:#494949; margin-bottom:30px; font-weight:600; text-transform:none; position:relative; } .nriProduct h2 span:before { position:absolute; width:94px; margin-left:-47px; left:50%; bottom:-7px; height:4px; content:""; background-color:#494949; } .nriProductList { margin:0 -30px; padding:0; list-style:none; } .nriProductList > li { padding:15px 30px; float:left; width:50%; } .nriProductList .productBox { background-color:#fff; border-radius:12px; min-height:190px; box-shadow:0 0 15px rgba(0, 0, 0, 0.2); padding:25px; } .nriProductList .productBox .imgHolder { float:left; width:105px; margin-top:10px; } .nriProductList .productBox .productRightDtl { padding-left:120px; } .nriProductList h3 { text-transform:uppercase; font-weight:700; margin-bottom:13px; font-size:22px; color:#ff6633; } .nriProductList .bulletList { margin:0; padding:0; list-style:none; } .nriProductList .bulletList li { padding-left:13px; margin-bottom:8px; font-size:18px; position:relative; line-height:1.4; } .nriProductList .bulletList li:before { position:absolute; left:0; top:9px; content:""; background-color:#555; border-radius:50%; width:6px; height:6px; } .thanksInterested { margin-top:50px; } .bobThankYouMsg { padding-left:15px; padding-right:15px; } .alsoBeInterested:after { right:15px; } .bobThankYouMsgWrap { box-shadow:0 0 15px rgba(0, 0, 0, 0.2); padding:30px 30px 0 30px; max-width:900px; width:100%; margin:0 auto; } .bobThankYouMsgWrap .imgHolder { float:left; width:25%; } .bobThankYouMsgWrap .bobThankYouMsg { text-align:left; padding:60px 0 0 240px; font-size:18px; } .loanTypeList .multiButton .botBtnGroup { opacity:0; visibility:hidden; transform:translateY(40px); -webkit-transform:translateY(40px); -ms-transform:translateY(40px); position:absolute; left:0; margin-left:0; bottom:0; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; padding:0 10px; text-align:center; width:100%; } .loanTypeList li:hover .multiButton .botBtnGroup { opacity:1; visibility:visible; transform:translateY(-25px); -webkit-transform:translateY(-25px); -ms-transform:translateY(-25px); } .loanTypeList .multiButton .botBtnGroup .explore { opacity:1; visibility:visible; transform:translateY(0px); -webkit-transform:translateY(0px); -ms-transform:translateY(0px); position:static; margin-left:0; padding:0 30px 0 10px; background-position:93% center; font-size:14px; margin:0 5px; text-align:left; } .loanTypeList li:hover .multiButton .explore { opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); } .barodaDefBnrLink { position:absolute; left:0; top:0; width:100%; height:100%; display:block; text-indent:-9999px; } .depositsSubNav.centerList { text-align:center; } .depositsSubNav.centerList li { float:none; max-width:350px; width:100%; display:inline-block; vertical-align:top; } .agriculturePra.presidentSmg li img { border-bottom:2px solid #ff6633; } .depositsSubNav li .icon.pledge { background-image:url(../../Images/pledge-1.png); background-repeat:no-repeat; background-position:5px 3px; } .depositsSubNav li:hover .icon.pledge { background-position:5px -41px } .diwali2018Bnr .loanTextBlock { width:550px; position:relative; margin-top:-50px; } .diwali2018Bnr .homeLoanBanner .loanTextBlock h2 { margin-bottom:5px; } .diwali2018Bnr .homeLoanBanner .loanTextBlock h3 { font-size:22px; color:#fff; text-transform:uppercase; margin-bottom:10px; } .diwali2018Bnr .loanTextBlock p.allYourInterest { position:absolute; left:25px; bottom:-35px; color:#fff; font-size:22px; text-shadow:1px 1px 1px #260e0e; } .diwali2018Bnr .bannerLoanBlk { margin:0; padding:20px 0 0 0; list-style:none; } .diwali2018Bnr .bannerLoanBlk li { padding:0 35px 0 60px; display:inline-block; vertical-align:top; border-right:1px solid #fff; margin-right:35px; } .diwali2018Bnr .bannerLoanBlk li.homeLoanBlk { background:url(../../images/chaturthi-banner-home-icon.png) no-repeat 0 0; } .diwali2018Bnr .bannerLoanBlk li.carLoanBlk { background:url(../../images/chaturthi-banner-car-icon.png) no-repeat 0 5px; } .diwali2018Bnr .bannerLoanBlk li:last-child { border:0; margin-right:0; } .diwali2018Bnr .bannerLoanBlk .title { font-size:19px; font-weight:700; text-transform:uppercase; } .diwali2018Bnr .bannerLoanBlk p { font-weight:600; } .diwali2018Bnr .bannerLoanBlk li p:last-child { margin-bottom:0; } .diwali2018Bnr .loanTextBlock .button { padding:0 10px; line-height:33px; margin-top:10px; margin-left:-43px; } .diwali2018Bnr .loanTextBlock .button .icon { margin-left:6px; } .diwali2018Bnr .loanTextBlock .tcApplyText { font-size:11px; position:absolute; right:0px; bottom:40px; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); } .diwali2018Bnr.diwali2018BnrInr .loanTextBlock { text-align:left; } .icon.EbusinessPack { background-image:url(../../Images/e-business-pack.png); background-repeat:no-repeat; } .msmeloanadvList li:hover .icon.EbusinessPack { background-position:0 -63px; } .icon.CommercialVehicleFinance { background-image:url(../../Images/vehicle-finance.png); background-repeat:no-repeat; } .msmeloanadvList li:hover .icon.CommercialVehicleFinance { background-position:0 -68px; } .homeLoanAplyWrap .applyLoanTitle, .tradersLoanAplyWrap.homeLoanAplyWrap .tradersLoanAplyTitle { color:#fff; } .diwaliEtradeWrap > img { display:none; } .diwaliEtrade { overflow:hidden; position:relative; height:100%; } .diwaliEtrade .homeBanner { position:absolute; left:0; top:0; width:50%; padding-bottom:60px; height:100%; } .diwaliEtrade .homeLoanBanner { padding-bottom:40px; padding-right:80px; } .diwaliEtrade .homeLoanBanner .btnWrapBanner { position:absolute; right:0; bottom:10%; max-width:170px; } .diwaliEtrade .homeLoanBanner .btnWrapBanner a { padding:0 8px; margin-top:5px; border:1px solid #ff6633; width:100%; font-size:13px; } .carLoanAplyWrapNew { background:#fdd4b8 url(../../images/apply-for-car-loan-desktop-new-bg.jpg) no-repeat right 0; background-size:100%; } .homePageSlider { background-size:cover; background-color:#fff; position:relative; } .homePageSlider .vCenter { position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:100%; } .homePageSlider .homeProductBanner h2 { font-size:28px; color:#555; font-weight:400; position:relative; text-transform:none; border-bottom:1px solid #d2d2d2; padding-bottom:10px; margin-bottom:50px; } .homePageSlider .homeProductBanner h2:before { width:120px; height:5px; background-color:#ff6633; position:absolute; left:0; bottom:-3px; content:""; } .homePageSlider .homeProductBanner h2 span { text-transform:uppercase; color:#ff6633; font-weight:700; } .homePageSlider .bannerLeftCol { float:left; width:53%; padding:50px 50px 50px 60px; } .homePageSlider .bannerRightCol { float:right; width:49%; } .homePageSlider .indexBannerWrap { position:relative; overflow:hidden; } .homePageSlider .indexBannerWrap:after, .homePageSlider .indexBannerWrap:before { width:92px; height:100%; position:absolute; top:0; content:""; z-index:2; } .homePageSlider .indexBannerWrap:after { left:0; background:url(../../images/home-banner-left-bg.png) no-repeat 0 0; background-size:100% 100%; } .homePageSlider .indexBannerWrap:before { right:0; background:url(../../images/home-banner-right-bg.png) no-repeat 0 0; background-size:100% 100%; } .homeProductBanner .bnrProList { margin:0; padding:0; list-style:none; } .homeProductBanner .bnrProList li { float:left; width:33.333%; position:relative; } .homeProductBanner .bnrProList .proBox { position:relative; padding:15px; transition:all 0.5s ease 0ms; -webkit-transition:all 0.5s ease 0ms; } .homeProductBanner .bnrProList .proBox:hover { background-color:#ff6633; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); } .homeProductBanner .bnrProList .proBox .icon { width:57px; height:43px; position:absolute; left:15px; top:19px; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } .homeProductBanner .bnrProList .proBox .icon1 { background-position:0 -539px; } .homeProductBanner .bnrProList .proBox .icon2 { background-position:-57px -539px; } .homeProductBanner .bnrProList .proBox .icon3 { background-position:-114px -539px; } .homeProductBanner .bnrProList .proBox .icon4 { background-position:-171px -539px; } .homeProductBanner .bnrProList .proBox .icon5 { background-position:-228px -539px; } .homeProductBanner .bnrProList .proBox .icon6 { background-position:-285px -539px; } .homeProductBanner .bnrProList .proBox:hover .icon1 { background-position:0 -597px; } .homeProductBanner .bnrProList .proBox:hover .icon2 { background-position:-57px -597px; } .homeProductBanner .bnrProList .proBox:hover .icon3 { background-position:-114px -597px; } .homeProductBanner .bnrProList .proBox:hover .icon4 { background-position:-171px -597px; } .homeProductBanner .bnrProList .proBox:hover .icon5 { background-position:-228px -597px; } .homeProductBanner .bnrProList .proBox:hover .icon6 { background-position:-285px -597px; } .homeProductBanner .bnrProList .proBox .icon8 { background-position:-454px -541px; } .homeProductBanner .bnrProList .proBox:hover .icon8 { background-position:-454px -597px; } .homeProductBanner .bnrProList .proBox .icon9 { background-position:-65px -754px; } .homeProductBanner .bnrProList .proBox:hover .icon9 { background-position:-65px -798px; } .homeProductBanner .bnrProList .proBox .icon10 { background-position:-63px -651px; } .homeProductBanner .bnrProList .proBox:hover .icon10 { background-position:-63px -696px; } .homeProductBanner .bnrProList .proBox .icon13 { background-position:-8px -757px; } .homeProductBanner .bnrProList .proBox:hover .icon13 { background-position:-8px -801px } .homeProductBanner .bnrProList .proBox a { text-decoration:none; } .homeProductBanner .bnrProList .proBox .titleText { padding-left:60px; line-height:1.2; margin-bottom:10px; text-transform:uppercase; font-size:16px; color:#555; font-weight:700; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; display:block; min-height:50px; } .homeProductBanner .bnrProList .proBox.largeTitle .titleText { padding-left: 55px; } .homeProductBanner .bnrProList .proBox .titleText.singleLine { padding-top:13px; padding-bottom:10px; } .homeProductBanner .bnrProList .proBox:hover .titleText { color:#fff; } .homeProductBanner .bnrProList .proBox .linkText { font-size:15px; margin-right:10px; opacity:0; visibility:hidden; color:#ff6633; background-color:#fff; border:1px solid #fff; padding:5px 10px; text-decoration:none; display:inline-block; } .homeProductBanner .bnrProList .proBox .linkText:last-child { margin-right:0; } .homeProductBanner .bnrProList .proBox:hover .linkText { opacity:1; visibility:visible; } .homeProductBanner .bnrProList .proBox .linkText:hover { color:#fff; background-color:#ff6633; } .homeProductBanner .bnrProList .proBox .linkText .arrowIcon { width:10px; height:12px; display:inline-block; vertical-align:middle; margin-left:2px; background-position:-543px -200px; display:none; } .announcements .title { background:#fff; color:#ff6633; } .rightFixedBox .socialList { display:none; } .homeRightNav { margin-top:305px; } .homeLinks .utilityPayment { background-position:-379px -528px; } .payTmTCArea { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; } #nav li.MenuLi1 ul li:first-child ul ul, #nav li.MenuLi1 ul li:nth-child(2) ul ul, #nav li.MenuLi1 ul li:nth-child(3) ul ul { left:100%; top:-8px; padding:10px 15px; } #nav li.MenuLi1 ul li:first-child ul li:hover ul, #nav li.MenuLi1 ul li:nth-child(2) ul li:hover ul, #nav li.MenuLi1 ul li:nth-child(3) ul li:hover ul { display:block; } .homeLoanTakeOverBnr .homeLoanBanner .bnRightContent { position:relative; margin-top:-70px; } .homeLoanTakeOverBnr .homeLoanBanner .loanTextBlock h2, .homeLoanTakeOverBnr .homeLoanBanner .loanTextBlock h3 { text-align:left; } .homeLoanTakeOverBnr .homeLoanBanner .loanTextBlock h3 { color:#fff; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #fff; } .homeLoanTakeOverBnr .bankingOn { position:absolute; left:25px; bottom:-25px; color:#ff6633; font-weight:700; } .homeLoanTakeOverBnr .homeLoanBanner .loanRateBlock { position:absolute; right:0; bottom:-110px; } .homeLoanTakeOverBnr .loanRateBlock .loanRateBanner { line-height:30px; padding-right:60px; } .homeLoanTakeOverBnr .loanRateBlock .paText { position:absolute; right:10px; top:0; } .homeLoanTakeOverBnr .homeLoanBanner .loanRateBlock .loanRateBanner .onwardsText { position:absolute; right:10px; top:25px; font-size:10px; } .homeLoanTakeOverBnr .tcApply { font-size:9px; } .barodaTankerzBanner { float:right; position:relative; width:500px; } .barodaTankerzBanner:before { position:absolute; left:-40px; width:5px; content:""; height:310px; top:57%; background-color:#f36523; } .barodaTankerzBanner h2 { font-size:2.125em; line-height:42px; } .barodaTankerzBanner h2 { text-align:left; display:block; font-weight:700; color:#ff6633; margin-bottom:40px; } .barodaTankerzBanner p { font-weight:700; text-align:left; color:#000000; font-size:2.150em; margin-bottom:0; line-height:1em; } .takeoverAplyWrap { background:#fcc8a1 url(../../images/apply-for-takeover-desktop-bg.jpg) no-repeat 0 0; background-size:100% auto; } .takeoverAplyWrap .takeoverAplyContent { float:right; max-width:600px; width:100%; margin-right:-130px; margin-top:60px; } .homeLoanAplyWrap.takeoverAplyWrap .orangeContentBox, .tradersLoanAplyWrap.takeoverAplyWrap .homeLoanForm { max-width:100%; } .takeoverAplyWrap.homeLoanAplyWrap .tradersLoanAplyTitle { color:#f26723; } .tradersLoanAplyWrap .orangeContentBox h4 { font-size:17px; color:#fff; text-transform:uppercase; font-weight:bold; margin:0 0 5px 0; } .leftTakeoverBulletText { width:35%; position:absolute; height:auto; margin-top:34%; } .homeLinks .lockerAvailability { width:70px; background-position:-136px -760px; } .seniorCitizenBanner .loanTextBlock { text-align:left; width:635px; position:relative; } .seniorCitizenBanner .loanTextBlock h3 { color:#fff; text-transform:uppercase; margin-bottom:10px; line-height:1.2; } .seniorCitizenBanner .textList { margin:0 0 0 15px; padding:0; } .seniorCitizenBanner .textList li { color:#fff; font-size:14px; } .seniorCitizenBanner .tcAplly { position:absolute; right:10px; bottom:10px; color:#fff; font-size:14px; } .threeGridlayout .buttonGroup .indiaFirst { clear:both; position:absolute; width:auto; bottom:20px; left:20px; right:20px; } .lifeInsuranceCompanyCallBackWrap { background:#f3ebde url(../../images/india-first-life-insurance-company-1920-1000.jpg) no-repeat 0 0; background-size:100%; } .loanAgainstSec .loanTextBlock { text-align:left; width:600px; position:relative; } .bnLeftContent .loanTextBlock { float:left; margin-left:12%; } .onLoadShowPopupOverlay, .onLoadShowPopup { opacity:0; visibility:hidden; z-index:-10; } .onLoadShowPopupOverlay { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); } .onLoadShowPopupOverlay.active, .onLoadShowPopup.active { opacity:1; visibility:visible; } .onLoadShowPopupOverlay.active { z-index:99998; } .onLoadShowPopup.active { z-index:99999; } .onLoadShowPopup { position:fixed; left:50%; top:50%; width:1280px; margin-left:-640px; background:#fff; padding:0; box-shadow:0 0 30px rgba(0, 0, 0, 0.4); transform:translateY(-50%); -webkit-transform:translateY(-50%); } .onLoadShowPopup .logo { text-align:center; margin-bottom:25px; } .onLoadShowPopup .middleLaptop { width:502px; height:289px; margin:0 auto; background:url(../../images/middle-laptop-img.png) no-repeat 0 0; position:relative; z-index:1; text-align:center; padding-top:30px; } .onLoadShowPopup .middleLaptop h2 { margin:0 auto; max-width:320px; width:100%; } .onLoadShowPopup .middleLaptop h2 a { text-transform:uppercase; color:#ff6633; font-weight:700; font-size:20px; line-height:1.2; margin-bottom:0; } .onLoadShowPopup .roadBlkMobImg { display:none; } .amalgaVideoSliderWrap { padding:0 50px; position:relative; } .amalgaVideoSlider { overflow:hidden; } .amalgaVideoSlider .swiper-slide { text-align:center; } .amalgaVideoSlider .swiper-slide .titleText { display:block; } .amalgaVideoSliderWrap .swiper-button-next { right:0; background-position:-145px -42px; } .amalgaVideoSliderWrap .swiper-button-prev { left:0; background-position:-114px -42px; } .twoFeildInlineForm { padding:20px 240px 20px 20px; background-color:#f1f1f1; margin-bottom:30px; position:relative; } .twoFeildInlineForm .row { margin:0 -15px; } .twoFeildInlineForm .row .col6 { width:50%; padding:0 15px; float:left; } .twoFeildInlineForm .sunRunBtnGroup { position:absolute; right:20px; bottom:20px; } .twoFeildInlineForm .fieldInput { position:relative; } .homeProductBanner .bnrProList .accountHomeBox.proBox .titleText { padding-top:17px; padding-bottom:3px; } .bnLeftContent.radianceTextBlock { background:#f16f26; padding:25px; width:435px; border-radius:0 72px 0 0; } .homeLoanBanner .radianceTextBlock h2 { font-size:31px; color:#fff; text-transform:uppercase; font-weight:bold; margin:0 0 5px 0; line-height:1.25em; } .innerLoan .bnLeftContent.radianceTextBlock { text-align:left; } .homeLoanBanner .radianceTextBlock p.missnumber { font-size:15px; margin:0; } .homeLoanBanner .radianceTextBlock p { color:#fff; font-size:16px; line-height:24px; } .loanAppDtlPage { margin:-40px 0; padding:40px 0; min-height:1024px; position:relative; } .comVehiFinance { background:#e3deda url(../../images/commercial-vehical-desktop.jpg) no-repeat 0 0; background-size:100% auto; } .loanAppDtlPage .formBlock { float:left; max-width:600px; width:100%; margin-left:-130px; padding-top:90px; } .loanAppDtlPage .formBlock.rightForm { float:right; margin-right:-130px; } .loanAppDtlPage .formBlock .titleText { font-size:25px; color:#222; margin-bottom:18px; line-height:1.3; } .loanAppDtlPage .orangeContentBox { background:rgba(242, 103, 35, 0.9); padding:25px; width:100%; border-radius:0 72px 0 0; } .loanAppDtlPage .orangeContentBox h2, .loanAppDtlPage .orangeContentBox .processingChargeText { color:#fff; } .loanAppDtlPage .orangeContentBox .bannerTextList { float:none; width:auto; } .loanAppDtlPage .loanApplyFormBlk .container { padding:0; } .loanAppDtlPage .loanApplyFormBlk .homeLoanForm { max-width:inherit; box-shadow:0 0 0 #fff; margin:0; } .loanAppDtlPage .loanApplyFormBlk .errorDesignForm { background:rgba(246, 246, 246, 0.9); border:0; padding:15px 30px 30px; background-color:#f6f6f6; } .loanAppDtlPage .commonForm .formMandetoryText { margin-bottom:15px; } .loanAppDtlPage .commonForm .fieldRow { margin:0 -5px; } .loanAppDtlPage .commonForm .fieldCol { margin-bottom:20px; float:left; width:50%; padding:0 5px; } .loanAppDtlPage .commonForm .captchaBox { width:100%; } .loanAppDtlPage .commonForm .captchaBox { padding-right:140px; } .loanAppDtlPage .commonForm .captchaBox .captchaImgBox { width:135px; } .loanAppDtlPage .commonForm .captchaImg { width:100px; } .loanAppDtlPage .commonForm .fieldCol.fullWidth { width:100%; } .constructionAndMining { background:#cfedf8 url(../../images/construction-and-mining-desktop.jpg) no-repeat 0 0; background-size:100% auto; } .loanForRestaurant { background:#f8f6e1 url(../../images/loan-for-restaurant-desktop.jpg) no-repeat 0 0; background-size:100% auto; } .valueChainFinance { background:#e0e1dc url(../../images/value-chain-finance-desktop.jpg) no-repeat 0 0; background-size:100% auto; } .goActiveLoanDtl { background:#f7fbfe url(../../images/apply-for-goactive-desktop.jpg) no-repeat 0 0; background-size:100% auto; } .starHealthAllied { background:#d3dbde url(../../images/star-health-allied-desktop.jpg) no-repeat 0 0; background-size:100% auto; } .cholamsHealthInsurance { background:#eaeceb url(../../images/health-insurance-desktop-bg.jpg) no-repeat 0 0; background-size:100% auto; } .appForHomeLoan { background:#fdd4b8 url(../../images/apply-for-home-loan-desktop.jpg) no-repeat 0 0; background-size:100% auto; } .barodaLoanAgainstGold { background:#fffcda url(../../images/gold-loan-ornament-desktop.jpg) no-repeat 0 0; background-size:100% auto; } .bnrExternLink { position:absolute; width:100%; height:100%; z-index:1; left:0; top:0; text-indent:-9999px; } .hindiDoc .loanTypeList .explore { font-size:13px; margin-left:-70px; } .hindiDoc .loanTypeList .multiButton .botBtnGroup .explore { margin:0 1px; padding:0 28px 0 5px; } .personalAcc .titleBox .accMultiButton a, .accMultiButton a { width:180px; text-align:center; margin-bottom:10px; } .personalAcc .titleBox .accMultiButton a:last-child, .accMultiButton a:last-child { margin-bottom:0; } .twoFeildInlineForm { padding:25px 50px; font-size:15px; } .twoFeildInlineForm .row { margin:0 -15px; } .twoFeildInlineForm .cols6 { width:50%; float:left; padding:0 15px; } .twoFeildInlineForm .cols12 { width:100%; padding:0 15px; float:left; } .twoFeildInlineForm .red { color:#ff0000; } .twoFeildInlineForm .filedWrap { margin-bottom:15px; } .twoFeildInlineForm .sunRunBtnGroup { position:static; text-align:right; } .customSelectOuter.noBg select { background:none; cursor:pointer; } .inputLabelBlock .btnSearchReset { padding-top:30px; } .didyouknowSlider .foundationDaySlider { overflow:hidden; list-style:none; margin:0; padding:10px; padding-bottom:10px; } .didyouknowSlider .foundationDaySlider .swiper-slide { float:left; box-shadow:0 0 10px #999; } .didyouknowSlider .foundationDaySlider .swiper-slide .box { position:relative; overflow:hidden; } .didyouknowSlider .foundationDaySlider .swiper-slide img, .shareNknowBtns { -webkit-transition:0.3s ease; transition:0.3s ease; } .didyouknowSlider .shareNknowBtnsInner { padding:138px 40px 82px; text-align:center; position:relative; z-index:3; } .didyouknowSlider .foundationDaySlider .knowMore { display:inline-block; color:#fff; font-weight:600; margin:20px 0; padding:0 25px; line-height:38px; background-color:#ff6633; } .didyouknowSlider .foundationDaySlider .knowMore:hover { color:#ff6633; text-decoration:none; background-color:#fff; } .didyouknowSlider .foundationDaySlider .swiper-slide .box:hover .shareNknowBtnsInner .shareOn, .didyouknowSlider .foundationDaySlider .swiper-slide .box:hover .shareNknowBtnsInner .sharingBtn, .didyouknowSlider .foundationDaySlider .swiper-slide .box:hover .shareNknowBtnsInner .knowMore { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } .didyouknowSlider .foundationDaySlider .swiper-slide .box:hover .shareNknowBtnsInner .knowMore { -webkit-transition-delay:0.1s; transition-delay:0.1s; } .didyouknowSlider .foundationDaySlider .swiper-slide .box:hover .shareNknowBtns { opacity:1; } .didyouknowSlider .foundationDaySlider .swiper-slide .box:hover img { -webkit-transform:scale3d(1.1, 1.1, 1); transform:scale3d(1.1, 1.1, 1); } .didyouknowSlider .swiper-button-next, .didyouknowSlider .swiper-button-prev { position:absolute; top:50%; margin-top:-40px; width:30px; height:30px; opacity:0.60; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } .didyouknowSlider .swiper-button-prev { left:-40px; background-position:-114px -42px; } .didyouknowSlider .swiper-button-next { right:-40px; background-position:-145px -42px; } .didyouknowSlider .swiper-button-next:hover, .didyouknowSlider .swiper-button-prev:hover { opacity:1; } .socialFeedsList li { float:left; width:16.66666666666667%; display:block; border-left:1px solid #ddd; } .socialFeedsList li a .icon, .socialFeedsList li .socialBlgLnkIcon { margin-right:10px; } .socialFeedsList li .socialBlgLnkIcon { display:inline-block; vertical-align:middle; width:33px; height:33px; background-position:-251px -759px } .socialFeedsList li a { font-size:19px; width:auto; border:0; margin:0; } .socialFeedsList li:first-child { border-left-width:0; } .socialFeedsList li .socialBlogLink:after { background:#ff6633; } .socialFeedsList li a.tw, .socialFeedsList li a.yt, .socialFeedsList li a.insta, .socialFeedsList li a.linkedin { border:0; } .topStrip .topStLeftLinks li { padding:0 9px; } .topStrip .topStLeftLinks li:last-child { padding-left:9px; } .footerTopLinks li.hdAboutUsLink, .footerTopLinks li.hdCareerLink { display:none; } #nav li.MenuLi1 ul li ul li ul li ul { display:none !important; } .ratesStrip .buttonGroup { width:170px; } .ratesStrip .buttonGroup .button { text-align:center; width:100%; margin:15px 0 0 0; display:block; padding:5px 10px; } .siteFixedButton { position:fixed; right:0; bottom:200px; z-index:5; } .loanTypeList.msmeloanadvList .agriFinanceIcon { background-image:url(../../images/agricultural-finance-icons.png); background-repeat:no-repeat; } .loanTypeList.msmeloanadvList .noIcon { background-position:-260px -520px; } .loanTypeList.msmeloanadvList li:hover .noIcon { background-position:-260px -585px; } .loanTypeList.msmeloanadvList .iconAf1 { background-position:0 0; } .loanTypeList.msmeloanadvList li:hover .iconAf1 { background-position:0 -65px; } .loanTypeList.msmeloanadvList .iconAf2 { background-position:-65px 0; } .loanTypeList.msmeloanadvList li:hover .iconAf2 { background-position:-65px -65px; } .loanTypeList.msmeloanadvList .iconAf3 { background-position:-130px 0; } .loanTypeList.msmeloanadvList li:hover .iconAf3 { background-position:-130px -65px; } .loanTypeList.msmeloanadvList .iconAf4 { background-position:-195px 0; } .loanTypeList.msmeloanadvList li:hover .iconAf4 { background-position:-195px -65px; } .loanTypeList.msmeloanadvList .iconAf5 { background-position:-260px 0; } .loanTypeList.msmeloanadvList li:hover .iconAf5 { background-position:-260px -65px; } .loanTypeList.msmeloanadvList .iconAf6 { background-position:-325px 0; } .loanTypeList.msmeloanadvList li:hover .iconAf6 { background-position:-325px -65px; } .loanTypeList.msmeloanadvList .iconAf7 { background-position:-390px 0; } .loanTypeList.msmeloanadvList li:hover .iconAf7 { background-position:-390px -65px; } .loanTypeList.msmeloanadvList .iconAf8 { background-position:-455px 0; } .loanTypeList.msmeloanadvList li:hover .iconAf8 { background-position:-455px -65px; } .loanTypeList.msmeloanadvList .iconAf9 { background-position:-520px 0; } .loanTypeList.msmeloanadvList li:hover .iconAf9 { background-position:-520px -65px; } .loanTypeList.msmeloanadvList .iconAf10 { background-position:-585px 0; } .loanTypeList.msmeloanadvList li:hover .iconAf10 { background-position:-585px -65px; } .loanTypeList.msmeloanadvList .iconAf11 { background-position:0 -130px; } .loanTypeList.msmeloanadvList li:hover .iconAf11 { background-position:0 -195px; } .loanTypeList.msmeloanadvList .iconAf12 { background-position:-65px -130px; } .loanTypeList.msmeloanadvList li:hover .iconAf12 { background-position:-65px -195px; } .loanTypeList.msmeloanadvList .iconAf13 { background-position:-130px -130px; } .loanTypeList.msmeloanadvList li:hover .iconAf13 { background-position:-130px -195px; } .loanTypeList.msmeloanadvList .iconAf14 { background-position:-195px -130px; } .loanTypeList.msmeloanadvList li:hover .iconAf14 { background-position:-195px -195px; } .loanTypeList.msmeloanadvList .iconAf15 { background-position:-260px -130px; } .loanTypeList.msmeloanadvList li:hover .iconAf15 { background-position:-260px -195px; } .loanTypeList.msmeloanadvList .iconAf16 { background-position:-325px -130px; } .loanTypeList.msmeloanadvList li:hover .iconAf16 { background-position:-325px -195px; } .loanTypeList.msmeloanadvList .iconAf17 { background-position:-390px -130px; } .loanTypeList.msmeloanadvList li:hover .iconAf17 { background-position:-390px -195px; } .loanTypeList.msmeloanadvList .iconAf18 { background-position:-455px -130px; } .loanTypeList.msmeloanadvList li:hover .iconAf18 { background-position:-455px -195px; } .loanTypeList.msmeloanadvList .iconAf19 { background-position:-520px -130px; } .loanTypeList.msmeloanadvList li:hover .iconAf19 { background-position:-520px -195px; } .loanTypeList.msmeloanadvList .iconAf20 { background-position:-585px -130px; } .loanTypeList.msmeloanadvList li:hover .iconAf20 { background-position:-585px -195px; } .loanTypeList.msmeloanadvList .iconAf21 { background-position:0 -260px; } .loanTypeList.msmeloanadvList li:hover .iconAf21 { background-position:0 -325px; } .loanTypeList.msmeloanadvList .iconAf22 { background-position:-65px -260px; } .loanTypeList.msmeloanadvList li:hover .iconAf22 { background-position:-65px -325px; } .loanTypeList.msmeloanadvList .iconAf23 { background-position:-130px -260px; } .loanTypeList.msmeloanadvList li:hover .iconAf23 { background-position:-130px -325px; } .loanTypeList.msmeloanadvList .iconAf24 { background-position:-195px -260px; } .loanTypeList.msmeloanadvList li:hover .iconAf24 { background-position:-195px -325px; } .loanTypeList.msmeloanadvList .iconAf25 { background-position:-260px -260px; } .loanTypeList.msmeloanadvList li:hover .iconAf25 { background-position:-260px -325px; } .loanTypeList.msmeloanadvList .iconAf26 { background-position:-325px -260px; } .loanTypeList.msmeloanadvList li:hover .iconAf26 { background-position:-325px -325px; } .loanTypeList.msmeloanadvList .iconAf27 { background-position:-390px -260px; } .loanTypeList.msmeloanadvList li:hover .iconAf27 { background-position:-390px -325px; } .loanTypeList.msmeloanadvList .iconAf28 { background-position:-455px -260px; } .loanTypeList.msmeloanadvList li:hover .iconAf28 { background-position:-455px -325px; } .loanTypeList.msmeloanadvList .iconAf29 { background-position:-520px -260px; } .loanTypeList.msmeloanadvList li:hover .iconAf29 { background-position:-520px -325px; } .loanTypeList.msmeloanadvList .iconAf30 { background-position:-585px -260px; } .loanTypeList.msmeloanadvList li:hover .iconAf30 { background-position:-585px -325px; } .loanTypeList.msmeloanadvList .iconAf31 { background-position:0 -390px; } .loanTypeList.msmeloanadvList li:hover .iconAf31 { background-position:0 -455px; } .loanTypeList.msmeloanadvList .iconAf33 { background-position:-130px -390px; } .loanTypeList.msmeloanadvList li:hover .iconAf33 { background-position:-130px -455px; } .loanTypeList.msmeloanadvList .iconAf34 { background-position:-195px -390px; } .loanTypeList.msmeloanadvList li:hover .iconAf34 { background-position:-195px -455px; } .loanTypeList.msmeloanadvList .iconAf35 { background-position:-260px -390px; } .loanTypeList.msmeloanadvList li:hover .iconAf35 { background-position:-260px -455px; } .loanTypeList.msmeloanadvList .iconAf36 { background-position:-325px -390px; } .loanTypeList.msmeloanadvList li:hover .iconAf36 { background-position:-325px -455px; } .loanTypeList.msmeloanadvList .iconAf37 { background-position:-390px -390px; } .loanTypeList.msmeloanadvList li:hover .iconAf37 { background-position:-390px -455px; } .loanTypeList.msmeloanadvList .iconAf38 { background-position:-455px -390px; } .loanTypeList.msmeloanadvList li:hover .iconAf38 { background-position:-455px -455px; } .loanTypeList.msmeloanadvList .iconAf39 { background-position:-520px -390px; } .loanTypeList.msmeloanadvList li:hover .iconAf39 { background-position:-520px -455px; } .loanTypeList.msmeloanadvList .iconAf40 { background-position:-585px -390px; } .loanTypeList.msmeloanadvList li:hover .iconAf40 { background-position:-585px -455px; } .loanTypeList.msmeloanadvList .iconAf41 { background-position:0 -520px; } .loanTypeList.msmeloanadvList li:hover .iconAf41 { background-position:0 -585px; } .loanTypeList.msmeloanadvList .iconAf42 { background-position:-65px -520px; } .loanTypeList.msmeloanadvList li:hover .iconAf42 { background-position:-65px -585px; } .loanTypeList.msmeloanadvList .iconAf43 { background-position:-130px -520px; } .loanTypeList.msmeloanadvList li:hover .iconAf43 { background-position:-130px -585px; } .loanTypeList.msmeloanadvList .iconAf44 { background-position:-195px -520px; } .loanTypeList.msmeloanadvList li:hover .iconAf44 { background-position:-195px -585px; } .loanTypeList.businessLoans .businessLoansIcon { background-image:url(../../images/business-loans-icons.png); background-repeat:no-repeat; width:65px; height:65px; display:block; margin:0 auto; position:relative; } .loanTypeList.businessLoans .smallNoIcon { background-position:0 0; background-image:url(../../images/small-no-Icon.png); background-repeat:no-repeat; } .loanTypeList.businessLoans li:hover .smallNoIcon { background-position:0 -65px; } .loanTypeList.businessLoans .iconBL1 { background-position:0 0; } .loanTypeList.businessLoans li:hover .iconBL1 { background-position:0 -65px; } .loanTypeList.businessLoans .iconBL2 { background-position:-65px 0; } .loanTypeList.businessLoans li:hover .iconBL2 { background-position:-65px -65px; } .loanTypeList.businessLoans .iconBL3 { background-position:-130px 0; } .loanTypeList.businessLoans li:hover .iconBL3 { background-position:-130px -65px; } .loanTypeList.businessLoans .iconBL4 { background-position:-195px 0; } .loanTypeList.businessLoans li:hover .iconBL4 { background-position:-195px -65px; } .loanTypeList.businessLoans .iconBL5 { background-position:-260px 0; } .loanTypeList.businessLoans li:hover .iconBL5 { background-position:-260px -65px; } .loanTypeList.businessLoans .iconBL6 { background-position:-325px 0; } .loanTypeList.businessLoans li:hover .iconBL6 { background-position:-325px -65px; } .loanTypeList.businessLoans .iconBL8 { background-position:-455px 0; } .loanTypeList.businessLoans li:hover .iconBL8 { background-position:-455px -65px; } .loanTypeList.businessLoans .iconBL9 { background-position:-520px 0; } .loanTypeList.businessLoans li:hover .iconBL9 { background-position:-520px -65px; } .loanTypeList.businessLoans .iconBL10 { background-position:-585px 0; } .loanTypeList.businessLoans li:hover .iconBL10 { background-position:-585px -65px; } .loanTypeList.businessLoans .iconBL11 { background-position:0 -130px; } .loanTypeList.businessLoans li:hover .iconBL11 { background-position:0 -195px; } .loanTypeList.businessLoans .iconBL12 { background-position:-65px -130px; } .loanTypeList.businessLoans li:hover .iconBL12 { background-position:-65px -195px; } .loanTypeList.businessLoans .iconBL13 { background-position:-130px -130px; } .loanTypeList.businessLoans li:hover .iconBL13 { background-position:-130px -195px; } .loanTypeList.businessLoans .iconBL14 { background-position:-195px -130px; } .loanTypeList.businessLoans li:hover .iconBL14 { background-position:-195px -195px; } .loanTypeList.businessLoans .iconBL15 { background-position:-260px -130px; } .loanTypeList.businessLoans li:hover .iconBL15 { background-position:-260px -195px; } .loanTypeList.businessLoans .iconBL16 { background-position:-325px -130px; } .loanTypeList.businessLoans li:hover .iconBL16 { background-position:-325px -195px; } .loanTypeList.businessLoans .iconBL17 { background-position:-390px -130px; } .loanTypeList.businessLoans li:hover .iconBL17 { background-position:-390px -195px; } .loanTypeList.businessLoans .iconBL18 { background-position:-455px -130px; } .loanTypeList.businessLoans li:hover .iconBL18 { background-position:-455px -195px; } .loanTypeList.businessLoans .iconBL19 { background-position:-520px -130px; } .loanTypeList.businessLoans li:hover .iconBL19 { background-position:-520px -195px; } .loanTypeList.businessLoans .iconBL20 { background-position:-585px -130px; } .loanTypeList.businessLoans li:hover .iconBL20 { background-position:-585px -195px; } .loanTypeList.businessLoans .iconBL21 { background-position:0 -260px; } .loanTypeList.businessLoans li:hover .iconBL21 { background-position:0 -325px; } .loanTypeList.businessLoans .iconBL22 { background-position:-65px -260px; } .loanTypeList.businessLoans li:hover .iconBL22 { background-position:-65px -325px; } .loanTypeList.businessLoans .iconBL23 { background-position:-130px -260px; } .loanTypeList.businessLoans li:hover .iconBL23 { background-position:-130px -325px; } .loanTypeList.businessLoans .iconBL24 { background-position:-195px -260px; } .loanTypeList.businessLoans li:hover .iconBL24 { background-position:-195px -325px; } .loanTypeList.businessLoans .iconBL25 { background-position:-260px -260px; } .loanTypeList.businessLoans li:hover .iconBL25 { background-position:-260px -325px; } .loanTypeList.businessLoans .iconBL26 { background-position:-325px -260px; } .loanTypeList.businessLoans li:hover .iconBL26 { background-position:-325px -325px; } .loanTypeList.businessLoans .iconBL27 { background-position:-390px -260px; } .loanTypeList.businessLoans li:hover .iconBL27 { background-position:-390px -325px; } .loanTypeList.businessLoans .iconBL28 { background-position:-455px -260px; } .loanTypeList.businessLoans li:hover .iconBL28 { background-position:-455px -325px; } .loanTypeList.businessLoans .iconBL29 { background-position:-520px -260px; } .loanTypeList.businessLoans li:hover .iconBL29 { background-position:-520px -325px; } .loanTypeList.businessLoans .iconBL30 { background-position:-585px -260px; } .loanTypeList.businessLoans li:hover .iconBL30 { background-position:-585px -325px; } .loanTypeList.businessLoans .iconBL31 { background-position:0 -390px; } .loanTypeList.businessLoans li:hover .iconBL31 { background-position:0 -455px; } .loanTypeList.businessLoans .iconBL32 { background-position:-65px -390px; } .loanTypeList.businessLoans li:hover .iconBL32 { background-position:-65px -455px; } .loanTypeList.businessLoans .iconBL33 { background-position:-130px -390px; } .loanTypeList.businessLoans li:hover .iconBL33 { background-position:-130px -455px; } .loanTypeList.businessLoans .iconBL34 { background-position:-195px -390px; } .loanTypeList.businessLoans li:hover .iconBL34 { background-position:-195px -455px; } .loanTypeList.businessLoans .iconBL35 { background-position:-260px -390px; } .loanTypeList.businessLoans li:hover .iconBL35 { background-position:-260px -455px; } .interestRatesAdv .resTab .tabNav.col3Tab li { width:33.333%; } .interestRatesAdv .resTab .tabNav.col3Tab li a { min-height:140px; } .colView .row { margin:0 -15px; } .colView .row:before, .colView .row:after { content:" "; display:table } .colView .row:after { clear:both } .colView .cols1, .colView .cols2, .colView .cols3, .colView .cols4, .colView .cols5, .colView .cols6, .colView .cols7, .colView .cols8, .colView .cols9, .colView .cols10, .colView .cols11, .colView .cols12 { padding-left:15px; padding-right:15px; float:left; } .colView .cols12 { width:100% } .colView .cols11 { width:91.66666667% } .colView .cols10 { width:83.33333333% } .colView .cols9 { width:75% } .colView .cols8 { width:66.66666667% } .colView .cols7 { width:58.33333333% } .colView .cols6 { width:50% } .colView .cols5 { width:41.66666667% } .colView .cols4 { width:33.33333333% } .colView .cols3 { width:25% } .colView .cols2 { width:16.66666667% } .colView .cols1 { width:8.33% } .centerText { text-align:center; } .threeItemGrid { padding:0 0 20px 0; margin:0 -15px; list-style:none; } .threeItemGrid li { float:left; width:33.333%; padding:15px; } .threeItemGrid li img { width:100%; } .threeItemGrid li p { font-size:1.2em; font-weight:600; padding-top:10px; margin:0; } .threeItemGrid li .foundationDayVideo { border:1px solid #ddd; margin:0; height:250px; } .hlSingleVideo { float:right; margin:0 0 20px 20px; width:48%; } .hlSingleVideo .foundationDayVideo { width:100%; height:300px; margin:0; } .hlArticalsWrap { padding:25px; position:relative; background-color:#f1f1f1; } .hlArticalsWrap h2 { padding-bottom:10px; border-bottom:1px solid #ccc; color:#444; } .hlArticalsWrap .tickerDivBlock { height:270px !important; } .hlArticalsWrap .activityTicker { margin:0; padding:0; line-height:normal; } .hlArticalsWrap .activityTicker li { display:block; } .hlArticalsWrap .strUpTickerItem { padding:12px 0; border-bottom:1px solid #e6e6e6; } .hlArticalsWrap .date { display:block; color:#797979; font-size:14px; padding-bottom:5px; } .hlArticalsWrap a { text-decoration:none; display:block; } .hlArticalsWrap a:hover { color:#444; } .hlArticalsWrap .playPause { position:absolute; right:20px; top:29px; overflow:hidden; width:27px; height:27px; text-indent:-9999px; background:url(../../images/start-up-play-pause-orange-icon.png) no-repeat 0 0; } .hlArticalsWrap .playPause.play { background-position:-27px 0; } .hlArticalsWrap .date { display:block; color:#797979; font-size:14px; padding-bottom:5px; } .hlArticalsWrap .titleText { display:block; padding-bottom:5px; } .hlArticalsWrap p { margin:0; } .happyGoCashless .iconHolder { display:block; text-align:center; } .youtubeVd { position:relative; padding-bottom:56.23%; height:0; overflow:hidden; max-width:100%; background:#ff6633; z-index:1; } .youtubeVd iframe, .youtubeVd object, .youtubeVd embed { position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; background:transparent; } .youtubeVd img { bottom:0; display:block; left:0; margin:auto; max-width:100%; width:100%; position:absolute; right:0; top:0; border:none; height:auto; cursor:pointer; -webkit-transition:.4s all; -moz-transition:.4s all; transition:.4s all; } .youtubeVd img:hover { -webkit-filter:brightness(75%); } .youtubeVd .play { height:72px; width:72px; left:50%; top:50%; margin-left:-36px; margin-top:-36px; position:absolute; background:url(https://www.bankofbaroda.in/writereaddata/images/video-play-icon.png) no-repeat; cursor:pointer; } .threeGridlayout.smallHeight .grid { height:420px; } .nriProduct.nriProAccord { margin-bottom:20px; } .nriProAccord .contentAcc .accTrigger .imgHolder { display:inline-block; vertical-align:middle; margin-right:10px; position:relative; top:-2px; } .nriProAccord .contentAcc { padding:5px 15px; background-color:#fff; box-shadow:0 0 20px rgba(0, 0, 0, 0.2); border-radius:15px; } .nriProAccord .contentAcc .accTrigger { border:0; font-size:1.163em; font-weight:700; } .popupBtnGrp { position:static; left:0; width:100%; bottom:50px; z-index:5; } .popupBtnGrp .col { float:left; width:40%; text-align:center; } .popupBtnGrp .col:last-child { width:60%; } .twoItemGrid, .contact .twoItemGrid { margin:0 -15px; padding:0; list-style:none; } .twoItemGrid li, .contact .twoItemGrid li { float:left; width:50%; padding:15px; margin:0; } .twoItemGrid li iframe, .contact .twoItemGrid li iframe { border:1px solid #ccc; } .smoke-base { position:fixed; top:0; left:0; bottom:0; right:0; visibility:hidden; opacity:0; } .smoke-base.smoke-visible { opacity:1; visibility:visible; } .smokebg { position:fixed; top:0; left:0; bottom:0; right:0; } .smoke-base .dialog { position:absolute; } .dialog-prompt { margin-top:15px; text-align:center; } .dialog-buttons { margin:20px 0 5px 0 } .smoke { text-align:center; font-size:18px; line-height:150%; } .dialog-buttons button { display:inline-block; vertical-align:baseline; cursor:pointer; font-style:normal; text-decoration:none; border:0; outline:0; margin:0 5px; -webkit-background-clip:padding-box; font-size:14px; line-height:12px; font-weight:normal; padding:9px 22px; } .dialog-prompt input { margin:0; border:0; font-family:sans-serif; outline:none; border:1px solid #aaa; width:75%; display:inline-block; background-color:transparent; font-size:16px; padding:8px; } .smoke-base { background:rgba(0, 0, 0, .6); } .smoke-base .dialog { top:50%; width:700px; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); } .smoke-base .dialog-inner { padding:15px; color:#202020; } .smoke { background-color:rgba(255, 255, 255, 0.95); box-shadow:0 2px 8px #666; } .dialog-buttons button { background:#ff6633; border:1px solid #ff6633; border-radius:0; color:#fff; } .dialog-buttons button:hover { color:#ff6633; background:#fff; } .dialog-buttons button.cancel { background:#444; border-color:#444; } .dialog-buttons button.cancel:hover { background:#8c8c8c; border-color:#8c8c8c; color:#fff; } .bobMarathonForm .stdCodeField .leftCol, .bobMarathonForm .stdCodeField .rightCol { float:left; position:relative; } .bobMarathonForm .stdCodeField .leftCol { width:40%; } .bobMarathonForm .stdCodeField .rightCol { width:60%; padding-left:10px; } .formCaptchaBox { position:relative; padding-right:138px; } .formCaptchaBox .captchaImgBox { position:absolute; right:0; top:-4px; } .formCaptchaBox .captchaImgBox img { width:108px; } .formCaptchaBox .refreshCaptcha { position:relative; top:12px; } .onlyMobTitle { display:none; } .topMainNav { display:none; } .indexBanner { margin-bottom:36px; } .marqueeHomePage { position:absolute; left:0; bottom:-36px; width:100%; z-index:2; } .homeLinks .marqueeHomePage ul { list-style:disc; } .homeLinks .marqueeHomePage ul li { padding:0; width:auto; border:0; float:left; margin:0 35px 0 0 !important; } .indexBanner .marqueeScrolling li img { width:auto; } .homeLinks ul li.homeEmiCalLinks { display:none; } .homeLinksListSlider .homeImpLinkBox .iconEmiCul { background-position:-260px -415px; } .homeLinksListSlider { display:none; padding:15px 0; } .homeLinksList li br { display:none; } .homeLinksListSlider .swiper-slide { padding:0 10px; } .homeLinksListSlider .homeImpLinkBox { text-align:center; display:block; text-decoration:none; } .homeLinksListSlider .title { font-size:14px; font-weight:400; text-align:center; display:block; line-height:1.3; padding-top:10px; } .homeLinksListSlider .icon { margin:0 auto; } .homeLinksListSlider .homeImpLinkBox br { display:block; float:none; } .homeLinksListSlider .swiper-pagination { bottom:0; } .homeLinksListSlider .swiper-pagination-bullet { background-color:#9f9f9f; border:0; width:8px; height:8px; } .homeLinksListSlider .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#ff6633; } .homeLinksListSlider .swiper-container { padding-bottom:30px; } .socialFeedsList li .socialBlgLnkIcon .blgIcon { display:none; } #footer .footerSocialFeed, .hdMobileAppDownld { display:none; } .hdMobileAppDownld { background-color:#fff; padding:15px 115px 15px 78px; position:fixed; left:0; top:0; width:100%; z-index:14; } .hdMobileAppDownld .closeMbApp, .hdMobileAppDownld .mbAppLogo, .hdMobileAppDownld .button { position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); } .hdMobileAppDownld .closeMbApp { left:15px; width:20px; height:20px; background-position:-457px -715px; cursor:pointer; } .hdMobileAppDownld .mbAppLogo { width:30px; height:25px; left:40px; background-position:-418px -713px; } .hdMobileAppDownld p { margin:0; font-size:13px; color:#1d1d1d; line-height:1.3; } .hdMobileAppDownld p br { display:none; } .hdMobileAppDownld .button { background-color:#666; text-transform:uppercase; color:#fff; font-size:11px; padding:2px 7px; border:0; font-weight:400; right:15px; } .homeLinks .marqueeScrolling ul li a { display:inline-block; } .bobViewedPagesWrap { display:none; } .bobViewedPagesWrap .titleText { background-color:#ff6633; position:relative; padding:12px 40px 12px 15px; color:#fff; font-size:13px; cursor:pointer; font-weight:600; } .bobViewedPagesWrap .titleText .viewArwicon { position:absolute; right:15px; top:50%; width:14px; height:14px; margin-top:-6px; background-position:-535px -604px; } .bobViewedPagesWrap .titleText.active .viewArwicon { background-position:-535px -625px; } .bobViewedPagesWrap ul { margin:10px; padding:0; list-style:none; background-color:#fff; display:none; box-shadow:0 0 10px rgba(0, 0, 0, 0.2); } .bobViewedPagesWrap ul li { display:block; } .bobViewedPagesWrap .noRecordFoundWrap { padding:0; } .bobViewedPagesWrap .noRecordFound { padding:0 15px; display:block; } .bobViewedPagesWrap ul li a { position:relative; display:block; padding:12px 15px 12px 30px; border-bottom:1px solid #ccc; color:#444; font-size:13px; text-decoration:none; overflow:hidden; } .bobViewedPagesWrap ul li a:after { position:absolute; top:0; bottom:0; left:50%; width:0; content:''; opacity:0; pointer-events:none; background:rgba(0, 0, 0, 0.03); } .bobViewedPagesWrap ul li a:focus:after { -webkit-animation:anim-effect-boris 1s forwards; animation:anim-effect-boris 1s forwards; } @-webkit-keyframes anim-effect-boris { 0% { left:50%; width:0; } 25%, 50% { opacity:1; left:0; width:100%; } to { opacity:0; left:50%; width:0; } } @keyframes anim-effect-boris { 0% { left:50%; width:0; } 25%, 50% { opacity:1; left:0; width:100%; } to { opacity:0; left:0; width:100%; } } .bobViewedPagesWrap ul li a .viewLinkicon { position:absolute; left:15px; top:17px; width:6px; height:10px; background-position:-539px -723px; } .bobArticleCenter { background-color:#fff; padding-top:20px; display:none; } .bobArticleCenter h2 { font-size:18px; font-weight:600; text-align:center; } .bobArticleCenter .contentAcc { margin-bottom:10px; } .bobArticleCenter .contentAcc .accTrigger { color:#535353; font-size:14px; padding:13px 30px 13px 0; font-weight:400; border-top:1px solid #e1e1e1; border-bottom:0; } .bobArticleCenter .accordDetail { padding-top:0; } .bobArticleCenter .accordDetail p { color:#8b8b8b; font-size:13px; margin-bottom:15px; } .bobArticleCenter .accordDetail .button { font-size:12px; padding:4px 8px; font-weight:400; } .rightFixedBox .box .networkCloseBtn { display:none; right:10px; top:13px; box-shadow:0 0 0 #fff; } .extLnkIcon { width:9px; height:9px; background-position:-541px -368px; display:inline-block!important; margin-left:3px; } .bobArticleCenter .contentAcc .accTrigger:after { display:none; } .bobArticleCenter .contentAcc .accTrigger .blogAccIcon { width:14px; height:14px; position:absolute; top:17px; right:0; content:""; background-position:-535px -547px; cursor:pointer; } .bobArticleCenter .contentAcc .accTrigger.active .blogAccIcon { background-position:-535px -568px; } .allCalculator { margin:0 -10px; } .allCalculator .grid { height:auto; float:left; width:33.333%; padding:10px; margin:0; border:0; } .allCalculator .grid a { min-height:214px; position:relative; border:1px solid #dadada; } .allCalculator .grid a img { width:100%; } .allCalculator .grid span { display:block; position:absolute; left:0; bottom:0; width:100%; padding:8px 10px; background:rgb(0, 0, 0, 0.6); font-size:1.1em; font-weight:700; color:#fff; } .blogListShorting .noRecordMessage { text-align:center; margin-bottom:15px; } ul.bulletText.noBgArrow li { position:relative; background:none; } ul.bulletText.noBgArrow li .bulletArrow { background-position:-191px -1px; width:16px; height:11px; position:absolute; left:0; top:7px; display:block; } /***Baroda Property & Auto Expo****/ .colTwoRow { margin: 0 -10px; } .colTwoRow .col6 { float:left; width:50%; padding: 0 10px; } /***Baroda Advagainst Securities***/ .barodaAdvagainstSecurities { background: #d2bf9e url(../../images/baroda-adv-against-securities-desktop.jpg) no-repeat 0 0; background-size: 100% auto; } /***BOB radiance***/ .radiance .headerRow .searchBox .submit { background-position: -526px -135px; } .loanBackbtnWrap .backBtn { float: right; } .shadowBoxList { text-align: center; margin: 0; padding: 0; list-style: none; } .shadowBoxList li { display: inline-block; vertical-align: middle; width:25%; padding: 15px; } .shadowBoxList .shadowWhiteBox { padding: 35px 15px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); border-bottom: 3px solid #f63; } .shadowBoxList .shadowWhiteBox p { font-weight: 600; font-size: 20px; margin-bottom: 10px; } .shadowBoxList .shadowWhiteBox .button { padding-top: 8px; padding-bottom: 8px; } /********HR corner in Footer********/ #footer .row { position: relative; } #footer .row .col4 { position: absolute; left: -20px; bottom: 30px; width:auto; float:none; } #footer .row .col8 { border-width:0; padding-right:0; width:100%; } .footerHide.footerSlideUp .footerHideRow, #footer .row { height: 470px; } #footer .row .col4 .box { margin-bottom: 15px; } .footerLinks .col3 { width: 20%; } .footerLinks ul { padding-right: 10px; } /***H1 mainTitle***/ .mainTitle { font-size: 1.8em; color: #ff6633; font-weight: 700; } .threeGridlayout .grid.fullWidthBtn { height: 650px; } .threeGridlayout .grid.fullWidthBtn .topBtn { float:none; } .threeGridlayout .grid.fullWidthBtn .topBtn .button, .threeGridlayout .grid.fullWidthBtn .topBtn .knowMorebtn, .threeGridlayout .grid.fullWidthBtn .bottomBtn .button { margin: 10px 0 0 0; width:100%; float:none; text-align: center; display:block; font-size:15px; } .homeProductBanner .bnrProList .proBox .icon9 { background:url(../../images/banner-gold-loan-icon.png) no-repeat 0 -3px; } .homeProductBanner .bnrProList .proBox:hover .icon9 { background-position: 0 -46px; } .socialGroupIcon { margin: 0 0 20px 0; padding: 0; list-style: none; } .socialGroupIcon li { display: inline-block; vertical-align: middle; margin-right:3px; } .socialGroupIcon li a { display: block; width: 40px; height: 40px; border-radius:50%; background-color:#666; background-image:url(../../images/social-group-icons.png); background-repeat: no-repeat; } .socialGroupIcon li a:hover { background-color: #ff6633; } .websiteIcon { background-position: 0 0; } .facebookIcon { background-position: -40px 0; } .twitterIcon { background-position: -80px; 0; } .instagramIcon { background-position: -120px 0; } .youTubeIcon { background-position: -160px 0; } .linkedInIcon { background-position: -200px 0; } /****The Fintech Alliance****/ .fintechAlliTabPanel .r-tabs-state-active .icon9 { background-position:17px -375px; position:relative; top:-5px; } .fintechAlliTabPanel .r-tabs-state-default .icon9, .fintechAlliTabPanel .r-tabs-accordion-title .icon9 { background-position:17px -300px; position:relative; top:-5px; } /**********Amalgamation Module**********/ .amalgamationSearch { position: relative; padding:15px 200px 15px 15px; } .amalgamationSearch li { width:20%; } .amalgamationSearch li label { display:block; padding: 0 0 5px 0; } .amalgamationSearch li select { padding-right:30px; } .moduleSearch.amalgamationSearch li .inputCol { width: 100%; } .amalgamationSearch li.lastButtonRow { padding:0; width:auto; position: absolute; right:15px; top:45px; z-index:1; margin:0; } .contact .amalgamationSearch li { margin-bottom: 0; } .contact .amalgamationTable { /*width:1400px;*/ margin-bottom:0; } .contact .amalgamationTable th, .contact .amalgamationTable td { padding: 5px 10px; font-size:14px; } .contact .amalgamationTable th:nth-child(4), .contact .amalgamationTable td:nth-child(4), .contact .amalgamationTable th:nth-child(5), .contact .amalgamationTable td:nth-child(5), .contact .amalgamationTable th:nth-child(10), .contact .amalgamationTable td:nth-child(10), .contact .amalgamationTable th:nth-child(11), .contact .amalgamationTable td:nth-child(11), .contact .amalgamationTable th:nth-child(12), .contact .amalgamationTable td:nth-child(12) { text-align:center; } .headerScroll #nav li li { margin:0; } /*****Press Release Social*****/ .pressRlsDetailWrap h2 { padding-right: 240px; } .pressRlsDetailWrap { position: relative; } .pressReleaseSocialBox { position: absolute; right:0; top:0; } .shareList { margin: 0 0 6px 0; padding: 0; list-style:none; } .shareList li { display: inline-block; vertical-align: middle; margin: 0; } .shareList li a { display:block; border-radius:50%; width:32px; height: 32px; color:#fff; text-indent:-9999px; background-color:#666; background-image:url(../../images/share-icon.png); background-repeat:no-repeat; } .shareList li a:hover { background-color:#ff6633; } .shareList li a.website { background-position: -2px -2px; } .shareList li a.facebook { background-position: -38px -1px; } .shareList li a.twitter { background-position: -71px -1px; } .shareList li a.instagram { background-position: -106px -2px; } .shareList li a.youTube { background-position: -141px -2px; } .shareList li a.linkedIn { background-position: -176px -3px; } /*********Amalgamation multi control*********/ .contact .largeFilter li, .largeFilter li { width:20%; margin:0 0 5px 0; padding-right: 10px; } .largeFilter li label { display: block; padding: 0 0 5px 0; } .largeFilter li .inputCol { width:100% !important; display:block; } .largeFilter li .btnSearchReset { margin-top: 27px; } .largeFilter input[type="text"], .largeFilter select, .largeFilter li .btnSearchReset .button, .largeFilter li .btnSearchReset .resetBtn { height: 33px; font-family: 'open_sans'; } .largeFilter select { padding-left:5px; padding-right:44px; } .largeFilter li .btnSearchReset .button, .largeFilter li .btnSearchReset .resetBtn { line-height:31px; font-size:14px; } .p-10 { padding:10px; } .tabBrd { border: 1px solid #f63; border-top-width:0; } .amtabNavigation.smallTab li a { min-width:1px; padding:10px 15px; font-size:17px; } .amtabNavigation.xSmallTab li a { min-width:1px; padding:7px 15px; font-size:16px; } .officesBranches .officesTab.m-0 { margin-bottom: 0; } .smallMobTab .resTab .r-tabs-accordion-title .r-tabs-anchor { padding-bottom: 7px; padding-top: 7px; padding-left: 10px; font-size: 14px; } .tableOut > .tableOut { padding-bottom:0; margin-bottom:0; } .amtabNavigation { margin: 0; padding: 0 0 0 45px; list-style: none; background-color: #ff6633; display: block; } .amtabNavigation li { display: inline-block; margin: 0 !important; position: relative; } .amtabNavigation li a { text-align: center; padding: 15px 22px; background-color: #ff6633; color: #fff; display: block; font-weight: 600; text-decoration: none; } .amtabNavigation li.active a { position: relative; color: #ff6633; background-color: #fff; } .amtabNavigation li.active a:before { content: ""; position: absolute; top: -10px; left: 0px; width: 100%; height: 4px; background-color: #ff6633; } .amtabNavigation li.active a:after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 10px; border-color: #ff6633 transparent transparent transparent; top: -8px; } .amamcustomTabContent { display: none; padding: 10px 0; } .amamcustomTabContent.active { display: block; } /**********Small Form**********/ .smallForm { max-width: 400px; width: 100%; margin: 0 auto; padding: 20px; } .orLine { position: relative; margin-bottom:5px; text-align:center; } .orLine:before { position: absolute; left:0; right:0; top:50%; margin-top:-1px; height:1px; background-color:#ccc; content:""; } .orLine .orText { display:inline-block; position:relative; z-index:1; width:30px; height: 30px; line-height:28px; font-size:12px; font-weight:600; border-radius:50%; border:1px solid #ccc; background-color:#fff; } .twoFeildInlineForm.noBg { padding: 0; border:0; background:none; margin:0; } .accNumberLeft, .accNumberRight { float:left; width:48%; margin: 0 1%; background-color: #f1f1f1; border: 1px solid #e3e3e3; padding: 20px; min-height: 430px } .newAccNumList .newAccNumItem { padding: 10px 0; border-bottom:1px solid #e1e1e1; } .newAccNumList .newAccNumItem:last-child { border-bottom-width:0; } .newAccNumItem .fLabel, .newAccNumItem .fLabelValue { float:left; } .newAccNumItem .fLabel { width:40%; font-weight:600; font-size:14px; padding-right:15px; position:relative; } .newAccNumItem .fLabel:before { position: absolute; right:15px; top:0; content:":"; } .newAccNumItem .fLabelValue { width:60%; } #nav li.MenuLi1 > ul > li.firstMenuLi > ul > li.firstMenuLi > ul { width:600px; } #nav li.MenuLi1 > ul > li.firstMenuLi > ul > li.firstMenuLi > ul > li { float:left; width:50%; } .loanTopNav ul { padding: 15px 0; } .loanTopNav ul li a { display:block; } .loanTopNav .icon, .loanTopNav .title { display: inline-block; vertical-align: middle; margin:0; } .loanTopNav .title { padding-left:10px; } /*******Home banner new icons*******/ .homeProductBanner .bnrProList .proBox .newIcon { width: 57px; height: 43px; position: absolute; left: 10px; top: 11px; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; background:url(../../images/home-banner-icon.png) no-repeat 0 0; } .homeProductBanner .bnrProList .proBox .newIcon1 { background-position: 0 0; } .homeProductBanner .bnrProList .proBox .newIcon2 { background-position: -57px 0; } .homeProductBanner .bnrProList .proBox .newIcon3 { background-position: -114px 0; } .homeProductBanner .bnrProList .proBox .newIcon4 { background-position: -342px 0; } .homeProductBanner .bnrProList .proBox .newIcon5 { background-position: -228px 0; } .homeProductBanner .bnrProList .proBox .newIcon6 { background-position: -285px 0; } .homeProductBanner .bnrProList .proBox:hover .newIcon1 { background-position: 0 -43px; } .homeProductBanner .bnrProList .proBox:hover .newIcon2 { background-position: -57px -43px; } .homeProductBanner .bnrProList .proBox:hover .newIcon3 { background-position: -114px -43px; } .homeProductBanner .bnrProList .proBox:hover .newIcon4 { background-position: -342px -43px; } .homeProductBanner .bnrProList .proBox:hover .newIcon5 { background-position: -228px -43px; } .homeProductBanner .bnrProList .proBox:hover .newIcon6 { background-position: -285px -43px; } .homeProductBanner .bnrProList .proBox .newIcon7 { background-position: -399px 0; } .homeProductBanner .bnrProList .proBox:hover .newIcon7 { background-position: -399px -43px; } /************Account Yes/No Popup************/ .yesNoPopupOverlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 99999; display:none; } .yesNoPopup { background-color:#fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); padding: 30px 20px; text-align: center; max-width:500px; width:100%; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .yesNoPopup h2 { color:#ff6633 !important; font-size: 16px; line-height:1.3; } .yesNoPopup .button { margin: 0 6px; padding-bottom:6px; padding-top:6px; } .shadowBoxList .shadowWhiteBox .button { cursor:pointer; } /****Saving Account mega menu******/ #nav li.MenuLi1 > ul > li.firstMenuLi > ul > li.firstMenuLi > ul { width:250px; } #nav li.MenuLi1 > ul > li.firstMenuLi > ul > li.firstMenuLi > ul > li { /*width: 25%; margin-bottom:15px; float: left; padding: 0 8px; line-height: normal; border-right: 1px solid #dadada;*/ width:100%; float:none; } /*#nav li.MenuLi1 > ul > li.firstMenuLi > ul > li.firstMenuLi > ul > li:last-child { border-right-width:0; } #nav li.MenuLi1 > ul > li.firstMenuLi > ul > li.firstMenuLi > ul > li a { font-size: 16px; color: #333; font-weight: 600; cursor: text; background: none; padding: 0 0 10px; } #nav li.MenuLi1 > ul > li.firstMenuLi > ul > li.firstMenuLi > ul > li ul { min-height: 160px; display: block !important; position: static; -webkit-box-shadow: inherit; box-shadow: inherit; border-top: none; width:auto; padding: 0; } #nav li.MenuLi1 > ul > li.firstMenuLi > ul > li.firstMenuLi > ul > li ul li { width: 100%; float: none; margin: 0; padding: 0; border: none; } #nav li.MenuLi1 > ul > li.firstMenuLi > ul > li.firstMenuLi > ul > li ul li a { padding: 5px 0 5px 25px; font-size: 15px; color: #4b4b4b; font-weight: 400; cursor: pointer; background: url(../../images/nav-arrow.png) no-repeat 0 10px; } #nav li.MenuLi1 > ul > li.firstMenuLi > ul > li.firstMenuLi > ul > li ul li a:hover { color: #ff6633; }*/ #nav li.MenuLi1 > ul > li.firstMenuLi > ul > li.firstMenuLi > ul > li ul { display:none !important; } #nav li.MenuLi1 > ul > li.firstMenuLi > ul > li.firstMenuLi > ul > li:hover ul { display:block !important; } #nav li.MenuLi1 > ul > li.firstMenuLi > ul > li.firstMenuLi > ul > li:hover ul { position:absolute; border-top: 4px solid #dedede; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); } /*********Baroda Insta Click Savings Account*********/ .imgSmallWidth .etradeImg { width:30%; margin:0; } .imgSmallWidth .etradeContent { padding-left:25px; width:70%; } .imgSmallWidth .etradeContainer:nth-child(even) .etradeContent { padding-left:0; padding-right:25px; } .openYesNoPopup { cursor:pointer; } .boxesView.centerAlign, .shadowBoxList.centerAlign { text-align: center; } .boxesView.centerAlign li { float:none; display: inline-block; vertical-align: top; width:32%; } .moduleSearch li .useTermCo { font-weight:400; font-size: 13px; } .moduleSearch li .useTermCo label { padding-right:0; } .useTermCoPopup ul.bulletText li { font-weight:400; } .searchCriteriaLTableSize tr th { font-size:14px; padding:7px 9px; } .viewCriteriaTblWrap table tr td { font-size:15px; } .viewCriteriaTblWrap table tr td:first-child, .viewCriteriaTblWrap table tr td:nth-child(3) { width:150px; } /*.searchCriteriaLTable{ width:1400px;}*/ .tenderFilter.tenderFilterReg .btnSearchReset.mt-28 { margin-top: 3px; } .btnSmallGrid .buttonGroup .button, .btnSmallGrid .buttonGroup .knowMorebtn { font-size:15px; } .btnSmallGrid .buttonGroup .bottomBtn .button { padding:0 5px; } .btnSmallGrid .buttonGroup .bottomBtn .button .icon { margin-left:4px; } .btnSmallGrid .buttonGroup .knowMorebtn { float:right; } .boxesView .box.multiButtons .knowMore { padding: 0 10px; font-size:15px; } .boxesView .box.multiButtons .knowMore .icon { margin-left:4px; } .spriteNew { background-image: url(../../images/bob-sprite-new.png); background-repeat: no-repeat; } .homeLinks .icon100 { background-position: 0 0; } .homeLinks .icon101 { background-position: -50px 0; } .homeLinks ul li .title.withPad { margin-top:37px; } /*****Property Photos*****/ .propertyPhotosList { margin: 0 -10px; padding:0; list-style:none; } .propertyPhotosList li { float:left; width:25%; padding: 10px; } .propertyPhotosList li a { display:block; text-decoration:none; color:#fff; position:relative; } .propertyPhotosList .imgHolder { overflow:hidden; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); position:relative; } .propertyPhotosList li a:before { z-index: 1; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; border-radius: 50%; background: rgba(0, 0, 0, 0.5) url(../../images/zoom-iocn-small.png) no-repeat center center; margin: -20px 0 0 -20px; transition: all 400ms ease 0s; -webkit-transition: all 400ms ease 0s; transform: scale(0); -webkit-transform: scale(0); content:""; } .propertyPhotosList li a:hover:before { transform: scale(1); -webkit-transform: scale(1); } .propertyPhotosList .imgHolder img { width:100%; height:auto; } .propertyPhotosList .imgHolder .photoTitle { position: absolute; left:0; bottom:0; width:100%; text-align:center; padding: 5px 10px; background:rgba(0, 0, 0, 0.7); display:block; color:#fff; } .propertyVideoList { margin: 0 -10px; padding:0; list-style:none; } .propertyVideoList li { float:left; width:50%; padding: 10px; } .propertyVideoList li .videoHolder video { width:100%; } .saleReportList { margin: 0; padding: 0; list-style: none; box-shadow: 0 0 15px #dde3ec; } .saleReportList li { border-bottom: 1px solid #d7d7d7; padding: 17px 130px 17px 17px; font-size: 16px; color: #000; position: relative; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s; } .saleReportList li .downBtn { position: absolute; border: 1px solid #a2a2a2; color: #a2a2a2; border-radius: 25px; padding: 5px 16px; background-color: #fff; font-size: 15px; right: 25px; top: 12px; text-decoration: none; display: inline-block; } .saleReportList li .downBtn:hover { background-color:#ff6633; color:#fff; border-color: #ff6633; } .propertyPerForm .commonForm { max-width:800px; margin:0 auto; width:100%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); padding: 25px; float:none; position:relative; } .propertyPerForm .greenText { color:#42a810; text-align:center; font-size:20px; } .propertyPerForm .commonForm .formMandetoryText { position:absolute; right:25px; top:30px; float:none; } .btnSmallGrid .buttonGroup .button, .btnSmallGrid .buttonGroup .knowMorebtn { font-size:15px; } .btnSmallGrid .buttonGroup .bottomBtn .button { padding:0 5px; } .btnSmallGrid .buttonGroup .bottomBtn .button .icon { margin-left:4px; } .btnSmallGrid .buttonGroup .knowMorebtn { float:right; } .digitMark .iconFastag { background-position: -100px 0; } /**********Category Video**********/ .catVideoGrid { margin:0 -15px 30px -15px; padding: 0; list-style: none; } .catVideoGrid li { float:left; width:33.333%; padding: 15px; } .catVideoGrid li a { /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);*/ display:block; text-decoration:none; } .catVideoGrid li span { display:block; } .catVideoGrid li .imgHolder img { width:100%; } .catVideoGrid li .playVideoTitle { font-size: 14px; text-align: left; padding: 8px 0; min-height:70px; } .catVideoGrid li .featureVidBox .videoPlay { margin: 0 !important; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width:50px; height: 50px; border-radius:50%; -webkit-border-radius: 50%; border-width:1px; background-position:14px center; } .catVideoGridWrap .text-center { text-align:center; margin-bottom: 30px; } .catVideoHeader { position:relative; } .catVideoHeader .button { position: absolute; right:0; top:0; font-size:14px; padding:5px 15px; } .catVideoHeader h2 { padding-bottom:10px; border-bottom: 1px solid #ccc; padding-right: 100px; } .videoCatTab { box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); background-color:#fff; position:relative; } .videoCatTab:before { position: absolute; left: 0; top:0; width:25%; height: 100%; content:""; background-color:#ececec; } .videoCatTab .videoCatTabList, .videoCatTab .tabContainer { float:left; position:relative; z-index:1; } .videoCatTab .videoCatTabList { width:25%; } .videoCatTab .tabContainer { width:75%; padding: 25px; } .resTab .videoCatTabList { margin:0; padding: 0; list-style: none; background:none; } .resTab .videoCatTabList li, .resTab .videoCatTabList li:first-child { display: block; padding: 0; } .resTab .videoCatTabList li a { display: block; padding: 15px 20px; /*border-bottom:1px solid #f3f3f3;*/ min-width:inherit; text-align:left; font-weight:600; background:none; color:#333; position:relative; font-size:14px; } .resTab .videoCatTabList li a:focus { outline: 0 none; } .resTab .videoCatTabList li.r-tabs-state-active a, .resTab .videoCatTabList li a:hover { background-color:#fff; color: #ff6633; } .resTab .videoCatTabList li.r-tabs-state-active a:before, .resTab .videoCatTabList li.r-tabs-state-active a:after { display: none; } .resTab .videoCatTabList li.r-tabs-state-active a:before { position: absolute; left:0; top:0; height:100%; width:4px; content:""; background-color:#ff6633; display:block; } .eduTagline { font-size:18px; } .homeProductListing .iconMA { width: 60px; height: 66px; background-position: 0 -101px;} .homeLinks .icon2New {background-position: -89px -101px;} /**********Gold Loan EMI Calculator**********/ .goldLoanEmiCal { border: 1px solid #f3f3f3; position:relative; } .goldLoanEmiCal:before { position: absolute; left:0; top:0; bottom:0; width:50%; content:""; background-color:#f3f3f3; display:block; } .goldLoanEmiCal .inputPanel, .goldLoanEmiCal .outputPanel { padding: 20px; position:relative; z-index:1; float:left; width:50%; } .goldLoanEmiCal .errorMsg { display: none; font-size: 13px; color: #fff; position: absolute; left: 0; top: 100%; z-index: 1; width: 220px; background: red; padding: 2px 5px; margin-top: -11px; } .goldLoanEmiCal .errorMsg:before, .goldLoanEmiCal .errorMsg:after { bottom: 100%; left: 15px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; display:block; } .goldLoanEmiCal .errorMsg:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #ff0000; border-width: 5px; margin-left: -5px; } .goldLoanEmiCal .errorMsg:before { border-color: rgba(0, 0, 0, 0); border-bottom-color: #; border-width: 5px; margin-left: -5px; } .goldLoanEmiCal .errorMsg.goldLoanTooltip { display:block; } .goldLoanEmiCal .labelText { font-size:16px; font-weight:400; margin-bottom:10px; } .goldLoanEmiCal .inputField { margin-bottom: 10px; } .tblGoldLoan { font-size:14px; border:0 solid #d7d7d7; margin:0; } .tblGoldLoan th, .tblGoldLoan td { padding: 8px; font-size:15px; border-right-width:0; width:30%; position:relative; background:none; border:0; } .tblGoldLoan tr:nth-child(2n+1) td, .tblGoldLoan th, .tblGoldLoan td { background:#fff; } .tblGoldLoan tr:last-child td { border-bottom-width:0; } .tblGoldLoan th { font-weight:600; font-size:14px; } .tblGoldLoan th:first-child, .tblGoldLoan td:first-child { text-align: center; width:10%; } .tblGoldLoan td:last-child { font-size:16px; font-weight:600; color:#F56C27; } .tblGoldLoan select { height: 35px; padding: 0 5px; width:100%; font-size:15px; border:0; border-bottom:1px solid #ccc; border-radius:0; padding:0; -moz-appearance: none; -webkit-appearance: none; background-image:url(../../images/select-dropdown-arrow.png); background-repeat:no-repeat; background-position:right center; cursor:pointer; } .tblGoldLoan .textBox { height: 35px; padding: 0 5px; font-size:15px; border:0; border-bottom:1px solid #ccc; border-radius:0; padding:0; } .tblGoldLoan select:focus, .tblGoldLoan .textBox:focus { outline:0 none; } .goldLoanEmiCal .outputPanel h3 { color:#535353; font-size:20px; font-weight:600; margin-bottom:15px; } .goldLoanEmiCal .chart { width:100%; height: 280px; margin-bottom: 10px; } .goldLoanEmiCal .noteText { font-size:13px; color:#6a6a6a; position:static; text-align:left; } .goldLoanEmiCal #spnTotalLone { border-radius: 5px; padding: 1px 9px; border: 1px solid #f26522; color: #f26522; } .goldLoanEmiCal .c3-legend-item { font-size: 13px; } .c3-tooltip-container { font-size:12px; text-align:left;width: 210px; } .c3-tooltip-container td { padding: 3px 10px; } .c3-tooltip-container td b { font-weight: 600; width: 110px; display: inline-block; position:relative; } .c3-tooltip-container td b:before { position: absolute; right:10px; top:-3px; content:":"; font-size: 14px; } .c3-tooltip-container tr:first-child td b:before { display:none; } .c3-tooltip-container td br { display:none; } .c3-tooltip-container table tr:nth-child(2n+1) td { background-color: #fff; } .c3-chart-arc text { fill: #fff; font-size: 12px; } .c3-target.c3-defocused { opacity:0.3 !important; } .goldLoanEmiCal .fieldRow .labelText, .goldLoanEmiCal .fieldRow .inputField { float:left; } .goldLoanEmiCal .fieldRow .labelText { width:240px; margin-bottom:0; padding-top:7px; } .goldLoanEmiCal .fieldRow .inputField { width:230px; } .goldLoanEmiCal .fieldRow .inputField select { height: 36px; border-radius:5px; -moz-appearance: none; -webkit-appearance: none; background-image:url(../../images/select-dropdown-arrow.png); background-repeat:no-repeat; background-position:right center; cursor:pointer; } .goldLoanEmiCal .fieldRow .radioInputField { background-color: #fff; border-radius: 5px; padding: 4px 10px; border: 1px solid #dbdbdb; } .goldLoanEmiCal .fieldRow .radioInputField label { padding-bottom:0;margin-right: 20px; } .reductionRate {background: #fff;padding: 15px;margin-bottom: 15px; } .reductionRate h2 {font-size: 17px;font-weight: 600;} .reductionRate ul { margin:0; padding: 0; line-height:s normal; } .reductionRate ul li { display: block; font-size: 16px;margin-bottom: 7px; } .reductionRate ul li span { display: inline-block; vertical-align: middle; width:260px; } .reductionRate ul li span.reductionRateVal {font-weight: 700;background: #f63;width: auto;color: #fff;padding: 0px 10px;border-radius: 3px;} /********* WhatsApp Banking Icons *********/ .mpassbookBenefits ul.wstappBankingList li .icon { background-image: url(../../images/whatsapp-banking-icons.png);background-repeat: no-repeat;} .mpassbookBenefits ul.wstappBankingList li .icon1 { background-position: 0 0; } .mpassbookBenefits ul.wstappBankingList li .icon2 { background-position: -68px 0; } .mpassbookBenefits ul.wstappBankingList li .icon3 { background-position: -136px 0; } .mpassbookBenefits ul.wstappBankingList li .icon4 { background-position: -204px 0; } .mpassbookBenefits ul.wstappBankingList li .icon5 { background-position: -272px 0; } .mpassbookBenefits ul.wstappBankingList li .icon6 { background-position: -340px 0; } .mpassbookBenefits ul.wstappBankingList li .icon7 { background-position: -408px 0; } .mpassbookBenefits ul.wstappBankingList li .icon8 { background-position: -476px 0; } .mpassbookBenefits ul.wstappBankingList li .icon9 { background-position: -544px 0; } .mpassbookBenefits ul.wstappBankingList li .icon10 { background-position: -612px 0; } .mpassbookBenefits ul.wstappBankingList li .icon11 { background-position: -680px 0; } .mpassbookBenefits ul.wstappBankingList li .icon12 { background-position: -748px 0; } /*******Home Loan Takeover Calculator*******/ .hltCalculator { border: 1px solid #f3f3f3;position: relative; max-width:900px; width:100%; margin: 0 auto;box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); } .hltCalculator:before {position: absolute;left: 0;top: 0;bottom: 0;width: 50%;content: "";background-color: #f3f3f3; display: block; z-index:-1;} .hltCalculator .ui-widget-content { background:#ccc; height:6px; position:relative;border-radius: 5px;position: relative; top: 9px; } .hltCalculator .ui-slider-horizontal .ui-slider-handle { background:#ff6633; border:3px solid #fff; border-radius:50%; height:18px; margin:-14px 0 0 -10px; position:absolute; text-decoration:none; width:18px; z-index:1;box-shadow: 0 0 5px rgba(0, 0, 0, 0.65); cursor:pointer; top:8px; } .hltCalculator .slider { margin:45px 0 20px } .hltCalculator .leftCol { float:left; width:50%; padding: 20px; } .hltCalculator .rightCol { padding:70px 50px; width:50%; float:left; } .hltCalculator .fieldRow { position: relative; min-height:35px; margin-bottom:30px;padding-right: 155px; } .hltCalculator .fieldRow.pricipalAmount { padding-right: 0; } .hltCalculator .fieldRow .loan-amount { position: absolute; right:0; top: 0; } .hltCalculator .fieldRow .fieldTitle { font-size: 16px; font-weight:400; color:#000; margin:0;line-height: 35px; } .hltCalculator .fieldRow input[type="text"] {width: 150px;font-size: 17px; font-weight:600; color:#4b4b4b; height: 35px; padding:5px 10px 5px 33px; } .hltCalculator .buttonWrap .button, .hltCalculator .applyBtnWrap .button { display: block; width:100%; text-align:center; cursor: pointer;} .hltCalculator h2 { font-size: 18px; font-weight:600; } .hltCalculator .hltAmountField, .hltCalculator .hltEmiField { background:#fff url(../../images/hlt-rupee-icon.png) no-repeat 0 0;} .hltCalculator .hltTenureField, .hltCalculator .hltBTenureField { background:#fff url(../../images/hlt-cal-icon.png) no-repeat 0 0;} .hltCalculator .hltRateField { background:#fff url(../../images/hlt-percentage-icon.png) no-repeat 0 0;} .hltOrangeBox { padding: 15px; border-radius:10px; background-color:#ff6633; color:#fff; text-align:center; } .hltOrangeBox h3, .hltCurrentEmi ul li h3 { font-weight:400; color:#fff; margin-bottom:0; font-size:16px; } .hltOrangeBox .save-amount { font-size: 40px; font-weight:700; line-height:1;} .hltCurrentEmi { padding: 30px 0; } .hltCurrentEmi ul { margin: 0; padding: 0; list-style:none; } .hltCurrentEmi ul li { float:left; width:50%; text-align:center; } .hltCurrentEmi ul li:first-child { border-right: 1px solid #4b4b4b; } .hltCurrentEmi ul li h3 { color:#000; } .hltCurrentEmi .monthly_emi_actual, .hltCurrentEmi .monthly_emi_result { font-size: 25px; font-weight:700; line-height:1;} .hltOrangeBox .save-amount .your-save p, .hltOrangeBox .hltMonthTitle { display: inline-block; margin-bottom:0; vertical-align:middle;} .hltOrangeBox .hltMonthTitle { font-size: 20px; font-weight:400; position:relative; top:6px; } .hltCalculator .applyBtnWrap { text-align: center; margin-top:30px;} .hltCalculator .applyBtnWrap .button { background:#fff; color:#ff6633;} .hltCalculator .applyBtnWrap .button:hover { background:#ff6633; color:#fff;} .hltCalculator .hltInterestRateLink { position: absolute; right:0; bottom: -35px; text-decoration:underline; } .hltCalculator .hltInterestRateLink:hover { color: #000; } .hltCalculator .buttonWrap { margin-top: 60px; } .hltCalculator .condiApply { font-size:13px; margin-bottom:0; position: absolute; right:15px; bottom:15px;font-style: italic;} .paplTable table th { font-size: 14px;} .paplTable table td { font-size: 15px;} .paplTable table th, .paplTable table td { padding: 5px; } .moduleSearch.paplFilter li:first-child .inputCol { width: 200px; } #nav > li:nth-child(3) > ul > li:nth-child(5) > a:before {background-position:-568px 2px;} #nav > li:nth-child(3) > ul > li:nth-child(5):hover > a:before, .wob #nav > li:nth-child(3) > ul > li:nth-child(5) > a:before {background-position: -568px -32px;} .container.bobHistory.bobHistory1 { padding: 0; } @media screen and (max-width:1500px) { .bobFixedDesBanner .loanTextBlock { width:500px; } .tradersLoanAplyWrap .homeLoanForm { max-width:640px; } .tradersLoanAplyWrap .orangeContentBox { position:absolute; left:40px; } .tradersLoanAplyWrap { background-size:90% 100%; } .tradersLoanAplyWrap .orangeContentBox { width:40%; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew { background-size:125% 100%; } .homeLoanAplyWrap .orangeContentBox { width:100%; position:static; max-width:640px; } .snapdealBanner .landingBanner .button { bottom:50px; } .bobIPOBanner .bobIWhiteBox { padding:10px 20px; } .bobIPOBanner .bobIWhiteBox p { font-size:17px; } .bobIPOBanner .bobIWhiteBox .linkText { margin-bottom:0; margin-top:5px; } .bobIPOBanner .bobIWhiteBox p.appFor { margin-bottom:0; } .carLoanAplyWrap { background-size:115% 100%; } .homeLoanAplyWrap { background-size:115% 100%; } .tradersLoanAplyWrap.carLoanAplyWrapNew { background-size:100%; } .homePageSlider .homeProductBanner h2 { font-size:23px; margin-bottom:20px; } .homePageSlider .bannerRightCol { width:45%; } .homePageSlider .bannerLeftCol { width:55%; padding:15px 10px 15px 60px; } .homeProductBanner .bnrProList .proBox { padding:8px; } .homeProductBanner .bnrProList .proBox .icon { left:8px; top:12px; } .homeProductBanner .bnrProList .proBox .linkText { padding:2px 5px; margin-right:5px; } .barodaTankerzBanner { width:470px; } .takeoverAplyWrap .takeoverAplyContent { margin-right:-80px; } .takeoverAplyWrap.homeLoanAplyWrap { background-size:100% auto; } .homeLoanTakeOverBnr .homeLoanBanner .bnRightContent { margin-top:-150px; } .loanAgainstSec .loanTextBlock { text-align:left; width:560px; position:relative; } .loanAppDtlPage .formBlock { margin-left:0; } .loanAppDtlPage .formBlock.rightForm { margin-right:0; } .loanAppDtlPage { min-height:900px; } } @media screen and (max-width:1366px) { .carLoanBanner1 h2 .textBgColor:after, .giftCardBanner1 h2 .textBgColor:after, .reloadableCardBanner1 h2 .textBgColor:after { border-bottom:54px solid #ab1f04; } .goAirBanner .btnWhite { bottom:5%; } .tradersLoanAplyWrap { background-position:-50px 0; } .tradersLoanAplyWrap .orangeContentBox { padding:15px; width:500px; } .rightBlockAply { right:50px; } .tradersLoanAplyWrap .homeLoanForm { max-width:580px; } .homeLoanAplyWrap { background-position:right 0; background-size:115% 100%; } .homeLoanAplyWrap .orangeContentBox { max-width:580px; width:100%; } .snapdealBanner .button { bottom:23px; } .kisanDivasBnr .leftLargeImg { width:150px; } .kisanDivasBnr .middleTagLine { left:46%; font-size:21px; border-radius:19px; padding:15px; } .carLoanAplyWrap { background-position:right 0; background-size:120% 100%; } .carLoanAplyWrap .orangeContentBox h2 { font-size:28px; } .goldBondBanner .homeLoanBanner .loanTextBlock { margin-top:-10px; } .goldBondBanner .homeLoanBanner .loanTextBlock h2 { margin-bottom:5px; } .goldBondBanner .homeLoanBanner .button.btnWhite { margin-top:0; } .homeLoanAplyWrap { background-size:125% 100%; } .diwaliEtrade .homeLoanBanner { padding-bottom:20px; padding-right:40px; } .diwaliEtrade .homeLoanBanner .btnWrapBanner { position:absolute; right:-50px; bottom:10%; max-width:170px; } .tradersLoanAplyWrap.carLoanAplyWrapNew { background-size:100% auto; } .homeLoanAplyWrap.takeoverAplyWrap { background-size:100% auto; background-position:0 0; } .takeoverAplyWrap .takeoverAplyContent { margin-right:0; } .onLoadShowPopup { width:1100px; margin-left:-550px; } } @media screen and (max-width:1280px) { .carLoanBanner1 h2 .textBgColor:after, .giftCardBanner1 h2 .textBgColor:after, .reloadableCardBanner1 h2 .textBgColor:after { border-bottom:47px solid #ab1f04; } .carLoanBanner1 p.interest { margin-bottom:20px; } .carLoanBanner1:before, .carLoanBanner1:after, .giftCardBanner1:before, .giftCardBanner1:after, .reloadableCardBanner1:before, .reloadableCardBanner1:after { display:none; } .reloadableCardBanner1 .bannerImgHolder { margin-bottom:10px; padding-left:0; } .reloadableCardBanner1 p.condition { padding-left:0; } .goAirBanner .btnWhite { left:36%; } .homeLoanAplyWrap { background-position:right 0; background-size:90% 100%; } .bobIPOBanner .loanTextBlock { width:670px; margin-left:60px; } .kisanDivasBnr .loanTextBlock { width:400px; margin-top:-30px; } .kisanDivasBnr .loanTextBlock h2 span { font-size:19px; } .kisanDivasBnr .loanTextBlock h3 { font-size:13px; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock .visitBranch { font-size:14px; } .homeLoanAplyWrap { background-size:120% 100%; } .diwali2018Bnr .homeLoanBanner .loanTextBlock h3 { font-size:19px; } .homeProductBanner .bnrProList .proBox .titleText { font-size:14px; padding-top:6px; } .homeProductBanner .bnrProList .proBox .titleText.amalText { font-size:16px; } .homeProductBanner .bnrProList li { padding:5px 0; } .barodaTankerzBanner { width:470px; } .loanAgainstSec .loanTextBlock { text-align:left; width:530px; position:relative; } } @media screen and (max-width:1279px) { .homePageSlider .homeProductBanner h2 { font-size:18px; } .homeProductBanner .bnrProList .proBox .titleText { font-size:14px; margin-bottom:5px; padding-top:10px; padding-left:62px; } .homeProductBanner .bnrProList .proBox .linkText.applyNowLink, .homeProductBanner .bnrProList .proBox .buttonRow { display:none; } .homeProductBanner .bnrProList .proBox .linkText { padding:0 5px; } .barodaTankerzBanner { width:290px; } .barodaTankerzBanner h2 { font-size:24px; line-height:1.3; margin-bottom:15px; } .barodaTankerzBanner p { font-size:20px; line-height:1.3; } .seniorCitizenBanner .textList { display:none; } .seniorCitizenBanner .loanTextBlock { width:460px; } .loanAgainstSec .loanTextBlock { text-align:left; width:530px; position:relative; } .homeProductBanner .bnrProList .proBox .titleText.amalText { font-size:14px; } .homeProductBanner .bnrProList .accountHomeBox.proBox .titleText { padding-bottom:7px; } .homeProductBanner .bnrProList li { width: 50%; } .homeProductBanner .bnrProList .proBox { padding: 2px 8px; } } @media screen and (max-width:1200px) { .homeLinks .title { font-size:15px; } .carLoanBanner1 p.interest { margin-bottom:0; padding-left:0; } .carLoanBanner1 h2 .titleText, .giftCardBanner1 h2 .titleText, .reloadableCardBanner1 h2 .titleText { margin-bottom:5px; } .carLoanBanner1 .bannerImgHolder { margin-bottom:0; } .giftCardBanner1 .bannerImgHolder, .reloadableCardBanner1 .bannerImgHolder { width:200px; padding-left:0; } .goAirBanner .btnWhite { left:30%; bottom:4%; } .bobFixedDesBanner .loanTextBlock { width:430px; } .bobFixedDesBanner .allYourInterest, .chaturthiBanner .homeLoanBanner .allYourInterest { left:15px; bottom:-28px; } .bobFixedDesBanner h3 { margin-bottom:10px; line-height:1.1; } .bobFixedDesBanner .textList { display:none; } .bobFixedDesBanner .homeLoanBanner .button.btnWhite { margin-top:0; } .tradersLoanAplyWrap { background-position:-30px 0; min-height:810px; } .tradersLoanAplyWrap .homeLoanForm { max-width:500px; } .tradersLoanAplyWrap .orangeContentBox h2 { font-size:24px; margin-bottom:10px; } .tradersLoanAplyWrap .orangeContentBox h3 { font-size:17px; } .tradersLoanAplyWrap .orangeContentBox { width:390px; left:20px; } .chaturthiBanner .bannerLoanBlk { padding:10px 0 0 0; } .chaturthiBanner .homeLoanBanner .allYourInterest { left:15px; bottom:-28px; } .homeLoanAplyWrap { background-position:right 0; background-size:120% 100%; } .homeLoanAplyWrap .orangeContentBox { max-width:500px; width:100%; } .msmeBanner3 .bannerTextList { display:none; } .msmeBanner3 .homeLoanBanner .bnRightContent { width:430px; } .snapdealBanner .button { bottom:18px; } .breadcrumb { position:static; } .snapdealBanner .landingBanner .button { bottom:20px; right:17%; } .bobIPOBanner .loanTextBlock { width:400px; } .bobIPOBanner .bobIWhiteBox h3 { font-size:18px; } .bobIPOBanner .bobIWhiteBox p { display:none; font-size:15px; } .bobIPOBanner .bobIWhiteBox p.appFor, .bobIPOBanner .bobIWhiteBox p.linkText { display:block; } .kisanDivasBnr .loanTextBlock .allYourInterest { left:15px; } .kisanDivasBnr .loanTextBlock { width:340px; } .kisanDivasBnr .leftLargeImg { left:10px; top:10px; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock h3 { font-size:17px; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock { width:380px; margin-top:-40px; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock .visitBranch { font-size:14px; margin:0; } .kisanDivasBnr.kisanDivasBnrHome .homeLoanBanner .loanTextBlock p.allYourInterest { font-size:19px; bottom:-29px; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock .button { margin-top:8px; } .carLoanAplyWrap .applyLoanRightBlk { max-width:500px; } .carLoanAplyWrap { background-position:right 0; } .innerCarloanBnr .termConText { padding-top:0; } .goldBondBanner .homeLoanBanner .loanTextBlock { width:420px; } .goldBondBanner p.largeText { border-bottom:0; padding-bottom:0; margin-bottom:0; } .goldBondBanner p.largeText br { display:none; } .goldBondBanner .bannerTextListWrap { display:none; } .goldBondBanner .homeLoanBanner .button.btnWhite { margin-top:10px; } .instantNriProduct h2, .nriProduct h2 { font-size:30px; } .instantNriProduct h3 { font-size:19px; } .nriProductList .bulletList li { font-size:16px; } .nriProductList .productBox { padding:15px; min-height:170px; } .nriProductList { margin:0 -15px; } .nriProductList > li { padding:15px; } .loanTypeList .multiButton .botBtnGroup .explore { font-size:13px; margin:0 1px; } .loanTypeList .multiButton .botBtnGroup { padding:0; } .diwaliEtrade .homeLoanBanner { padding-bottom:30px; padding-right:20px; } .diwaliEtrade .homeLoanBanner .btnWrapBanner { position:absolute; right:-80px; bottom:15%; max-width:170px; } .homeLoanTakeOverBnr .homeLoanBanner .bnRightContent { margin-top:-110px; } .homeLoanTakeOverBnr .homeLoanBanner h2 br, .homeLoanTakeOverBnr .bankingOn { display:none; } .homeLoanTakeOverBnr .homeLoanBanner .loanRateBlock { bottom:-80px; } .homeLoanTakeOverBnr .homeLoanBanner .loanTextBlock { width:380px; } .takeoverAplyWrap .takeoverAplyContent { max-width:520px; margin-top:50px; } .innerBanner .pageTitle { position:static; } .loanAgainstSec .loanTextBlock { text-align:left; width:290px; position:relative; margin-top:-50px; } .onLoadShowPopup { width:800px; margin-left:-400px; } .homeLoanBanner .radianceTextBlock h2 { font-size:19px; } .bnLeftContent.radianceTextBlock { width:325px; } .loanAppDtlPage .formBlock { padding-top:40px; } .goActiveLoanDtl .formBlock { max-width:540px; } .ratesStrip { width:860px; } .bankFounded .customTab.historyofBOB .customTabNav li { width:80px; } .bankFounded .customTab.historyofBOB .customTabNav li:nth-child(8)::after { transform:rotate(44deg); display:none; } .bankFounded .customTab.historyofBOB .customTabNav li.active .sonaAni { display:none !important; } .bankFounded .customTab.historyofBOB ul.customTabNav.rtl { direction:unset; } .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); } .container.bobHistory .didyouknowSlider .exclusiveOffersList .swiper-button-prev { left:0; } .container.bobHistory .didyouknowSlider .exclusiveOffersList .swiper-button-next { right:0; } .didyouknowSlider .shareNknowBtnsInner { padding:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); top:50%; } .didyouknowSlider .shareNknowBtnsInner { padding:0; } .homePageSlider .indexBannerWrap:after, .homePageSlider .indexBannerWrap:before { display:none; } .homePageSlider .bannerRightCol { border-left:2px solid #ccc; } .ratesStrip .buttonGroup { width:130px; } .ratesStrip .buttonGroup .button { padding:5px; font-size:14px; } .ratesStrip ul li { padding:0 12px; } .rightFixedBox .box { padding-left:60px; } .allCalculator .grid a { min-height:189px; } .shadowBoxList li { width: 48%; } /**********Amalgamation Module**********/ .amalgamationSearch { padding-right:15px; } .amalgamationSearch li { width:33.333%; } .contact .amalgamationSearch li { margin: 7px 0; } .amalgamationSearch li.lastButtonRow { position: static; } .amalgamationSearch li .btnSearchReset { margin-top: 27px; } /*********Amalgamation multi control*********/ .contact .largeFilter li, .largeFilter li { width:33.333%; } /****Saving Account mega menu******/ #nav li.MenuLi1 > ul > li.firstMenuLi > ul > li.firstMenuLi > ul { width: 760px; } .tenderFilter.tenderFilterReg .btnSearchReset.mt-28 { margin-top:15px; } .tenderFilter.propSearch li:last-child { width:100%; } .useTermCo span, .useTermCo a { display: inline-block; vertical-align: top; } .btnSmallGrid .buttonGroup .button, .btnSmallGrid .buttonGroup .knowMorebtn { font-size: 14px; font-weight: 600; } /**********Gold Loan EMI Calculator**********/ .goldLoanEmiCal .fieldRow .labelText, .goldLoanEmiCal .fieldRow .inputField { width:auto; float:none; } .goldLoanEmiCal .fieldRow .inputField { width: 100%; } .moduleSearch.paplFilter .btnSearchReset { margin-top: 27px; } .moduleSearch.paplFilter li:first-child .inputCol {width: 100%;} } @media screen and (max-width:1025px) { .homeRightNav .homeRightNavSlide .toolTip { display:none; } } @media screen and (max-width:992px) { .bannerLeftContent { margin-left:15px; } .carLoanBanner1 .bannerImgHolder { width:120px; } .carLoanBanner1 h2 .textBgColor:after, .giftCardBanner1 h2 .textBgColor:after, .reloadableCardBanner1 h2 .textBgColor:after { border-bottom:38px solid #ab1f04; } .giftCardBanner1 .bannerImgHolder { width:140px; } .reloadableCardBanner1 .bannerImgHolder { width:175px; } .goAirBanner .homeBanner { overflow:hidden; left:10px; } .bobFixedDesBanner h3 { font-size:16px; } .bobFixedDesBanner .loanTextBlock { width:320px; } .tradersLoanAplyWrap { background:#e2c7b2 url(../../images/traders-loan--banner-bg-mob.jpg) no-repeat center top; background-size:100% auto; padding-top:500px; } .tradersLoanAplyWrap .errorDesignForm { background:rgba(246, 246, 246, 0.8); } .tradersLoanAplyWrap { background-size:auto 100%; } .tradersLoanAplyWrap .orangeContentBox { width:490px; } .tradersLoanAplyWrap .homeLoanForm { max-width:750px; } .rightBlockAply { position:static; } .rightBlockAply .container { padding:0; } .mortgageLoanAplyWrap { background:#e3dfde url(../../images/mortgage-loan--banner-bg-mob.jpg) no-repeat 0 0; background-size:100% auto; padding-top:1000px; } .tradersLoanAplyWrap h2.pageTitle, .mortgageLoanAplyWrap h2.pageTitle { color:#222; text-align:center; background:rgba(246, 246, 246, 0.8); margin:0 auto -5px auto; padding-top:10px; max-width:750px; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew { background-size:100% auto; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew .orangeContentBox { position:static; margin:0 auto 30px auto; max-width:750px; width:100%; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew .tradersLoanAplyTitle { max-width:750px; margin:0 auto 15px auto; } .tradersLoanAplyWrap .orangeContentBox { width:auto; left:12%; right:12%; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew .orangeContentBox li { margin-bottom:8px; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew .orangeContentBox .bannerTextList { padding-right:10px; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew { padding-top:670px; } .tradersLoanAplyWrap .tradersLoanAplyTitle { text-align:left; color:#fff; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew .orangeContentBox h3 { padding-right:50px; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew .errorDesignForm { margin-top:0; } .tradersLoanAplyWrap .tradersLoanAplyTitle { position:absolute; left:12%; top:40px; color:#ff6633; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew .tradersLoanAplyTitle { position:static; } .chaturthiBanner .homeLoanBanner .bnRightContent { margin-right:15px; } .chaturthiBanner .loanTextBlock { width:410px; } .chaturthiBanner .bannerLoanBlk li.homeLoanBlk, .chaturthiBanner .bannerLoanBlk li.carLoanBlk { background:none; } .chaturthiBanner .bannerLoanBlk li { padding:0 15px; margin:0; } .chaturthiBanner .bannerLoanBlk { margin:0 -15px; } .chaturthiBanner .homeLoanBanner .bnRightContent { margin-top:-30px; } .homeLoanAplyWrap { background:#f5ddb9 url(../../images/apply-for-home-loan-bg-mob.jpg) no-repeat 0 0; background-size:100% auto; padding-top:800px; } .homeLoanAplyWrap .container { max-width:750px; width:100%; } .homeLoanAplyWrap .homeLoanForm { margin:0 auto; } .homeLoanAplyWrap .orangeContentBox { max-width:750px; width:100%; margin:0 auto; } .homeLoanAplyWrap .tradersLoanAplyTitle { position:static; } .homeLoanBanner .loanTextBlock p.allYourInterest { display:none; } .msmeBanner3 .homeLoanBanner .bnRightContent { width:320px; } .msmeBanner3 .homeLoanBanner .bnRightContent { margin-right:15px; } .msmeBanner3 p.tcText { right:20px; bottom:20px; } .msmeBanner3 .homeLoanBanner .bnRightContent { margin-top:-20px; } .snapdealBanner .landingBanner .button { bottom:16px; font-size:14px; } .swiper-pagination.mrgBottom { bottom:40px; } .bobIPOBanner .loanTextBlock { margin-top:-40px; margin-left:20px; } .bobIPOBanner .loanTextBlock h2 { margin-bottom:5px; } .bobIPOBanner .loanTextBlock .button { bottom:-36px; } .bobIPOBanner .bobIWhiteBox p.linkText { margin-top:0; display:none; } .kisanDivasBnr .leftLargeImg { width:100px; } .kisanDivasBnr .loanTextBlock { margin-top:0; width:300px; margin-right:20px; } .kisanDivasBnr .loanTextBlock h2 span { font-size:16px; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock { margin-top:0; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock .visitBranch { display:none; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock h3 { margin-bottom:0; padding-bottom:0; border-bottom:0; } .carLoanAplyWrap { background:#391814 url(../../images/car-loan-navratri-img-ipad.jpg) no-repeat 0 0; background-size:100% auto; padding-top:550px; } .carLoanAplyWrap .applyLoanRightBlk { max-width:750px; float:none; margin:0 auto; } .agriculturePra li { width:33.333%; } .kisanDivasBnr .middleTagLine { left:46%; font-size:14px; border-radius:7px; padding:11px; font-weight:600; } .rightFixedButton { display:none; } .innerCarloanBnr .termConText { margin-top:-23px; } .goldBondBanner .homeLoanBanner .loanTextBlock { width:360px; } .goldBondBanner p.largeText { font-size:17px; } .goldBondBanner .homeLoanBanner .loanTextBlock { margin-top:0; } .instantNriProduct { padding:0 0 30px 0; } .instantNriProduct .leftCol, .instantNriProduct .rightCol { float:none; width:auto; padding:0; } .instantNriProduct .leftCol { text-align:center; } .nriProduct { padding:30px 0; } .nriProductList { margin:0 -5px; } .nriProductList > li { padding:5px; } .nriProductList h3 { font-size:18px; margin-bottom:5px; } .nriProductList .productBox { padding:10px; min-height:180px; } .bobThankYouMsgWrap { max-width:100%; } .bobThankYouMsgWrap .imgHolder { float:left; width:25%; } .bobThankYouMsgWrap .bobThankYouMsg { padding:7% 0 0 28%; font-size:18px; } .thanksInterested { margin-top:20px; } .loanTypeList .multiButton .botBtnGroup, .loanTypeList li:hover .multiButton .botBtnGroup { opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); position:absolute; display:inline-block; bottom:25px; } .diwali2018Bnr .loanTextBlock { margin-top:0; width:460px; } .diwali2018Bnr .bannerLoanBlk li { padding:0 15px 0 60px; margin-right:15px; } .diwali2018Bnr .bannerLoanBlk { padding:10px 0 0 0; } .diwali2018Bnr .bannerLoanBlk .title { font-size:17px; } .diwali2018Bnr.diwali2018BnrInr .loanTextBlock .tcApplyText { bottom:30px; right:-10px; } .homeLoanAplyWrap .applyLoanTitle, .tradersLoanAplyWrap.homeLoanAplyWrap .tradersLoanAplyTitle { color:#ff6633; } .diwaliEtrade .homeLoanBanner { padding-bottom:30px; padding-right:0px; } .diwaliEtrade .homeLoanBanner .btnWrapBanner { position:absolute; right:-120px; bottom:15%; max-width:170px; } .carLoanAplyWrapNew { background:#fdd4b8 url(../../images/apply-for-car-loan-ipad-new-bg.jpg) no-repeat right 0; background-size:100%; padding-top:400px; } .homePageSlider .vCenter { position:static; top:0; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); } .homePageSlider .bannerLeftCol, .homePageSlider .bannerRightCol { float:none; width:auto; } .homePageSlider .bannerLeftCol { background-color:#f8f8f8; padding:25px; } .homePageSlider .homeProductBanner h2 { font-size:21px; } .homeProductBanner .bnrProList .proBox .icon { display:block; } .homeProductBanner .bnrProList .proBox .titleText { padding:10px 0 0 0; font-size:15px; } .homeProductBanner .bnrProList .proBox .titleText br { display:none; } .homeProductBanner .bnrProList .proBox .buttonRow { margin-top:15px; margin-left:-2%; margin-right:-2%; } .homeProductBanner .bnrProList .proBox .linkText.applyNowLink { display:inline-block; } .homeProductBanner .bnrProList .proBox { background-color:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.1); } .homeProductBanner .bnrProList .proBox .linkText { opacity:1; visibility:visible; } .homeProductBanner .bnrProList .proBox .linkText, .homeProductBanner .bnrProList .proBox:hover .linkText { background-color:#fff; border:1px solid #ff6633; color:#ff6633; padding:5px 5px; float:left; width:46%; margin:0 2%; text-align:center; } .homeProductBanner .bnrProList .proBox .buttonRow.singleButton .linkText { width:96%; } .homeProductBanner .bnrProList .proBox .linkText:hover { background-color:#ff6633; color:#fff; } .homeProductBanner .bnrProList { margin:0 -10px; } .homeProductBanner .bnrProList li { padding:10px; } .homePageSlider .indexBannerWrap:after, .homePageSlider .indexBannerWrap:before { display:none; } .homeProductBanner .bnrProList .proBox .titleText { margin:0; padding:15px 0 15px 62px; font-size:16px; } .homeLoanTakeOverBnr .homeLoanBanner .loanTextBlock { width:310px; margin-top:0; margin-right:100px; } .homeLoanTakeOverBnr .homeLoanBanner .loanTextBlock h2 { margin-bottom:5px; } .homeLoanTakeOverBnr .homeLoanBanner .loanTextBlock h3 { padding-bottom:0; margin-bottom:0; font-size:17px; } .homeLoanTakeOverBnr .homeLoanBanner .loanRateBlock { width:180px; left:auto; } .barodaTankerzBanner { width:290px; } .barodaTankerzBanner h2 { font-size:24px; line-height:1.3; margin-bottom:15px; } .barodaTankerzBanner p { font-size:20px; line-height:1.3; } .takeoverAplyWrap .takeoverAplyContent { max-width:520px; margin-top:50px; } .homeLoanAplyWrap.takeoverAplyWrap { background:#fcc8a1 url(../../images/apply-for-takeover-ipad-bg.jpg) no-repeat 0 0; background-size:100% auto; padding-top:600px; } .takeoverAplyWrap .takeoverAplyContent { max-width:100%; float:none; margin-top:0; } .leftTakeoverBulletText { width:auto; position:static; height:auto; margin-top:30px; } .seniorCitizenBanner .loanTextBlock h3 { font-size:14px; } .homeLoanAplyWrap.lifeInsuranceCompanyCallBackWrap { background:#f3ebde url(../../images/india-first-life-insurance-company-804-800.jpg) no-repeat 0 0; background-size:100%; padding-top:480px; } .onLoadShowPopup { width:700px; margin-left:-350px; } .homeProductBanner .bnrProList .accountHomeBox.proBox .titleText { padding-top:17px; padding-bottom:13px; } .homeProductBanner .bnrProList .proBox .titleText.amalText { font-size:16px; } .bnLeftContent.radianceTextBlock { padding:15px; margin-top:-40px; } .homeLoanBanner .radianceTextBlock p { font-size:14px; line-height:18px; } .comVehiFinance { background:#e3deda url(../../images/commercial-vehical-ipad.jpg) no-repeat right 0; background-size:100%; padding-top:380px; } .loanAppDtlPage .container { max-width:750px; width:100%; } .loanAppDtlPage .formBlock { padding:0; float:none; max-width:100%; } .constructionAndMining { background:#cfedf8 url(../../images/construction-and-mining-ipad.jpg) no-repeat 0 0; background-size:100%; padding-top:400px; } .loanForRestaurant { background:#f8f6e1 url(../../images/loan-for-restaurant-ipad.jpg) no-repeat 0 0; background-size:100%; padding-top:400px; } .valueChainFinance { background:#e0e1dc url(../../images/value-chain-finance-ipad.jpg) no-repeat 0 0; background-size:100%; padding-top:400px; } .goActiveLoanDtl { background:#f7fbfe url(../../images/apply-for-goactive-ipad.jpg) no-repeat 0 0; background-size:100%; padding-top:400px; } .starHealthAllied { background:#d3dbde url(../../images/star-health-allied-ipad.jpg) no-repeat 0 0; background-size:100%; padding-top:400px; } .cholamsHealthInsurance { background:#eaeceb url(../../images/health-insurance-ipad.jpg) no-repeat 0 0; background-size:100%; padding-top:400px; } .appForHomeLoan { background:#fdd4b8 url(../../images/apply-for-home-loan-ipad.jpg) no-repeat 0 0; background-size:100%; padding-top:390px; } .barodaLoanAgainstGold { background:#fffcda url(../../images/gold-loan-ornament-ipad.jpg) no-repeat 0 0; background-size:100%; padding-top:360px; } .bankFounded .customTab.historyofBOB .customTabNav li:nth-child(8)::after { left:0; } .didyouknowSlider .shareNknowBtnsInner { padding:0; transform:translateY(0); -webkit-transform:translateY(0); top:auto; } .socialFeeds { display:block; } .socialFeedsList li a .icon, .socialFeedsList li .socialBlgLnkIcon { display:block; text-align:center; margin:0 auto 5px auto; } .socialFeedsList li a { text-align:center; height:auto; padding:10px 0; font-size:16px; } .socialFeedsList li a:after { display:none; } #footer { padding:15px 0 0 0; } .topStrip { display:block; } .topStrip .topStRighttLinks { display:none; } .topStrip .topStLeftLinks { position:absolute; right:180px; top:13px; z-index:2; } .topStrip .topStLeftLinks li a { color:#ff6633; font-size:14px; } .homePageSlider .bannerRightCol { border-left:0; } .siteFixedButton { position:static; margin-bottom:15px; } .interestRatesAdv .resTab .tabNav.col3Tab li a { min-height:170px; padding:5px; } .threeItemGrid li .foundationDayVideo { height:180px; } .threeItemGrid { margin:0 -5px; } .threeItemGrid li { padding:5px; } .threeItemGrid li p { font-size:16px; } .hlSingleVideo .foundationDayVideo { height:200px; } .allCalculator .grid { width:50%; } .allCalculator .grid a { min-height:214px; } .mobileNav, .mobileNav #navMob { background:#fff; } #navMob li ul { background:#eee; } #navMob li a, #navMob li ul li a { color:#ff6633; font-weight:400; } #navMob li a { border-bottom:1px solid #eaeaea; } #navMob li ul li a { background:url(../../images/home-link-arrow.png) no-repeat 0 13px; } #navMob li ul li ul li a { background-position:20px 13px; } #navMob li .menuIcon, #navMob li li .menuIcon { background-image:url(../../images/dark-arrow-down.png); background-color:#d5d5d5; } .mobileNav .close { background:#d5d5d5 url(../../images/menu-close-icon-dark.png) no-repeat center 5px; } #navMob li ul:after, #navMob li li .menuIcon.active { background-color:#d5d5d5; } .mobileNav .navigationText { color:#bfbfbf; } #navMob li ul { box-shadow:-5px 0 5px rgba(0, 0, 0, 0.2) inset; } #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:#eee; color:#ff6633; } /***Baroda Advagainst Securities***/ .barodaAdvagainstSecurities { background: #d2bf9e url(../../images/baroda-adv-against-securities-ipad.jpg) no-repeat 0 0; background-size: 100%; padding-top: 385px; } /***BOB radiance***/ .radiance .toggleMenu { border: 0; } .radiance .headerRow .searchBox { top: 13px; right: 20px; } .radiance .headerRow .topRightNav { right: 90px; top: 29px; } /********HR corner in Footer********/ .footerLinks .col3 { float: none; width:auto; margin-bottom: 25px; } .footerLinks ul li { width: auto; display: inline-block; margin-right: 15px; } .footerHide.footerSlideUp .footerHideRow, #footer .row { height: 710px; } #footer .row .col4 { position: static; } /***H1 mainTitle***/ .mainTitle { font-size: 19px; color: #ff6633; } .locateSearchTableWrap { width:1005; overflow-x:auto; } .locateSearchTable { width:800px; } /**********Small Form**********/ .accNumberLeft, .accNumberRight { float:none; width:auto; float:none; margin:0; min-height:1px; } .accNumberLeft { margin-bottom: 15px; } .loanTopNav .icon, .loanTopNav .title { display:block; padding:0; } .loanTopNav .icon { margin:0 auto; } #navMob li.MenuLi1 > ul > li > ul > li:first-child > ul > li ul, #navMob li.MenuLi1 > ul > li > ul > li:first-child > ul > li a:hover ul { display:block; } /*#navMob li.MenuLi1 ul li ul li ul li .menuIcon{ display:block;}*/ .homeProductBanner .bnrProList .proBox { padding: 8px; } .homeProductBanner .bnrProList .proBox.largeTitle .titleText { padding-left: 68px; } /*********Baroda Insta Click Savings Account*********/ .imgSmallWidth .etradeImg { float:left; } .imgSmallWidth .etradeContainer:nth-child(even) .etradeContent { padding-left:25px; padding-right:0; } .imgSmallWidth .etradeContent { text-align:left; padding-top:0; } .ipadSmallTab.resTab .tabNav li a { min-width:130px; } .boxesView.centerAlign li { width:48%; } .tenderFilter.tenderFilterReg.propSearch li:last-child { width:auto; } .moduleSearch.propSearch li .btnSearchReset input { width:auto; float:none; } .searchCriteriaLTableSize { width:1000px; } .searchCriteriaLTableSize td, .searchCriteriaLTableSize th { font-size: 14px; } .searchCriteriaLTableSize td strong, .searchCriteriaLTableSize th strong { font-weight:700; } .boxesView li { width: 50%; } /*****Property Photos*****/ .propertyPhotosList li { width:33.333%; } /**********Category Video**********/ .videoCatTab .tabContainer { width:70%; padding: 5px 25px; } .videoCatTab .videoCatTabList, .videoCatTab:before { width: 30%; } .catVideoGrid li { width: 50%; } #ContentPlaceHolder1_BOB_PropertySearch1_divAuction { width:100%; overflow-y:auto;} .viewCriteriaTblWrap table tr td { display: block; width: auto; } .viewCriteriaTblWrap table tr td:first-child, .viewCriteriaTblWrap table tr td:nth-child(3) { width:auto; } .viewCriteriaTblWrap table tr td { padding-top:5px; padding-bottom:5px; } .viewCriteriaTblWrap table tr td:nth-child(odd) { border-bottom-width:0; padding-bottom:0; } /**********Gold Loan EMI Calculator**********/ .goldLoanEmiCal .fieldRow .labelText, .goldLoanEmiCal .fieldRow .inputField { width:240px; float:left; } .goldLoanEmiCal .fieldRow .inputField { width: 260px; } .goldLoanEmiCal .fieldRow .radioInputField label { margin-right: 15px; } .goldLoanEmiCal .inputPanel, .goldLoanEmiCal .outputPanel { float:none; width:auto;} .goldLoanEmiCal:before { display: none; } .goldLoanEmiCal .inputPanel { background: #f3f3f3; } .goldLoanEmiCal .outputPanel, .goldLoanEmiCal .noteText { text-align: center; } /*******Home Loan Takeover Calculator*******/ .hltCalculator:before, .hltCalculator .leftCol { width: 58%; } .hltCalculator .rightCol { width: 42%; } .hltOrangeBox .save-amount { font-size: 30px; } .hltOrangeBox h3, .hltCurrentEmi ul li h3, .hltCalculator .fieldRow .fieldTitle { font-size: 15px; } .hltCalculator .rightCol { padding: 70px 10px; } .hltCalculator .fieldRow input[type="text"] { width: 140px; } .hltCurrentEmi .monthly_emi_actual, .hltCurrentEmi .monthly_emi_result { font-size: 20px; } } @media screen and (max-width:800px) { .homeProductBanner .bnrProList .proBox .titleText br { display:block; } .homeProductBanner .bnrProList .proBox .titleText { margin:0; padding:5px 0 5px 68px; } .homeProductBanner .bnrProList .proBox a { min-height:51px; display:block; } .personalAcc .titleBox .accMultiButton a, .accMultiButton a { margin-bottom:0; width:auto; } /**Baroda Property & Auto Expo**/ .colTwoRow .col6 { float: none; width:auto; } } @media screen and (max-width:768px) { .bobFixedDesBanner .allYourInterest, .chaturthiBanner .homeLoanBanner .allYourInterest { left:10px; } .mortgageLoanAplyWrap { padding-top:920px; } .tradersLoanAplyWrap .orangeContentBox { top:70px; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew .orangeContentBox { top:20px; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew .orangeContentBox { width:100%; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew { padding-top:530px; } .tradersLoanAplyWrap .orangeContentBox { border-radius:0 35px 0 0; } .tradersLoanAplyWrap .orangeContentBox { left:15px; right:15px; } .tradersLoanAplyWrap .tradersLoanAplyTitle { left:15px; } .chaturthiBanner .bannerLoanBlk .title { font-size:15px; } .chaturthiBanner .homeLoanBanner .allYourInterest { left:10px; } .homeLoanAplyWrap { padding-top:620px; } .msmeBanner3 .large.capitalText { font-size:15px; } .snapdealBanner .button { bottom:12px; right:10%; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock h2 br { display:block; } .carLoanAplyWrap { padding-top:460px; } .goldBondBanner p.largeText { font-size:14px; } .instantNriProduct .fieldInput table { margin-bottom:0; } .diwali2018Bnr .loanTextBlock { width:420px; } .diwali2018Bnr .homeLoanBanner .loanTextBlock h3 { font-size:14px; } .carLoanAplyWrapNew { padding-top:450px; } .homeLoanTakeOverBnr .loanRateBlock .loanRateBanner { font-size:30px; } .homeLoanTakeOverBnr .homeLoanBanner .loanRateBlock .loanRateBanner .paText { font-size:20px; } .homeLoanTakeOverBnr .homeLoanBanner .loanRateBlock .loanRateBanner .onwardsText { font-size:11px; } .homeLoanTakeOverBnr .homeLoanBanner .loanTextBlock h3 { font-size:15px; } .homeLoanAplyWrap.takeoverAplyWrap { padding-top:520px; } .homeLoanAplyWrap.takeoverAplyWrap.lifeInsuranceCompanyCallBackWrap { padding-top:377px; } .loanAgainstSec .loanTextBlock { text-align:left; width:370px; position:relative; } .loanAppDtlPage .commonForm .fieldInput .error { position:absolute; } .bankFounded .customTab.historyofBOB .customTabNav li { width:73px; } .homeLinks .marqueeHomePage ul li { display:list-item; } .homeLinks ul li { border:0; } /***H1 mainTitle***/ .mainTitle { font-size: 19px; color: #ff6633; } } @media screen and (max-width:767px) { .homeLinks .icon2New {background-position: -139px -101px;} .exploreMoreSlider .iconMA { width: 26px;height: 32px;background-position: -62px -101px;} .bannerLeftContent { margin:0; float:none; } .carLoanBanner1 h2, .giftCardBanner1 h2 { margin:0; } .carLoanBanner1 p, .carLoanBanner1 .bannerImgHolder, .carLoanBanner1 h2 .textBgColor:after, .giftCardBanner1 .bannerImgHolder, .giftCardBanner1 h2 .textBgColor:after, .reloadableCardBanner1 .bannerImgHolder, .reloadableCardBanner1 h2 .textBgColor:after { display:none; } .carLoanBanner1 h2 .titleText, .carLoanBanner1 h2 .textBgColor, .giftCardBanner1 h2 .titleText, .giftCardBanner1 h2 .textBgColor, .reloadableCardBanner1 h2 .titleText, .reloadableCardBanner1 h2 .textBgColor { display:inline-block; background:none; padding:0; margin:0; } .carLoanBanner1 h2 .titleText, .giftCardBanner1 h2 .titleText, .reloadableCardBanner1 h2 .titleText { text-transform:lowercase; } .carLoanBanner1 h2 .titleText:first-child, .giftCardBanner1 h2 .titleText:first-child, .reloadableCardBanner1 h2 .titleText:first-child { text-transform:none; } .goAirBanner .homeBanner { position:static; } .goAirBanner .detailBlock { margin-left:10px; width:210px; } .goAirBanner .detailBlock img { display:none; } .goAirBanner h2 { line-height:1.3; } .goAirBanner h2, .goAirBanner h2 br { display:block; } .goAirBanner .homeBanner .detailBlock .btnWhite { position:static; margin:0; } .bobFixedDesBanner h3 { display:none; } .bobFixedDesBanner .loanTextBlock { width:260px; } .tradersLoanAplyWrap .orangeContentBox { width:auto; right:20px; } .mortgageLoanAplyWrap { padding-top:800px; } .chaturthiBanner .homeLoanBanner .loanTextBlock { width:340px; } .chaturthiBanner .homeLoanBanner .bnRightContent { margin-top:0; } .homeLoanAplyWrap { padding-top:600px; } .msmeBanner3 .large.capitalText, .msmeBanner3 p.tcText { display:none; } .msmeBanner3 .homeLoanBanner .bnRightContent { margin-top:0; } .snapdealBanner { background:url(../../images/snapdeal-banner-mob-home.jpg) no-repeat 0 0; background-size:100%; } .snapdealBanner h2, .snapdealBanner p { display:block; } .snapdealBanner p { color:#fff; } .snapdealBanner .homeBannerCreditCard { width:325px; margin-top:5%; } .snapdealBanner .button { position:static; } .breadcrumb { position:absolute; } .snapdealBanner .landingBanner .homeBannerCreditCard { width:auto; margin-top:0; float:none; margin-right:0; } .snapdealBanner .landingBanner h2 { color:#fff; font-size:21px; text-transform:none; line-height:23px; } .bobIPOBanner .bobIWhiteBox { display:none; } .bobIPOBanner .loanTextBlock .button { position:static; margin:10px 0 0 0; } .bobIPOBanner .loanTextBlock { padding:15px; width:270px; margin-top:0; } .kisanDivasBnr .loanTextBlock h3 { display:none; } .kisanDivasBnr .loanTextBlock h2 span { margin:0; padding:0; border:0; } .kisanDivasBnr .loanTextBlock h2 { border:0; margin:0; text-align:center; line-height:1.5; } .kisanDivasBnr .loanTextBlock, .goldBondInnerBnr .homeLoanBanner .loanTextBlock { float:none; margin:0; padding:0; text-align:center; width:auto; border-radius:0; background:none; } .kisanDivasBnr .loanTextBlock h3 { display:none; } .kisanDivasBnr .loanTextBlock h2 span { margin:0; padding:0; border:0; } .kisanDivasBnr .loanTextBlock h2 { border:0; margin:0; text-align:center; line-height:1.5; } .kisanDivasBnr .homeLoanBanner .loanTextBlock { float:none; margin:0; padding:0; text-align:center; width:auto; border-radius:0; background:none; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock { background:rgba(242, 103, 35, 0.9); float:right; padding:10px; margin-right:20px; text-align:left; border-radius:0 30px 0 0; width:300px; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock h2 { display:none; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock h3 { display:block; } .kisanDivasActivity h2 { font-size:19px; } .carLoanAplyWrap { padding-top:380px; } .pageTitleText { font-size:21px; } .kisanDivasBnr .middleTagLine { display:none; } .goldBondBanner .homeLoanBanner .loanTextBlock { margin-right:20px; width:310px; } .nriProductList { margin:0; } .nriProductList > li { padding:10px 0; float:none; width:auto; } .nriProductList h3 { font-size:19px; margin-bottom:15px; } .nriProductList .productBox { padding:15px; min-height:1px; } .nriProductList .bulletList li br { display:none; } .bobThankYouMsgWrap .bobThankYouMsg { padding:4% 0 0 28%; font-size:18px; } .bobThankYouMsgWrap { padding:20px 20px 0 20px; } .diwali2018Bnr .loanTextBlock { width:370px; } .diwali2018Bnr .loanTextBlock .button { line-height:27px; } .diwali2018Bnr .bannerLoanBlk .title { font-size:15px; } .diwali2018Bnr .loanTextBlock .tcApplyText { right:-10px; } .diwali2018Bnr.diwali2018BnrInr .loanTextBlock { float:none; width:auto; padding:0; margin:0; text-align:center; background:none; border-radius:0; } .diwali2018Bnr.diwali2018BnrInr .loanTextBlock h2 { text-align:center; margin:0; font-size:21px; line-height:23px; } .diwali2018Bnr.diwali2018BnrInr .loanTextBlock h3, .diwali2018Bnr.diwali2018BnrInr .loanTextBlock .tcApplyText, .diwali2018Bnr.diwali2018BnrInr .loanTextBlock .bannerLoanBlk { display:none; } .diwaliEtrade .homeLoanBanner { padding-bottom:30px; padding-right:0px; } .diwaliEtrade .homeLoanBanner .btnWrapBanner { position:absolute; right:15px; bottom:40%; max-width:170px; } .diwaliEtradeWrap > img { display:block; width:100%; position:absolute; height:100%; } .diwaliEtrade .homeBanner { width:100%; } .diwaliEtrade .homeLoanBanner > img { max-width:60%; } .diwaliEtrade .homeLoanBanner .btnWrapBanner a { width:auto; } .carLoanAplyWrapNew { padding-top:400px; } .homeProductBanner .bnrProList li { width:50%; padding:10px; } .homeProductBanner .bnrProList .proBox .titleText br { display:none; } .homeProductBanner .bnrProList .proBox .titleText { padding:15px 0 15px 68px; } .icon.utilityPayment { background-position:-374px -605px; } .homeLoanTakeOverBnr .homeLoanBanner .loanTextBlock { width:auto; margin:0; background:none; padding:0; float:none; } .homeLoanTakeOverBnr .homeLoanBanner .loanTextBlock h3, .homeLoanTakeOverBnr .homeLoanBanner .loanTextBlock p { display:none; } .homeLoanTakeOverBnr .homeLoanBanner .loanTextBlock h2, .homeLoanTakeOverBnr .homeLoanBanner .loanTextBlock h3 { text-align:center; } .homeLoanTakeOverBnr .homeLoanBanner .loanRateBlock { width:180px; left:auto; bottom:50px; right:-15px; } .barodaTankerzBanner p, .barodaTankerzBanner:before { display:none; } .barodaTankerzBannerWrap .vCenter { position:static; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); width:auto; } .barodaTankerzBanner { width:auto; float:none; text-align:center; } .barodaTankerzBanner h2 { color:#fff; margin-bottom:0; text-align:center; } .homeLoanAplyWrap.takeoverAplyWrap { padding-top:490px; } .seniorCitizenBanner .loanTextBlock { width:auto; background:none; float:none; padding:0; text-align:center; border-radius:0; } .seniorCitizenBanner .loanTextBlock h3, .seniorCitizenBanner .tcAplly { display:none; } .seniorCitizenBanner .loanTextBlock h2 { text-align:center; margin:0; text-transform:none; } .homeLoanAplyWrap.takeoverAplyWrap.lifeInsuranceCompanyCallBackWrap { padding-top:370px; } .loanAgainstSec .loanTextBlock { text-align:center; width:auto; position:static; background:no-repeat; border-radius:0; padding:0; float:none; margin:0; } .instantNriProduct .commonForm .fieldInput table tr { float:none; width:auto; font-size:16px; } .onLoadShowPopup .mfp-close { right:0; top:0; border-radius:0; box-shadow:0 0 0 #fff; background-color:#ff6633; } .onLoadShowPopup .roadBlkDesktopImg { display:none; } .onLoadShowPopup .roadBlkMobImg { display:block; } .onLoadShowPopup { position:absolute; left:25px; right:25px; top:50px; width:auto; max-width:none; margin-left:0; transform:translateY(0); -webkit-transform:translateY(0); } .onLoadShowPopup .roadBlkMobImg img { width:100%; } .twoFeildInlineForm .sunRunBtnGroup { position:static; } .twoFeildInlineForm .sunRunBtnGroup .button { margin-bottom:10px; } .twoFeildInlineForm { padding:10px; } .twoFeildInlineForm .row .col6 { width:100%; margin-bottom:20px; } .homeLinks .lockerAvailability { width:47px; background-position:-148px -820px; } .bnLeftContent.radianceTextBlock { width:auto; float:none; text-align:center; border-radius:0; background:none; padding:0; margin:0; } .homeLoanBanner .radianceTextBlock p { display:none; } .homeLoanBanner .radianceTextBlock h2 { text-align:center; margin-bottom:0; color:#fff; font-size:16px; } .comVehiFinance, .constructionAndMining, .loanForRestaurant, .valueChainFinance, .goActiveLoanDtl, .starHealthAllied { padding-top:330px; } .loanAppDtlPage { min-height:1px; } .loanAppDtlPage .formBlock .titleText { font-size:19px; } .personalAcc .titleBox .accMultiButton a, .accMultiButton a { font-size:13px; padding:0 7px; } .twoFeildInlineForm { padding:15px; } .twoFeildInlineForm .cols6 { float:none; width:auto; } .bankFounded .customTab.historyofBOB .customTabNav li { width:67px; } .mfp-gallery .mfp-arrow { height:40px; width:40px; } .resTab.col3Tab .r-tabs-accordion-title .r-tabs-anchor { padding:10px 45px 10px 15px; font-size:15px; } .threeItemGrid { margin:0; } .threeItemGrid li { float:none; width:auto; padding:0; margin-bottom:15px; } .threeItemGrid li .foundationDayVideo { height:250px; } .hlSingleVideo { float:none; width:auto; margin:0 0 15px 0; } .hlSingleVideo .foundationDayVideo { height:300px; } .popupBtnGrp .col .button { font-size:11px; padding:3px 10px 4px 10px; } .popupBtnGrp { bottom:20px; } .twoItemGrid, .contact .twoItemGrid { margin:0 -5px; } .twoItemGrid li, .contact .twoItemGrid li { padding:5px; } #wrapper { padding-top:193px; } #header { background-color:#f2f2f2; position:fixed; left:0; width:100%; top:47px; z-index:14; transition:all 0.3s ease 0ms; -webkit-transition:all 0.3s ease 0ms; } .noAppPopup .hdMobileAppDownld { display:none; } .noAppPopup #header { top:0; } .noAppPopup #wrapper { padding-top:146px; } .topStrip { height:40px; background-color:#ff6633; } .topStrip .topStLeftLinks { position:static; float:left; } .topStrip .topStLeftLinks li:first-child { padding-left:0; } .topStrip .topStLeftLinks li a { line-height:39px; } .topRightNav .hdAboutUsLink, .topRightNav .hdCareerLink { display:none; } .topStrip .topStLeftLinks li a { color:#fff; font-size:13px; } .headerRow .topRightNav { left:112px; top:-43px; right:auto; } .hindiDoc .headerRow .topRightNav { left:94px; } .topStrip .topStLeftLinks li:last-child:after { height:14px; width:1px; background:#c4c3c3; content:""; position:absolute; right:-6px; top:50%; margin-top:-5px; display:block; } .footerTopLinks li.hdAboutUsLink, .footerTopLinks li.hdCareerLink { display:inline-block; } .topStrip .topStLeftLinks li a, .topStrip .topStLeftLinks li a:hover, .headerRow .topRightNav li a, .headerRow .topRightNav li a:hover { color:#fff; text-decoration:none; } .overseasDropdownblock > a .icon { background-position:-541px -75px; } .topStrip ul li:first-child:after, .topStrip .topStLeftLinks li:last-child:after, .headerRow .topRightNav li:after { background:#ff9875; } .headerRow .botRightNav { position:absolute; right:-3px; top:-47px; padding:0; } .headerRow .botRightNav li { padding:0; } .headerRow .botRightNav li a { border:0; position:relative; padding:0 3px; } .headerRow .botRightNav li a:before { position:absolute; left:0; top:10px; bottom:9px; width:1px; content:""; background-color:#ff9875; } .headerRow .botRightNav li.jsLogin a:before { display:none; } .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; } #logo { width:150px; } #logo img { width:100%; } .headerRow .searchBox.active, .headerRow .searchBox { width:300px; right:23px; top:3px; } .headerRow .searchBox input { background-color:#fff; border:1px solid #ff6633; color:#333; height:34px; padding:5px 23px 5px 10px; } .headerRow .searchBox .submit { width:32px; height:32px; top:1px; right:1px; background-position:-528px -138px; } .headerRow { padding:10px 0; } .toggleMenu { background:none; padding:0 0 17px 0; text-align:center; width:35px; top:58px; border:0; } .toggleMenu .menuTitle { font-size:11px; color:#4b4b4b; display:block; position:absolute; left:0; bottom:0; width:100%; } .toggleMenu .iconBar { width:20px; height:17px; background-position:-1px -466px; float:none; margin:0 auto; display:block; } .topMainNav { border-bottom:1px solid #d9d9d9; padding:0 15px; display:block; background-color:#fff; } .topMainNav .topNav { margin:0; list-style:none; padding:5px 0 0 0; } .topMainNav .topNav li { padding:0 10px; display:inline-block; vertical-align:middle; } .topMainNav .topNav li:first-child { padding-left:0; } .topMainNav .topNav li:last-child { padding-right:0; } .topMainNav .topNav li a { font-size:12px; color:#535353; font-weight:600; display:block; padding:7px 0; text-decoration:none; position:relative; } .topMainNav .topNav li a:before { position:absolute; left:0; width:100%; bottom:-1px; height:3px; content:""; background-color:#ff6633; display:none; } .topMainNav .topNav li a.active:before { display:block; } .topMainNav .topNav li a.active { color:#ff6633; } .homePageSlider .bannerLeftCol { background-color:#fff; padding:5px 15px; } .homePageSlider .homeProductBanner h2 { display:none; } .homeProductBanner .bnrProList { margin:0 -8px; } .homeProductBanner .bnrProList li { width:33.333%; padding:8px; } .homeProductBanner .bnrProList .proBox { border:1px solid #d9d9d9; text-align:center; min-height:110px; position:relative; padding:0; box-shadow:0 0 0 #fff; } .homeProductBanner .bnrProList .proBox .titleText br { display:none; } .homeProductBanner .bnrProList .proBox a { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding:8px; } .homeProductBanner .bnrProList .proBox .icon { position:static; margin:0 auto; } .homeProductBanner .bnrProList .proBox .titleText, .homeProductBanner .bnrProList .accountHomeBox.proBox .titleText, .homeProductBanner .bnrProList .proBox .titleText.amalText { padding:5px 0 0 0; text-transform:none; font-weight:400; min-height:1px; font-size:14px; } .marqueeHomePage { height:35px; padding:7px 0 5px 0; background:#666; position:static; } .indexBanner { margin-bottom:0; } .marqueeScrolling li { font-size:13px; } .homeLinks .marqueeScrolling li a { padding:0; background:none; border:0; display:inline-block; } .homeLinks ul.homeLinksList, .homeProducts h2, .homeProducts:after { display:none !important; } .homeLinks#content { padding:0 !important; } .homeProducts { padding:0; } .homeProducts { padding:15px 0; } .exploreMoreSlider .icon1 { width:34px; height:33px; background-position:-135px -662px; } .exploreMoreSlider .icon2 { width:37px; height:29px; background-position:-488px -664px; } .exploreMoreSlider .icon3 { width:34px; height:35px; background-position:-325px -661px; } .exploreMoreSlider .icon4 { width:46px; height:35px; background-position:-172px -662px; } .exploreMoreSlider .icon5 { width:36px; height:35px; background-position:-365px -661px; } .exploreMoreSlider .icon6 { width:29px; height:35px; background-position:-292px -661px; } .exploreMoreSlider .icon7 { width:30px; height:34px; background-position:-259px -661px; } .exploreMoreSlider .icon8 { width:33px; height:36px; background-position:-448px -660px; } .exploreMoreSlider .icon9 { width:32px; height:35px; background-position:-407px -661px; } .exploreMoreSlider .icon10 { width:94px; height:25px; background-position:-136px -711px; } .exploreMoreSlider .icon11 { width:27px; height:30px; background-position:-244px -709px; } .exploreMoreSlider .icon12 { width:34px; height:35px; background-position:-222px -662px; } .exploreMoreSlider { background:#fff; } .exploreMoreSlider .swiper-slide, .exploreMoreSlider .swiper-slide:nth-child(2n) { border:0; text-align:center; background:none; } .exploreMoreSlider .homeSprite { margin:0; display:inline-block; } .exploreMoreSlider a { display:block; text-decoration:none; } .exploreMoreSlider .productTitle { font-size:14px; font-weight:400; text-align:center; display:block; line-height:1.3; padding-top:10px; } .exploreMoreSlider a:hover .productTitle:after, .exploreMoreSlider .productTitle:after, .exploreMoreSlider .exploreBtn { display:none; } .exploreMoreSlider .swiper-pagination { bottom:7px; } .exploreMoreSlider { padding-bottom:20px; padding-top:10px; } .exploreMoreSlider .swiper-pagination-bullet { background-color:#9f9f9f; border:0; width:8px; height:8px; } .exploreMoreSlider .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#ff6633; } .exclusiveOffers { background-color:#f2f2f2; padding:15px 0; } .exclusiveOffers h2 { color:#444; font-size:18px; font-weight:600; } .exclusiveOffers h2:after, .exclusiveOffers:after, .socialFeeds h2, .socialFeedsList li .socialBlgLnkIcon img { display:none; } .exclusiveOffers .shareNknowBtns { display:none; } .exclusiveOffers h2 span { background:none; padding:0 0 0 15px; } .exclusiveOffers .container { padding-right:0; } .exclusiveOffersList { margin-right:-130px; } .onlyMobTitle, .exclusiveOffers h2, .bobArticleCenter h2 { display:block; text-align:center; color:#ff6633; font-size:18px; font-weight:600; position:relative; } .homeLinks .onlyMobTitle { margin-top:15px; } .onlyMobTitle:before, .exclusiveOffers h2:before, .bobArticleCenter h2:before { position:absolute; left:50%; bottom:-6px; height:2px; width:60px; margin-left:-30px; background-color:#ff6633; content:""; } .socialFeedsInner { background:none; border:0; } .socialFeedsList li { width:auto; float:none; display:inline-block; vertical-align:middle; border:0; padding:0 15px; } .socialFeedsList li a { font-size:0; color:#f3f3f3; padding:0; } .socialFeedsList li a .icon, .socialFeedsList li .socialBlgLnkIcon { margin:0 auto; } .socialFeeds h2 { font-size:22px; } .socialFeedsList li a .icon, .socialFeedsList li .socialBlgLnkIcon .icon { width:20px; height:21px; } .socialFeedsList li .socialBlgLnkIcon .blgIcon { background-position:-283px -716px; display:block; } .socialFeedsList li a .fbIcon { background-position:-304px -716px; } .socialFeedsList li a .twIcon { background-position:-326px -716px; } .socialFeedsList li a .inIcon { background-position:-346px -716px; } .socialFeedsList li a .ytIcon { background-position:-367px -716px; } .socialFeedsList li a .linkedinIcon { background-position:-388px -716px; } #footer { border-top:1px solid #f2f2f2; } #footer .topRow .box { margin:0 -15px 15px -15px; width:auto; } #footer .networkLink .icon, #footer .networkLink .arrowIcon { position:static; display:inline-block; vertical-align:middle; } #footer .footerSocialFeed { display:block; } .socialFeeds, #footer .mobConWithUs { display:none; } .footerSlideup { width:41px; height:22px; background-position:-309px 8px; top:-26px; margin-left:-20px; } .footerSlideup.active { background-position:-348px 8px; } .footerHide { margin:40px 0 15px 0; } #footer .row .col4 .buttons { float:none; text-align:center; } #footer .siteUpdate strong, #footer .siteUpdate span.counter, #footer .siteUpdate span.hitCounter { color:#424242; } .footerTopLinks li { padding:0 7px; } .footerTopLinks li a { font-size:13px; text-decoration:none; } .footerTopLinks li:after { height:10px; margin-top:-4px; } .footerTopLinks { margin:0 0 15px 0; } .exclusiveOffers .btnRow { margin-top:5px; } .exclusiveOffers .btnRow .button { padding:4px 15px; font-size:13px; font-weight:600; } .hdMobileAppDownld { display:block; } .headerRow .topRightNav li:last-child { padding-top:1px; } .hindiDoc .headerRow .topRightNav li:last-child { padding-top:0; } .homeProductsInner { background:#fff; } .homeLinksListSlider, .homeProducts { padding:15px; } .homeLinksListSlider { display:block; } .topStrip .topStLeftLinks li:last-child { padding-left:7px; } .bobViewedPagesWrap, .bobArticleCenter { display:block; } .rightFixedBox { display:block; width:40px; } .homeRightNav .homeRightNavSlide > a { height:40px; } .homeRightNav .homeRightNavSlide .icon { width:40px; height:40px; } .homeRightNav .homeRightNavSlide .icon2 { background-position:-365px -47px; } .adiFrameOpen { bottom:115px !important; } .homeRightNav { margin:0; display:block; } .rightFixedBox { bottom:115px; z-index:13; } .rightFixedBox .box { left:-110%; width:100%; top:0; bottom:0; position:fixed; padding:15px; z-index:15; } .ratesStrip h2 { margin:0; font-size:16px; } .ratesStrip h2 br { display:none; } .ratesStrip { width:100%; } .ratesStrip ul li { float:left; width:50%; min-height:1px; margin-bottom:15px; border:0; } .ratesStrip ul li:last-child { float:left; width:100%; position:static; padding:0 12px; } .ratesStrip .buttonGroup .button { width:48%; display:inline-block; vertical-align:middle; } .ratesStrip .break { display:inline-block; } .ratesStrip ul li:first-child { padding-left:12px; } .ratesStrip ul li:nth-child(3), .ratesStrip ul li:nth-child(5) { border:0; } .adiBobChatbot.active { display:none; } .rightFixedBox .box .networkCloseBtn { display:block; } #footer .siteUpdate > span:first-child, #footer .siteUpdate { display:none; } .homeProducts { display:none; } .exploreMoreSliderWrap { padding:20px 0; position:relative; border-bottom:1px solid #ccc; } .allCalculator .grid a { min-height:176px; } .allCalculator .grid:last-child { margin-bottom:0; } .headerRow .botRightNav .icon { display:none; } .headerRow .botRightNav li a .text { display:block; } .headerRow .botRightNav li a { font-size:13px; color:#fff; font-weight:400; padding:0 6px; } .socialFeedsList li .socialBlgLnkIcon { width:20px; height:20px; background-position:-283px -715px; } .noHeader #wrapper, .bobRadiancePage #wrapper { padding-top:0 !important; } /***BOB radiance***/ .radiance #header { position: relative; top:auto; } .radiance #header { background: #081f41; } .radiance .toggleMenu .menuTitle { color:#fff; } .radiance .toggleMenu { padding-top:5px; top:10px; } .radiance .headerRow .searchBox { top: 1px; } .radiance .headerRow .searchBox input { border: 0; color:#fff; } .radiance .headerRow .searchBox .submit { background-position: -526px -139px; } .radiance #logo a { background-size: 100%; width:150px; height:auto; } .radiance .headerRow .topRightNav { right: 0; top: 43px; left: auto; } .radiance .topStrip { display: none; } .radiance .headerRow { padding: 20px 0; } .radiance .exclusiveOffers { background: none; } /********HR corner in Footer********/ .footerLinks .col3 { margin-bottom: 0; } .footerLinks ul li { display: block; margin-right: 0; } .footerHide.footerSlideUp .footerHideRow, #footer .row { height: auto; } .footerHide.footerSlideUp .footerHideRow { overflow: inherit; } /***H1 mainTitle***/ .mainTitle { font-size: 19px; color: #ff6633; } /****The Fintech Alliance****/ .fintechAlliTabPanel .r-tabs-state-default .icon1, .fintechAlliTabPanel .r-tabs-accordion-title .icon9 { background-position:0 -174px; } .fintechAlliTabPanel .r-tabs-state-active .icon9 { background-position:0 -124px; } .fintechAlliTabPanel .r-tabs-state-default .icon1, .fintechAlliTabPanel .r-tabs-accordion-title .icon9 { position:relative; top:0px; } .fintechAlliTabPanel .r-tabs-state-active .icon9 { position:relative; top:0px; } /**********Amalgamation Module**********/ .amalgamationSearch { padding-right:15px; } .amalgamationSearch li { width:auto; float:none; } .contact .amalgamationSearch li { margin: 0 0 10px 0; } .contact .amalgamationSearch li { padding-right: 0; } .amalgamationSearch li .btnSearchReset { margin-top: 15px; } /*****Press Release Social*****/ .pressReleaseSocialBox { position:static; margin-bottom: 10px; } .pressReleaseSocialBox .shareList { float:left; } .pressReleaseSocialBox .back { margin-top: 3px; float: right; } .pressRlsDetailWrap h2 { padding-right:0; } /*********Amalgamation multi control*********/ .tabBrd.mobFirst, .tabBrd.mobSecond, .tabBrd.mobThird { padding: 0; border: 0; } .mobFirst .resTab { margin: 0; } .mobFirst .tabContent { border: 1px solid #f3f3f3; padding: 10px; } .contact .largeFilter li, .largeFilter li { width:50%; } .loanTopNav .icon, .loanTopNav .title { display:inline-block; } .loanTopNav .icon { margin:0; } .loanTopNav .title { padding-left:10px; } .loanTopNav ul { padding: 0; } .loanTopNav ul li a { padding: 7px 15px; } /*******Home banner new icons*******/ .homeProductBanner .bnrProList .proBox .newIcon { position: static; margin: 0 auto; display:block; } /************Account Yes/No Popup************/ .shadowBoxList .shadowWhiteBox p { font-size: 16px; line-height:1.3; } .shadowBoxList .shadowWhiteBox { padding: 15px; } .homeProductBanner .bnrProList .proBox.largeTitle .titleText { padding-left: 0; } .viewCriteriaTblWrap table tr td { display: block; font-size:14px;width: auto; } .viewCriteriaTblWrap table tr td:first-child, .viewCriteriaTblWrap table tr td:nth-child(3) { width:auto; } .viewCriteriaTblWrap table tr td { padding-top:5px; padding-bottom:5px; } .viewCriteriaTblWrap table tr td:nth-child(odd) { border-bottom-width:0; padding-bottom:0; } .homeLinks .icon100 { background-position: 0px -51px; } .homeLinks .icon101 { background-position: -47px -50px; } .homeLinks ul li .title.withPad { margin-top:0; } .homeLinks.nriHomelinks { padding-top:0; } /*****Property Photos*****/ .propertyPhotosList li { width:50%; } .propertyVideoList li { width:100%; } .propertyPerForm .commonForm { padding: 15px; } .propertyPerForm .commonForm .formMandetoryText { position: static; text-align:right; margin-bottom:10px; } .propertyPerForm .loanDetailFrom.commonForm.twoColoumn .fieldCol.captcha { width:100%; } /**********Category Video**********/ .videoCatTab { box-shadow: 0 0 0 #fff; } .videoCatTab:before { display: none; } .videoCatTab .tabContainer { padding: 0; float:none; width:auto; } .videoCatTab .r-tabs-accordion-title .r-tabs-anchor { padding-bottom:10px; padding-top:10px; } .catVideoHeader h2 { font-size: 16px; } .searchCriteriaLTableSize td, .searchCriteriaLTableSize th {font-size: 13px;padding: 5px;vertical-align: top;} /*******Home Loan Takeover Calculator*******/ .hltCalculator { padding-bottom:20px;} .hltCalculator:before { display: none; } .hltCalculator .leftCol, .hltCalculator .rightCol { width: auto; float:none; padding: 15px; } .hltCalculator .leftCol { background-color: #f3f3f3; } .hltCalculator .rightCol { padding: 25px 15px; } } @media screen and (max-width:667px) { .bankFounded .customTab.historyofBOB .customTabNav li { width:15%; padding:15px 0 0; margin:25px 0 0; } .bankFounded .customTab.historyofBOB .customTabNav { text-align:center; white-space:nowrap; overflow-x:auto; padding:0 0 0; margin:0 0 0; max-width:767px; } .bankFounded .customTabNav li a { font-size:13px; } .bankFounded .customTab.historyofBOB .customTabNav li.active .sonaAni { display:none; } .container.bobHistory .bankFounded { padding:15px; } } @media screen and (max-width:600px) { .goAirBanner h2 { font-size:15px; } .goAirBanner .detailBlock { width:160px; } .bobFixedDesBanner .loanTextBlock { width:186px; } .tradersLoanAplyWrap { margin:-20px 0; } .tradersLoanAplyWrap .orangeContentBox { top:55px; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew .orangeContentBox { top:20px; } .tradersLoanAplyWrap .orangeContentBox h2 { font-size:19px; } .mortgageLoanAplyWrap { padding-top:700px; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew .orangeContentBox .bannerTextList { float:none; padding-right:0; width:auto; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew { padding-top:440px; } .tradersLoanAplyWrap .orangeContentBox h3 br { display:none; } .tradersLoanAplyWrap .tradersLoanAplyTitle { font-size:22px; } .chaturthiBanner .homeLoanBanner .bnRightContent { margin-top:0; } .chaturthiBanner .bannerLoanBlk .title { display:block; font-size:13px; } .chaturthiBanner .bannerLoanBlk { margin:0 -5px; } .chaturthiBanner .bannerLoanBlk li { padding:0 5px; } .chaturthiBanner .homeLoanBanner .loanTextBlock { width:275px; } .homeLoanAplyWrap { padding-top:420px; } .tradersLoanAplyWrap .orangeContentBox p { margin-bottom:6px; } .msmeBanner3 .homeLoanBanner .bnRightContent { width:250px; } .snapdealBanner .homeBannerCreditCard { width:265px; margin-top:4%; } .snapdealBanner h2 { font-size:16px; line-height:18px; } .snapdealBanner p { font-size:14px; } .bobIPOBanner .loanTextBlock { padding:8px; width:200px; margin-left:10px; } .kisanZoneListWrap .swiper-button-prev, .kisanZoneListWrap .swiper-button-next { display:none; } .kisanZoneListWrap { padding:0; } .kisanZoneList { padding:0 50px; } .kisanDivasActivity { padding:30px 0; margin:20px 0; } .kisanDivasProduct { margin:0 -8px; } .kisanDivasProduct li { padding:8px; } .kisanDivasProduct li .titleText { font-size:14px; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock { width:250px; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock h3 { font-size:14px; } .kisanDivasBnr.kisanDivasBnrHome .leftLargeImg { display:none; } .carLoanAplyWrap { padding-top:350px; } .carLoanAplyWrap .orangeContentBox h2 { line-height:1.3; } .agriculturePra li { width:50%; } .homeCarLoanBanner p { display:none; } .goldBondBanner .homeLoanBanner .loanTextBlock { width:250px; } .goldBondBanner p.largeText { display:none; } .nriProduct { margin-bottom:-20px; } .bobThankYouMsgWrap .bobThankYouMsg { padding:20px; font-size:18px; text-align:center; } .bobThankYouMsgWrap { padding:20px 0 0 0; } .bobThankYouMsgWrap .imgHolder { float:none; width:auto; text-align:center; border-bottom:1px solid #ccc; } .bobThankYouMsgWrap .imgHolder img { max-width:200px; } .diwali2018Bnr .loanTextBlock { width:275px; } .diwali2018Bnr .homeLoanBanner .loanTextBlock h3 { display:none; } .diwali2018Bnr .bannerLoanBlk li.homeLoanBlk, .diwali2018Bnr .bannerLoanBlk li.carLoanBlk { background-size:30px; } .diwali2018Bnr .bannerLoanBlk .title { display:block; } .diwali2018Bnr .bannerLoanBlk li { padding:0 8px 0 35px; margin-right:8px; } .diwali2018Bnr .loanTextBlock .tcApplyText { font-size:8px; } .diwali2018Bnr .bannerLoanBlk .title { font-size:13px; } .diwali2018Bnr .loanTextBlock .button { line-height:23px; padding:0 5px; margin-top:2px; font-size:13px; margin-left:-23px; } .diwali2018Bnr .loanTextBlock .tcApplyText { bottom:18px; } .carLoanAplyWrapNew { padding-top:300px; } .homePageSlider .homeProductBanner h2 { font-size:17px; } .homeProductBanner .bnrProList .proBox .linkText, .homeProductBanner .bnrProList .proBox:hover .linkText { font-size:14px; } .homeLoanAplyWrap.takeoverAplyWrap { padding-top:360px; } .homeLoanAplyWrap.takeoverAplyWrap.lifeInsuranceCompanyCallBackWrap { padding-top:220px; } .homeProductBanner .bnrProList .proBox .titleText.amalText { font-size:15px; } .loanAppDtlPage { margin:-20px 0; } .socialFeedsList li a { font-size:0; color:#f3f3f3; } .socialFeedsList li a .icon, .socialFeedsList li .socialBlgLnkIcon { margin:0 auto; } .socialFeeds h2 { font-size:22px; } .topRightNav .hdAboutUsLink, .topRightNav .hdCareerLink { display:none; } .topStrip .topStLeftLinks li a { color:#fff; font-size:13px; } .topStrip .topStLeftLinks li:last-child:after { height:14px; width:1px; background:#c4c3c3; content:""; position:absolute; right:-6px; top:50%; margin-top:-5px; display:block; } .footerTopLinks li.hdAboutUsLink, .footerTopLinks li.hdCareerLink { display:inline-block; } .hindiDoc .headerRow .topRightNav li:last-child { padding-top:0; } .rupayCardInnerBnr .homeLoanBanner .loanTextBlock.bnRightContent { width:100%; } .threeGridlayout.smallHeight .grid { height:auto; } .twoItemGrid, .contact .twoItemGrid { margin:0; } .twoItemGrid li, .contact .twoItemGrid li { padding:5px; float:none; width:100%; } .headerRow .searchBox.active, .headerRow .searchBox { width:225px; } .exclusiveOffersList { margin-right:-90px; } .allCalculator { margin:0; } .allCalculator .grid { float:none; padding:0 0 15px 0; width:auto; } .allCalculator .grid a { min-height:1px; } .allCalculator .grid:last-child { margin-bottom:0; } .allCalculator .grid span { font-size:1em; } .loanBackbtnWrap .backBtn { margin-top: 15px; } .loanDetailFrom .buttons-row.loanBackbtnWrap .backBtn, loanBackbtnWrap .backBtn { width:100%; float:none; margin-right:0; margin-left:0; text-align:center; } .loanDetailFrom .buttons-row .button { padding-left: 7px; padding-right:7px; } .threeGridlayout .grid.fullWidthBtn { height:auto; } /*********Amalgamation multi control*********/ .contact .largeFilter li, .largeFilter li { width:100%; } .largeFilter li .btnSearchReset { margin-top: 10px; } /*********Baroda Insta Click Savings Account*********/ .imgSmallWidth .etradeImg, .imgSmallWidth .etradeContent { float:none; width:auto; padding:0; } .imgSmallWidth .etradeImg { margin-bottom:15px; } .imgSmallWidth .etradeContainer:nth-child(2n) .etradeContent { padding-left:0; } .boxesView.centerAlign li { width:auto; display:block; } .boxesView li { width: 100%; } /**********Category Video**********/ .catVideoGrid li { width: 100%; } .catVideoGrid li .playVideoTitle { min-height: 1px; } /**********Gold Loan EMI Calculator**********/ .goldLoanEmiCal .fieldRow .labelText, .goldLoanEmiCal .fieldRow .inputField { width:auto; float:none; } .goldLoanEmiCal .fieldRow .inputField { width: 100%; } .goldLoanEmiCal .fieldRow .radioInputField label { margin-right: 15px; } .reductionRate ul li { font-size: 14px; } .reductionRate ul li span { width: 240px; } .goldLoanEmiCal .inputPanel, .goldLoanEmiCal .outputPanel { padding: 10px; } .reductionRate ul li span.reductionRateVal { font-size: 12px;} .reductionRate ul li { font-size: 13px; } .reductionRate h2 { font-size: 15px; line-height:1; } .goldLoanEmiCal .fieldRow .labelText{ padding-top:0;} .goldLoanEmiCal .outputPanel h3 { font-size: 17px; } .goldLoanEmiCal #spnTotalLone { display: block; margin-top:5px;} .c3-tooltip-container td br { display: block; } .c3-tooltip-container td b { width:auto; display: block;} .c3-tooltip-container td b:before { display: none; } .c3-tooltip-container td { padding: 3px 5px; } .c3-tooltip-container { width: 110px; } .tblGoldLoan th, .tblGoldLoan td, .tblGoldLoan th, .tblGoldLoan select, .tblGoldLoan .textBox, .tblGoldLoan td:last-child { font-size: 13px; } .tblGoldLoan th, .tblGoldLoan td { padding: 3px; } .moduleSearch.paplFilter .btnSearchReset { margin-top: 10px; } } @media screen and (max-width:480px) { .goAirBanner h2 { font-size:12px; margin-bottom:8px; } .goAirBanner .detailBlock { width:120px; } .bobFixedDesBanner .loanTextBlock { width:160px; } .tradersLoanAplyWrap .orangeContentBox h2 { font-size:19px; line-height:24px; } .tradersLoanAplyWrap .orangeContentBox h3 { font-size:17px; line-height:22px; } .tradersLoanAplyWrap .orangeContentBox h4 { font-size:14px; line-height:20px; } .tradersLoanAplyWrap .orangeContentBox { padding:10px; } .tradersLoanAplyWrap .orangeContentBox p { font-size:14px; } .mortgageLoanAplyWrap { background:#e3dfde url(../../images/mortgage-loan--banner-bg-mob-small.jpg) no-repeat 0 0; background-size:100% auto; padding-top:600px; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew { padding-top:340px; } .chaturthiBanner .bannerLoanBlk { display:none; } .chaturthiBanner .homeLoanBanner .loanTextBlock { width:175px; } .chaturthiBanner .textCenter { display:none; } .msmeBanner3 .homeLoanBanner .bnRightContent { width:200px; } .homeLoanAplyWrap { background:#f5ddb9 url(../../images/apply-for-home-loan-bg-mob-1.jpg) no-repeat 0 0; background-size:100% auto; padding-top:280px; } .tradersLoanAplyWrap .errorDesignForm .captchaBox { padding-right:0; } .tradersLoanAplyWrap .captchaBox .captchaImgBox { position:static; width:auto; margin-top:10px; } .snapdealBanner .homeBannerCreditCard { width:205px; margin-top:5px; } .snapdealBanner h2 { font-size:14px; line-height:16px; } .snapdealBanner p { font-size:13px; } .snapdealBanner .button { position:absolute; bottom:4px; } .snapdealBanner .landingBanner h2 { font-size:16px; line-height:20px; } .snapdealBanner .landingBanner .button { position:static; } .sliderCaption.snapdealBanner { padding:0; } .bobIPOBanner .loanTextBlock { width:160px; } .bobIPOBanner .loanTextBlock .button { margin:3px 0 0 0; } .kisanDivasBnr .leftLargeImg img { width:100%; } .innerBannerSlider .landingBanner.kisanDivasBnr { padding-right:0; } .kisanDivasProduct { margin:0; } .kisanDivasProduct li { float:none; width:auto; padding:8px 0; } .kisanDivasProduct li .titleText { font-size:18px; } .kisanDivasBtnRow .button { width:100%; } .kisanDivasActivity h2 { font-size:24px; margin-bottom:5px; } .kisanDivasActivity h3 { margin-bottom:15px; } .kisanZoneList { padding:0 30px; } .kisanDivasBnr .leftLargeImg img { width:100%; } .innerBannerSlider .landingBanner.kisanDivasBnr { padding-right:0; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock { width:190px; margin-right:5px; padding:6px; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock h3 { font-size:14px; line-height:16px; padding:0; } .kisanDivasBnr.kisanDivasBnrHome .loanTextBlock h3 br { display:none; } .carLoanAplyWrap { background:#391814 url(../../images/car-loan-navratri-img-mob.jpg) no-repeat 0 0; background-size:100% auto; padding-top:290px; } .carLoanAplyWrap .applyLoanTitle { font-size:22px; } .carLoanAplyWrap .orangeContentBox h2 br { display:none; } .innerBanner .careerDetailBanner .vCenter h2 { font-size:10px; } .innerBanner .careerDetailBanner .vCenter .button { line-height:15px; font-size:11px; } .agriculturePra { margin:0; } .agriculturePra li { width:auto; float:none; padding:0; margin-bottom:25px; } .goldBondBanner .homeLoanBanner .loanTextBlock { width:170px; margin-right:10px; } .goldBondBanner .homeLoanBanner .button.btnWhite { margin-top:0; } .instantNriProduct h2, .nriProduct h2 { font-size:22px; margin-bottom:8px; } .instantNriProduct h3 { font-size:19px; line-height:1.3; } .nriProduct h2 span { font-size:19px; } .nriProduct h2 span:before { width:82px; margin-left:-41px; } .nriProductList { margin:20px 0 0 0; } .nriProductList .productBox .imgHolder { margin:0; float:none; text-align:center; width:auto; border:1px solid #e4e4e4; padding:20px 10px; border-radius:12px; } .nriProductList .productBox .productRightDtl { padding-left:0; padding-top:15px; } .instantNriProduct .commonForm .fieldInput table tr { float:none; width:auto; } .instantNriProduct .errorDesignForm .captchaBox { padding-right:0; } .instantNriProduct .captchaBox .captchaImgBox { margin-top:10px; position:static; } .loanTypeList .multiButton .botBtnGroup, .loanTypeList li:hover .multiButton .botBtnGroup { opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); position:absolute; display:inline-block; bottom:25px; } .loanTypeList .multiButton .botBtnGroup, .loanTypeList li:hover .multiButton .botBtnGroup { position:static; display:inline-block; margin:16px 0 0 0; } .diwali2018Bnr .bannerLoanBlk .title { font-size:11px; line-height:14px; } .diwali2018Bnr.diwali2018BnrInr .loanTextBlock h2 { font-size:16px; line-height:20px; } .goldBondBanner .homeLoanBanner .loanTextBlock p { font-size:11px; display:none; } .carLoanAplyWrapNew { background:#fdd4b8 url(../../images/apply-for-car-loan-mob-new-bg.jpg) no-repeat right 0; background-size:100%; padding-top:235px; } .homePageSlider .bannerLeftCol { padding:25px 15px; } .homeProductBanner .bnrProList { margin:0 -5px; } .homeProductBanner .bnrProList li { padding:5px; } .homePageSlider .homeProductBanner h2 { text-align:center; } .homePageSlider .homeProductBanner h2 span { display:block; padding-top:10px; } .homePageSlider .homeProductBanner h2:before { left:50%; margin-left:-60px; } .homeProductBanner .bnrProList .proBox .icon { left:4px; } .homeLoanTakeOverBnr .homeLoanBanner .loanTextBlock h2 { font-size:17px; margin:0; line-height:20px; } .homeLoanAplyWrap.takeoverAplyWrap { background:#fcc8a1 url(../../images/apply-for-takeover-mob-bg.jpg) no-repeat 0 0; background-size:100% auto; padding-top:290px; } .tradersLoanAplyWrap .orangeContentBox h4 br { display:none; } .seniorCitizenBanner .loanTextBlock h2 { font-size:17px; line-height:1.3; } .homeLoanAplyWrap.lifeInsuranceCompanyCallBackWrap { background:#f3ebde url(../../images/india-first-life-insurance-company-480-337.jpg) no-repeat 0 0; background-size:100%; padding-top:290px; } .homeProductBanner .bnrProList .proBox .titleText.amalText { font-size:13px; word-wrap:break-word; } .homeProductBanner .bnrProList .accountHomeBox.proBox .titleText { padding-top:17px; padding-bottom:17px; } .comVehiFinance { background:#e3deda url(../../images/commercial-vehical-mobile.jpg) no-repeat right 0; background-size:100% auto; padding-top:270px; } .loanAppDtlPage .formBlock .titleText { font-size:19px; } .loanAppDtlPage .orangeContentBox { border-radius:0 32px 0 0; padding:15px; } .loanAppDtlPage .loanApplyFormBlk .errorDesignForm { padding:15px; } .constructionAndMining { background:#cfedf8 url(../../images/construction-and-mining-mobile.jpg) no-repeat 0 0; background-size:100% auto; padding-top:270px; } .loanForRestaurant { background:#f8f6e1 url(../../images/loan-for-restaurant-mobile.jpg) no-repeat 0 0; background-size:100% auto; padding-top:270px; } .valueChainFinance { background:#e0e1dc url(../../images/value-chain-finance-mobile.jpg) no-repeat 0 0; background-size:100% auto; padding-top:290px; } .goActiveLoanDtl { background:#f7fbfe url(../../images/apply-for-goactive-mobile.jpg) no-repeat 0 0; background-size:100% auto; padding-top:290px; } .starHealthAllied { background:#d3dbde url(../../images/star-health-allied-mobile.jpg) no-repeat 0 0; background-size:100%; padding-top:290px; } .cholamsHealthInsurance { background:#eaeceb url(../../images/health-insurance-mobile.jpg) no-repeat 0 0; background-size:100%; padding-top:230px; } .appForHomeLoan { background:#fdd4b8 url(../../images/apply-for-home-loan-mobile.jpg) no-repeat 0 0; background-size:100%; padding-top:245px; } .barodaLoanAgainstGold { background:#fffcda url(../../images/gold-loan-ornament-mobile.jpg) no-repeat 0 0; background-size:100%; padding-top:235px; } .barodaAdvagainstSecurities { background: #d2bf9e url(../../images/baroda-adv-against-securities-mobile.jpg) no-repeat 0 0; background-size: 100%; padding-top: 260px; } .loanTypeList .title { display:block; } .loanTypeList .title:after { display:none; } .hindiDoc .loanTypeList .explore { margin:16px 0 0 0; } .didyouknowSlider .foundationDaySlider .swiper-slide img { width:100%; } .didyouknowSlider .foundationDaySlider .swiper-slide .box:hover img { transform:scale(1); -webkit-transform:scale(1); } .threeGridlayout .bottomBtn .button.btnWhite { margin-top:5px; } .rupayCardInnerBnr .homeLoanBanner .loanTextBlock.bnRightContent { width:100%; } .nriProAccord .contentAcc { padding:0 15px; border-radius:6px; margin:12px 0 0 0; } .nriProAccord .contentAcc .accTrigger { font-size:1.063em; } .homeProductBanner .bnrProList .proBox .titleText, .homeProductBanner .bnrProList .accountHomeBox.proBox .titleText, .homeProductBanner .bnrProList .proBox .titleText.amalText { font-size:14px; } .hdMobileAppDownld p br { display:block; } .homeLinksListSlider .title, .exploreMoreSlider .productTitle { font-size:13px; } .homeProductBanner .bnrProList .proBox a { word-wrap:break-word; } #wrapper { padding-top:210px; } #header { top:64px; } .indexBanner img { height:230px; } .indexBanner .marqueeScrolling li img { height:auto; } /***H1 mainTitle***/ .mainTitle { font-size: 19px; color: #ff6633; } /****The Fintech Alliance****/ .fintechAlliTabPanel .r-tabs-state-default .icon1, .fintechAlliTabPanel .r-tabs-accordion-title .icon9 { background-position:0 -174px; } .fintechAlliTabPanel .r-tabs-state-active .icon9 { background-position:0 -124px; } .fintechAlliTabPanel .r-tabs-state-default .icon1, .fintechAlliTabPanel .r-tabs-accordion-title .icon9 { position:relative; top:0px; } .fintechAlliTabPanel .r-tabs-state-active .icon9 { position:relative; top:0px; } } @media screen and (max-width:479px) { .diwali2018Bnr .loanTextBlock .tcApplyText { display:none; } .diwali2018Bnr .bannerLoanBlk li.homeLoanBlk, .diwali2018Bnr .bannerLoanBlk li.carLoanBlk { background-size:20px; } .diwali2018Bnr .bannerLoanBlk li { padding:0 4px 0 25px; margin-right:1px; } .diwali2018Bnr .loanTextBlock { width:215px; margin-left:5px; } .diwali2018Bnr .bannerLoanBlk { padding:4px 0 0 0; } .diwali2018Bnr .loanTextBlock .button { font-size:12px; } .diwaliEtrade .homeLoanBanner .btnWrapBanner { right:-20px; bottom:30%; max-width:170px; } .diwaliEtrade .homeLoanBanner { padding-bottom:13px; padding-right:0px; } .diwaliEtrade .homeLoanBanner > img { max-width:53%; } .barodaTankerzBanner h2 { font-size:18px; } .homeLoanBanner .radianceTextBlock h2 { font-size:14px; } .noJS .headerRow .botRightNav .nojsLogin { display:block; } .barodaLoanAgainstGold { padding-top:185px; } .nriProForm .loanDetailFrom .buttons-row .button, .nriProForm .commonForm .buttons-row input.cancelButton { width:100%; margin:0 0 10px 0; float:none; display:block; padding:8px 10px; } #logo { width:115px; } .headerRow .searchBox.active, .headerRow .searchBox { width:169px; } .topMainNav .topNav li a { font-size:11px; } .topMainNav .topNav li { padding:0 1px; } .hdMobileAppDownld p { font-size:11px; } .homeProductBanner .bnrProList { margin:0 -5px; } .homeProductBanner .bnrProList li { padding:5px; } .homeProductBanner .bnrProList .proBox .titleText, .homeProductBanner .bnrProList .accountHomeBox.proBox .titleText, .homeProductBanner .bnrProList .proBox .titleText.amalText { font-size:12px; } .homeProductBanner .bnrProList .proBox .titleText, .homeProductBanner .bnrProList .accountHomeBox.proBox .titleText, .homeProductBanner .bnrProList .proBox .titleText.amalText { padding:5px 0 0 0; } .homeProductBanner .bnrProList .proBox { min-height:117px; } .homeProductBanner .bnrProList .proBox .titleText, .homeProductBanner .bnrProList .accountHomeBox.proBox .titleText, .homeProductBanner .bnrProList .proBox .titleText.amalText { padding-top:2px; } .homeLinksListSlider, .homeProducts { padding:15px 5px; } .homeLinksListSlider .title, .exploreMoreSlider .productTitle { font-size:12px; font-weight:600; } .homeLinksListSlider .swiper-slide { padding:0; } .exclusiveOffersList { margin-right:-100px; } .socialFeedsList li { padding:0 8px; } #footer .siteUpdate { margin:0; } #footer .siteUpdate, .copyright p { font-size:12px; } .copyright p { margin-bottom:15px; } .topStrip .topStLeftLinks li a, .headerRow .topRightNav li a { font-size:11px; } .topStrip .topStLeftLinks li, .headerRow .topRightNav li { padding:0 5px; } .headerRow .topRightNav li.overseasDropdownblock { padding-right:5px; } .topStrip ul li:first-child:after { right:-3px; } .headerRow .topRightNav { left:95px; } .hindiDoc .headerRow .topRightNav { left:78px; } .headerRow .searchBox.active, .headerRow .searchBox { top:1px; right:20px; } .toggleMenu { top:55px; } #footer .networkLink { padding:0; } .hdMobileAppDownld { padding-top:10px; padding-bottom:10px; } #header { top:49px; } #wrapper { padding-top:182px; } .noAppPopup #wrapper { padding-top:135px; } .ratesStrip .break { display:block; } .ratesStrip h3 { font-size:13px; } .ratesStrip .rate, .ratesStrip .rate .per { font-size:18px; } .ratesStrip p { font-size:12px; } .ratesStrip ul li, .ratesStrip ul li:last-child { padding:0 6px; } .ratesStrip ul li:first-child { padding-left:6px; } .overseasDropdownblock > a { padding:0 19px 0 1px; } .topStrip .topStLeftLinks li, .headerRow .topRightNav li { padding:0 3px; } .topStrip .topStLeftLinks li:first-child { padding-left:0; } .overseasDropdownblock > a .icon { top:6px; } .headerRow .botRightNav li a { font-size:11px; padding:0 5px; } .headerRow .botRightNav li:nth-child(4) a { padding-right:0; } .headerRow .botRightNav li:first-child a { padding-left:0; } .headerRow .searchBox input { font-size:11px; } .hindiDoc .headerRow .botRightNav li a, .hindiDoc .topStrip .topStLeftLinks li a, .hindiDoc .headerRow .topRightNav li a { font-size:10px; } .hindiDoc .overseasDropdownblock > a { padding-right:16px; } .hindiDoc .overseasDropdownblock > a .icon { top:4px; } /***BOB radiance***/ .radiance #logo a { background-size: 100%; width:115px; height:auto; } .radiance .headerRow .topRightNav { top: 37px; left: auto; } .radiance #header .container { padding: 0 10px; } .radiance .toggleMenu { right: 10px; } .shadowBoxList li { width: auto; display:block; padding: 15px 0; } /**********Small Form**********/ .newAccNumItem .fLabel, .newAccNumItem .fLabelValue { width:auto; float:none; padding:0; display:block; } .newAccNumList .newAccNumItem { padding: 5px 0; } .newAccNumItem .fLabel:before { display:none; } .accNumberLeft, .accNumberRight { padding: 10px; } /************Account Yes/No Popup************/ .shadowBoxList.smallBlock li { display:block; width:auto; padding: 0; margin-bottom: 25px; } .shadowBoxList.smallBlock .shadowWhiteBox p br { display:none; } /*****Property Photos*****/ .propertyPhotosList li { width:100%; } .viewCriteriaTblWrap table, .viewCriteriaTblWrap table tr td, .viewCriteriaTblWrap table tr td:first-child, .viewCriteriaTblWrap table tr td:nth-child(3) { width: 320px;word-break: break-all; } .viewCriteriaTblWrap table { margin: 0 auto 15px auto; } /**********Gold Loan EMI Calculator**********/ .tblGoldLoan th, .tblGoldLoan td { width: 25%; } .tblGoldLoan th:last-child, .tblGoldLoan td:last-child { width:34%; } .tblGoldLoan th:nth-child(3), .tblGoldLoan td:nth-child(3) { width:31%; } .reductionRate { padding: 10px; } .reductionRate ul li span { width: 210px; } .tblGoldLoan select { background-position: 36px center; } /*******Home Loan Takeover Calculator*******/ .hltCalculator .fieldRow.pricipalAmount .fieldTitle { padding-right: 150px;} .hltCalculator .fieldRow .fieldTitle { line-height: 18px; } .hltCalculator h2 { font-size: 16px; } .hltCalculator .leftCol .fieldRow:nth-child(3) .fieldTitle { line-height: 35px; } .hltOrangeBox .save-amount { font-size: 25px; } .hltCurrentEmi .monthly_emi_actual, .hltCurrentEmi .monthly_emi_result { font-size: 18px; } #ui-id-1 { left: auto !important;right: 54px !important; } } @media screen and (max-width:375px) { .homeLoanAplyWrap { padding-top:230px; } .carLoanAplyWrap { padding-top:230px; } .diwaliEtrade .homeLoanBanner .btnWrapBanner { right:-15px; bottom:30%; max-width:170px; } .homeLoanAplyWrap.takeoverAplyWrap { padding-top:240px; } .comVehiFinance, .constructionAndMining, .loanForRestaurant { padding-top:210px; } .valueChainFinance, .goActiveLoanDtl, .starHealthAllied { padding-top:230px; } .appForHomeLoan { padding-top:190px; } .hlSingleVideo .foundationDayVideo { height:200px; } .indexBanner img { height:170px; } .indexBanner .marqueeScrolling li img { height:auto; } .barodaAdvagainstSecurities { padding-top: 175px; } } @media screen and (max-width:360px) { .goAirBanner h2 { font-size:11px; } .goAirBanner .detailBlock { width:110px; margin-left:6px; } .bobFixedDesBanner .loanTextBlock { width:146px; } .bobFixedDesBanner .homeLoanBanner .button.btnWhite { margin-top:5px; } .mortgageLoanAplyWrap { padding-top:500px; } .tradersLoanAplyWrap .orangeContentBox { left:10px; top:10px; right:10px; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew { padding-top:270px; } .tradersLoanAplyWrap .orangeContentBox { top:55px; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew .orangeContentBox { top:20px; } .homeLoanAplyWrap { padding-top:220px; } .orangeContentBox .termConText { font-size:11px; } .msmeBanner3 .homeLoanBanner .bnRightContent { width:160px; } .carLoanAplyWrap { padding-top:210px; } .homeLoanAplyWrap.takeoverAplyWrap { padding-top:220px; } .mfp-gallery .mfp-arrow { height:30px; width:30px; top:52%; } .carLoanAplyWrapNew { padding-top:175px; } /***H1 mainTitle***/ .mainTitle { font-size: 19px; color: #ff6633; } /****The Fintech Alliance****/ .fintechAlliTabPanel .r-tabs-state-default .icon1, .fintechAlliTabPanel .r-tabs-accordion-title .icon9 { background-position:0 -174px; } .fintechAlliTabPanel .r-tabs-state-active .icon9 { background-position:0 -124px; } .fintechAlliTabPanel .r-tabs-state-default .icon1, .fintechAlliTabPanel .r-tabs-accordion-title .icon9 { position:relative; top:0px; } .fintechAlliTabPanel .r-tabs-state-active .icon9 { position:relative; top:0px; } } @media screen and (max-width:320px) { .mortgageLoanAplyWrap { padding-top:420px; } .tradersLoanAplyWrap.tradersLoanAplyWrapNew { padding-top:240px; } .homeLoanAplyWrap { padding-top:190px; } .snapdealBanner .homeBannerCreditCard { width:185px; margin-top:2px; } .snapdealBanner h2 { margin-bottom:0; } .snapdealBanner .button { bottom:2px; } .carLoanAplyWrap { padding-top:190px; } .instantNriProduct h2, .nriProduct h2 { font-size:20px; } .instantNriProduct h3 { font-size:17px; } .diwali2018Bnr .loanTextBlock { width:200px; } .diwali2018Bnr .loanTextBlock .button { font-size:11px; padding:0 3px; } .homeProductBanner .bnrProList .proBox .titleText { font-size:12px; } .headerRow .botRightNav li a { padding:0; } .comVehiFinance, .constructionAndMining, .loanForRestaurant { padding-top:190px; } .valueChainFinance, .goActiveLoanDtl, .starHealthAllied { padding-top:210px; } .appForHomeLoan { padding-top:170px; } .bankFounded .customTabNav li a { font-size:12px; } .bannerImgWrap { background-position:center center; height:160px; } .rupayCardInnerBnr .homeLoanBanner .loanTextBlock.bnRightContent { width:100%; } .hdMobileAppDownld p { font-size:9px; } .hdMobileAppDownld { padding:15px 105px 15px 68px; } .hdMobileAppDownld .closeMbApp { left:7px; } .hdMobileAppDownld .mbAppLogo { left:30px; } .hdMobileAppDownld .button { font-size:11px; padding-top:3px; padding-bottom:3px; } #logo { width:100px; } .headerRow .searchBox.active, .headerRow .searchBox { top:-1px; width:137px; } .toggleMenu { top:51px; } .topMainNav .topNav li { padding:0 1px; } .topMainNav .topNav li a { font-weight:400; font-size:10px; } .footerTopLinks li { padding:0 3px; } .footerTopLinks li a { font-size:12px; } .headerRow .botRightNav li a .text { display:none; } .headerRow .botRightNav .icon { display:block; } .carLoanAplyWrapNew { padding-top:165px; } /***H1 mainTitle***/ .mainTitle { font-size: 19px; color: #ff6633; } .viewCriteriaTblWrap table, .viewCriteriaTblWrap table tr td, .viewCriteriaTblWrap table tr td:first-child, .viewCriteriaTblWrap table tr td:nth-child(3) { width: 280px; } /**********Gold Loan EMI Calculator**********/ .tblGoldLoan select { background-position: 27px center; } /*******Home Loan Takeover Calculator*******/ .hltCalculator .fieldRow .fieldTitle { font-size: 12px; } .hltCalculator .fieldRow.pricipalAmount .fieldTitle, .hltCalculator .fieldRow { padding-right:135px;} .hltCalculator .fieldRow.pricipalAmount { padding-right: 0; } .hltCalculator .fieldRow input[type="text"] { width: 130px; font-size: 14px; }#ui-id-1 {width: 257px !important;} } .pagingNo ul li input.prevBtn, .paging input.prevBtn, .pagingNo ul li input.nextBtn, .paging input.nextBtn { position:relative; } .pagingNo ul li input.prevBtn:before, .paging input.prevBtn:before, .pagingNo ul li input.nextBtn:before, .paging input.nextBtn:before { position:absolute; width:25px; height:25px; display:block; } .pagingNo ul li input.nextBtn:before, .paging input.nextBtn:before { content:">"; right:0; top:0; } .pagingNo ul li input.prevBtn:before, .paging input.prevBtn:before { content:"<"; left:0; top:0; } @media screen and (max-width:640px) { .bannerImgWrap { height:320px; } } @media screen and (max-width:480px) { .bannerImgWrap { height:225px; } } @media screen and (max-width:470px) { .bannerImgWrap { height:205px; } } @media screen and (max-width:375px) { .bannerImgWrap { height:180px; } } @media screen and (max-width:360px) { .bannerImgWrap { height:175px; } } @media screen and (max-width:320px) { .bannerImgWrap { height:155px; } } #overseasPopup .branchesList .homeSprite { display:none; } .catVideoGridWrap .catVideoHeader .button{display:none;} .bobNewYearLaunch { max-width:500px; width:100%; margin: 0 auto;} .bobNewYearLaunch .etradeImg {width: 100%;margin: 0;text-align: center;}