@charset "utf-8";
/* CSS document written by Harish Kohli */

@media all and (max-width:767px){
body{}
.wrap{ width:100%; display:block;}
.content {font-size:11px; line-height:16px; text-align:justify;}
.content p{ line-height:18px; font-size:13px;}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9, .col-sm-1Third{ width:100%;}
.mobRow{ width:100%;}
.mobPaddingNone{ padding:0px!important;}
.mobMarginNone{ margin:0px!important;}
.mobmarginBtm30{ margin-bottom:30px;}
.mobAlignCenter{ text-align:center;}
.mobAlignJustify{ text-align:justify;}
.mobAlignLeft{ text-align:left;}
.mobmarginTop{ margin-top:10px;}
.mobDivCenter{ margin:0 25% 10px; float:none; display:block; width:50%;}
.mobwidth{margin:0 15% 10px; width:70%;}
.moblineheight{ line-height:20px;}
.mobGap{ padding:0px;}
.mob10{ width:10%;}
.mob20{ width:20%;}
.mob30{ width:30%;}
.mob40{ width:40%;}
.mob50{ width:50%;}
.mob60{ width:60%;}
.mob70{ width:70%;}
.mob80{ width:80%;}
.mob90{ width:90%;}
.mobDisplayNone{ display:none;}
.mobPaddingAll{ padding:10px; box-sizing:border-box;}
.mobFontH5{ font-size:16px!important;}

/*theme style*/
.link{ height:20px; margin:0px;}
.link span{ display:none;}
.moblogosetting{ width:88%; padding:2px 0px;}
.logoBox{ width:54%; padding:0px 0px 0px 10px; }
.height64{ height:44px; padding:0px;}
.homeIcon{ display:none;}
#menu{ display:none; margin:0px!important;}
.mobmenuIcon{ margin:10px 0px 0px 7px; display:block;}
.closeIcon{ margin:7px 10px 0px 0px; display:block; position:absolute; right:0px; top:0px; background:#01263d; display:none; padding:7px; border-radius:100px;}
.closeIcon img{ width:15px; height:15px;}
#menu li{ width:100%;}
/*.Menusubnav, .menuArrownav{ display:none!important;}*/
.Menusubnav .right2{ display:none!important;}
#menu li .Menusubnav{ width:100%!important; position:static!important;}
#menu li .Menusubnav ul{ width:100%!important;}
#menu li .Menusubnav li{ border:none!important;}
#menu li a{ width:100%; box-sizing:border-box;}
#menu li .menuArrownav{ left:25%!important;}
.bestDealBox{ display:none;}

.servicesBox{ width:100%;}
.subtitlePanel{ width:100%; font-size:14px;}
.servicesBox a{ width:47.4%;}

.div-on-Center{ width:100%;}
.titlePanel img{ width:100%; height:100%;}
.itemPanel{ width:94%; margin-left:3%; margin-right:3%;}
.ourpartnerBox{ width:50%; font-size:20px; padding:30px 30px 30px 0px;}
.ourpartnercontentBox{ width:50%;}
.quickApplyPanel{ padding:10px;}
.quickApplyContentBox{ padding:20px; background:#a0b7d3 url("http://www.bankloankart.com/images/quick-apply-bg.png") repeat-x scroll 0 bottom/100% 100%;}
.quaterSection{ width:100%;}
.quickApplytitle{ margin:10px 0px 0px; background:none; line-height:30px; font-size:20px; padding:0px; text-align:left;}
.padngTop.black{ width:90%; padding:0px;}
#captchaimg{ width:100%; height:30px;}
.testiBg{ display:none;}
.marquee0 div:first-child{width:100px;}
footer.row{ padding:0px; width:100%; box-sizing:border-box;}
.seprater{ background:none;}
.socialMedia{ display:none;}
.footer-lwr{ width:100%; margin:0px 0px 0px -10px; padding:0px 10px 0px 0px;}

.bodySection{ padding:0px 0px; box-sizing:border-box;}
.bannerPanel{ padding:10px; box-sizing:border-box;}
.searchPanel{ width:100%; margin:10px 0px; box-sizing:border-box;}
.mobheight10{ height:10px; width:100%; display:block;}
.loanproduct .chos-title{ width:80%; margin:0px 10% 10px;}
.loanproduct{ padding:0px 15px; box-sizing:border-box;}
.loanproductRepeater{ width:100%; margin:10px 0px; height:150px; border-bottom:solid 1px #ddd; border-right:0px;}
.loanproductRepeater .qouateBox{ padding:30px;}
.processPanel, .quotes-block{ display:none;}
.loanpartners .chos-title{ width:100%; background:url("http://www.bankloankart.com/images/loan-partners.png") no-repeat scroll 0 8px / 100% 100%; margin:-23px auto 10px; line-height:50px;}
.bankLogoPanel{ width:48%; box-sizing:border-box; padding:5px; min-height:70px; margin:5px 1%;}
.footerlink{ padding:0px 6px; font-size:11px;}
.width19{ width:50%; padding:2px 0px;}
.chos-title-inv{ border-radius: 10px 10px 0 0; font-size: 14px; line-height: 30px; width: 80%; margin:40px 10% 0px;}
.step1Panel{ border-radius:10px; padding:20px 20px 70px; box-sizing:border-box;}
.step1Panel h3{ display:none;}
.circleBox{ width:90%; margin:0px 5%;}
.circleBox label{ margin:0px 30% 15px; width:40%; padding:25px 0px 10px; height:75px; font-size:14px;}
.width75{ width:95%!important;}
.profes{ padding:15px 0px 20px!important;}
.minus20{ margin:0px;}
.banklisting{ width:65px; min-height:35px; margin:0px 5px 5px; padding:5px;}
.banklisting img{ padding:3px;}
.step1APanel{ position:static; padding:0px;}
.minus50Margin{margin-top:0px;}
.bankList tr{ width:100%;}
.bankList td{ width:100%; display:block; box-sizing:border-box;}
.plTitle{ box-sizing:border-box; margin:0px; width:100%; padding:5px 15px; box-sizing:border-box; text-align:center;}
.mobValue{ margin:0px 0px 10px!important; width:100%; text-align:center;}
.col-sm-5.fontWeightNone.alignCenter.blueBG.paddingInBox.boxsizing.white.roundedCorner{ width:100%; box-sizing:border-box; padding:5px; font-size:14px!important;}
.bankListlogo{ float:none; margin:-40px auto 0px; width:160px;}
.marginBottom40{ margin-bottom:20px;}
.needinfo{ width:50%; text-align:center;}
.applyNow{ width:50%; text-align:center;}
.breadcrumbs a{ font-size:12px;}
.sideMenu{ width:100%; bottom:0px; z-index:1; border-radius:0px; left:0px; top:auto;}
.sideMenu h3{ display:none;}
.sideMenu a{ width:20%; padding:35px 0px 0px; margin:0px; font-size:11px; border-right:solid 1px #ddd!important; box-sizing:border-box; text-align:center;}
.sideMenu a:nth-child(1){ width:10%;}
.sideMenu a:nth-child(2){ width:17%;}
.sideMenu a:nth-child(3){ width:24%;}
.sideMenu a:nth-child(4){ width:26%;}
.sideMenu a:nth-child(5){ width:12%;}
.sideMenu a:nth-child(6){ width:21%;}
.doc, .eligi, .faq, .intRate, .apply{ background-position:center 10px;}
.doc-blue, .eligi-blue, .faq-blue, .intRate-blue, .apply-blue{ background-position:center 10px;}
.mobdetailsPage{ margin:90px 0px 0px;}
.bankcrtia2PERSON{ width:40%; margin:-70px 5% 0px; height:100px;}
.bankcrtia2PERSON span{ margin:100px 0px 0px; font-size:11px; line-height:16px;}
.gap::after{ left:40%;}
.boxTitle{ font-size:13px;}
.select2-drop{ width:67%!important; margin:0px 15% 0px 15.5%!important;}
.content table{ width:100%!important;}
.content table td{ vertical-align:top; padding:2px; box-sizing:border-box;}
.blBank{ width:60%; margin:0px 20%;}
.salariedPanel::before{ left:43%;}
.BoxWrap{ margin-bottom:10px;}
.bankcrtia{ height:60px!important;}
.hlbdCenter{ margin-top:-30px;}
.hlbd{ margin-top:-50px;}
.hlbd1{ margin-top:-50px;}
.bankcrtia span{ bottom:-60px; line-height:16px;}
.salariedPanel, .profesionalsPanel, .selfPanel{ margin-top:80px;}
.plgd{ height:85px!important;}
.blgd{width:20%;}
.accordion_head{ position:relative; padding:5px 20px 5px 10px; line-height:18px; font-size:13px;}
.plusminus{ position:absolute; right:7px; top:6px;}
.accordion_body p{ padding:5px; font-size:13px; line-height:18px;}
.innePageBG{ padding-bottom:30px;}
.our-process{ margin:0px;}
.process-links a{ width:40px; height:40px; padding:10px; box-sizing:border-box;}
.process-links a img{ width:100%; height:100%;}
.process-title{ font-size:20px;}
.small-icn{ width:55px; height:55px; padding:10px; box-sizing:border-box;}
.small-icn img{ width:100%; height:100%;}
.process-large .process-circle{ width:105px; height:105px;}
.Menusubnav ul li ul.second22{ bottom:auto!important;}




.sal:before{ content:"Salaried : "; font-weight:bold; text-transform:lowecase; color:#cb151b;}
.se:before{ content:"Self Employed : "; font-weight:bold; text-transform:lowecase; color:#cb151b;}
.pro:before{ content:"Professional : "; font-weight:bold; text-transform:lowecase; color:#cb151b;}

.floating:before{ content:"Floating Interest Rate : "; font-weight:bold; text-transform:lowecase; color:#cb151b;}
.process:before{ content:"Processing Fee : "; font-weight:bold; text-transform:lowecase; color:#cb151b;}
.features:before{ content:"Features : "; font-weight:bold; text-transform:lowecase; color:#cb151b;}

.lapinterest:before{ content:"Rate of Interest : "; font-weight:bold; text-transform:lowecase; color:#cb151b;}
.laploantype:before{ content:"Loan for types of properties : "; font-weight:bold; text-transform:lowecase; color:#cb151b;}


.laptype:before{ content:"Type of Loan : "; font-weight:bold; text-transform:lowecase; color:#cb151b;}
.laproi:before{ content:"ROI /PF/IMD : "; font-weight:bold; text-transform:lowecase; color:#cb151b;}
.lapmax:before{ content:"Max & Min Amt. : "; font-weight:bold; text-transform:lowecase; color:#cb151b;}
}



@media all and (min-width:768px) and (max-width:1024px){
.wrap{width:100%; padding:0px 10px; box-sizing:border-box;}
.upprWrap{ height:580px;}
.servicePanel a{ width:100%; padding:10px 0px;}
.callBox{ margin:65px 0px 0px;}
.callBox img{ margin:0px -5px 1px 0px;}
.callNumbr{ margin:17px auto 0px;}
.imgBox{ margin:0 10px 0 0;}
.imgBox img{ width:45px; height:45px;}
.caption{ font-size:12px; line-height:45px; font-weight:normal;}
.link{ width:100%; margin-bottom:5px; box-sizing:border-box; border-right:none;}
.mobsetingCall{ display: table; float: none; left: 0; margin: 0 auto; padding: 0; position: absolute; right: 0;}
.subtitle{ width:20%; padding:0px; margin:-40px 40% 0;}
.captionInnerSM{ font-size:13px; padding:32px 0px 0px;}
.paddingRightExtra{ padding-right:20px;}
.paddingLeftExtra{ padding-left:20px;}
.imgBoxInnerSM{ width:25%; margin:12px 5px 0px 0px;}
.imgBoxInnerSM img{ width:100%;}
.titleBox{ width:78%;}
.servicebtn{ margin:25px 0px 0px;}
}