@media only screen and (min-width: 1920px) { .loanItem .imgHolder { width: 28%; } .loanItem .loanItemCard { width: 72%; } } @media only screen and (max-width: 1900px) { .headerRow .container-fluid { max-width:1600px; } .topNav li, .languageNav li { padding: 0 20px; } .topNav { padding-right:200px; padding-left:30px; } .overseasDropdownblock .overseasText { left: 33px; } /*#nav { padding-left:32px; }*/ #nav li li { padding:0 50px; } .loanRateHomeSlider .swiper-slide { width:350px; } .expertAdviceSlider .swiper-slide { width:350px; } .loanRateItem .loanRateCard .titleText, .expertAdviceItem .expertAdviceCard { font-size:20px; } .loanRateItem .loanRateCard .rateText { font-size:24px; } .loanRateHome h2, .homeUtilities h2, .homeEmiToday h2, .homeExclusiveOffers h2, .empoweringFarmers h2, .homeExploreMore h2, .homeExpertAdvice h2, .homeFaq h2 { font-size:1.875em; margin-bottom:30px; } .loanRateItem .loanRateCard, .expertAdviceItem .expertAdviceCard { padding: 15px; } input[type="button"], input[type="reset"], button, .button, .btn { padding: 12px 25px; font-size:18px; } .utilitiesList .utilitieItem .titleText, .exploreMoreList .exploreMoreItem .titleText { font-size: 1.125em; } .loanRateHome { padding-top: 0; } .homeUtilities, .homeExclusiveOffers, .homeExploreMore, .homeFaq { padding: 50px 0; } .loanRateHomeSlider { margin-bottom: 30px; } .homeEmiToday .textCenter { padding-top: 30px; } .homeOffersSlider .swiper-slide { width:280px; } .homeExclusiveOffers .homeOfferItem .button { width:160px; } .empoweringFarmers { min-height:420px; } .exploreMoreList .exploreMoreItem .iconWrap, .utilitiesList .utilitieItem .iconWrap { width:109px; height: 109px; } .homeFaqAcc .accTrigger { font-size:1.125em; } .homeFaqAcc .accordDetail p { font-size:1.000em; } .homeFaqAcc .accTrigger { padding-top:14px; padding-bottom:14px; } .homeFaqAcc .accTrigger .icon { top:9px; background-position:-323px 0; } .homeFaqAcc .accTrigger.active .icon { background-position:-323px -33px; } .footerMegamenu .row { margin: 0 -5px; } .footerMegamenu .footerMenuCol { padding: 0 5px; } .ratesStrip h3 { font-size: 17px; } .ratesStrip .rate { font-size: 25px; } .ratesStrip ul li .button { font-size: 16px; line-height: 36px; height: 40px; padding: 0 25px; } .ratesStrip { width: 1045px; } .commonPad { padding: 50px 0; } .padBotNone { padding-bottom: 0; } .padTopNone { padding-top: 0; } .lastSection { margin-bottom:-50px; } h2.black { font-size:1.875em; margin-bottom:30px; } .loanItem .loanItemCard { padding: 20px; } .loanItem h3 { font-size: 1.625em; } .loanItem .bulletText li { font-size: 22px; padding-left:29px; } .loanItem .bulletText li:before { width: 17px; height:14px; top:7px; } .loanItem .button { height: 40px; line-height: 37px; padding: 0 15px; font-size: 16px; } .tabNav li a, .loanOfferTab li a { font-size:24px; } .emiTotalWrap .totalRow .leftLabel, .emiTotalWrap .totalRow .totalCount { font-size: 20px; } .emiCounter label, .emiCounter input { font-size: 20px; } .emiCounter input { width: 160px; height: 40px; right:20px; } .emiCounter label { margin-top: 6px; } .fullwidthCalculator .ui-slider { top: 20px; } .emiCounter .fieldRow .alignRight { bottom:-40px; right:20px; } .emiTotalWrap { padding-top:0; padding-bottom:0; } .emiCounter .fieldRow { padding: 0 20px; } .emiCounter { margin-left:0; margin-right:0; padding:0 15px; } .loanPage .showCartArea { font-size: 20px; } .innerBanner2020 .pageTitle h1 { font-size:30px; } .footerMegamenu .footerMenuCol h2 { font-size:16px; } .footerMegamenu .footerMenuCol ul li a { font-size: 15px; } .footerNav li a { font-size: 0.813em; } /************Home Loan Detail************/ .loanDetailPage h2 { font-size:1.438em; } .loanDetailPage h3 { font-size:1.250em; } .loanDetailPage p, .loanDetailPage table td, .loanDetailPage .tableData td, .loanDetailPage ul.bulletText li { font-size:1.000em; } .loanDetailTabList li a { font-size:20px; padding: 15px 0; } .loanDetailTabList li a:before { height: 2px; } .loanDetailPage ul.bulletText li:before { font-size: 19px; top:-3px; } .loanDetailPage ul.bulletText li { padding-left: 15px; font-size:1.000em; } .guideYouSlider .swiper-slide { width:280px; } .otherLoanSlider .swiper-slide { width:250px; } .guideYouItem .fa { width: 60px; height: 60px; line-height:60px; font-size: 25px; padding-left: 8px; } .guideYouItem .titleText { font-size: 21px; left: 15px; right:15px; bottom:15px; } .otherLoanItem .titleText { font-size:18px; min-height:116px; } .bannerSingleBtn { bottom: 43px; }/****Videos****/ .relevantVideoSlider .swiper-slide { width:380px;} .commonDropBtn select {height: 48px;font-size: 16px; width:350px;}.bannerFixedBtn { bottom:47px;} } @media only screen and (max-width: 1599px) { .container { max-width:1280px; } .empoweringFarmers { min-height:350px; } .headerRow .container-fluid { max-width:1366px; } .topNav li, .languageNav li { padding: 0 9px; } .topNav { padding-right:160px; padding-left:15px; } .overseasDropdownblock .overseasText { left: 21px; } /*#nav { padding-left:21px; }*/ #nav li li { padding:0 30px; } #nav li a { font-size:14px; } /*.loanItem .button { height: 50px; line-height: 48px; padding: 0 50px; font-size: 18px; }*/ .loanItem h3 { font-size: 1.375em; } .tabNav li a, .loanOfferTab li a { font-size:22px; } .loanItem .bulletText li { font-size: 19px; } .loanItem .bulletText li:before { top:5px; } /************Home Loan Detail************/ .loanDetailTabList li a { font-size:20px; } .otherLoanItem .titleText { padding: 15px; min-height:106px; } .bottomFixedBtn .button { padding: 5px 20px; font-size: 16px;} .footerWithBtn {padding-bottom: 55px;}/****Videos****/ .relevantVideoSlider .swiper-slide { width:320px;} .relevantVideoSlider .guideYouItem .titleText { font-size: 20px; } .bottomFixedBtn select { height: 34px; } } @media only screen and (max-width: 1360px) { .headerRow .container-fluid, .container { max-width:1170px; } .topNav li, .languageNav li { padding: 0 2px; } .topNav { padding-right:130px;padding-left: 10px; } #nav li li { padding: 0 20px; } .mainNavigation:before { width:100px; } .siteSearchWrap .inputSearchBox { width: 450px; } /*********Loan Listing*********/ .loanItem .loanItemCard { padding: 15px; } .loanItem h3 { font-size: 18px; margin-bottom:15px; } .loanItem .bulletText li { font-size: 16px; } .loanItem .bulletText li:before { top: 3px; } .homeBanner .swiper-slide .button{padding: 8px 15px; font-size: 16px;} .commonDropBtn select { width: 250px; } } @media only screen and (max-width: 1279px) { .bobNetwork { max-width:1140px; } } @media only screen and (max-width: 1169px) { #header { position: relative; } #wrapper { padding-top:0; } .headerScroll#header { top:0; box-shadow: 0 0 0 #fff; } .topStrip ul.topStRighttLinks { display:none !important; } .footerNav .ftIpadLink { display: inline-block; } .footerNav li { padding: 0 5px; } .topStrip { height:38px; background-color:#F26522; text-align:right; } .topStrip ul { float:none; } .topStrip ul.topStLeftLinks { margin-right:124px; } .topStrip ul li { float:none; display:inline-block; vertical-align:middle; } .topStrip ul li a { display: block; line-height: 35px; } .topStrip ul li a, .topStrip ul li a:hover, .languageNav li a, .languageNav li a:hover { color:#FCF8F8; text-decoration:none; font-size:14px; } .topStrip ul li, .languageNav li, .topStrip .topStLeftLinks li:last-child { padding: 0; } .topStrip ul li a, .languageNav li a { padding: 0 9px; } .languageNav { top: -43px; right:0; } #logo { width:160px; padding: 25px 0; } .headerRightCol { padding-left:15px; width:calc(100% - 160px); } /*#nav { padding-left: 12px; }*/ #nav li li { padding: 0 10px; } .topNav { padding-right:0;padding-left: 0; } .overseasDropdownblock .indiaSite:before { right:9px; } .overseasDropdownblock .indiaSite { padding-right: 34px; } .overseasDropdownblock .overseasText { left: 9px; margin-top:-1px; } .topStrip ul li:first-child:after, .topStrip ul li:after, .topStrip ul li:last-child:after, .languageNav li:first-child:after { height: 14px; width: 1px; background: #ffd1bb; content: ""; position: absolute; right: -1px; top: 50%; margin-top: -6px; display:block; } .headerRow { position: relative; } .homeImpLinks, .homeUtilities, .homeExclusiveOffers, .homeExploreMore, .homeFaq { padding: 30px 0; } .homeEmiToday { padding-top: 30px; } .loanRateHome h2, .homeUtilities h2, .homeEmiToday h2, .homeExclusiveOffers h2, .empoweringFarmers h2, .homeExploreMore h2, .homeExpertAdvice h2, .homeFaq h2 { font-size: 24px; margin-bottom: 20px; } .homeImpLinks ul { margin: 0 -10px; } .homeImpLinks ul li { padding: 0 10px; } .homeImpLinks .homeImpLinkBox .titleText { font-size: 16px; } .loanRateItem .loanRateCard .titleText, .expertAdviceItem .expertAdviceCard { font-size:16px; } .loanRateItem .loanRateCard .rateText { font-size:19px; } .utilitiesList .utilitieItem .titleText, .exploreMoreList .exploreMoreItem .titleText { font-size:16px; } .empoweringFarmers { min-height: 270px; } .footerMegamenu .footerMenuCol { width: 20%; } .footerMegamenu .footerMenuCol:nth-child(6) { clear:left; } .bobNetwork { max-width: inherit; width: auto; left: 15px; } .homeFaqAcc .accTrigger { font-size: 16px; } .emiCounter label, .emiCounter input { font-size: 16px; } .emiCounter input { width:130px; } .rightFixedBox .box h2 { font-size: 20px; } .ratesStrip ul li { padding: 0 15px; } .ratesStrip h3 { font-size: 14px; } .ratesStrip .rate { font-size: 19px; } .ratesStrip ul li .button { font-size: 14px; line-height: 32px; height: 35px; padding: 0 20px; } .ratesStrip { width: 810px; } /*********Loan Listing*********/ h2.black { font-size:25px; } .loanOfferTab li a { font-size:17px; padding: 15px 0; } .loanOfferTab li a:before { height: 2px; } .loanItem .button { height: 35px; line-height: 34px; padding: 0 15px; font-size: 14px; }#nav li li ul { width:250px; }/****Videos****/ .relevantVideoSlider .swiper-slide { width:280px;} .relevantVideoSlider .guideYouItem .titleText { font-size: 16px; } .loanItem .bulletText { margin-bottom: 0; } .loanItem .bulletText li {font-size: 15px;margin-bottom: 7px;}#nav li li ul { width:195px;} .expertAdviceSlider .swiper-slide { width:250px; }.loanRateHomeSlider .swiper-slide { width:250px; } } @media only screen and (min-width: 1024px) { .footerMegamenu .footerMenuCol ul { display: block !important;} } @media only screen and (max-width: 992px) { .toggleMenu { display:block; background: none; padding: 0 0 17px 0; text-align: center; width: 32px; top: 58px; border: 0; position: absolute; left:15px; top:18px; } .toggleMenu .menuTitle { font-size:12px; color:#080808; font-weight:400; display: block; position: absolute; left: 0; bottom: 0; width: 100%; } .mobileNav { display:block; } #navMob li a.menuFirstNode { font-size:16px; width:200px; } #navMob ul { left: 199px; } #navMob li .menuIcon { left: 160px; } #navMob ul li a { font-size:14px; } #navMob ul ul li a { font-size:14px; } .iconNav { position: static; margin-top:14px; } .iconNav li .icon { width: 40px; height: 40px; } .iconNav li .icon1 { background-position: 0 -108px; } .iconNav li .icon2 { background-position: -40px -108px; } .iconNav li .icon3 { background-position: -80px -108px; } .iconNav li .icon4 { background-position: -120px -108px; } .headerRightCol { float:right; width:auto; padding: 0; position:static; } .iconNav li a:hover, .iconNav li a.active { background:none; } .iconNav li .siteSearchClick.active .icon { background-position: -427px -56px; } .siteSearchWrap .inputSearchBox { height: 40px; } .siteSearchWrap .inputSearchBox .submit { width: 40px; height: 40px; background-position:-56px -10px; } .siteSearchWrap .inputSearchBox input[type="text"] { height: 40px; line-height: 40px; } #logo { width:160px; padding: 10px 0; margin-left:50px; } .topStrip ul.topStRighttLinks, .topNav, .mainNavigation { display:none !important; } .languageNav { right:10px; } .topStrip ul.topStLeftLinks { margin-right:120px; } .headerRow:before { display: none; } /*********Loan Listing*********/ .loanOfferList .col-md-6 { float:none; width:auto; } .loanItem .loanItemCard { padding: 25px; } .loanItem h3 { font-size:22px; } .loanItem .bulletText li { font-size: 19px; } .loanItem .bulletText li:before { top: 5px; } .loanItem .button { height: 50px; line-height: 48px; padding: 0 20px; font-size: 20px; } .loanItem { margin-bottom: 15px; } .loanPage .fullwidthCalculator .chartArea .loanChartAreaInner { max-width:640px; } .loanPage .showCartArea:before { font-size: 30px; } .bannerSingleBtn { bottom: 44px; padding:6px 25px;}.loanDetailPage h4 { font-size: 16px;} } @media only screen and (max-width: 1023px) { #overseasPopup { max-width: inherit; margin-left: 0; right: 15px; width: auto; left: 15px; } .siteSearchWrap .inputSearchBox { width:350px; } .ratesStrip ul li .button { padding: 0 10px; } .ratesStrip ul li { padding: 0 10px; min-height:95px; } .ratesStrip { width: 700px; } .rightFixedBox .box { padding: 15px; } .homeImpLinks .homeImpLinkBox:hover { background-color:#fff; } .homeImpLinks .homeImpLinkBox .icon { width:60px; height: 60px; background-size:400%; } .homeImpLinks .homeImpLinkBox .icon1, .homeImpLinks .homeImpLinkBox:hover .icon1 { background-position: 0 0; } .homeImpLinks .homeImpLinkBox .icon2, .homeImpLinks .homeImpLinkBox:hover .icon2 { background-position: -60px 0; } .homeImpLinks .homeImpLinkBox .icon3, .homeImpLinks .homeImpLinkBox:hover .icon3 { background-position: -120px 0; } .homeImpLinks .homeImpLinkBox .icon4, .homeImpLinks .homeImpLinkBox:hover .icon4 { background-position: -180px 0; } .homeImpLinks .homeImpLinkBox:hover .titleText { color:#020202; } .homeImpLinks .homeImpLinkBox .titleText { font-size: 15px; } .loanRateHomeSlider .swiper-slide, .expertAdviceSlider .swiper-slide, .homeOffersSlider .swiper-slide { width:210px; } .loanRateItem .loanRateCard, .expertAdviceItem .expertAdviceCard { padding: 10px; } .exploreMoreList .exploreMoreItem .iconWrap, .utilitiesList .utilitieItem .iconWrap { width:80px; height: 80px; } .utilitiesList .utilitieItem .icon { width:42px; height: 42px; background-size: 500%; } .utilitiesList .utilitieItem:hover .icon1, .utilitiesList .utilitieItem .icon1 { background-position:0 0; } .utilitiesList .utilitieItem .icon2, .utilitiesList .utilitieItem:hover .icon2 { background-position: -42px 0; } .utilitiesList .utilitieItem .icon3, .utilitiesList .utilitieItem:hover .icon3 { background-position: -84px 0; } .utilitiesList .utilitieItem .icon4, .utilitiesList .utilitieItem:hover .icon4 { background-position: -126px 0; } .utilitiesList .utilitieItem .icon5, .utilitiesList .utilitieItem:hover .icon5 { background-position: -168px 0; } .utilitiesList .utilitieItem:hover .iconWrap, .exploreMoreList .exploreMoreItem:hover .iconWrap { background-color:#fff; } .utilitiesList .utilitieItem:hover .titleText, .exploreMoreList .exploreMoreItem:hover .titleText { color:#F56C27; } /*.emiCounter input { width:100px; } .emiCounter label, .emiCounter input { font-size: 14px; } .emiCalculatorWrap .ui-slider .ui-slider-handle { width:20px; height: 20px; } .ui-slider-horizontal .ui-slider-handle { top: -6px; } .emiCounter .fieldRow { padding: 0 15px; } .emiCounter { margin-left: -15px; margin-right: -15px;}*/ .emiTotalWrap .totalRow .leftLabel, .emiTotalWrap .totalRow .totalCount { font-size: 17px; } .emiCounter .fieldRow { float:none; width:auto; margin-bottom:50px; } .emiCounter .fieldRow .alignRight { bottom:-30px; } .emiCounter { margin-bottom: 20px; } .shareNknowBtns { display:none; } .empoweringFarmers { min-height: 210px; } .exploreMoreList .exploreMoreItem .icon { width:42px; height: 42px; background-size: 400%; } .exploreMoreList .exploreMoreItem .icon1, .exploreMoreList .exploreMoreItem:hover .icon1 { background-position: 0 0; } .exploreMoreList .exploreMoreItem .icon2, .exploreMoreList .exploreMoreItem:hover .icon2 { background-position: -42px 0; } .exploreMoreList .exploreMoreItem .icon3, .exploreMoreList .exploreMoreItem:hover .icon3 { background-position: -84px 0; } .exploreMoreList .exploreMoreItem .icon4, .exploreMoreList .exploreMoreItem:hover .icon4 { background-position: -126px 0; } .expertAdviceItem .expertAdviceCard { font-size: 14px; } .bobNetwork .rightBox { padding-left: 20px; } .bobNetwork .rightBox ul li { width: 50%; } .footerMegamenu .footerMenuCol { float:none; width:auto; border-bottom:1px solid #fff; margin: 0 -15px; padding:0; } .footerMegamenu .footerMenuCol ul { display:none; } .footerMegamenu .row { margin: 0; } .footerMegamenu .footerMenuCol h2 { margin-bottom:0; padding: 10px 15px; cursor:pointer; position:relative; } .footerMegamenu .footerMenuCol h2:before { position: absolute; right: 15px; top: 7px; font-family: 'FontAwesome'; content: "\f107"; font-size: 21px; } .footerMegamenu .footerMenuCol h2.active:before { content: "\f106"; } .footerMegamenu { padding: 0 0 15px 0; } .footerMegamenu .footerMenuCol ul { margin: 0 0 10px 15px; } .emiCounter { padding: 0; } /************Home Loan Detail************/ .guideYouSlider .swiper-slide, .otherLoanSlider .swiper-slide { width:210px; } .guideYouItem .titleText { font-size: 18px; left: 10px; right: 10px; bottom: 10px; } .otherLoanItem .titleText { padding: 10px; font-size:16px; min-height:88px; } .empoweringFarmers.loanDetailEmi .container-fluid { left:0; } .loanDetailPage h2 { font-size: 20px; } .loanDetailPage h3 { font-size:17px; } .innerBanner2020 .pageTitle h1 { font-size:21px; } .homeBanner .swiper-slide .button{padding: 5px 10px;right: 8px; bottom: 8px; font-size: 14px;} .homeBanner .swiper-slide .button .fa { margin-left: 3px; } .empoweringFarmers ul { display:none;} .bannerFixedBtn .button { padding-top: 5px; padding-bottom: 5px; font-size: 16px; } .bannerFixedBtn.commonDropBtn select { height: 34px; } .bannerFixedBtn { bottom: 46px; } } @media only screen and (max-width: 767px) { .homeImpLinks ul { margin: 0 -7px; } .homeImpLinks ul li { padding: 0 7px; } .homeImpLinks .homeImpLinkBox .titleText { font-size: 14px; } .loanRateHome h2, .homeUtilities h2, .homeEmiToday h2, .homeExclusiveOffers h2, .empoweringFarmers h2, .homeExploreMore h2, .homeExpertAdvice h2, .homeFaq h2 { font-size: 18px; text-align:left; } .loanRateHomeSlider .swiper-slide, .homeOffersSlider .swiper-slide { width:140px; } .expertAdviceSlider .swiper-slide { width:160px; } .loanRateItem .loanRateCard, .expertAdviceItem .expertAdviceCard { padding: 8px; } .loanRateItem .loanRateCard .titleText, .expertAdviceItem .expertAdviceCard { font-size:14px; } .loanRateItem .loanRateCard .rateText { font-size: 16px; } .loanRateItem, .homeExclusiveOffers .homeOfferItem, .expertAdviceItem { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); } .loanRateHomeSlider .swiper-slide, .homeOffersSlider .swiper-slide, .expertAdviceSlider .swiper-slide { padding: 6px; } .loanRateItem .loanRateCard .titleText { margin-bottom: 5px; } .loanRateHomeSlider { margin-bottom: 25px; } input[type="button"], input[type="reset"], button, .button, .btn { padding: 7px 15px; font-size: 14px; } .exploreMoreList .exploreMoreItem .iconWrap, .utilitiesList .utilitieItem .iconWrap { width: 70px; height: 70px; } .utilitiesList .utilitieItem .icon { width: 32px; height: 32px; } .utilitiesList .utilitieItem .icon2, .utilitiesList .utilitieItem:hover .icon2 { background-position: -32px 0; } .utilitiesList .utilitieItem .icon3, .utilitiesList .utilitieItem:hover .icon3 { background-position: -64px 0; } .utilitiesList .utilitieItem .icon4, .utilitiesList .utilitieItem:hover .icon4 { background-position: -96px 0; } .utilitiesList .utilitieItem .icon5, .utilitiesList .utilitieItem:hover .icon5 { background-position: -128px 0; } .utilitiesList .utilitieItem .titleText, .exploreMoreList .exploreMoreItem .titleText { font-size: 14px; } .homeImpLinks, .homeUtilities, .homeExclusiveOffers, .homeExploreMore, .homeFaq { padding: 40px 0; } .homeEmiToday .container-fluid { padding: 0 15px; } .emiCounter label { font-size: 14px; } .emiCounter input { font-size: 18px; } .emiCounter .fieldRow .alignRight { font-size: 10px; } .emiCalculatorWrap .ui-slider .ui-slider-handle { width:20px; height: 20px; border-width:3px; } .ui-slider-horizontal .ui-slider-handle { top: -9px; } .emiCounter { padding: 0; margin-bottom: 10px; } .emiCounter .fieldRow .alignRight { bottom:-25px; } .emiCounter .fieldRow { margin-bottom:35px; } .emiTotalWrap .totalRow .leftLabel, .emiTotalWrap .totalRow .totalCount { font-size: 14px; } .emiTotalWrap .totalRow { padding: 10px 0; } .emiTotalWrap { padding: 0 15px; } .emiTotalWrap .totalRow .totalCount { top: 10px; } .emiTotalWrap { margin: 0 -15px; } .homeEmiToday .textCenter { padding-top: 20px; } .empoweringFarmers { min-height: 190px; } .empoweringFarmers .container-fluid { left: 10px; } .homeFaqAcc .accTrigger { font-size: 13px; padding-right:30px; } .homeFaqAcc .accTrigger .icon { right: 0; } .footerMegamenu .footerMenuCol h2 { font-size: 12px; padding: 14px 15px; } .footerMegamenu .footerMenuCol ul li a { font-size: 12px; padding: 4px 0 } .footerMegamenu .footerMenuCol h2 { padding-left: 15px; padding-right:15px; } .footerMegamenu .footerMenuCol ul { margin-left: 15px; } .footerMegamenu .footerMenuCol h2:before { font-size: 17px; top: 11px; } .footerSocialMedia li a { width: 26px; height: 26px; font-size:14px; } .footerSocialMedia li a .fa { line-height:26px; } .footerSocialMedia li { margin: 0 5px; } .footerNav li { padding: 0 7px; } .footerNav li a { font-size: 12px; } .networkLink { font-size: 14px; padding: 11px 15px; } .networkLink:before { font-size: 20px; top: 10px; } .bobNetwork:after { right: 9px; } .bobNetwork .innerBox { overflow-x: auto; height: 320px; } .bobNetwork { padding: 15px; } .bobNetwork .innerBox h3, .overseasPopup .branchesList h3, .loginPopup h2 { font-size: 18px; font-weight:600; } .bobNetwork ul li { font-size:13px; } .bobNetwork .leftBox { padding-right:10px; } .bobNetwork .rightBox { padding-left:10px; } .bobNetwork ul.bulletText li:before { font-size: 15px; } .homeImpLinks .homeImpLinkBox .titleText { font-size: 12px; } .homeImpLinks .homeImpLinkBox .icon { margin-bottom: 10px; } .homeImpLinks .homeImpLinkBox { padding: 10px 5px; } .marqueeHomePage .marqueeScrolling li { font-size: 12px; } .topStrip ul li a, .topStrip ul li a:hover, .languageNav li a, .languageNav li a:hover { font-size: 12px; } .topStrip ul li:first-child:after, .topStrip ul li:after, .topStrip ul li:last-child:after, .languageNav li:first-child:after { display:none; } .topStrip { text-align: center; } .topStrip ul.topStLeftLinks { margin: 0; width:50%; } .languageNav { width:50%; } .topStrip ul li, .languageNav li { float:left; width:50%; text-align:center; } .overseasDropdownblock .indiaSite:before { right: 59px; font-size:18px; } .overseasDropdownblock .overseasText { width:100%; left:0; } #request-callback-popup, #applyNowPopup, #overseasPopup, .loginPopup .detailRow { padding: 15px; } .overseasPopup.inlineContentPopup .detailRow { padding: 0; } .overseasPopup .branchesList h3, .loginPopup h2 { margin-bottom: 15px; } .importantLinks ul.bulletText li, .groupWebsitesLink ul.bulletText li, .loginPopup ul.bulletText li, .loginPage ul.bulletText li { font-size: 13px; padding-left:10px; } .loginPopup ul.bulletText li:before { font-size: 11px; top: 1px; } .loginDetaillist, .contentAcc { margin-bottom:0; } .contentAcc.appsForm .accTrigger, .accordion.contentAcc.appsForm .accTrigger.active { font-size:15px; font-weight:600; } .contentAcc .accTrigger:before { font-size:18px; top:9px; } .loginDetaillist ul.bulletText:last-child { padding-left:0; } #logo { width:125px; padding: 8px 0; margin-left:35px; } .iconNav { margin-top:8px; } .toggleMenu .iconBar, .toggleMenu { width:24px; } .toggleMenu .menuTitle { font-size:9px; } .toggleMenu { padding-bottom: 14px; top:14px; } .siteSearchWrap .inputSearchBox { width: 280px; } .siteSearchWrap .inputSearchBox input[type="text"] { font-size: 13px; } .topStrip .container { padding: 0; } .languageNav { right:0; } .copyrightText { font-size: 11px; } .rightFixedBox .box { left: -110%; right: 110%; top: 0; bottom: 0; position: fixed; padding: 80px 20px 20px 20px; z-index: 15; border:1px solid #707070; border-top:0; } .rightFixedBox .box.active { left: 0; right: 30px; } .rightFixedBox .box:before { position: absolute; left:0; top:0; width:100%; height:65px; content:""; background-color:#f2f2f2; } .ratesStrip { width:auto; overflow-y:auto; height:100%; } .rightFixedBox .box h2 { font-size:16px; margin-bottom:10px; } .ratesStrip h3 { font-size:12px; margin-bottom:5px; } .ratesStrip .rate { font-size:15px; margin-bottom:0; } .ratesStrip ul li .button { position:absolute; right:0; top:10px; font-size: 13px; line-height: 28px; height: 30px; } .ratesStrip ul li { float:none; width:auto; border:0; min-height:1px; padding: 10px 0; border-bottom:1px solid #b4b4b4; position:relative; } .ratesStrip ul li:nth-child(4), .ratesStrip ul li:last-child { border-bottom-width:0; } .ratesStrip ul li.buttonGroup { padding-top:0; padding-bottom:0; } .ratesStrip ul li.buttonGroup .button { display:block; margin-top:15px; text-align:center; position:static; height:40px; font-size:14px; line-height:38px; } .ratesStrip ul { position: relative; } .rightFixedBox .box .rateCloseBtn { width:13px; height: 13px; background-position:-462px 0; right:20px; top:25px; } .ratesStrip ul li.buttonGroup .button:hover, .ratesStrip ul li .button:hover { background-color:#F56C27; color:#F9F8F7; } .ratesStrip ul li.buttonGroup .button.brdBtn:hover { background-color:#fff; color:#F56C27; } .rightFixedBox .actionBtn .homeRateIcon, .rightFixedBox .actionBtn { width:40px; height: 40px; } .rightFixedBox .actionBtn .homeRateIcon { font-size:25px; line-height:40px; } .stripLogo { display: inline-block; } #navMob li a.menuFirstNode { font-size:14px; width:150px; } #navMob ul { left: 149px; } #navMob li .menuIcon { left: 110px; } #navMob ul li a { font-size:13px; } #navMob ul ul li a { font-size:12px; } .homeFaqAcc .accordDetail p { font-size:13px; text-align:justify; } /*********Loan Listing*********/ .loanPage .fullwidthCalculator .chartArea { margin: 0 -15px; } .loanPage .showCartArea { font-size: 14px; padding:10px 20px; } .loanPage .showCartArea:before { font-size: 20px; } .loanPage .textCenter .button { display:block; width:100%; } .loanPage .textCenter { padding-left:15px; padding-right:15px; } .loanPage .fullwidthCalculator .chartArea .loanChartAreaInner { max-width: 340px; } .commonPad { padding-bottom:30px; padding-top:30px; } .padBotNone { padding-bottom: 0; } .padTopNone { padding-top: 0; } .lastSection { margin-bottom:-30px; } h2.black { font-size:18px; text-align:left; margin-bottom:15px; } .loanOfferTab { margin: 0 -7px 20px -7px; } .loanOfferTab li a { padding: 4px 0; font-size:12px; } .loanOfferTab li { width:auto; padding: 0 7px; } .loanItem .imgHolder { width:35%; } .loanItem .loanItemCard { width:65%; padding: 10px; } .loanItem h3 { font-size: 14px; margin-bottom:10px; } .loanItem .bulletText li { font-size: 12px; padding-left:16px; } .loanItem .button { height: 29px; line-height: 28px; padding: 0 5px; font-size: 12px; } .loanItem .bulletText li:before { width: 11px; height: 9px; background-size:100%; top:4px; } .loanOfferTab li a:before { height: 1px; } .innerBanner2020 .bannerImgWrap { background-size:cover; height:260px; } .innerBanner2020 .bannerImgWrap img { visibility: hidden; opacity: 0; } .innerBanner2020 .pageTitle h1 { font-size: 17px; } .homeEmiToday.loanPage { padding-top:10px; } .breadcrumb ul li { font-size: 12px; } .innerBanner2020 .pageTitle { bottom:37px; } .breadcrumb a:before, .breadcrumb .bdrNoLink:before { top:-1px; right:3px; } .breadcrumb a, .breadcrumb .bdrNoLink { padding-right:14px; } /************Home Loan Detail************/ .guideYouSlider .swiper-slide, .otherLoanSlider .swiper-slide { width:150px; padding: 6px; } .loanDetailTabList li { padding: 0 17px; } .loanDetailTabList li a { font-size: 13px; padding: 5px 0; } .loanDetailPage h2 { font-size: 16px; } .loanDetailPage h3 { font-size: 14px; } .loanDetailPage h2, .loanDetailPage h3 { margin-bottom: 10px; } .loanDetailTabList li a:before { height: 1px; } .loanDetailPage p, .loanDetailPage table td, .loanDetailPage .tableData td, .loanDetailPage ul.bulletText li { font-size:13px; } .loanDetailPage p, .loanDetailPage ul.bulletText { margin-bottom:15px; } .loanDetailPage ul.bulletText li:before { font-size: 15px; top: -3px; } .guideYouItem .titleText { font-size: 14px; left: 5px; right: 5px; bottom: 5px; } .guideYouItem .fa { width: 45px; height: 45px; line-height: 45px; font-size: 19px; padding-left: 6px; } .otherLoanItem .titleText { font-size:14px; min-height:99px; } .loanDetailPage { padding: 20px 0; } .loanDetailTabList li a { color:#000; } .loanDetailTabList li.r-tabs-state-active a { color: #F26522; } .loanDetailTabList { margin: 0 0 25px 0; } .otherLoanItem, .guideYouItem { box-shadow:0 1px 4px rgba(0, 0, 0, 0.29); } .innerBanner2020 .bannerImgWrap { position: relative; } .innerBanner2020 .bannerImgWrap:before { position: absolute; left:0; bottom:0; width:100%; content:""; height:80%; background: rgba(255, 255, 255, 1); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(0, 0, 0, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 ); opacity:0.7; } .innerBanner2020 .pageTitle { background:none; } .bannerSingleBtn { padding: 6px 15px; font-size: 13px; height: 30px; line-height: 15px; right: 10px; bottom: 40px;} .bottomFixedBtn { padding: 5px 10px; } .bottomFixedBtn .button { padding: 3px 10px; font-size: 14px;} .footerWithBtn {padding-bottom: 44px;}/****Videos****/ .relevantVideoSlider .swiper-slide { width:210px; padding:5px;} .relevantVideoSlider .guideYouItem .titleText { font-size: 14px; }.mobTextLeft { text-align: left; }.loanDetailPage h4 { font-size: 13px; margin-bottom:10px; } .homeBanner .swiper-slide .button{padding: 4px 6px;right: 4px; bottom: 4px; font-size: 12px;line-height: 14px;} #header { z-index:11;} .rightFixedBox .actionBtn:hover .toolTip { display: none; } .bottomFixedBtn select { height: 30px; width:180px;padding-right: 35px;font-size: 13px;padding-left: 5px; } .commonDropBtn select { width: 100%; margin-bottom:10px; height: 38px; font-size:14px; } .bannerFixedBtn.commonDropBtn select { height: 34px; width: 200px; margin-bottom: 0; } .bannerFixedBtn .button { font-size:14px;} } @media only screen and (max-width: 639px) { .overseasDropdownblock .indiaSite { padding-right:9px; } .overseasDropdownblock .indiaSite:before { right: 16px; } .homeImpLinks, .homeUtilities, .homeExclusiveOffers, .homeExploreMore, .homeFaq { padding: 25px 0; } .homeImpLinks ul li { width:50%; padding: 0 10px; margin-bottom:20px; } .exploreMoreList li { width:50%; margin-bottom:20px; } .exploreMoreList .exploreMoreItem .iconWrap { width: 109px; height: 109px; margin-bottom:12px; } .exploreMoreList .exploreMoreItem .icon { width:65px; height: 65px; background-size:auto; } .exploreMoreList .exploreMoreItem .icon2, .exploreMoreList .exploreMoreItem:hover .icon2 { background-position: -65px 0; } .exploreMoreList .exploreMoreItem .icon3, .exploreMoreList .exploreMoreItem:hover .icon3 { background-position: -130px 0; } .exploreMoreList .exploreMoreItem .icon4, .exploreMoreList .exploreMoreItem:hover .icon4 { background-position: -195px 0; } .emiCounter .fieldRow { padding: 0 10px; } .emiCounter input { right:10px; } .emiTotalWrap { padding: 0 20px; } .iconNav li { margin-right:-5px; } .loginDetaillist ul.bulletText { float:none; width:auto; margin-bottom:0; } .importantLinks ul.bulletText li, .groupWebsitesLink ul.bulletText li, .loginPopup ul.bulletText li, .loginPage ul.bulletText li { margin: 0 0 10px 0; } .branchesList ul li { width: 50%; } .branchesList ul li a { padding: 3px 0; } .bobNetwork .leftBox, .bobNetwork .rightBox { float:none; width:auto; padding: 0; border:0; } .bobNetwork .rightBox ul li { width:auto; float:none; } .bobNetwork { padding: 10px; } .bobNetwork .leftBox h3, .bobNetwork .rightBox h3 { margin-bottom: 15px; } .bobNetwork .innerBox { height: 280px; } .siteSearchWrap .inputSearchBox { width: 230px; } .rightFixedBox { bottom: 50px; } .utilitiesList { text-align: center; } .utilitiesList li { float:none; width:32%; text-align:center; display:inline-block; vertical-align: top; margin-bottom: 25px; } .utilitiesList li:nth-child(4), .utilitiesList li:last-child { margin-bottom:0; } .utilitiesList .utilitieItem .titleText { font-size: 12px; } #navMob li a.menuFirstNode { padding: 5px 10px; width:130px; } #navMob li .menuIcon { left: 90px; } #navMob li li .menuIcon { left:auto; right:0; } #navMob ul { left: 129px; } .innerBanner2020 .bannerImgWrap { height: 220px; } .homeFaq { padding: 10px 0 0 0; } .homeFaq h2 { margin-bottom: 7px; } .homeExpertAdvice { padding-bottom: 10px; } /************Home Loan Detail************/ .loanDetailBtn { padding-top:5px; } .loanDetailBtn .button { float:none; width:100%; display:block; margin-top:10px; } .loanDetailTabList li { padding: 0 5px; } .loanDetailTabList li:first-child { padding-left:0; } .loanDetailTabList li a { font-size:12px; text-align:left; font-weight:400; display:inline-block; min-height: 44px; }/****Videos****/ .relevantVideoSlider .swiper-slide { width:180px;} .relevantVideoSlider { margin-bottom: 20px; } .relevantVideoSlider .guideYouItem .titleText { font-size: 13px; } .bannerFixedBtn.commonDropBtn select { height: 28px; width: 150px; margin-bottom: 6px; font-size: 12px; padding-left: 5px; display: block; margin-right: 0; } .bannerFixedBtn .button { padding-top: 2px; padding-bottom: 2px; font-size: 12px; width: 150px; } } @media only screen and (max-width: 479px) { .innerBanner2020 .bannerImgWrap { height: 178px; } #navMob li li li li { padding-left: 5px; } .expertAdviceSlider .swiper-slide { width:150px; } } @media only screen and (max-width: 359px) { #logo { width: 105px; } .toggleMenu { top: 10px; } .iconNav { margin-top: 5px; } .siteSearchWrap .inputSearchBox { width: 190px; } .overseasDropdownblock .indiaSite:before { right: 9px; } /*********Loan Listing*********/ .loanOfferTab { margin: 0 -4px 20px -4px; } .loanOfferTab li { width:auto; padding: 0 4px; } .innerBanner2020 .bannerImgWrap { height: 158px; }.breadcrumb ul li {font-size: 11px;}.loanItem .bulletText {margin-bottom: 25px;}.loanItem .button { font-size: 11px; } .empoweringFarmers h2 { font-size:16px;} }