@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');
html{ font-size:14px}
body {color: #333;overflow-x: hidden;background: #ffffff;font-size: 13px;font-family: 'Open Sans', sans-serif;}
p{margin-bottom: 10px;}
h1{ font-size: 1.5rem; }
header{background:#fff;padding: 0.5rem 0;box-shadow: 0px 0px 10px rgba(0,0,0,0.15);}
a, a:hover{text-decoration: none;}
.redbtn{background: #ed1c24; color: #fff;display: inline-block;text-align: center;font-size: 14px;padding: 10px 10px;min-width: 200px;margin: 0 auto;border-radius: 5px;}
.redbtn:hover{color: #fff;background:#e6050e; }
a#shopping_ico{background-image:url(../resources/images/shopping.png);background-repeat:no-repeat;background-position:12px center;text-align: center;font-weight: bold;text-transform: uppercase;padding-left: 40px;}
a#loan_ico{background-image:url(../resources/images/loan.png);background-repeat:no-repeat;background-position:15px center;text-align: center;font-weight: bold;text-transform: uppercase;padding-left: 40px;}
a#shopping_ico:hover{background-position: 17px center;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
a#loan_ico:hover{background-position: 20px center;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
header h1 a{display: block;}
header h1 span{color:#ccc;border-left: 1px solid #ccc;margin: 0 0.5rem;height: 35px;display: inline-block;vertical-align: middle;}

footer{background: #004a8f;padding:1rem 0;text-align: center;font-size: 13px;color: #fff}
.container{max-width: 1004px;}
#mainNav{background: #004a8f; padding-top: 0.75rem; padding-bottom: 0.75rem}
.topmar{ margin-top:65px}
header .container{position: relative;}
.home_icon{position: absolute;right: 10px;top:15px;}
.home_icon a{color:#333333;font-size: 16px;text-decoration: none;}
.home_icon img{vertical-align: top;margin-left: 1px;}
h2{font-size: 2.1rem;font-weight: normal;}
.cblue{color:#004a8f;}
.home_box{text-align: center;padding:5rem 0 2rem 0;}
.home_box > div{margin-bottom: 2rem;}
.home_box h2{color: #004a8f;}
.txt1{font-style: 18px;}
.home_blue_box{padding: 2rem;background-color: #b0def8;text-align: center;border-radius: 5px;}
.home_blue_box div a{margin: 0 0.5rem;}
section{padding:1rem 0;}
.bold{font-weight: bold;}
.fbox{padding: 1rem 1rem 1rem 2.5rem;}

    .bill_box  div.bills{display: block;padding-top: 50px ;position: relative;background: #fff;border-radius: 10px;padding-bottom:40px; text-align:center; box-shadow:0px 3px 10px rgba(0,0,0,0.1); margin-top:20px}
    .bill_box {text-align: center; width:94%; margin:0px 3%;}
    .bill_box   div.bills > a{position: absolute;width: calc(50% - 1px); height:30px; display:inline-block; padding:0rem; bottom:6px;color:#fff;font-size: 1.2rem;color:#004a8f; font-weight:600;}
    .bill_box   div.bills > a.minus{left: 0; border-right:1px solid #c9c9c9; background:url('../resources/images/minus.png') no-repeat center center;}
    .bill_box   div.bills > a.add{right: 0; ; background:url('../resources/images/plus.png') no-repeat center center;}
    .bill_box   div.bills > span{display: none;}
	.bill_box   div.bills > img{  text-align:center; position:absolute; left:calc(50% - 40px); top:-30px}
	.bill_box   div.bills > p{  text-align:center; clear:both; min-height:55px; margin-bottom:0; color:#004a8f; font-weight:600; font-size:1rem; border-bottom:1px solid #c9c9c9; padding:0px 10px}
    .bill_box   div.selected > span{display: block;background: red;border-radius: 50px;width: 20px;height: 20px;color: #fff;font-size: 0.75rem;text-align: center;position: absolute;top:-10px;right: -10px; line-height:20px}
/*.cashback_offers{background: royalblue;color: #fff;padding: 1.5rem;width: 350px;margin:0 auto;}*/
    .cashback_details p {font-size: 1rem;}
    .cashback_details p span{font-weight: bold;}
    .owl-nav{font-size: 2rem;}
    .owl-nav .owl-prev{position: absolute; top:45%; display: block;}
    .owl-nav .owl-next{position: absolute; top:45%; display: block;}
    #bill_list{position: relative; }
    #bill_list .item{padding:1rem 5px;}
    .owl-next.disabled{ opacity:0.2}
    .owl-prev.disabled{ opacity:0.2}
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{padding:0.75rem !important;}
	.bgtop{ background:url('../resources/images/bgtopd.jpg') no-repeat top center #ffffff;}
.backbtn{ text-align:left; color:#ffffff; font-size:1rem; background: url('../resources/images/back.png') no-repeat left center; padding-left: 15px}
.backbtn:hover{ text-align:left; color:#ffffff;}
.selectbx{ color:#ffffff;}
.selectbx h4{ color:#ffffff;}
.selectbx h6{ color:#ffffff;}
.selectbx p{ color:#ffffff; font-size:1.1rem}

.selectbx  select {background-color: white; border-radius: 4px;display: inline-block;font: inherit;line-height: 1.5em;
padding: 0.75rem 3.5rem 0.75rem 1rem; margin: 0;      -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none; height:auto; color:#777777; font-size:1.3rem}

.selectbx  select.round {background-image:linear-gradient(45deg, transparent 50%, #ffffff 50%),linear-gradient(135deg, #ffffff 50%, transparent 50%),radial-gradient(#3a95fe 70%, transparent 72%);background-position:calc(100% - 21px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - .5em) .5em;background-size:7px 7px,6px 7px,1.5em 1.5em;background-repeat: no-repeat;}

.selectbx  select.round:focus {background-image:linear-gradient(45deg, white 50%, transparent 50%),linear-gradient(135deg, transparent 50%, white 50%),radial-gradient(#004a8f 70%, transparent 72%);background-position:calc(100% - 15px) 1em,calc(100% - 21px) 1em,calc(100% - .5em) .5em;background-size:7px 7px,6px 7px,1.5em 1.5em;background-repeat: no-repeat;border-color: #777777;outline: 0;}
.selectbx  select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #000;}
.owl-stage-outer{ margin-left:0px}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{ outline:none; font-size:3rem;  color:#004a8f; font-weight:600;}

.owl-carousel .owl-nav button.owl-next{ right:-30px; background:url(../resources/images/next.png) no-repeat right center; width:15px; height:30px; padding:0 !important}
.owl-carousel .owl-nav button.owl-prev{ left:-40px; background:url(../resources/images/prev.png) no-repeat right center; width:15px; height:30px; padding:0 !important}
.subhead{color:#666666; font-weight:600}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{ display:none}

.cblue{color: #004a8f;}
.f15{font-size: 15px  !important;}
.irs--big.irs-with-grid{height: 20px;}
.irs--big .irs-grid-text{color:#1256ae;font-weight: bold;font-size: 11px;font-family: "Open sans";}
input, select{font-family: "Open sans";}
.rangeVal{position: relative;}
.rangeVal > a{position: absolute;right: 10px;color:#1256ae;top:12px;font-size: 14px;}
.rangeVal > a img{vertical-align: middle;}

.calc_form .form-check-label{font-weight: 700; border: 2px solid #e6b84e; padding: 10px 25px; display: inline-block; border-radius: 8px;}
.calc_form input.form-check-input{display: none;}
.calc_form input.form-check-input[type=radio]:checked + label{ background: #1256ae; color: #fff; border-color: #1256ae;}
.calc_form input{  border: 2px solid #dbe0e7;background: transparent;font-size: 20px;color: #333333;height: 50px;border-radius: 8px;font-family: 'Open sans';}
.calc_form input:focus{ background: transparent; box-shadow: none; outline: none; border-color:#e6b84e;  }
.irs--big .irs-min, .irs--big .irs-max, .irs--big .irs-single{ display: none; }
.irs--big .irs-line{background: #dbe0e7; height: 8px; border:0; top:0px;}
.irs--big .irs-bar{background: #f14b51; height: 8px; border:0; box-shadow: none; top:0px;}
.irs--big .irs-handle{ width: 20px; height: 20px; border: 7px solid #004a8f; top:-7px;}
.irs--big{ height: 13px; }
.rangeVal{position: relative;}
.rangeVal > a{position: absolute;right: 10px;color:#1256ae;top:12px;font-size: 14px;}
.rangeVal > a img{vertical-align: middle; position:absolute; top:-5px; right:2px;}
#loan_amt1{ background-color:#fff;}

.resultbx{ background:url('../resources/images/resultbgd.png') no-repeat top center; min-height:245px;  padding:20px 30px; color:#ffffff; font-size:1rem;}
.resultbx h4{ font-size:1.6rem; text-align:center}
.resultbx h5{ font-size:1.2rem; text-align:center}
.resultbx img{ text-align:center}

.revartbx{ background-color:#287cff; padding:10px 15px; border:1px dashed #fff; font-size:1.3rem; font-weight:600; margin-top:0px; border-radius:5px; margin-right:27px}

.btnnet{ background-color:#004a8f; color:#fff; width:100%; text-align:center; padding:10px 0px; font-size:1.1rem; font-weight:500}
.btbiller{ background-color:#3a95ff; color:#fff; width:100%; text-align:center; padding:10px 0px; font-size:1rem; font-weight:500}

.bghome{ background-color:#fafafc !important;}
/*.bannerh{ background:url('../resources/images/bannerhome_d.gif') no-repeat top center; background-size:100%; min-height:315px; padding:15px; text-align:center}*/
.bannerh img{box-shadow: 0 0 15px rgb(0 0 0 / 25%);border-radius: 10px;}
.bannerh h3{ color:#004a8f; font-size:2.4rem; font-weight:600; text-align:center; margin-top:2rem}
.bannerh p{ color:#004a8f;  font-weight:600; text-align:center; font-size:2rem; margin-top:1rem; margin-bottom:2rem}
.bannerh a{ color:#004a8f; background-color:#ffffff; width:100%; text-align:center;  font-weight:600; max-width:250px; text-align:center; padding:10px 30px; border-radius:7px; font-size:1.2rem; }
.heading{ color:#333333; font-size:1.4rem; font-weight:600;}
.fbx{ padding:27px 10px 20px 50px;  box-shadow:0px 0px 5px rgba(0,0,0,0.1);  min-height:80px; color:#333333; font-size:1rem; font-weight:600; line-height:1.4rem; border-radius:10px; margin:10px 5px}
.fbx.icon01{ background:url('../resources/images/icons01.png') no-repeat 10px center #fff;}
.fbx.icon02{ background:url('../resources/images/icons02.png') no-repeat 10px center #fff;}
.fbx.icon03{ background:url('../resources/images/icons03.png') no-repeat 10px center #fff;}
.fbx.icon04{ background:url('../resources/images/icons04.png') no-repeat 10px center #fff;}
.fbx.icon05{ background:url('../resources/images/icons05.png') no-repeat 10px center #fff;}
.fbx.icon06{ background:url('../resources/images/icons06.png') no-repeat 10px center #fff;}
.fbx.icon21{ background:url('../resources/images/icons21.png') no-repeat 10px center #fff;}
.fbx.icon20{ background:url('../resources/images/icons20.png') no-repeat 10px center #fff;}
.fbx >b{ font-weight:800; color:#1e86ff; font-size:1.5rem; padding-right:5px;  float: left; display: none; height: 40px; padding-top: 2px}

#bankingTab .nav-item{ width:auto; margin-right:10px}
#bankingTab .nav-item:last-child{ margin-right:0px}
#bankingTab .nav-item .nav-link{ background-color:#f1f1f1; color:#666666;  text-align:center; font-size:1rem; padding:12px 15px;}
/*#bankingTab .nav-item .nav-link.first{ border-radius:4px 0px 0px 4px}
#bankingTab .nav-item .nav-link.middle{border-radius:0px 0px 0px 0px}
#bankingTab .nav-item .nav-link.second{border-radius:0px 4px 4px 0px}*/
#bankingTab .nav-item .nav-link.active{background-color:#004a8f; color:#ffffff; box-shadow:0px 0px 10px rgba(0,74,143,0.4)}

.stepbx{ padding:15px; box-shadow:0px 0px 10px rgba(0,0,0,0.1);  min-height:120px; border-radius:10px; text-align:center; margin-bottom:30px; background-color:#ffffff;}
.stepbx h4{ color:#1e86ff; font-size:1.4rem; text-transform:uppercase; text-align:center; font-weight:700}
.stepbx h5{ color:#000000; font-size:1rem;text-align:center; font-weight:600; min-height:35px}
.customLinks li{ text-align:center; width:50%}
.customLinks li a{ text-align:center; color:#1e86ff; border:2px solid #1e86ff; width:94%; margin:0px 3%; font-size:1rem; font-weight:600; border-radius:5px; padding:10px 5px; max-width:300px}
.customLinks li a.active{color:#ffffff; background-color:#1e86ff;}
.offerbx{box-shadow:0px 0px 10px rgba(0,0,0,0.1);  border-radius:10px; background-color:#ffffff; text-align:center}
.offerbx .amazon{ background-color:#000000; padding:20px 0px; text-align:center;  border-radius:10px 10px 0px 0px;}
.offerbx .flipcart{ background-color:#037cd7; padding:20px 0px; text-align:center;  border-radius:10px 10px 0px 0px;}
.offerbx p{ padding:10px 25px 20px 25px; color:#666666; font-size:1rem; min-height:70px}
.offerbx a{text-align:center; color:#1e86ff; border:1px solid #1e86ff; font-size:1rem; font-weight:600; text-transform:uppercase; padding:7px 10px;  border-radius:3px;}
.offerbx a:hover{color:#ffffff; background-color:#1e86ff;}
.selectbx { text-align:center} 
.mb3rem{margin-bottom: 3rem;}
.mt3rem{margin-top: 2rem;}
.mr3rem{margin-right: 3rem;}
.fwb{ font-weight:600}
.fwmb{ font-weight:400}
.heading{ text-align:center}

.CTAlink a{ text-align:center; color:#ffffff; background-color:#1e86ff; border:2px solid #1e86ff; width:94%; margin:0px 3%; font-size:1rem; font-weight:600; border-radius:5px; padding:10px 5px; max-width:200px}
 

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background-color:#1e86ff}
.owl-theme .owl-dots .owl-dot span, .owl-theme .owl-dots .owl-dot span{ background-color:#b1ccec}
.rangevalues span{color:#666666; font-size:1rem; font-weight:600}
.selectbx h4{}
#cards{ border:none; border-radius:8px}
.bgdiv{ position:absolute; width:100%; height:360px; top:40px; left:0; background-color:#45a9ff; z-index:0}
.zindex1{ position:relative; z-index:1}
.whitebg{ background-color:#ffffff; }
.bluebg{ background:url('../resources/images/bggrad.png') no-repeat right bottom #3a95ff; background-size:auto 100%; min-height:365px;}
.graybg{ background-color:#f2f6fa;  min-height:370px;}
.selectbx p br{ display:none}
#cards{ width:80%}
.upmove{ position:relative; top:-90px}
.upmove2{ position:relative; top:-160px; height:310px}
/*#NetBanking .row > .col-6{ max-width:20%;}*/
/*#Mobile .row > .col-6{ max-width:20%;}*/

.owl-theme .owl-dots .owl-dot span{ margin:5px}

.itemcontent{ min-height:275px; border:2px dashed #cbd5df; border-radius:10px;  margin-top:0px; padding:15px 20px 15px 20px;}
.itemcontent{ position:relative;}
.itembx{ width:100%; display:flex; align-items: center; margin-bottom:20px}
.rangesl{ width:40%; float:left; margin-left:20px;}
.mt15{ margin-top:22px}
.fr_amt input[type='text']{ border:none;color:#333333; font-size:1.1rem; font-weight:600; width:70px}
.itembx{position: relative;padding-right:0;}

.fl_head{ float:left;  width:30%; color:#333333; font-size:1.1rem; font-weight:600; padding:7px 10px 7px 10px; display:flex; align-items: center; }
.fl_head span{ margin-right:10px} 
.fr_amt{ float:right; width:15%; border:1px solid #d2d2d2; padding:7px 0px 7px 15px; color:#333333; font-size:1.1rem; font-weight:600; margin-right:3%; margin-top:8px; border-radius:5px}
.fr_amt input {color: #666666;font-size: 1rem;font-weight: 600; font-family: 'Open Sans', sans-serif;}
.itemdet{ background: #ffffff;border-radius: 10px;  box-shadow:0px 3px 10px rgba(0,0,0,0.2); padding:10px 10px; min-height:70px;}
.itemdet{ position:relative; width: 100%; }
.itemdet{ z-index:10; transition: 0.2s ease all;}
/*.itemdet:hover{transform: translateX(-90px)}*/
.btnRemove{ }
.btnRemove a{background-color:#f58220; color:#ffffff; text-transform:uppercase; font-size:0.9rem; text-decoration:none; padding:25px 30px; border-radius:5px;}
.btnRemove{position: absolute;right: 2px;top:26px;}


.icon01  span{ background:url('../resources/images/mob.png') no-repeat top center #ffffff; width:45px; height:35px; display:inline-block;background-size:cover }
.icon02  span{ background:url('../resources/images/bulb.png') no-repeat top center #ffffff; width:45px; height:35px; display:inline-block;background-size:cover}
.icon03  span{ background:url('../resources/images/insurance.png') no-repeat top center #ffffff; width:45px; height:35px; display:inline-block;background-size:cover}
.icon04  span{ background:url('../resources/images/phone.png') no-repeat top center #ffffff; width:45px; height:35px; display:inline-block;background-size:cover}
.icon05  span{ background:url('../resources/images/modem.png') no-repeat top center #ffffff; width:55px; height:35px; display:inline-block;background-size:cover}
.icon06  span{ background:url('../resources/images/gas.png') no-repeat top center #ffffff; width:45px; height:35px; display:inline-block;background-size:cover}
.icon07  span{ background:url('../resources/images/water.png') no-repeat top center #ffffff; width:45px; height:35px; display:inline-block;background-size:cover}
.icon08  span{ background:url('../resources/images/rental.png') no-repeat top center #ffffff; width:45px; height:35px; display:inline-block;background-size:cover}
.icon09  span{ background:url('../resources/images/mutual.png') no-repeat top center #ffffff; width:45px; height:35px; display:inline-block;background-size:cover}
.icon010  span{ background:url('../resources/images/dth.png') no-repeat top center #ffffff; width:45px; height:35px; display:inline-block;background-size:cover}

.bills.active > label > p{ color:#333333}
.bluetxt{ color:#004a8f}
.twomore{ text-align:center;margin:1.5rem 0;display: none;}
.twomore span{ background-color:#e0eefb; display:inline-block; padding:15px 15px 15px 40px; background-image:url(../resources/images/rewards.png); background-repeat:no-repeat; background-position:10px center; color:#004a8f; font-size:1rem; font-weight:600; border-radius:5px}
.fs1rem{ font-size:1rem}
.fmos{font-family: 'Open Sans', sans-serif;}
.readmore{ color:#1e86ff}

.backimg{background: url('../resources/images/add_symbol.png') no-repeat center center}
.pomt75{ position: relative; margin-top: -75px }
.offerimg{ border-bottom: 1px solid #e0e0e0;  background-color: #e0e0e0; border-radius: 5px 5px 0px 0px; padding: 10px 10px}
.offerimg img{ max-width: 150px; width: auto;}

#tutorial .modal-content{ border: none; background: transparent;; }
.btnwhite{ color: #1e86ff; background-color: #ffffff; text-align: center; padding: 12px 0px; display: inline-block; width: 130px; font-weight: 600 }
.tutorialwrap{ position: absolute; margin-top: 76%}
.tutorialwrap0{ position: absolute; margin-top: 30%; left: 100px}
#tutorial{ background-color: rgba(0,0,0,0.8) }
.mt25p{ margin-top: 25%}
.tutorial03{position: absolute; top: 100%; left: 170px; }
#nextbtn2{ position: absolute; top: 230px; left: 170px;}
.desclaimertxt{width: 600px;margin:0 auto;text-align: left;display: block;}
.desclaimertxt  > .ptitle{font-weight: bold;font-size: 1rem;margin-bottom: 0.25rem;}
.desclaimertxt span{ text-align: left; font-size: 1.2rem; font-weight: 600; border: 2px dashed #e0e0e0; padding: 10px 10px;display: inline-block;}
.resultbx div{ font-size: 1.1rem; }
.textnormal strong{ font-weight: 800; font-size: 1.1rem }
.textnormal span{ font-weight: 800; color: #004a8f; font-size: 1.1rem }
.fbx i{ font-weight: 800; color: #004a8f; font-style:normal;}
.err_message{padding:1rem 0.75rem;text-align: left;color:maroon;background: #ddd;position: absolute;left: 50%;width: 250px;margin-left:-125px;margin-top: -20px;z-index: 2;border-radius: 5px;}
.err_message:after{border-color: transparent transparent #ddd transparent;content: "";border-style: solid;border-width: 10px;position: absolute;top:-18px;left: 50%;margin-left: -10px;}
.err_message > img{position: absolute;right: 1rem;width: 25px;top:0.75rem;}
@media only screen and (max-width: 1024px){
/*.bannerh { min-height:250px}*/
.bannerh p{ margin-bottom:1rem; margin-top:0.5rem}
.bannerh h3{ margin-top:1rem}
.fbx { min-height:90px}
.bluebg{  min-height:390px;}

}	



@media (max-height: 700px) {

}
@media (max-width: 767px) {
    .desclaimertxt{width: 100%;}
    .err_message{width: 100%;left: 0;margin-left: 0;}
	#mainNav a{ width:100%; text-align:center}
	.owl-stage-outer{ margin-left:-15px}
	#bankingTab .nav-item .nav-link{ font-size:1rem}
	.bgtop{ background:url('../resources/images/bgtop.jpg') no-repeat top center #ffffff; background-size:100%;}
  .selectbx { text-align:left} 
  .owl-carousel .owl-nav button.owl-next{ right:-20px; padding:0 !important; font-size:2rem}
.owl-carousel .owl-nav button.owl-prev{ left:-23px; padding:0 !important; font-size:2rem}
.owl-nav .owl-prev, .owl-nav .owl-next{ top:60%; display:none}
.bill_box{ width:100%; margin:0;}
.mb3rem{margin-bottom: 0rem;}
.mt3rem{margin-top: 0rem;}
.mr3rem{margin-right: 1rem;}
.resultbx{ background:url('../resources/images/resultbg.png') no-repeat top center; min-height:360px; padding:25px 45px; color:#ffffff; font-size:1rem;margin-top: 15px; text-align:left; max-width:350px; margin:0px auto}
.resultbx h4{ margin-bottom:10px }
.revartbx{ margin-right:0px}
.btnnet, .btbiller{ width:90%}
/*.bannerh{ background:url('../resources/images/bannerhome_m.gif') no-repeat top center; background-size:100%; min-height:155px; padding:15px;  text-align:left}*/
.bannerh h3{ color:#004a8f; font-size:1.3rem; font-weight:600; text-align:left; margin-top:0}
.bannerh p{ color:#004a8f;  font-weight:600; text-align:left; font-size:1rem;  margin-top:0; margin-bottom:10px}

.bannerh a{ color:#004a8f; background-color:#ffffff; width:100%; text-align:center;  font-weight:600; max-width:130px; text-align:center; padding:5px; font-size:0.9rem}
.heading{ text-align:left}
.navbar-brand img{ width:165px}
.topmar { margin-top:55px}
#cards{ width:80%}
.selectbx h4{ margin-top:10px;}
.resultbx h5{ text-align:center !important}
.resultbx{ padding:15px 35px}
.selectbx p br{ display:block}

.whitebg{ background-color:#ffffff; }
.bluebg{ min-height:440px;}
.graybg{min-height:450px;}
.upmove{ position:relative; top:-75px}
.upmove2{ position:relative; top:-240px}
.bluebg { background-size:100% 100%}
#NetBanking .row > .col-6{ max-width:50%;}
#Mobile .row > .col-6{ max-width:50%;}
#feaBx  .col-6{ max-width:50%;flex: 0 0 50%;}
.whitebg{ background-color:#ffffff; }
	.itemcontent{ padding:10px; }
	
	.bills p{ font-size:0.8rem}
	.itembx{ position:relative; width: 100%}
	.itemdet{ position:relative; width: 100%; min-height: 130px}
	.itemdet{ z-index:10; transition: 0.2s ease all;}
	.rangesl{ position:absolute; width:82%; top:60px}
	.fl_head{ width:65%;}
	.fr_amt{ width:30%;}
	.fr_amt input[type='text'] {width:75%;}
	.amountbx .col50{ width:100%}
	.itemcontent{ padding:10px;}
	.amountbx{ min-height:135px; margin-bottom: 15px}
	.amountbx .col50.floatr{ text-align:center}
	.btnRemove{position: absolute;right: 55px;top:40px;}
	#bankingTab .nav-item .nav-link{ padding:10px;}
    .tutorialwrap{ text-align: right;}
    .tutorial03{ position: absolute; top: 105px; left: 68px;}
    #nextbtn2{ position: absolute; top: 300px; left: 68px;}
    .tutorialwrap0{ position: absolute; margin-top: 16%; left:0px}
    .resultbx div{ font-size: 1rem; }
      .revartbx { padding: 10px 10px; margin-top: 10px !important; }
      footer{margin-bottom: 75px;}
      .customLinks{position: fixed;width: 100%;padding:0.75rem 5%;left: 0;bottom:0;background: #fff;z-index: 5;}
      .heading.mt-5{margin-top: 0.25rem !important;}

}
@media (max-width: 580px) {
.bannerh img{width: 100%}
}

@media (max-width: 370px) {
	.bannerh h3{ font-size:1.1rem;}
	.bannerh a{ font-size:0.8rem; padding:5px 2px}
  .fbx{ font-size:0.8rem; padding-right:5px}
  #bankingTab .nav-item .nav-link{ font-size:0.9rem; padding:10px 7px}
  .resultbx{ padding:15px 25px}
}

@media (max-width: 330px) {

  #bankingTab .nav-item .nav-link{ font-size:0.8rem}
  .resultbx{ padding:25px 20px}
  .resultbx{ padding:15px 15px}
  .resultbx{ max-width:100%; margin:0px auto}
}