@media only screen and (min-width: 1600px) {
    .innerheader,
    .midcontainer {
        width: 100% !important;
    }
}

@media(min-width:320px) and (max-width:480px) {
    .portfolio-item {
        width: 100%;
    }
    .innerheader,
    .midcontainer {
        width: 100% !important;
    }
    .line_head h2 {
        padding-top: 92px !important;
        font-size: 20px !important;
    }
    .tpbr ul li {
        padding: 0 2px !important;
        font-size: 10px !important;
    }
}

@media(min-width:481px) and (max-width:600px) {
    .portfolio-item {
        width: 100% !important;
    }
    .innerheader,
    .midcontainer {
        width: 100% !important;
    }
    .line_head h2 {
        padding-top: 92px !important;
        font-size: 20px !important;
    }
}

@media (min-width:601px) and (max-width:767px) {
    .portfolio-item {
        width: 100% !important;
    }
    .midcontainer {
        width: 100% !important;
    }
    .line_head h2 {
        padding-top: 92px !important;
        font-size: 20px !important;
    }
}

@media (min-width:768px) and (max-width:992px) {
    .portfolio-item {
        width: 100% !important;
    }
    .midcontainer {
        width: 100% !important;
    }
    .line_head h2 {
        padding-top: 92px !important;
        font-size: 20px !important;
    }
}

@media (min-width:993px) and (max-width:1199px) {
    .innerheader,
    .midcontainer {
        width: 900px !important;
        margin: 0 auto;
    }
    .line_head h2 {
        padding-top: 92px !important;
        font-size: 20px !important;
    }
}

.blinker {
    animation-name: blinker;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    margin: 0 8px 0 10px;
    background: #f6b801;
    padding: 0 5px
}

@keyframes blinker {
    0% {
        color: #333
    }
    100% {
        color: red
    }
}

.lognibox .registerlink,
.menu ul li a,
.net-banking a,
.passwordlink,
.sidenav ul li a,
.tpbr ul li a,
.tpbr ul li a:hover,
a {
    text-decoration: none
}

#ddmenu .top-heading,
.actions span,
.content .x:hover,
.net-banking,
.quickFlipCta,
.sbtmbtn2,
.sbtmbtn3,
.search-sbmt,
.srchbtn,
[class^=icon-],
h2.acc_trigger,
ul.baraja-container li {
    cursor: pointer
}

.main,
.pos-rel {
    position: relative
}

.chat-bx a,
.menu ul li,
body {
    font-family: open_sansregular
}

.videodata li {
    width: 31.4% !important
}

.videodata li video source {
    height: 250px
}

.videodata li video {
    width: 100% !important;
    float: left;
    height: 250px
}

#ddmenu .caret,
.foot-btm,
.footer,
.net-banking,
.rgnhead-mob,
.search_form {
    overflow: hidden
}

.chat-bx a,
.lognibox h3 {
    text-transform: uppercase
}


@font-face {
    font-family: open_sansregular;
    src: url(../fonts/opensans/opensans-regular.eot);
    src: url(../fonts/opensans/opensans-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/opensans/opensans-regular.woff) format('woff'), url(../fonts/opensans/opensans-regular.ttf) format('truetype'), url(../fonts/opensans/opensans-regular.svg#open_sansregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open_sansbold;
    src: url(../fonts/opensans/opensans-bold.eot);
    src: url(../fonts/opensans/opensans-bold.eot?#iefix) format('embedded-opentype'), url(../fonts/opensans/opensans-bold.woff) format('woff'), url(../fonts/opensans/opensans-bold.ttf) format('truetype'), url(../fonts/opensans/opensans-bold.svg#open_sansbold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Conv_Ubuntu-RI;
    src: url(../font/Ubuntu-RI.eot);
    src: local('☺'), url(../font/Ubuntu-RI.woff) format('woff'), url(../font/Ubuntu-RI.ttf) format('truetype'), url(../font/Ubuntu-RI.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

*,
:after,
:before {
    box-sizing: border-box
}

.tpbr ul li,
.tpbr ul li a {
    color: #d3bbc0;
    font-weight: 700
}

body {
    overflow-X: hidden
}

a,
a img {
    outline: 0;
    border: none
}

.fl {
    float: left
}

.fr,
.topheader {
    float: right
}


.tpbr,
.tpbr ul {
    float: left
}

.clear {
    clear: both
}

img {
    max-width: 100%
}

.tr {
    text-align: right
}

.tl {
    text-align: left
}

#ddmenu .dd-inner,
#ddmenu ul,
.chat-bx a,
.sbtmbtn3,
.tc {
    text-align: center
}

.height10 {
    height: 10px
}

.height50 {
    height: 50px
}

.height40 {
    height: 40px
}

.height100 {
    height: 100px
}

.height170 {
    height: 170px
}

.height20 {
    height: 20px
}

.marrgt10 {
    margin-right: 10px
}

.main {
    width: 100%
}

.headercontainer {
    background: #a20a3a;
    width: 100%;
    display: block;
    height: 78px;
    border-bottom: 15px solid #f6b801
}

.innerheader,
.midcontainer {
    width: 1100px;
    margin: 0 auto
}

.topheader {
    width: auto
}

.tpbr {
    background: #940b36;
    padding: 5px 0;
    width: 100%
}

.tpbr ul {
    margin-right: 10px
}

.tpbr ul li {
    float: left;
    padding: 0 5px;
    border-right: 1px solid #d3bbc0;
    margin-top: 6px;
    font-size: 12px
}

.chat-bx,
.lang {
    margin: 20px 20px 0 0
}

.tpbr ul li a:focus,
.tpbr ul li a:hover {
    color: #fff
}

.chat-bx a,
.chat-bx a:hover {
    color: #fff;
    text-decoration: none
}

.tpbr ul li.frst {
    border-left: 1px solid #d4d4d4
}
/*.logo {
    width: 320px;
    padding: 14px 0 0
}*/


.menusec,
.topinfo {
    float: right
}

.menusec {
    width: 100%;
    position: absolute;
    right: 0
}

.r-pannel {
    display: none !important
}

.chat-bx {
    float: left;
    width: 85px
}

.chat-bx a {
    background: url(../images/chat-icon.png) 8px 5px no-repeat #00b716;
    font-size: 11px;
    transition: all .5s ease 0s;
    border-radius: 5px;
    display: block;
    width: 100px;
    float: right;
    padding: 5px 0 7px 18px
}

.lognibox,
.net-banking img {
    display: none
}

.lang,
.srchbtn,
.srchbx,
.srchbx1 {
    float: left
}

.chat-bx a:hover {
    background-color: #04a017
}

.srchbtn {
    background: url(../images/search-icon.png) center no-repeat;
    width: 31px;
    height: 26px;
    border: none
}

.srchbx {
    height: 28px
}

.srchbx1 {
    width: 200px;
    border: none;
    background: #840c32;
    font-size: 12px;
    color: #ebdee1;
    height: 27px;
    padding: 5px 0 5px 7px
}

input:focus {
    outline: 0
}

.menu {
    float: right
}

.menu ul li {
    float: left;
    font-weight: 700;
    font-size: 14px;
    color: #fff
}

.lognibox .registerlink,
.lognibox h3,
.sbtmbtn3 {
    font-family: open_sansbold
}

.menu ul li a {
    color: #fff
}

.menu ul li.last {
    padding-right: 0
}
ul{padding:0;margin:0}
li{list-style:none}

.bannerrgtpanel {
    position: absolute;
    top: 0;
    right: 130px;
    width: 266px
}

.innerbannerrgtpanel {
    position: absolute;
    top: 115px;
    z-index: 99999;
    right: 0;
    width: 266px
}

.index-inr {
    display: none
}

.index-inr.index-inr-master {
    display: inline-block;
    top: 115px;
    z-index: 99
}

.index-inr.index-inr-home {
    display: inline-block
}

.whtetrans-bx {
    background: url(../images/whtbg.png);
    width: 100%;
    height: 290px;
    position: absolute;
    top: -130px
}

#ddmenu li,
#ddmenu ul,
.net-banking,
.net-banking a,
.new-side-menu {
    position: relative
}

.orgbx {
    float: right;
    width: 260px;
    height: auto;
    padding: 10px;
    background: #f6b801
}

.lognibox {
    padding: 15px 0;
    background: #fff;
    width: 100%
}

#ddmenu,
.lognibox .registerlink {
    display: block;
    text-align: center
}

.net-banking {
    color: #333;
    padding: 0 0 0 34px;
    height: 33px;
    z-index: 9999;
    background: url(../images/mouse-xxl-1.png) 5px 3px no-repeat #fff;
    font-size: 14px;
    float: left;
    width: 100%
}

.net-banking span {
    padding: 8px 10px 8px 0;
    float: left;
    font-weight: 700
}

.net-banking:focus,
.net-banking:hover {
    background: url(../images/mouse-xxl-1.png) 4px -25px no-repeat #a20a3a;
    padding: 0 0 0 34px;
    transition: all .5s ease;
    color: #fff
}

.net-banking:focus i,
.net-banking:focus strong,
.net-banking:hover i,
.net-banking:hover strong {
    color: #f6b801;
    right: 9px
}

.net-banking a {
    color: #000;
    padding: 8px 10px 8px 0;
    z-index: 999;
    float: left;
    width: 100%
}

.net-banking a:hover {
    transition: all .5s ease;
    color: #a20a3a
}

.net-banking:focus a,
.net-banking:hover a {
    color: #fff
}

.lognibox h3 {
    font-size: 17px;
    color: #000;
    margin-bottom: 10px
}

.lognibox .registerlink {
    background: #ddd;
    color: #a20a3a;
    font-size: 13px;
    margin: 7px 0 0;
    padding: 9px 0
}

.net-banking label {
    font-family: open_sansregular
}

.lognibox .registerlink:hover {
    color: #fff;
    background: #a20a3a;
    transition: all .5s ease
}

.radiobox {
    width: auto;
    float: left
}

.redobtn li {
    float: left;
    padding-right: 30px;
    color: #fff;
    font-size: 13px
}

.redobtn li img {
    float: left;
    margin: 2px 10px 0 0
}

.sbtmbtn3 {
    background-color: #a20a3a;
    border: none;
    color: #fff;
    font-size: 13px;
    text-transform: capitalize;
    float: left;
    width: 49%;
    padding: 10px 0 9px;
    margin-top: 15px
}

#ddmenu div.column h3,
.btnreadmore,
.homenewscontainer marquee a,
.innerbtn,
.retaloan ul li span,
.rgnhead-mob a,
.rgttabboldtxt,
.sbtmbtn2,
.search_form input[type=submit],
.tab-slide .tabbing-read {
    text-transform: uppercase
}

.sbtmbtn3:hover {
    background-color: #6b0721;
    color: #fff;
    transition: all .5s ease 0s
}

.sidenav ul li a {
    background: url(../images/sidenavbg.png) left top;
    margin: 0 0 7px;
    color: #a20a3a;
    font-family: Signika;
    font-size: 14px;
    font-weight: 700;
    width: 265px;
    height: 40px;
    padding: 10px 0 0 20px;
    float: left;
    box-shadow: 0 0 10px #919191
}

.sidenav ul li a .icon2,
.sidenav ul li a .icon3,
.sidenav ul li a .icon4,
.sidenav ul li a .icon5,
.sidenav ul li a .icon6,
.sidenav ul li a .icon7,
.sidenav ul li a:hover .icon1,
.sidenav ul li a:hover .icon2,
.sidenav ul li a:hover .icon3,
.sidenav ul li a:hover .icon4,
.sidenav ul li a:hover .icon5,
.sidenav ul li a:hover .icon6,
.sidenav ul li a:hover .icon7 {
    width: 30px;
    margin-right: 5px;
    margin-top: -5px;
    height: 30px;
    float: left
}

#ddmenu .column h3,
#ddmenu .dropdown a,
#ddmenu .top-heading {
    font-family: open_sansbold
}

.sidenav ul li a:hover .icon1 {
    background: url(../images/nav-icons-hov.png) no-repeat
}

.sidenav ul li a .icon2 {
    background: url(../images/nav-icons.png) 0 -45px
}

.sidenav ul li a:hover .icon2 {
    background: url(../images/nav-icons-hov.png) 0 -45px
}

.sidenav ul li a .icon3 {
    background: url(../images/nav-icons.png) 0 -90px
}

.sidenav ul li a:hover .icon3 {
    background: url(../images/nav-icons-hov.png) 0 -90px
}

.sidenav ul li a .icon4 {
    background: url(../images/nav-icons.png) 0 -136px
}

.sidenav ul li a:hover .icon4 {
    background: url(../images/nav-icons-hov.png) 0 -136px
}

.sidenav ul li a .icon5 {
    background: url(../images/nav-icons.png) 0 -180px
}

.sidenav ul li a:hover .icon5 {
    background: url(../images/nav-icons-hov.png) 0 -180px
}

.sidenav ul li a .icon6 {
    background: url(../images/nav-icons.png) 0 -225px
}

.sidenav ul li a:hover .icon6 {
    background: url(../images/nav-icons-hov.png) 0 -225px
}

.sidenav ul li a:hover {
    background-position: 0 -40px;
    color: #fff
}

.sidenav ul li a .icon7 {
    background: url(../images/nav-icons.png) 0 -262px
}

.sidenav ul li a:hover .icon7 {
    background: url(../images/nav-icons-hov.png) 0 -262px
}

.increase .top-heading {
    margin: 0 5px !important
}

.passwordlink {
    font-size: 13px;
    color: #a20a3a
}

.passwordlink:hover {
    color: #000;
    text-decoration: underline
}

#ddmenu {
    letter-spacing: normal
}

#ddmenu .caret,
#ddmenu .top-heading,
#ddmenu li,
#ddmenu ul {
    display: inline-block
}

#ddmenu ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    font-size: 0;
    list-style: none;
    z-index: 999999990;
    max-width: 1400px
}

#ddmenu li {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #eee;
    line-height: 63px;
    transition: background-color .2s;
    outline: 0
}

.arrowimg:hover img,
.innerbtn,
.rgnhead-mob a,
.sbtmbtn2:hover,
.sublnks ul li a {
    transition: all .5s ease 0s
}

#ddmenu .full-width {
    position: static
}

#ddmenu .over {
    color: #000;
    background-color: #fff
}

#ddmenu .top-heading {
    font-weight: 700;
    margin: 0 9px 0 11px;
    font-size: 15px;
    color: inherit;
    text-decoration: none;
    outline: 0
}

#ddmenu a,
#ddmenu a:hover,
#ddmenu a:link {
    color: inherit
}

#ddmenu a:hover {
    text-decoration: underline
}

#ddmenu a:focus {
    outline: #09f dotted 1px
}

#ddmenu .caret {
    color: inherit;
    left: -12px;
    width: 0;
    height: 0;
    vertical-align: middle;
    margin-bottom: 2px;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    position: relative
}

#ddmenu .dropdown {
    width: auto;
    left: 0;
    color: #000;
    padding: 0;
    margin: 0;
    display: none;
    position: absolute;
    top: 100%;
    top: 63px !important
}

#ddmenu .full-width .dropdown {
    width: 100%;
    padding: 0;
    margin: 0 0 0 -1px
}

#ddmenu .offset300 {
    left: -300px;
    right: auto
}

#ddmenu .right-aligned {
    left: auto;
    right: 0
}

#ddmenu .over .dropdown {
    display: block
}

#ddmenu .dd-inner {
    padding: 20px;
    background-color: #fff;
    white-space: nowrap;
    font-size: 13px;
    line-height: 1.35
}

#ddmenu .dropdown a {
    display: block;
    color: #a20a3a;
    line-height: 19px;
    text-decoration: none;
    padding: 2px 0 2px 20px
}

#ddmenu .dropdown a:focus,
#ddmenu .dropdown a:hover {
    text-decoration: underline;
    color: #000
}

.serviceboxcontent a,
.singledropdown a {
    text-decoration: none
}

#ddmenu .column,
#ddmenu .column2 {
    text-align: left;
    vertical-align: top;
    display: inline-block;
    white-space: normal;
    font-size: 12px;
    width: 265px;
    padding: 0 10px
}

#ddmenu .column .menucolimg,
#ddmenu .column2 .menucolimg {
    margin-bottom: 10px;
    margin-top: 7px
}

#ddmenu .column a,
.mega-menu-customer .column a,
.megamenu .column a {
    background: url(../images/arrow-pink.jpg) 5px 5px no-repeat;
    font-size: 13px
}

#ddmenu div.dd-inner div:last-child {
    border-right: none
}

#ddmenu .column h3 {
    font-weight: 500;
    line-height: 1.1;
    margin-top: 12px;
    margin-bottom: 8px;
    font-size: 15px;
    color: #333
}

#ddmenu div.column260 {
    width: 260px
}

#ddmenu div.column340 {
    width: 340px
}

#ddmenuLink,
.customermenu .custsubmenu {
    display: none
}

.customermenu:hover .custsubmenu {
    display: block;
    border-right: 2px solid #73152f !important;
    z-index: 888888;
    position: absolute;
    width: 200px;
    background: #fff;
    padding: 20px;
    left: -205px;
    top: 170px
}

.custsubmenu a {
    font-family: open_sansregular !important
}

.customermenu a {
    border-bottom: none !important
}

#ddmenu .menu-icon {
    display: none
}

.fullwidthmenu {
    width: 1100px
}

.marlef300 {
    margin-left: 486px !important
}

.base-rate .midcontainer ul li .fa-arrow-circle-o-up {
    color: #3d9400
}

.singledropdown {
    padding: 0 !important
}

.singledropdown a {
    padding: 5px 0 5px 14px !important;
    background: url(../images/arrow-pink.jpg) left 7px no-repeat;
    font-size: 13px;
    border-bottom: 1px solid #ccc !important;
    color: #940b36;
    width: 100% !important;
    display: block !important
}

.wsmenu-list a {
    font-family: open_sansbold
}

.bot-nav {
    font-size: 13px;
    color: #b5acac;
    font-style: italic
}

.bot-nav ul {
    float: right;
    margin: 0;
    padding: 0
}

.bot-nav ul li {
    float: left;
    width: auto;
    text-align: center;
    list-style: none;
    margin-right: 7px
}

.bot-nav ul .fb a,
.bot-nav ul .linkdin a,
.bot-nav ul .twit a,
.bot-nav ul .you a {
    width: 30px;
    height: 30px;
    display: inline-block
}

.bot-nav ul .fb a {
    background: url(../images/soc-sprit.jpg) no-repeat
}

.bot-nav ul li span {
    float: left;
    margin-top: 12px;
    color: #000
}

.boxbg2,
.boxbg3,
.boxbg4 {
    margin-top: 50px
}

.bot-nav ul .twit a {
    background: url(../images/soc-sprit.jpg) -32px 0 no-repeat
}

.bot-nav ul .you a {
    background: url(../images/soc-sprit.jpg) -64px 0 no-repeat
}

.bot-nav ul .linkdin a {
    background: url(../images/soc-sprit.jpg) -96px 0 no-repeat
}

.serviceboxcontainer {
    position: absolute;
    bottom: 70px;
    width: 100%
}

.serviceboxcontent {
    float: left;
    box-shadow: 0 0 10px #333
}

.boxhovercontent1 h3,
.serviceboxcontent h3 {
    width: 100%;
    font-size: 20px;
    color: #fff;
    text-align: left;
    font-family: open_sansregular;
    font-weight: 400;
    padding: 0 0 20px !important
}

.arrowimg,
.boxbg2,
.boxbg3,
.boxbg4,
.btnreadmore,
.sbtmbtn2 {
    text-align: center
}

.boxbg1 {
    background: url(../images/box-1.jpg) center;
    width: 267px;
    height: 262px;
    padding: 20px;
    background-size: cover
}

.boxbg2,
.boxbg2 a,
.boxbg3,
.boxbg3 a,
.boxbg4,
.boxbg4 a {
    width: 267px;
    height: 212px
}

.box-h3 {
    left: 10px;
    position: absolute;
    top: 6px
}

.boxbg3 {
    background: url(../images/serviceboxbg3.jpg)
}

.boxbg4 {
    background: url(../images/serviceboxbg4.jpg)
}

.arrowimg {
    position: absolute;
    top: 79px;
    width: 100%
}

.arrowimg:hover img {
    margin-top: 10px
}

.ratebox ul li {
    font-size: 30px;
    color: #fbbc09;
    padding: 0;
    font-family: open_sansbold;
    width: 100%;
    height: auto !important
}

.ratebox ul li span {
    border-left: 1px solid #616565;
    font-family: open_sansregular;
    padding: 0 0 0 10px;
    font-size: 12px;
    color: #fff;
    width: 120px;
    float: right
}



.servicesboxhover .btnpink {
    background: #a20a3a;
    color: #fbbc09;
    display: inline-block;
    font-size: 13px;
    height: auto;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    margin: 0
}

.btnreadmore {
    padding: 5px 0 !important;
    margin-top: 10px !important;
    line-height: 24px;
    float: left;
    width: 100%;
    background: #fcdd90 !important;
    color: #000 !important;
    font-size: 12px
}

.btnreadmore:hover {
    background: #a20a3a !important;
    color: #fff !important
}



div.panel,
li.flip {
    margin: 0
}

div.panel {
    display: none;
    float: left
}

.srch-box2 {
    border: 1px solid #e5e5e5;
    padding: 5px;
    font-size: 12px;
    width: 270px;
    font-weight: 100;
    margin-top: 10px
}

.inner-head {
    width: 100%;
    height: 262px;
    background: url(../images/inner-header.jpg) center no-repeat #e9efef
}

.inner-head h1 {
    font-size: 50px;
    color: #fff;
    padding: 90px 0 5px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .9)
}

.inner-head p {
    font-size: 20px;
    color: #fff
}

.sublnks {
    background-color: #e7e7e7
}

.sublnks ul li {
    display: inline-block;
    border-right: 1px solid #ccc;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    margin: 12px 0
}

.sublnks ul li a {
    color: #333;
    font-family: open_sansregular;
    text-decoration: none;
    display: inline-block
}

.sublnks ul li a:hover {
    color: #b1113e
}

.breadcrum {
    color: #171717;
    font-size: 14px;
    padding: 20px 0;
    border-bottom: 1px solid #eee5e5
}

.breadcrum a {
    color: #a20a3a;
    font-size: 14px;
    text-decoration: none
}

.greybg3 {
    background-color: #efede7;
    height: 400px
}

.retaloan h3 {
    font-size: 30px;
    color: #171717;
    font-weight: 400;
    padding: 50px 0 5px
}

.retaloan p {
    font-family: Ubuntu-Regular;
    font-size: 13px;
    color: #171717
}

.retaloan ul {
    margin-top: 40px
}

.retaloan ul li {
    display: inline-block;
    margin-right: 10px
}

.retaloan ul li a {
    color: #171717;
    text-decoration: none
}

.retaloan ul li span {
    font-size: 14px;
    display: block;
    color: #171717;
    padding: 10px 0
}

.retaloan ul li img {
    display: block
}

.retaloan ul li:hover span {
    background-color: #ff5b35;
    color: #fff
}

.retaloan ul li:hover img {
    border: 1px solid #ff5b35
}

.lftpanellink {
    width: 250px;
    float: left;
    background: #ededed;
    padding: 20px 0;
    border-left: 5px solid #a20a3a
}

.innerbtn,
.innerbtn:hover {
    border: 1px solid #3b87dd;
    text-decoration: none
}

.lftpanellink ul li {
    color: #a20a3a
}

.lftpanellink ul li a {
    text-decoration: none;
    font-size: 13px;
    background: url(../images/bullet.jpg) 15px 12px no-repeat;
    color: #171717;
    padding: 7px 0 7px 30px;
    line-height: 18px;
    width: 100%;
    display: block;
    font-family: Signika
}

.lftpanellink ul li a:hover {
    background: #a20a3a;
    color: #fff
}

.innerpage h2 {
    font-size: 24px;
    color: #171717;
    font-weight: 400;
    padding-bottom: 10px
}

.innerpage p {
    font-size: 13px;
    color: #171717;
    line-height: 20px
}

.innerlftcontent h3 {
    font-size: 16px;
    color: #171717;
    font-family: open_sansregular;
    font-weight: 700;
    padding: 30px 0 10px
}

.innerbtn {
    background-color: #3b87dd;
    color: #fff;
    float: left;
    padding: 7px 20px;
    font-family: Ubuntu-Regular;
    font-size: 13px;
    margin: 20px 20px 0 0
}

.innerbtn:hover {
    background-color: transparent;
    color: #3b87dd
}

.signupbx {
    width: 260px;
    float: left
}

.corpt {
    left: -109px !important
}

.intnal {
    left: -231px !important
}

.smebnk {
    left: -384px !important
}

.rular {
    left: -518px !important
}

.nriser {
    left: -596px !important
}

.tresry {
    left: -726px !important
}

.rngcrds-mob {
    display: none;
    width: 100%
}

.rgnhead-mob {
    border-bottom: 1px solid #c7c7c7;
    padding: 25px 0;
    margin: 0 15px
}

.rgnhead-mob h2 {
    font-family: Ubuntu-Light;
    font-size: 26px;
    color: #171717;
    font-weight: 400
}

.rgnhead-mob h2 span {
    font-family: Ubuntu-Bold;
    color: #f15a29
}

.rgnhead-mob a {
    display: block;
    width: 93px;
    margin: 20px auto 0;
    border: 1px solid #f15a29;
    color: #f15a29;
    font-family: Ubuntu-Regular;
    font-size: 10px;
    text-decoration: none;
    padding: 3px 20px 3px 5px;
    background: url(../images/orng-arrow.png) 75px 6px no-repeat
}

.btnyellow,
.tollfreetext {
    font-family: open_sansbold
}

.rgnhead-mob a:hover {
    border: 1px solid #f15a28;
    color: #fff;
    background: url(../images/orng-hover-arrow.png) 75px 5px no-repeat #f15a29
}

[class^=icon-],
[class^=icon-]:hover {
    background: url(../images/search-icon2.png) no-repeat;
    width: 20px;
    height: 20px
}

.search {
    position: relative;
    display: inline-block;
    width: 20px
}

[class^=icon-] {
    display: inline-block;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    z-index: 10
}

.search_form {
    background: #ececec;
    position: absolute;
    z-index: 99999 !important;
    padding: 0 5px;
    right: 0;
    top: 44px !important;
    width: 60px;
    height: 0;
    transition: height .2s ease-out .5s, top .2s ease-out .5s, padding .2s ease-out .5s, width .3s ease-out .2s;
    -webkit-transition: height .2s ease-out .5s, top .2s ease-out .5s, padding .2s ease-out .5s, width .3s ease-out .2s
}

.search_form form {
    opacity: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out
}

.search_form input {
    background: #fff;
    border: none
}

.search_form input[type=text] {
    width: 230px;
    margin: 0 1px 5px 5px;
    padding: 0 5px 1px;
    min-height: 26px;
    color: #a1a1a1;
    font-size: 11px;
    border: none
}

.search_form input[type=submit] {
    font-size: 11px;
    border: 0;
    padding: 0 5px;
    min-height: 25px;
    margin: 0;
    cursor: pointer;
    background-color: #37393a;
    color: #fff
}

.search_box {
    visibility: hidden !important
}

.search_box:checked~.search_form {
    width: 305px;
    height: 38px;
    padding: 5px;
    top: 35px;
    z-index: 99999 !important;
    transition: height .2s ease-out, top .2s ease-out, padding .2s ease-out, .3s width ease-out .2s;
    -webkit-transition: height .2s ease-out, top .2s ease-out, padding .2s ease-out, .3s width ease-out .2s
}

.search_box:checked~.search_form form {
    opacity: 1;
    transition: .3s all ease-out .5s;
    -webkit-transition: .3s all ease-out .5s
}

.three,
.two {
    display: none
}

#one:focus .one,
#one:hover .one,
.boxbg2:focus .two,
.boxbg2:hover .two,
.boxbg3:focus .three,
.boxbg3:hover .three,
.boxbg4:focus .four,
.boxbg4:hover .four,
.serviceboxcontent a.focusdropdown+.clear+.arrowimg+.servicesboxhover {
    display: block
}

.boxbg2 {
    position: relative
}

.servicesboxcontainer li {
    position: relative;
    width: 265px;
    float: left;
    margin-right: 10px
}

.servicesboxcontainer .servicesboxhover {
    display: none;
    background: url(../images/blackbg.png);
    float: left;
    height: 262px;
    margin-top: 0;
    padding: 20px 15px 0;
    position: absolute;
    width: 267px;
    z-index: 4444;
    bottom: 0;
    left: 0;
    right: 0
}

.boxhovercontent1 {
    font-size: 12px;
    color: #ccc;
    line-height: 19px
}

.boxhovercontent1 img,
.boxhovercontent1 p {
    margin-bottom: 10px;
    height: 110px;
    overflow: hidden
}

.btnyellow {
    padding: 7px 0;
    margin-top: 15px;
    width: 100%;
    background: #a10e37;
    color: #000;
    font-size: 13px;
    text-decoration: none;
    display: inline-block
}

.btnyellow:hover {
    background: #fff;
    color: #000
}

.iconphone {
    width: 50px;
    float: left
}

.tollfreetext {
    width: 150px;
    float: left;
    font-size: 30px;
    line-height: 27px;
    color: #000;
    margin-top: 10px;
    margin-left: 10px
}

.tollfreetext span {
    font-size: 13px;
    font-family: Signika;
    letter-spacing: 1px;
    text-align: center
}

.homenewscontainer marquee,
.search-bx h2,
.tab-rightpanel li .rightpanel-head,
.tab-slides-head h2 {
    font-family: open_sansbold
}

.boxhovercontent a {
    width: auto;
    height: auto;
    border: 1px solid #b1113e;
    text-align: left;
    color: #fff;
    font-size: 13px;
    display: block;
    padding: 5px 10px;
    margin-bottom: 8px;
    text-decoration: none
}

.content,
.content p,
.google-map,
.rgttabcol a {
    text-align: center
}

.boxhovercontent a:focus,
.boxhovercontent a:hover {
    background: #b1113e;
    color: #fff
}

.spinner {
    width: 18px;
    height: 18px;
    position: relative;
    margin: 0;
    float: left
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0
}

.double-bounce1 {
    background-color: #b1113e;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out
}

.double-bounce2 {
    background-color: #fdb900;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@keyframes sk-bounce {
    0%,
    100% {
        transform: scale(0)
    }
    50% {
        transform: scale(1)
    }
}

.homenewscontainer {
    background: #a20a3a;
    padding: 0 4px;
    height: 48px
}

.homenewscontainer strong {
    color: #fff;
    display: inline-block;
    font-size: 14px
}

.homenewscontainer marquee {
    width: 88%;
    color: #fff;
    font-size: 12px;
    margin-top: -5px
}

.homenewscontainer marquee a {
    text-decoration: none;
    color: #fff;
    font-size: 12px
}

.homenewscontainer marquee a:hover {
    color: #fbbc09;
    text-decoration: underline
}

.content a,
.content-sec2-nav li a,
.tab-nav li a,
.tab-slides-head a:hover {
    text-decoration: none
}

.tab-slides-head {
    float: left;
    width: 100%;
    padding-top: 60px
}

.tab-slides-head h2 {
    width: auto;
    color: #a20a3a;
    font-size: 24px;
    float: left
}

.tab-slides-head a {
    float: right;
    font-size: 14px;
    width: auto;
    color: #a20a3a;
    display: inline-block
}

.google-map {
    width: 826px;
    float: left;
    background: #f2ede7;
    height: 445px
}

.tab-rightpanel {
    float: left;
    width: 274px;
    background: #fff;
    margin: 0;
    padding: 0;
    border-right: 1px solid #a20a3a;
    height: auto;
    max-height: 536px;
    overflow-x: hidden;
    overflow-y: scroll
}

.right-search,
.search-bx,
.tab-rightpanel li {
    width: 100%;
    float: left
}

.tab-rightpanel li {
    clear: both;
    line-height: 21px;
    max-width: 260px;
    padding: 10px 0 5px 20px
}

.tab-rightpanel li .rightpanel-head {
    font-size: 14px;
    color: #a20a3a;
    background: url(../images/bullet.jpg) left center no-repeat;
    padding-left: 15px
}

.rightpanel-addr {
    font-size: 13px
}

.tab-rightpanel li:hover {
    background: #f0f0f0
}

.right-search {
    padding: 20px 0 20px 20px !important;
    border-bottom: 1px solid #a20a3a
}

.search-bx h2 {
    float: left;
    font-size: 18px;
    color: #a20a3a;
    margin-bottom: 10px
}

.search-bx .search-txt {
    color: #a20a3a;
    font-size: 14px;
    padding: 5px;
    border-radius: 2px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 5px;
    width: 190px;
    height: 30px
}

.tab-rightpanel .right-search:hover {
    background: #fff !important
}

.search-sbmt {
    background: url(../images/search-icon.png) center no-repeat #a20a3a;
    width: 30px;
    height: 30px;
    border: none;
    float: left
}

.tab_slider {
    height: 669px;
    background: #e5e5e5;
    margin-top: -4px
}

.tab-slide {
    width: 100%;
    float: left;
    height: 536px;
    padding: 0;
    background: #fff;
    overflow: hidden
}

.tab-slide p {
    float: left;
    width: 270px;
    font-size: 14px;
    line-height: 21px;
    color: #171717;
    margin-bottom: 30px;
    margin-top: 5px
}

.tab-slide .tabbing-read {
    float: left;
    font-size: 10px;
    padding: 8px 15px;
    background: #fbbc09;
    color: #a20a3a;
    text-decoration: none;
    font-family: open_sansregular
}

.content-sec2-nav li a,
.content-sec2-nav1 li a,
.tab-nav li a span b {
    font-family: open_sansbold
}

.tab-slide .tabbing-read:hover {
    color: #fff;
    background: #a20a3a
}

.tab-nav {
    margin: 35px 0 0;
    padding: 0;
    float: left
}

.tab-nav li {
    float: left;
    list-style: none;
    margin-right: 40px;
    width: 180px
}

.tab-nav li img {
    box-shadow: 0 0 15px 0 #333;
    border-radius: 15px
}

.tab-nav li a {
    color: #fff;
    display: block
}

#overlay,
.popup {
    width: 100%;
    display: none;
    position: absolute
}

.tab-nav li a span {
    width: 100%;
    float: left;
    font-size: 15px;
    margin-top: 10px
}

#overlay {
    top: 0;
    left: 0;
    height: 100%;
    z-index: 100
}

.popup {
    max-width: 1100px
}

.content,
.content .x,
.new-side-menu ul li {
    position: relative
}

.content {
    min-width: 300px;
    width: 300px;
    min-height: 150px;
    margin: -75px auto 0;
    background: #f3f3f3;
    z-index: 103;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 10px #999;
    top: 50%
}

.content-in {
    float: right;
    width: 825px;
    height: 445px
}

.content h3 {
    color: #a20a3a;
    margin-top: 15px
}

.content p {
    clear: both;
    color: #555;
    font-size: 13px;
    width: 100%
}

.content p a {
    color: #d91900;
    font-weight: 700
}

.content .x {
    float: right;
    height: 28px;
    left: 15px;
    top: -15px;
    width: 28px
}

.content-sec2 {
    width: 100%;
    float: left;
    clear: both
}

.content-sec2-part {
    float: left;
    width: auto;
    padding-right: 10px
}

.content-sec2-nav {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 7px 7px
}

.content-sec2-nav li {
    float: left;
    list-style: none;
    padding: 0 0 5px 12px;
    clear: both
}

.content-sec2-nav li a {
    font-size: 17px;
    color: #a20a3a
}

.content-sec2-nav li a:hover {
    color: #a20a3a
}

.content-sec2-nav li a:focus,
.content-sec2-nav li:hover a {
    text-decoration: underline
}

.read,
.read:hover {
    text-decoration: none
}

.read {
    float: left;
    font-size: 13px;
    font-family: open_sansregular;
    color: #930029;
    margin-left: 25px;
    border: 1px solid #930029;
    padding: 7px 0
}

.read:hover {
    color: #fff;
    background: #930029
}

.content-sec2-nav1 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0
}

.content-sec2-nav1 li {
    float: left;
    list-style: none;
    background: url(../images/li-bg.jpg) 0 6px no-repeat;
    padding: 0 0 2px 12px;
    clear: both
}

.content-sec2-nav1 li a {
    text-decoration: none;
    color: #000;
    font-size: 13px
}

.content-sec2-head,
.fotertopcontentcol h5 {
    font-size: 17px;
    font-family: open_sansbold
}

.content-sec2-nav1 li a:hover {
    text-decoration: underline;
    color: #a20a3a
}

.footertop a,
.fotertopcontentcol a,
.newslisting li a {
    text-decoration: none
}

.content-sec2-head {
    color: #a20a3a;
    line-height: 31px;
    margin-bottom: 0;
    padding: 0 !important;
    float: left
}

.rgtcolsbox {
    width: 266px;
    float: right
}

.content-sec2-head img {
    margin-right: 10px
}

.fotertopcontentcol {
    width: 275px;
    float: left;
    text-align: center;
    padding: 0 10px
}

.fotertopcontentcol h5 {
    color: #333;
    padding: 10px 0
}

.fotertopcontentcol a h5:hover,
.fotertopcontentcol a p:hover {
    color: #b1113e
}

.fotertopcontentcol a p {
    font-size: 16px;
    line-height: 22px;
    color: #333
}

.footertop {
    width: auto;
    float: left;
    padding: 10px;
    font-family: open_sansbold;
    margin-bottom: 13px;
    color: #fff;
    font-size: 14px
}

.footertop a {
    color: #fff;
    font-size: 13px;
    font-family: open_sansregular;
    margin: 0 10px
}

.footertop a:focus,
.footertop a:hover {
    color: #f6b801
}

.footertop span {
    font-size: 13px;
    font-family: open_sansbold
}

.height60 {
    height: 60px
}

.newslisting li {
    padding: 8px 0 0 15px !important;
    font-size: 15px;
    background: url(../images/yellowarrow.png) left 10px no-repeat
}

.newslisting li a {
    font-size: 15px;
    color: #fff;
    padding: 0;
    font-family: open_sansregular
}

.bill-paymnet h3,
.mobile-banking-submenu li a,
.new-lanch li h3,
.rgttabboldtxt {
    font-family: open_sansbold
}

.rgttabcol a {
    background: #fff;
    height: 42px;
    width: 100%;
    display: block;
    margin-bottom: 5px
}

.rgttabcol a:hover .rgttabboldtxt {
    color: #fff
}

.rgttabcol a:hover {
    background: #a20a3a;
    color: #fff
}

.rgttabcol .iconcol {
    width: 57px;
    height: 42px;
    background: #a20a3a;
    float: left;
    padding: 5px 0 0
}

.rgttabboldtxt {
    width: auto;
    float: left;
    color: #000;
    padding: 15px 0 0 10px;
    font-size: 13px
}

.side-navigation {
    width: 264px;
    margin: 0 auto
}

.sub-menu {
    width: 0;
    position: absolute;
    right: 266px;
    background: #fff;
    z-index: 9999;
    height: 425px;
    box-shadow: 0 0 8px #717171;
    overflow: hidden;
    transition: all .5s ease
}

.new-side-menu ul li a:focus,
.new-side-menu ul li a:hover {
    color: #fff;
    background-position: 0 -40px
}

.new-side-menu ul li:hover .sub-menu {
    width: 590px;
    padding: 18px 20px 10px;
    height: 410px
}

.productnavcol-1 {
    margin: 3px;
    width: 178px;
    float: left
}

.new-side-menu ul li .icon2,
.new-side-menu ul li .icon4,
.new-side-menu ul li a:hover .icon4,
.new-side-menu ul li:hover .icon2 {
    width: 30px;
    margin-right: 5px;
    height: 30px;
    float: left;
    margin-top: -5px
}

.new-side-menu ul li .icon4 {
    background: url(../images/nav-icons.png) 0 -136px
}

.new-side-menu ul li a.focusdropdown .icon4,
.new-side-menu ul li a:focus .icon4,
.new-side-menu ul li a:hover .icon4 {
    background: url(../images/nav-icons-hov.png) 0 -136px
}

.new-side-menu ul li .sub-menu a {
    background-position: 0 -40px
}

.new-side-menu ul li .icon2 {
    background: url(../images/nav-icons.png) 0 -45px
}

.new-side-menu ul li a.focusdropdown .icon2,
.new-side-menu ul li a:focus .icon2,
.new-side-menu ul li:hover .icon2 {
    background: url(../images/nav-icons-hov.png) 0 -45px
}

.new-side-menu.column2 {
    width: 160px;
    float: left;
    padding: 10px;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    height: 200px
}

.new-side-menu ul li:hover .bill-paymnet {
    width: 722px;
    height: 255px;
    padding: 25px 20px
}

.bill-paymnet {
    height: 255px
}

.bill-paymnet h3 {
    color: #a20a3a;
    font-size: 15px;
    padding: 0 0 10px
}

.bill-paymnet a,
.new-side-menu ul li a {
    color: #000;
    text-decoration: none;
    font-size: 12px;
    float: left
}

.bill-paymnet img {
    margin-bottom: 7px;
    float: left
}

.bill-paymnet a {
    text-transform: capitalize;
    width: 100%;
    padding: 5px;
    line-height: 20px
}

.bill-paymnet a:hover {
    background: #a20a3a
}

.new-side-menu ul li .icon1,
.sidenav ul li a .icon1 {
    background: url(../images/nav-icons.png) no-repeat;
    width: 30px;
    margin-top: -5px;
    height: 30px;
    margin-right: 5px;
    float: left
}

.mobile-banking-submenu {
    height: 255px
}

.new-side-menu ul li a.focusdropdown+.mobile-banking-submenu,
.new-side-menu ul li a:focus+.mobile-banking-submenu,
.new-side-menu ul li:hover .mobile-banking-submenu {
    width: 390px !important;
    height: 314px !important;
    top: -43px;
    padding: 25px 20px
}

.mobile-banking-submenu li img {
    width: 30px;
    height: 30px;
    margin-right: 7px
}

.mobile-banking-submenu li a {
    padding: 5px;
    border: 1px solid #ccc;
    width: 100%;
    float: left;
    line-height: 30px;
    margin-bottom: 10px;
    text-decoration: none
}

.new-side-menu ul li a:hover .icon1 {
    background: url(../images/nav-icons-hov.png) no-repeat;
    width: 30px;
    margin-top: -5px;
    height: 30px;
    margin-right: 5px;
    float: left
}

.money-tranfer-submenu {
    height: 300px;
    padding: 30px 0
}

.mobile-banking-submenu li a:hover {
    background: #a20a3a;
    border: 1px solid #93203f
}

.customer-service li,
.new-lanch li {
    display: inline-block;
    border: 1px solid #aaa
}

.new-side-menu ul li:hover .money-tranfer-submenu {
    width: 220px;
    padding: 30px;
    height: 300px
}

.new-side-menu ul li .icon3 {
    background: url(../images/nav-icons.png) no-repeat;
    width: 30px;
    margin-top: -5px;
    height: 30px;
    margin-right: 5px;
    float: left
}

.new-side-menu ul li a {
    list-style-type: square;
    width: 100%
}

.money-tranfer-submenu li a {
    line-height: 22px;
    list-style-type: square;
    padding: 6px
}

.money-tranfer-submenu li a:hover {
    background: #a20a3a
}

.new-side-menu ul li:hover .icon3 {
    background: url(../images/nav-icons-hov.png) 0 -90px;
    width: 30px;
    margin-right: 5px;
    margin-top: -5px;
    height: 30px;
    float: left
}

.new-lanch {
    height: 366px !important;
    top: -188px
}

.bannerrgtpanel .new-side-menu ul li a.focusdropdown+.cardbox,
.bannerrgtpanel .new-side-menu ul li a:focus+.cardbox,
.bannerrgtpanel .new-side-menu ul li:hover .cardbox {
    width: 498px !important;
    padding: 10px 0 0 10px !important;
    height: auto !important
}

.cardbox li:nth-child(3) {
    margin-right: 0 !important
}

.cardbox li:nth-child(2),
.cardbox li:nth-child(4),
.cardbox li:nth-child(5) {
    margin-right: 10px
}

.cardbox .card-detail {
    width: 127px !important
}

.cardbox li {
    width: 234px !important;
    padding: 0 0 0 5px !important
}

.new-side-menu ul li a.focusdropdown+.new-lanch,
.new-side-menu ul li a:focus .new-lanch,
.new-side-menu ul li:hover .new-lanch {
    width: 629px !important;
    height: 366px !important;
    top: -159px;
    padding: 10px 0
}

.new-payment {
    top: -47px !important
}

.new-side-menu ul li a.focusdropdown+.new-payment,
.new-side-menu ul li a:focus+.new-payment,
.new-side-menu ul li:hover .new-payment {
    height: 385px !important;
    top: -47px !important
}

.new-side-menu .new-lanch a:focus,
.new-side-menu .new-lanch a:hover {
    color: #a20a3a !important
}

.new-lanch li h3 {
    font-size: 13px;
    text-align: left;
    text-transform: capitalize;
    padding: 11px 2px 6px 4px
}

.new-side-menu .new-lanch .hmcard {
    padding: 6px 13px
}

.new-lanch li img {
    width: 120px;
    float: left;
    margin: 19px 0 0
}

.cardbox li img {
    width: 95px
}

.new-lanch li .card-detail {
    width: 150px;
    float: left;
    margin: 0 0 0 5px
}

.new-lanch li div p a,
.new-lanch li span p a {
    color: #555;
    font-family: Geneva, sans-serif;
    font-size: 12px;
    float: left;
    width: 100%;
    padding: 0;
    line-height: 17px
}

.card-detail .read-more a,
.card-index-cards h1,
.card-index-cards ul li h2,
.explore-more,
.light span {
    font-family: open_sansbold
}

.new-lanch li span p i {
    float: left;
    width: 3px;
    margin: 6px 6px 0 0;
    height: 3px
}

.new-lanch li .card-detail p span {
    width: 89%;
    float: left;
    font-size: 12px;
    line-height: 17px;
    color: #000
}

.new-lanch li a {
    line-height: 22px;
    padding: 4px
}

.verticle-menu .spinner {
    margin: 0 8px
}

.new-lanch li {
    float: left;
    margin: 0;
    padding: 6px;
    height: 160px;
    width: 294px
}

.new-lanch li:nth-child(1),
.new-lanch li:nth-child(3) {
    margin-right: 10px;
    margin-bottom: 10px
}

.new-lanch li:nth-child(2),
.new-lanch li:nth-child(4) {
    margin-bottom: 10px
}

.sub-menu new-lanch li a {
    width: 100%
}

.new-side-menu ul li a .icon6,
.new-side-menu ul li a:hover .icon6 {
    width: 30px;
    margin-right: 5px;
    margin-top: -5px;
    height: 30px;
    float: left
}

.new-lanch li .card-detail p a:focus,
.new-lanch li .card-detail p a:hover {
    color: #a20a3a !important;
    text-decoration: underline
}

.new-side-menu ul li a .icon6 {
    background: url(../images/nav-icons.png) 0 -225px
}

.new-side-menu ul li a:hover .icon6 {
    background: url(../images/nav-icons-hov.png) 0 -225px
}

.new-side-menu ul li:hover .customer-service {
    width: 400px;
    height: 125px;
    top: 186px
}

.customer-service {
    height: 110px;
    top: 186px
}

.customer-service li a:hover,
.customer-service li:hover a {
    color: #fff;
    text-align: center
}

.bullet {
    margin: 10px 9px 0 0
}

.customer-service .bullet {
    margin: 5px 9px 0 0
}

.productnavcol-1 img {
    height: 100px
}

.productnavcol-1 h3 {
    font-size: 12px;
    padding: 0 10px;
    background: #000;
    color: #fff;
    line-height: 23px
}

.productnavcol-1 a:hover h3 {
    background: #a20a3a;
    transition: .5s ease
}

.bullet {
    background: url(../images/bullet.jpg);
    height: 5px;
    width: 5px;
    overflow: hidden;
    float: left;
    color: #a20a3a
}

.customer-service li a:hover .bullet {
    background: url(../images/bullet-2.jpg);
    transition: all .5s ease
}

.money-tranfer-submenu li a:hover .bullet {
    background: url(../images/bullet-2.jpg);
    transition: all .2s ease
}

.customer-service li:hover {
    border: 1px solid #a20a3a
}

.customer-service li img {
    height: 35px
}

.customer-service li span {
    width: 100%;
    float: left
}

.customer-service li h3 {
    font-size: 13px;
    margin-top: 54px;
    font-weight: 700
}

.read-more a:focus {
    color: #000 !important
}

.card-detail .read-more {
    float: left;
    margin: 0 0 0 13px
}

.card-detail .read-more a {
    float: right;
    padding: 0;
    color: #fff;
    text-decoration: none;
    font-size: 11px
}

.card-detail .read-more a:hover {
    background: 0 0;
    padding: 0;
    color: #a20a3a
}

.bill-paymnet .column2 {
    width: 254px !important;
    height: 226px;
    margin-bottom: 20px;
    overflow: hidden;
    margin-right: 20px;
    border: 1px solid #aaa;
    float: left
}

.bill-paymnet .column2 .bullet {
    margin: 5px 5px 0 0
}

.bill-paymnet .column2 img {
    width: 300px;
    height: 80px
}

.card-index-cards {
    margin-bottom: 60px
}

.card-index-cards ul {
    border-bottom: 1px dashed #c2c2c2;
    border-top: 1px dashed #c2c2c2
}

.card-index-cards ul li {
    text-align: center
}

.card-index-cards ul li a span,
.card-index-cards ul li h2 {
    text-align: left
}

.card-index-cards ul li:hover {
    background: #ddd
}

.card-index-cards ul li:hover span {
    color: #000;
    transition: all .5s ease
}

.card-index-cards ul li:nth-child(3) {
    width: 128px
}

.debil-card,
.global-card {
    width: 49%;
    float: left
}

.actions span,
.baraja-demo p,
.debit-card,
.light,
.support-note span,
ul.baraja-container {
    text-align: center
}

.debil-card {
    margin-right: 10px;
    border-right: 1px solid #d6d6d6
}

.support-note {
    clear: both
}

.support-note span {
    color: #ac375d;
    font-size: 16px;
    font-size: 1.6rem;
    display: none;
    font-weight: 700;
    padding: 5px 0
}

.actions {
    width: 100%;
    padding: 0
}

.actions span {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    background: #fff;
    color: #888;
    font-weight: 700;
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
    margin: 3px;
    border-radius: 3px
}

.actions span strong {
    font-size: 23px;
    line-height: 27px
}

.baraja-container li h4,
.customer-care a,
.inner-breadcrum2 ul li {
    text-transform: capitalize
}

.actions span:hover {
    background: #f7f7f7
}

.actions span:active {
    background: #aaa;
    color: #000;
    box-shadow: 0 1px 1px rgba(255, 255, 255, .5)
}

.actions span.disabled {
    opacity: .8;
    color: #ddd
}

.light span {
    background: #e7e7e7;
    color: #999
}

.light span:hover {
    background: #cbcbcb
}

#nav-next,
#nav-prev {
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 20px
}

ul.baraja-container {
    width: 200px;
    height: 177px;
    margin: 0 auto 10px;
    position: relative;
    padding: 0;
    list-style-type: none
}

ul.baraja-container li {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.flexslider .slides>li,
.read-more {
    -webkit-backface-visibility: hidden
}

.no-js ul.baraja-container {
    width: auto;
    height: auto;
    text-align: center
}

.no-js ul.baraja-container li {
    position: relative;
    display: inline-block;
    width: 200px;
    height: 310px;
    margin: 10px
}

.baraja-container li h4 {
    padding: 7px 0;
    font-size: 12px;
    color: #333
}

.baraja-demo {
    border-bottom: 1px solid #d6d6d6;
    margin: 0 auto 13px;
    width: 82%
}

.baraja-demo p {
    padding: 10px 0 25px;
    font-size: 14px;
    color: #333;
    height: 85px;
    margin-bottom: 10px
}

.debit-card {
    color: #a20c39;
    padding: 20px 0 15px
}

.explore-more a:hover,
.explore-more:hover i,
.explore-more:hover strong {
    color: #fac601;
    transition: all .5s ease
}

.explore-more {
    background: #e7e7e7;
    height: 35px;
    margin: 20px auto;
    padding: 10px;
    width: 332px
}

.explore-more i,
.explore-more strong {
    color: #999;
    float: right;
    font-size: 30px;
    font-weight: 700;
    margin: -8px 9px 0 0;
    padding: 0
}

.explore-more a {
    color: #333;
    float: left;
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    width: 100%
}

.explore-more:hover {
    color: #a20c39;
    transition: all .5s ease
}

.card-text {
    color: #333;
    font-size: 14px;
    height: 85px;
    padding: 10px 0 25px;
    text-align: center
}

.travell-card {
    margin-top: 40px;
    padding-bottom: 30px
}

.travell-card .baraja-demo {
    border-bottom: none;
    text-align: center
}

.travell-card .baraja-demo img {
    height: 157px
}

.rewarded {
    border-top: 1px solid #d6d6d6;
    float: left;
    margin-top: 60px;
    display: none;
    padding: 30px 0;
    width: 100%
}

.rewarded .midcontainer ul li {
    display: inline-block;
    width: 24%;
    text-align: center;
    padding: 10px
}

.rewarded .midcontainer ul li h3 {
    font-size: 16px;
    padding: 19px 0;
    float: none
}

.rewarded .midcontainer ul li p {
    font-size: 15px;
    color: #333
}

.right-first {
    background: #e7e7e7;
    padding: 20px;
    border-radius: 5px;
    width: 266px;
    margin: 26px auto
}

.right-first ul li {
    border-bottom: 1px solid #999;
    padding: 12px 0
}

.right-first ul li a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    padding: 0 1px
}

.right-first ul li a i,
.right-first ul li a strong {
    float: right;
    font-size: 16px;
    padding: 0 3px 0 0
}

.right-first ul li:last-child {
    border-bottom: none
}

.right-second ul li {
    margin-top: 20px
}

.unlock {
    width: 49%;
    color: #000;
    margin-top: 15px;
    background: #ddd;
    text-align: center;
    float: right;
    padding: 12px 0 10px;
    font-weight: 400;
    font-size: 12px
}

.debil-card h3:hover,
.global-card h3:hover,
.inner-breadcrum {
    background: #a20a3a
}

.net-banking i,
.net-banking strong {
    float: right;
    font-size: 22px;
    font-weight: 700;
    line-height: 18px;
    position: absolute;
    top: 9px;
    right: 10px
}

.card-index-cards ul li a span:hover {
    color: #000;
    transition: all .5s ease
}

.debil-card h3:hover a strong {
    color: #fff;
    margin: -8px 0 0;
    transition: all .5s ease
}

.debil-card h3:hover a {
    color: #fff
}

.global-card h3:hover a strong {
    color: #fff;
    margin: -8px 0 0;
    transition: all .5s ease
}

.global-card h3:hover a {
    color: #fff
}

.rewarded .midcontainer ul li h3 a {
    color: #000;
    text-decoration: none
}

.rewarded .midcontainer ul li h3 a:hover {
    color: #a20a3a;
    transition: all .5s ease;
    text-decoration: underline
}

.inner-breadcrum {
    position: absolute;
    right: 0;
    left: 125px;
    width: 250px;
    bottom: 0
}

.inner-breadcrum ul li {
    display: inline-block;
    padding: 4px 20px;
    color: #fff;
    font-size: 12px
}

.inner-breadcrum ul li:nth-child(1) {
    background: #000;
    color: #fff
}

.inner-breadcrum ul li:nth-child(2) {
    width: 115px;
    padding: 4px 5px
}

.inner-breadcrum ul li:nth-child(3) {
    color: #fbbc09;
    font-weight: 700;
    padding: 4px 0;
    width: 50px
}

.card-index {
    width: 100%
}

.card-index-left {
    float: left;
    margin-right: 21px;
    width: 73%;
    margin-bottom: 20px
}

.card-index-right {
    width: 24%;
    float: right
}

.card-index-cards {
    width: 100%
}

.card-index-cards h1 {
    font-size: 25px;
    border-bottom: 1px dashed #c2c2c2;
    color: #af2b3f;
    padding: 11px 0 15px
}

.card-index-cards ul {
    padding: 25px 0
}

.card-index-cards ul li {
    background: #e7e7e7;
    display: inline-block;
    padding: 17px 10px;
    height: 68px;
    width: 174px
}

.card-index-cards ul li:nth-child(3) {
    padding: 0;
    background: 0 0
}

.card-index-cards ul li:nth-child(4) {
    width: 300px;
    padding: 4px 0 0 10px;
    background: 0 0
}

.card-index-cards ul li a i {
    width: 40px;
    float: left
}

.card-index-cards ul li a span {
    float: left;
    font-size: 14px;
    padding: 0 0 0 10px;
    color: #333;
    width: 114px
}

.card-index-cards ul li:nth-child(3) img {
    margin-top: -2px
}

.card-index-cards ul li h2 {
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 5px
}

.card-index-cards ul li p a {
    font-size: 14px;
    color: #ae293e;
    text-decoration: none
}

.card-index-cards ul li p:before {
    background: url(../images/bullet.jpg) no-repeat rgba(0, 0, 0, 0);
    content: ".";
    float: left;
    height: 4px;
    margin: 7px 7px 0 0;
    overflow: hidden;
    width: 4px;
    color: #ae293e
}

.card-head {
    height: auto;
    width: 100%;
    display: block
}

h2.acc_trigger,
a.acc_trigger  {
    height: 40px;
    width: 100%;
    font-size: 17px;
    padding: 8px 10px;
    color: #a20c39;
    font-weight: 400;
    float: left;
    position: relative;
    margin-top: 8px
}

h2.acc_trigger:hover,
a.acc_trigger:hover {
    color: #333
}

.acc_container .tabbtn a {
    background: #ccc;
    font-size: 13px;
    padding: 8px;
    color: #333;
    text-decoration: none;
    margin-top: 15px
}

.acc_container .cardtabcontent {
    width: 100%;
    position: relative;
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 3px #ccc;
    margin: 0
}

.acc_container .cardtablftcontent {
    width: 500px;
    float: left
}

.acc_container .cardtablftcontent p {
    font-size: 14px !important;
    text-align: justify;
    padding: 5px 0 !important;
    margin: 0 !important
}

.acc_container .cardtablftcontent h3 {
    color: #b1113e;
    font-size: 15px;
    clear: both;
    width: 100%;
    border-bottom: none;
    font-family: open_sansbold;
    margin: 0;
    padding: 0 !important
}

.acc_container .cardtablftcontent h3 span,
.rounded-number {
    background: #b1113e;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    text-align: center
}

.acc_container .cardtablftcontent h3 span {
    height: 20px;
    padding: 0 5px;
    width: 20px
}

.rounded-number {
    line-height: 24px;
    height: 26px;
    padding: 0;
    width: 26px
}

.acc_container .cardtablftcontent table,
.innerpagetable {
    border-top: 1px solid #ccc;
    width: 100%;
    border-left: 1px solid #ccc
}

.acc_container .cardtablftcontent table th,
.innerpagetable th {
    background: #ffecb6;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #000;
    font-family: arial;
    font-size: 13px;
    padding: 7px;
    text-align: left
}

.acc_container .cardtablftcontent table td,
.innerpagetable td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #333;
    font-size: 14px;
    padding: 10px;
    text-align: left
}

h2.acc_trigger a {
    color: #a20c39;
    text-decoration: none;
    display: block;
    height: 40px;
    padding: 7px 0 0 20px
}
a.acc_trigger {
    height: 40px;
    width: 100%;
    font-size: 17px;
    padding: 8px 10px;
    color: #a20c39;
    font-weight: 400;
    float: left;
    position: relative;
    margin-top: 8px;
}
h2.acc_trigger span {
    font-size: 12px;
    color: #999
}

h2.acc_trigger a:hover {
    color: #333
}

h2.acc_trigger a:active {
    color: #88d9f4
}

h2.active {
    background-position: left bottom;
    padding: 0;
    margin: 0
}

.acc_container {
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-family: open_sansregular;
    color: #666;
    width: 100%;
    float: left;
    background: #efefef;
    position: relative;
    z-index: 40;
    border-top: 1px solid #ccc
}

.card-index-cards ul li p {
    text-align: left
}

.acc_container .block {
    padding: 30px
}

.acc_container .block ul li {
    margin-left: 10px
}

.acc_container .block p {
    padding: 5px 0;
    margin: 5px 0;
    font-size: 14px
}

.acc_container .block p a {
    font-size: 17px;
    color: #53bae9
}

.acc_container .block p a:hover {
    color: #333
}

.acc_container h3 {
    margin: 0 0 10px;
    padding: 0 0 5px;
    border-bottom: 1px dashed #ccc
}

.innertopcontent h2 {
    font-family: open_sansbold;
    font-size: 25px;
    padding: 0 0 10px
}

.innertopcontent p {
    border-top: 1px dashed #c1c1c1;
    padding: 10px 0;
    font-style: italic;
    border-bottom: 1px dashed #c1c1c1
}

.quickFlip,
.quickFlip3 {
    height: 216px;
    width: 322px
}

.quickFlipCta {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px
}

.quickFlipCta:hover {
    color: #a20c39
}

.quickFlip2 {
    height: 165px;
    width: 100%;
    float: left;
    text-align: center
}

.blackPanel,
.redPanel {
    text-align: center;
    width: 160px !important
}

.quickFlip,
.quickFlip2,
.quickFlip3 {
    font-family: "Trebuchet MS", Verdana, Sans-serif, sans;
    font-size: 13px;
    position: relative
}

.acc_container .cardtabrgtcontent {
    float: right;
    width: 160px
}

.acc_container .cardtabrgtcontent .tooltip {
    display: inline-block;
    position: relative;
    z-index: 888888;
    background: #ffecb6;
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: #333;
    padding: 8px 15px;
    text-decoration: none;
    margin: 0 0 10px
}

.acc_container .cardtabrgtcontent .tooltip:hover {
    background: #b1113e;
    color: #fff
}

.acc_container .cardtabrgtcontent .tooltip::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.acc_container .cardtabrgtcontent .tooltip-content {
    position: absolute;
    z-index: 888888;
    width: 700px;
    right: 0;
    bottom: 100%;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    font-weight: 400;
    color: #fffaf0;
    background: 0 0;
    opacity: 0;
    margin: 0 0 20px -150px;
    cursor: default;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity .3s .3s;
    transition: opacity .3s .3s
}

.acc_container .cardtabrgtcontent .tooltip:hover .tooltip-content {
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.acc_container .cardtabrgtcontent .tooltip-content span {
    display: block
}

.acc_container .cardtabrgtcontent .tooltip:hover .tooltip-text {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.acc_container .cardtabrgtcontent .tooltip-content strong {
    font-size: 15px;
    padding: 0 0 10px
}

.acc_container .cardtabrgtcontent .tooltip-content ul li {
    font-size: 13px;
    color: #fff;
    padding: 4px 0
}

.acc_container .cardtabrgtcontent .tooltip:hover .tooltip-inner {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.acc_container .cardtabrgtcontent .tooltip-content::after {
    content: '';
    bottom: -20px;
    right: 10%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    border-color: #fbbd09 transparent transparent;
    border-width: 10px;
    margin-left: -10px
}

.click-footer-tab,
.main-colapsible {
    border-top: 1px solid #cbcbcb;
    text-align: center
}

.scrollup {
    bottom: 50px;
    display: none;
    height: 59px;
    left: 30px;
    position: fixed;
    text-indent: -9999px;
    width: 57px;
    z-index: 99999
}

.rgtpanellink {
    width: 266px;
    float: right
}

.innerlftcontent {
    width: 800px;
    float: left
}

.rgtpanellink ul li {
    color: #a20a3a
}

.rgtpanellink ul li a {
    text-decoration: none;
    font-size: 15px;
    background: url(../images/linkarrow.png) right 14px no-repeat;
    color: #171717;
    padding: 15px 0;
    border-bottom: 1px solid #999;
    line-height: 18px;
    width: 100%;
    display: block;
    font-family: open_sansregular
}

.click-footer-tab .fa,
.customer-care h3 span,
.rgtpanellink ul h1,
.right-section ul li a {
    font-family: open_sansbold
}

.rgtpanellink ul li a:hover {
    color: #a20a3a;
    background: url(../images/linkarrow-hov.png) right 14px no-repeat
}

.menuFontClass .top-heading {
    margin-left: 2px !important;
    margin-right: 2px !important
}

.inner-breadcrum2 {
    width: auto;
    background: #a20a3a;
    position: absolute;
    z-index: 9;
    margin-top: -33px;
    float: left
}

.right-first ul li a:focus,
.right-first ul li a:hover {
    color: #a20a3a;
    transition: all .5s ease
}

.inner-breadcrum2 ul li {
    float: left;
    padding: 8px 6px;
    color: #fff;
    font-size: 12px
}

.inner-breadcrum2 ul li:nth-child(1) {
    background: #000;
    color: #fff
}

.inner-breadcrum2 ul li a {
    color: #fff;
    text-decoration: none;
    padding: 0 3px 0 0
}

.inner-breadcrum2 ul li:last-child {
    color: #fbbc09
}

.rgtpanellink .innerrgtmenu {
    border-radius: 5px;
    -webkit-border-radius: 10px;
    background: #e7e7e7;
    margin-bottom: 20px;
    -moz-border-radius: 10px;
    padding: 13px 20px
}

.innercardheaderbg {
    position: relative
}

.innercardheaderbg2 {
    background: #eca204;
    height: 112px;
    position: relative
}

.content-sec2 {
    display: none
}

.main-footer-container {
    width: 100%;
    background: #fff;
    padding: 17px 0 0;
    z-index: 99
}

.click-footer-tab {
    display: inline-block;
    height: 11px;
    cursor: pointer;
    background: url(../images/footer/button.png) no-repeat;
    width: 123px;
    margin: -2px auto
}

.click-footer-tab .fa {
    color: #fff;
    font-size: 11px;
    line-height: 24px
}

.minus:after,
.plus:after {
    background: #fff;
    color: #a20a3a;
    font-size: 18px;
    height: 15px;
    margin-left: 10px;
    width: 15px;
    float: right;
    border-radius: 50%
}

.plus:after {
    content: "+";
    line-height: 18px;
    margin-top: 6px
}

.minus:after {
    content: "-";
    line-height: 14px;
    margin-top: 5px;
    overflow: hidden
}

.main-colapsible {
    width: 100%;
    display: none;
    visibility: hidden
}

.right-fix-section {
    position: fixed;
    right: 0;
    z-index: 999;
    top: 159px
}

.right-section {
    float: right;
    width: 50px
}

.right-section ul li {
    position: relative
}

.right-section ul li a {
    width: 45px;
    background: #a20a3a;
    height: 40px;
    margin-bottom: 1px;
    vertical-align: middle;
    float: right;
    cursor: pointer;
    color: #000
}

.right-section ul li a span.social-span {
    float: left;
    width: 162px
}

.right-section ul li a:focus,
.right-section ul li a:hover {
    width: 162px;
    height: 40px;
    position: relative;
    right: 0;
    transition: all .4s ease
}

.right-section ul li i,
.right-section ul li strong {
    width: 32px;
    margin: 4px 7px;
    height: 32px;
    border-radius: 50%;
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 35px
}

.right-section ul li .fa-star {
    background: #f98c39;
    color: #fff
}

.recruitment {
    background: #06b093;
    color: #fff;
    padding: 6px;
    overflow: hidden
}

.right-section ul li .fa-download {
    background: #15944b;
    color: #fff
}

.right-section ul li:first-child i,
.right-section ul li:first-child strong {
    font-size: 23px
}

.right-section ul li .fa-apple {
    background: #333;
    color: #fff
}

.right-section ul li .twitter {
    background: #1cb7eb;
    color: #fff
}

.right-section ul li .fa-android {
    font-size: 22px;
    background: #8a9b24;
    color: #fff
}

.right-section ul li span:hover {
    text-decoration: underline
}

.right-section ul li a span.social-span-content {
    background: #fff;
    float: right;
    font-size: 11px;
    height: 40px;
    line-height: 26px;
    padding: 5px 7px;
    text-transform: capitalize;
    width: 116px
}

.facebook {
    background: #3a589b;
    color: #fff
}

.linkedin {
    background: #007ab9;
    color: #fff
}

.customer-care {
    width: 250px !important;
    margin-right: 15px
}

.customer-care h3 {
    width: 100%;
    float: left;
    color: #333 !important
}

.customer-care h3 i {
    margin: 0 6px 0 0;
    font-size: 25px;
    font-weight: 700;
    color: #333
}

.customer-care h3 span {
    font-weight: 500;
    font-size: 15px
}

.main-policy {
    float: left;
    margin-top: 10px
}

.call-center .callcenterheadintxt,
.call-center h1 {
    text-transform: uppercase;
    padding: 2px 0;
    display: inline-block;
    font-size: 12px;
    width: 100%
}

.base-rate ul li h3,
.detail-page h4,
.fixed-top-ment span,
.flex-pauseplay span,
.grevience-heading,
.inner-page-table tr th {
    text-transform: capitalize
}

.servicesboxhover h3 span {
    margin: 2px 0 0 2px !important
}

.serviceboxcontent h3 span {
    color: #f6b801;
    float: right;
    font-size: 12px;
    margin: 6px 0 0 4px
}

.serviceboxcontent h3 span i {
    border: 2px solid #f6b801;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    height: 17px;
    margin: 3px 0 0 5px;
    padding: 1px 0 0 1px;
    text-align: center;
    width: 17px
}

.serviceboxcontent h3 span a {
    font-size: 11px;
    color: #f6b801;
    width: auto;
    height: auto
}

.serviceboxcontent h3 span a:hover i {
    background: #f6b801;
    color: #000;
    transition: all .5s ease
}

.customer-sub-menu {
    width: 1059px !important;
    background: #fff
}

.customer-care:nth-child(2) {
    width: 200px !important
}

.customer-care:nth-child(3) .main-policy {
    margin-left: 15px
}



.content-sec3 .form-bg .form-txt {
    float: left;
    width: 187px;
    height: 29px;
    margin-bottom: 7px;
    color: #333;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    margin-right: 10px;
    background: #fff;
    border: none
}

.form-chek {
    border: none;
    width: 17px;
    height: 17px;
    background: #fff;
    margin: 15px 10px 0 0;
    padding: 0;
    float: left
}

.form-label {
    position: relative;
    top: 5px;
    font-size: 12px;
    color: #fff;
    width: 980px;
    float: left;
    margin-top: 5px
}

.base-rate ul li h3,
.form-sbmt {
    background: #a20a3a;
    font-size: 13px
}

.form-sbmt {
    cursor: pointer;
    color: #fff;
    border: none;
    padding: 7px 20px;
    height: 66px;
    float: right;
    margin: -38px 0 0;
    -webkit-appearance: none
}

.form-sbmt:focus,
.form-sbmt:hover {
    background: #a20a3a;
    color: #fbbc09
}

.base-rate {
    bottom: 16px;
    float: left;
    height: 30px;
    position: absolute;
    width: 100%
}

.base-rate ul li {
    display: inline
}

.base-rate ul li h3 {
    color: #fff;
    height: 30px;
    width: 120px;
    padding: 6px 0 0;
    text-align: center
}

.base-rate ul li h4 {
    display: inline-block;
    padding: 7px 0 0 12px;
    float: left;
    font-size: 12px;
    font-weight: 400
}

.base-rate ul li span {
    color: #333;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-weight: 700;
    margin-right: 10px;
    line-height: 30px;
    padding: 0 0 0 12px
}

.base-rate ul {
    float: left;
    width: 100%;
    background: #fff;
    height: 30px
}

.base-rate ul li i,
.base-rate ul li strong {
    font-size: 18px;
    padding: 7px 0 0 1px
}

.base-rate ul li .fa-arrow-circle-up {
    color: #50bc0f
}

.base-rate ul li .fa-arrow-circle-down {
    color: #dc0b0b
}

.ticker-arrow {
    font-size: 20px !important;
    margin: 0 0 0 6px !important
}



.homenewscontainer .midcontainer h3 {
    color: #fff
}

.flex-container a:hover,
.flex-slider a:hover {
    outline: 0
}

.flex-control-nav,
.flex-direction-nav,
.slides,
.slides>li {
    margin: 0;
    padding: 0;
    list-style: none
}

.flexslider {
    margin: 0;
    padding: 0;
    position: relative
}

.flexslider .slides>li {
    display: none
}

.flex-direction-nav a,
.no-js .flexslider .slides>li:first-child,
html[xmlns] .flexslider .slides {
    display: block
}

* html .flexslider .slides {
    height: 1%
}

flexslider .slides img {
    width: 100%;
    display: block;
    height: auto;
    -moz-user-select: none
}

.carousel li {
    margin-right: 5px
}

.flex-direction-nav a {
    color: rgba(0, 0, 0, .8);
    cursor: pointer;
    height: 20px;
    left: 43px;
    margin: 5px 0 0;
    opacity: 0;
    overflow: hidden;
    right: 0;
    text-decoration: none;
    top: 50%;
    transition: all .3s ease-in-out 0s;
    width: 25px;
    z-index: 10
}

.flex-direction-nav {
    bottom: 351px;
    left: -3px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 145px
}

.flex-nav-prev {
    float: left
}

.flex-nav-next {
    float: right
}

.flex-direction-nav .flex-nav-prev,
.flex-nav-next {
    display: inline-block;
    opacity: 1;
    width: 20px
}

.flex-direction-nav a:before {
    background: #a20a3a;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    width: 20px
}

.flex-direction-nav .flex-next {
    text-align: right
}

.flex-control-nav,
.text-center {
    text-align: center
}

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1
}

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    cursor: default;
    z-index: -1
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}

.flex-pauseplay a:hover {
    opacity: 1
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 320px;
    height: 22px
}

.flex-control-nav li {
    margin: 0;
    display: inline-block
}

.flex-control-paging li a {
    background-position: 0 0;
    border: 1px solid #930029;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 2px;
    text-indent: -999em;
    transition: background .5s ease 0s, opacity .5s ease 0s;
    width: 10px
}

.flex-control-paging li a:hover {
    background: 0 center #930029
}

.flex-control-paging li a.flex-active {
    background: 0 center #930029;
    border-radius: 50%;
    height: 10px;
    width: 10px
}

.inner-page-table tr td,
.inner-page-table tr th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    vertical-align: middle
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}

.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.flex-control-thumbs img:hover {
    opacity: 1
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}

.sub-divClass1 ul li,
.sub-divClass2 ul li {
    background: #fff
}

.sub-divClass1,
.sub-divClass2 {
    float: left
}

.sub-divClass1 h2,
.sub-divClass2 h2 {
    font-size: 14px;
    padding: 0 0 10px 0;
    font-family: open_sansbold;
    color: #a20e37;
    display: none
}

.sub-divClass1 ul,
.sub-divClass2 ul {
    display: inline-block;
    width: 100%
}

.sub-divClass1 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px
}

.sub-divClass1 ul li:nth-child(3),
.sub-divClass1 ul li:nth-child(4) {
    margin-bottom: 0
}

.sub-divClass2 {
    width: 260px
}

.sub-divClass1 ul li:nth-child(3) {
    margin-right: 10px !important
}

.slider-top-marquee {
    display: inline-block;
    width: 100%;
    background: #f6b801;
    padding: 0 0 10px 0
}

.slider-top-marquee a {
    color: #a20a3a;
    text-decoration: none;
    font-size: 14px
}

.slider-top-marquee a:hover {
    text-decoration: underline
}

.life-cust ul {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px
}

@media screen and (max-width:860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}

.investor-relationship {
    width: 200px
}

.grivence-policy,
.innerpagecontent {
    background: #fff;
    clear: both
}

.grivence-policy h1,
.innerpagecontent h1 {
    padding: 15px 0;
    font-size:20px;
    font-weight:600;
}

.grivence-policy p,
.innerpagecontent p {
    color: #333;
    font-size: 13px;
    line-height: 20px;
    padding: 4px 0
}

.capcha td:first-child {
    width: 32%
}

.text-right {
    float: right
}

.grivence-policy h3 .right-arrow,
.innerpagecontent h3 .right-arrow {
    float: right;
    font-size: 20px;
    font-weight: 700;
    padding: 0 10px
}

.grivence-policy h3,
.innerpagecontent h3,
.grivence-policy a.tab_btn,
.innerpagecontent a.tab_btn {
    color: #a20c39;
    cursor: pointer;
    font-family: open_sansregular;
    font-size: 17px;
    font-weight: 400;
    height: 40px;
    margin-bottom: 0;
    margin-top: 8px;
    padding: 8px 10px;
    text-transform: capitalize;
    position: relative;
    width: 100%;
    background: #efefef
}
.grivence-policy a.tab_btn,
.innerpagecontent a.tab_btn{display:inline-block}
.grivence-policy a.tab_btn .fa-chevron-down,
.innerpagecontent a.tab_btn .fa-chevron-down{    position: absolute;
    right: 20px;
    font-size:14px;
    top: 14px;}

.grivence-policy h3:hover,
.innerpagecontent h3:hover {
    color: #333
}

.bank-policy {
    padding: 15px 0
}

.grivence-policy h2 a,
.innerpagecontent h2 a {
    color: #b1113e;
    text-decoration: none
}

.grivence-policy h2 a:hover,
.innerpagecontent h2 a:hover {
    text-decoration: underline;
    color: #000
}

.bank-policy ul,
.innerpagelisting {
    padding: 0
}

.acc_container .block ul li,
.acc_container .cardtablftcontent ul li,
.bank-policy ul li,
.innerpagelisting ul li {
    background: url(../images/bullet.jpg) 0 15px no-repeat rgba(0, 0, 0, 0);
    color: #333;
    font-size: 13px;
    line-height: 20px;
    padding: 7px 12px 0;
    text-align: justify
}

.innerpagelisting ul li a {
    text-decoration: none;
    color: #333;
    font-family: open_sansregular
}

.grevience-heading,
.right-first h1 {
    font-family: open_sansbold
}

.innerpagelisting .msndownload {
    color: #1540a1;
    padding: 0
}

.innerpagelisting .msndownload i,
.innerpagelisting .msndownload strong {
    margin: 0
}

.innerpagelisting ul li a:hover {
    color: #b1113e
}

.numeric .bank-policy ul li {
    font-size: 13px;
    line-height: 20px;
    text-align: justify
}

.detail-page h4 {
    padding-top: 0;
    font-size: 13px
}

.right-first h1 {
    padding: 0
}

.innerrgtmenu li a i {
    float: right;
    font-size: 16px;
    padding: 0 3px 0 0
}

.inner-page-table {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    width: 100%
}

.inner-page-table tr th {
    background: #ffecb6;
    color: #000;
    font-size: 12px;
    padding: 7px;
    text-align: left
}

.inner-page-table tr td a {
    color: #b1113e;
    text-decoration: none
}

.inner-page-table tr td a:hover {
    color: #000
}

.inner-page-table tr td {
    color: #333;
    font-size: 13px;
    padding: 5px 10px;
    text-align:left;
}

.download-form .inner-page-table tr td {
    padding: 0 10px
}

.inner-breadcrum2 ul li:nth-child(4) {
    padding: 8px 8px 0 0
}

.rate-of-instrest {
    padding: 0 0 0 15px
}

.customer-complaine {
    padding: 15px 0
}

.customer-complaine ul {
    padding: 10px 0 0 30px
}

.customer-complaine ul li {
    color: #333;
    font-size: 13px;
    line-height: 20px;
    list-style: none inside;
    padding: 7px 0 0;
    text-align: justify
}

.gravence-detali {
    display: none
}

.grevience-heading {
    font-size: 22px;
    padding: 28px 0
}

.main-detail {
    background: #efefef;
    padding: 15px
}

.main-detail .detail-page {
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 3px #ccc
}


.download-button {
    padding: 6px;
    color: #1540a1;
    font-size: 12px;
    text-decoration: none;
    float: right
}

.download-button i,
.download-button strong {
    color: #555;
    margin: 1px 0 0 5px
}

.download-button:hover {
    text-decoration: underline
}

.offer-to-sales .text-center {
    text-align: center
}

.oparative-acc {
    width: 80%
}

.oparative-acc tr td {
    margin: 0;
    vertical-align: middle
}

.public-police .pdf {
    height: 100%;
    padding: 6px 0 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.public-police .publice-police-p {
    background: #fff;
    color: #fcfbfb;
    margin-bottom: 3px;
    border: 1px solid silver;
    padding: 0;
    position: relative
}

.public-police .publice-police-p2 {
    background: #fff;
    color: #000;
    margin-bottom: 13px;
    border: 1px solid silver;
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 5px
}

.public-police .publice-police-p:hover {
    background: #a20a3a;
    color: #fff;
    border: 1px solid #91203f
}

.public-police .publice-police-p a {
    color: #000;
    width: 96%;
    display: inline-block;
    padding: 5px
}

.public-police .publice-police-p a:hover {
    text-decoration: none;
    color: #fff;
    transition: none
}

.public-police .publice-police-p:hover .pdf {
    background: #f6b801
}

.grivence-policy .main-detail .mobiease {
    padding: 0
}

.grivence-policy .main-detail .mobiease h2 {
    padding: 10px 3px
}

.grivence-policy .main-detail .mobiease table tr td {
    vertical-align: middle
}

.grivence-policy .main-detail .mobiease p {
    padding: 5px 13px
}

.inner-sub-cot ul li {
    font-size: 13px;
    line-height: 20px;
    list-style: none;
    margin: 0 44px;
    padding: 0
}

.fixed-top-ment {
    bottom: 10px;
    display: none;
    width: 100px;
    position: fixed;
    right: 31px;
    text-align: center;
    z-index: 9
}

.fixed-top-ment span {
    color: #000;
    display: inline-block;
    font-size: 11px;
    padding: 5px 0 0;
    width: 100px
}

.fixed-top-ment a i,
.fixed-top-ment a strong {
    box-shadow: 0 0 27px 10px #ccc;
    height: 35px;
    background: #b1113e;
    border-radius: 50%;
    width: 35px
}

.fixed-top-ment i,
.fixed-top-ment strong {
    color: #fff;
    font-size: 30px
}

.card-index-right .top-margin-none {
    margin-top: 0
}

.right-second {
    width: 266px;
    margin: 0 auto
}

.innner-download {
    color: #1540a1;
    text-decoration: none
}

.innner-download:hover {
    transition: all .5s ease;
    text-decoration: underline
}

.deposit-inner ul li {
    border: 1px solid #ddd;
    display: inline-block;
    height: 100px;
    margin: 0 13px 0 0;
    padding: 6px 9px;
    text-align: center;
    width: 31%
}

.deposit-inner ul li a span {
    display: inline-block;
    padding: 6px 0 0;
    font-size: 12px
}

.deposit-inner ul li:nth-child(2) img {
    height: 63px
}

.deposit-inner ul li:nth-child(3) {
    padding: 22px 9px 12px
}

.deposit-inner ul li:nth-child(3) span {
    padding: 9px 0 0
}

.inner-page-a {
    font-size: 13px;
    text-decoration: none;
    color: #000
}

.inner-page-a:hover {
    color: #a20a3a;
    transition: all .5s ease
}

.input {
    border: 1px solid #aaa;
    padding: 5px 10px;
    width: 200px;
    margin: 5px 0
}

.imgleftshadowbox,
.imgrgtshadowbox {
    padding: 10px;
    box-shadow: 0 0 5px #777
}

.detail-page .deposite-inner-contact {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    font-family: Signika, Helvetica, sans-serif;
    text-align: center
}

.detail-page .way-graph {
    text-align: center;
    margin: 20px 0 0
}

.download-policy ul li {
    font-size: 14px;
    line-height: 25px
}

.download-policy ul li a .pdf {
    display: inline-block;
    margin: 5px 5px 0 0
}

.imgleftshadowbox {
    margin: 0 15px 10px 0
}

.imgrgtshadowbox {
    margin: 0 0 6px 15px
}

.profilelisting li,
.profilelisting2 li {
    box-shadow: 0 0 5px #ccc;
    text-align: center
}

.colbox2 a,
.detail-page p a {
    color: #b1113e;
    text-decoration: none
}

.colbox2 a:hover,
.detail-page p a:hover {
    text-decoration: underline;
    color: #000
}

.colbox2,
.socialcolbox2 {
    width: 46%;
    float: left;
    border: 1px solid #ccc;
    min-height: 200px;
    padding: 15px;
    margin: 2%
}

.socialcolbox2 h2 a {
    color: #b1113e;
    text-decoration: none
}

.socialcolbox2 h2 a:hover {
    text-decoration: underline
}

.detail-page .inner-page-a:hover,
.socialcolbox2 ul li a,
.table-a {
    text-decoration: none
}

.socialcolbox2 ul li a {
    color: #333;
    font-size: 13px;
    display: inline-block;
    padding: 1px 11px 0 10px
}

.socialcolbox2 ul li a:hover {
    color: #b1113e
}

.colbox2 {
    min-height: 700px
}

.ollisting li {
    line-height: 30px;
    font-size: 14px
}

.right-first ul li ul {
    margin: 10px 0 0 5px
}

.right-first ul li ul li {
    border-bottom: none;
    padding: 4px 10px;
    background: url(../images/bullet.jpg) 0 11px no-repeat
}

.right-first ul li ul li a {
    font-size: 13px
}

.right-first ul li a:hover i {
    color: #a20a3a
}

.img-formate .socialcolbox2 {
    width: 96%;
    min-height: auto
}

.img-formate .socialcolbox2 h2,
.img-formate .socialcolbox2 ul {
    width: 75%;
    float: right
}

.img-formate .socialcolbox2 ul h2 {
    width: 100%;
    padding: 0 0 5px
}

.inner-heading .socialcolbox2 ul h2 {
    padding: 8px 0 0
}

.img-formate .socialcolbox2 ul li {
    float: left;
    width: 100%;
    line-height: 17px;
    /*background: url(../images/bullet.jpg) 0 8px no-repeat*/
}
.img-formate .socialcolbox2 ul li{
        display: flex;
    flex-wrap: wrap;
    padding: 7px 0;
}
.img-formate .socialcolbox2 ul li .fileSize,.img-formate .socialcolbox2 ul li .fileName{
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 39px;
    font-size:13px
}
.img-formate .socialcolbox2 ul li .fileName{}
.grivence-policy h2,
.innerpagecontent h2 {
    font-size: 14px;
    font-weight: 400;
    font-family: open_sansbold;
    padding: 7px 0 2px;
    color: #b1113e;
    text-transform: capitalize
}

.crowing-gallery ul li {
    padding: 7px 12px 0;
    text-align: center
}

.crowing-gallery ul li .bank-policy ul li {
    text-align: left
}

.vegelance .text-center {
    text-align: center;
    margin: 10px 0;
    clear: both
}

.vegelence-gallery ul li {
    display: inline-block;
    text-align: center;
    padding: 5px;
    vertical-align: middle;
    width: 49%
}

.vegelence-gallery ul li img {
    width: 250px;
    height: 250px
}

.vegelence-gallery ul li p {
    text-align: left
}

.vegelence-department ul li {
    border: 1px solid #ddd;
    display: inline-block;
    margin: 0 0 0 6px;
    padding: 10px 0 0;
    text-align: center;
    width: 32%;
    position: relative
}

.vegelence-department ul li i {
    font-size: 35px;
    position: absolute;
    right: -27px;
    top: 55px;
    z-index: 9
}

.vegelence-department ul li span {
    display: inline-block;
    font-size: 12px;
    padding: 5px;
    background: #b1113e;
    color: #fff;
    width: 100%
}

.vegelence-department ul li img {
    height: 150px
}

.main-inner-container-img ul li {
    font-size: 13px;
    line-height: 20px;
    padding: 0 5px
}

.main-inner-container-img ul li pre {
    font-family: open_sansregular;
    padding: 0
}

.detail-page .asba-online {
    background: #a20a3a;
    padding: 5px;
    color: #fff
}

.detail-page .asba-online:hover {
    background: #f6b801;
    transition: all .5s ease;
    text-decoration: none
}

.tableresponsive {
    width: 100%;
	    overflow-Y: scroll;
}

.main-inner-container-img {
    border-bottom: 1px solid #aaa;
    padding-bottom: 10px;
    display: inline-block
}

.main-inner-container-img ul li span {
    float: left;
    padding-right: 10px
}

.table-a {
    color: #000
}

.table-a:hover {
    color: #a20a3a;
    transition: all .5s ease
}

.profilelisting li h3,
.profilelisting2 li h3 {
    color: #000;
    background: 0 0;
    height: auto;
    clear: both
}

.profilelisting li {
    width: 30%;
    float: left;
    min-height: 350px;
    margin: 0 25px 15px 0;
    padding: 15px
}

.profilelisting li:nth-child(3),
.profilelisting li:nth-child(6) {
    margin-right: 0
}

.profilelisting li h3 {
    font-family: open_sansbold;
    font-size: 15px;
    margin: 0
}

.profilelisting li h3 span {
    font-family: Signika;
    font-size: 13px
}

.profilelisting2 li {
    width: 23%;
    float: left;
    min-height: 208px;
    margin: 0 14px 15px 0;
    padding: 10px
}

.profilelisting2 li:nth-child(12),
.profilelisting2 li:nth-child(16),
.profilelisting2 li:nth-child(20),
.profilelisting2 li:nth-child(24),
.profilelisting2 li:nth-child(4),
.profilelisting2 li:nth-child(8) {
    margin-right: 0
}

.profilelisting2 li h3 {
    font-family: open_sansbold;
    font-size: 14px;
    margin: 0;
    padding: 8px 0 0;
    height: 40px;
    line-height: 16px
}

.profilelisting2 li h3 span {
    font-family: open_sansregular;
    font-size: 13px
}

.btngrey,
.btnprofile {
    font-family: open_sansbold;
    width: 100%;
    padding: 8px 20px;
    font-size: 13px;
    text-decoration: none;
    float: left
}

.btnprofile {
    border: 1px solid #b1113e;
    color: #b1113e
}

.btnprofile:hover {
    background: #b1113e;
    color: #fff
}

.btngrey {
    border: 1px solid #666;
    color: #666;
    margin: 0 0 7px
}

.btngrey:hover,
.directorprofile h1,
.directorprofile h2 {
    background: #b1113e;
    color: #fff
}

.award ul li h2,
.listingcontent li a {
    font-family: open_sansregular
}

.directorprofile h1,
.directorprofile h2 {
    padding: 7px 15px;
    margin: 0 0 20px;
    font-size: 18px
}

.listingcontent li {
    font-size: 13px;
    line-height: 18px;
    padding: 5px;
    overflow: hidden;
    position: relative;
    text-align: justify
}

.listingcontent li a {
    text-decoration: none;
    color: #b1113e
}

.listingcontent li a h2 {
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    background: #eca204;
    padding: 6px
}

.award ul li {
    height: 224px;
    width: 220px;
    display: inline-block;
    border: 1px solid #aaa;
    margin: 17px 11px 0 0
}

.award ul li h2 {
    height: 50px;
    text-align: center;
    padding: 13px 5px;
    color: #fff;
    background: rgba(0, 0, 0, .8);
    margin: -4px 0 0;
    font-size: 12px;
    line-height: 14px
}

.award ul li h2 a {
    border: 1px solid #f6b801;
    color: #fff;
    display: none;
    font-size: 11px;
    margin: 8px auto;
    padding: 5px;
    width: 110px;
    text-transform: uppercase
}

.award ul li h2 a:hover {
    background: #f6b801;
    color: #333;
    text-decoration: none
}

.award .listingcontent li:hover a {
    display: block
}

.award .listingcontent li:hover h2 {
    height: 95px;
    position: absolute;
    float: left;
    right: 0;
    bottom: 0;
    transition: all .5s ease;
    left: 0
}

.listingcontent li a h2:hover {
    text-decoration: underline
}

.listingcontent-border {
    border-bottom: 1px dotted #b1113e
}

.contactbox {
    width: 49%;
    float: left;
    border: 1px solid #ccc;
    margin: 0 10px 10px 0
}

.contactbox.last {
    margin-right: 0
}

.contactbox .iconcontact {
    height: 87px;
    width: 70px;
    background: #b1113e;
    float: left;
    font-size: 40px;
    color: #fff;
    text-align: center;
    padding: 23px 0 0
}

.contactboxcontent,
.contactboxcontent h3 {
    font-size: 16px;
    font-family: open_sansbold
}

.contactboxcontent {
    text-align: left;
    float: left;
    width: 70%;
    margin: 0 0 0 10px
}

.financialbox li,
.subdidiariesbanklist li {
    width: 31%;
    border: 1px solid #ccc;
    float: left;
    text-align: center
}

.contactboxcontent h3 {
    text-transform: uppercase;
    color: #b1113e;
    background: 0 0;
    clear: both;
    margin: 0;
    padding: 14px 0 7px;
    height: auto
}

.contactboxcontent .tollfreetxt {
    font-size: 21px;
    font-family: open_sansbold
}

.contactboxcontent .tollfreetxt span {
    font-family: open_sansregular;
    font-size: 13px
}

.circleofficetable tr td,
.circleofficetable tr th {
    font-size: 13px;
    padding: 5px 3px
}

.innerpagetable td a {
    color: #b1113e;
    text-decoration: none;
    font-family: open_sansbold
}

.financialbox li h3,
.subdidiariesbanklist li {
    font-family: Signika;
    padding: 20px
}

.innerpagetable td a:hover {
    text-decoration: underline;
    color: #000
}

.subdidiariesbanklist li {
    margin: 15px 15px 0 0;
    height: 170px
}

.financialbox li .iconfield a,
.subdidiariesbanklist li a {
    text-decoration: none;
    color: #000
}

.financialbox li {
    min-height: 140px;
    margin: 9px 14px 0 0;
    position: relative
}

.financialbox li:hover {
    border: 1px solid #a20a3a
}

.financialbox li:hover .iconfield {
    background: #a20a3a;
    color: #fff
}

.financialbox li:hover .iconfield a,
.financialbox li:hover .iconfield span {
    color: #fff
}

.annualreportbox li:hover h3,
.financialbox li:hover h3 a {
    color: #a20a3a
}

.financialbox li h3 {
    text-transform: uppercase;
    color: #000;
    background: 0 0;
    font-size: 15px;
    min-height: 200px;
    margin: 0;
    height: auto
}

.financialbox li h3 a {
    color: #000;
    text-decoration: none
}

.financialbox li h3 a:hover {
    color: #b1113e
}

.financialbox li .iconfield {
    background: #f0f0f0;
    padding: 10px;
    font-size: 14px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.financialbox li .iconfield a {
    text-decoration: none;
    color: #b1113e
}

.btnpinkcolor {
    text-align: center;
    padding: 10px 20px;
    font-family: Signika;
    width: 100%;
    background: #a20a3a;
    color: #fbbc09;
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
    height: auto
}

.csr .listingcontent li h2,
.grivence-policy p,
.grivence-policy p a,
.innerpagecontent p,
.innerpagecontent p a,
.tablecontent tr td {
    font-family: open_sansregular
}

.btnpinkcolor:hover {
    background: #fbbc09;
    color: #000
}

.detail-page .faq-a {
    color: #333
}

.detail-page .faq-a:hover {
    text-decoration: none;
    color: #a20a3a;
    transition: all .5s ease
}

.star-inner {
    font-size: 14px
}

.loker-facility {
    padding: 4px;
    background: #a20a3a;
    text-transform: capitalize;
    color: #fff;
    cursor: pointer;
    margin-top: 10px
}

.loker-facility:hover {
    background: #f6b801;
    color: #333;
    transition: all .5s ease
}

.feedback-form-1 {
    float: left;
    margin: 0;
    padding: 0;
    background: #e7e7e7;
    width: 50%
}

.feedback-table {
    width: 100%
}

.feedback-table tr {
    display: inline-block;
    width: 100%
}

.feedback-table tr td {
    width: 100%;
    padding: 0;
    display: inline-block;
    color: #555;
    height: 70px;
    font-size: 12px;
    text-transform: none
}

.feedback-table tr td [type=text] {
    width: 100%;
    border: 1px solid #bababa;
    color: #555;
    padding: 5px;
    height: 35px;
    margin-top: 7px
}

.feedback-star {
    color: red;
    display: inline-block;
    margin: -4px 0 0 2px
}

.entercoopen,
.feedback-table tr td:first-child {
    color: #000;
    font-weight: 700
}

.last-tabel tr td:nth-child(2) {
    background: #fff;
    padding: 10px 0;
    border: 1px solid #bababa
}

.feedback-table tr td [type=checkbox] {
    float: left;
    margin: 2px 7px 0 0;
    padding: 0
}

.feedback-table tr td i {
    display: inline-block;
    font-size: 13px;
    font-style: normal;
    margin: 0 4px 0 7px
}

.main-detail .last-tabel .text-area {
    padding: 0;
    border: none
}

.feedback-table tr td textarea {
    width: 100%;
    height: 105px;
    padding: 10px;
    border: 1px solid #bababa;
    margin: 0;
    float: left
}

.entercoopen {
    height: 22px
}

.feedback-table tr td input[type=radio] {
    display: inline;
    float: left
}

.main-detail .feedback-detail {
    background: #e7e7e7;
    border: 20px
}

.main-detail .feedback-detail p {
    width: 100%
}

.main-detail .feedback-detail p textarea {
    width: 80%;
    height: 75px;
    float: right;
    border: 1px solid #bababa
}

.feedback-detail .any-suggestion {
    margin: 16px 0 0;
    line-height: 35px
}

.feedback-table-sec {
    width: 100%;
    margin: 15px 0
}

.secfeedback {
    padding: 0 0 0 20px
}

.feedback-table-sec tr td {
    color: #555;
    font-size: 12px;
    text-transform: none
}

.more-online-payment,
.read-more {
    text-transform: capitalize;
    font-weight: 700
}

.feedback-table-sec input {
    width: 200px;
    padding: 7px;
    border: 1px solid #bababa
}

.feedback-form-1 .feedback-table .captcha-input {
    width: 242px;
    padding: 7px;
    border: 1px solid #bababa
}

.feedback-form-1 .feedback-table .captcha-text {
    padding: 5px 0 0
}

.feedback-detail .text-center {
    text-align: center
}

.feedback-table select {
    border: 1px solid #bababa;
    margin-top: 7px;
    color: #555;
    height: 35px;
    padding: 5px;
    width: 100%
}

.pdf {
    color: #555;
    margin: 1px 0 0 5px
}

.download-form .inner-page-table tr td a {
    text-decoration: none;
    color: #333;
    font-size: 14px;
    width: 100%;
    display: inline-block;
    padding: 7px
}

.download-form .inner-page-table tr td a:hover {
    color: #fff
}

.download-form .inner-page-table tr td:first-child {
    /*width: 92%*/
}

.download-form .inner-page-table tr td:last-child {
   /* width: 8%*/
}

.ccsrms {
    background: #a20a3a;
    color: #fff !important;
    font-weight: 700;
    padding: 6px
}

.download-form .inner-page-table tr td:hover {
    background: #b1113e;
    border: 1px solid #d4d2d2;
    color: #fff
}

.download-form .inner-page-table tr td:hover a {
    color: #fff
}

.download-form .inner-page-table tr:hover .download-pdf {
    background: #f6b801 !important;
    transition: all .5s ease
}

.cardtabcontent .cardtablftcontent .World-Travel-Card tr:hover .download-pdf,
.ccsrms:hover,.ccsrms:focus {
    background: #f6b801
}

.ccsrms:hover,.ccsrms:focus {
    color: #000 !important;
    text-decoration: none !important;
    transition: all .5s ease
}

.mobiease table tr td img {
    width: 100%
}

.cardtabcontent .cardtablftcontent .World-Travel-Card tr td {
    padding: 3px 4px;
    vertical-align: middle
}

.cardtabcontent .cardtablftcontent .World-Travel-Card {
    margin: 20px 0
}

.cardtabcontent .cardtablftcontent .World-Travel-Card tr td:first-child {
    width: 89%;
    padding: 0 6px
}

.cardtabcontent .cardtablftcontent .World-Travel-Card tr td:last-child {
    text-align: center;
    width: 8%
}

.grivence-policy p,
.innerpagecontent p,
.recruitment-content p {
    text-align: justify
}

.cardtabcontent .cardtablftcontent .World-Travel-Card tr td:first-child:hover {
    background: #a20a3a;
    color: #fff
}

.cardtabcontent .cardtablftcontent .World-Travel-Card tr td:hover a {
    color: #fff
}

.world-travel .cardtablftcontent {
    width: 100%
}

.recruitment-inner .card-index-left {
    width: 100%;
    background: #f0f0f0
}

.recruitment-inner .card-index-left .main-detail {
    background: #f0f0f0
}

.recruitment-inner .main-detail .detail-page {
    background: #f0f0f0;
    box-shadow: none;
    display: inline-block;
    padding: 0;
    margin: 0 0 0 8px
}

.recruitment-content {
    background: #fff;
    margin-top: 10px
}

.recruitment-button {
    background: #b1113e;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 6px;
    text-decoration: none
}

.recruitment-content h2 {
    font-weight: 400
}

.recruitment-inner h3 {
    background: #d6d6d6;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin: 20px 0;
    color: #333;
    height: 50px
}

.joining-formilities {
    padding: 9px 0 0 15px !important
}

.joining-formilities h3 i {
    float: right;
    font-size: 25px;
    line-height: 0;
    color: #b1113e;
    margin: 0
}

.joining-formilities .inner-page-a {
    border-bottom: 1px solid #949494;
    display: inline-block;
    padding: 3px 1px;
    width: 100%
}

.cardtabcontent .cardtablftcontent .World-Travel-Card tr td .inner-page-a {
    display: inline-block;
    width: 100%;
    padding: 10px 0
}

.recuirment .inner-page-table tr td a {
    width: 100%;
    display: inline-block;
    padding: 3px 10px
}

.recuirment .inner-page-table tr td:hover {
    background: #b1113e
}

.recuirment .inner-page-table tr td:hover a {
    color: #fff
}

.recuirment .inner-page-table tr:hover .download-pdf a {
    background: #f6b801
}

.recuirment .inner-page-table tr td {
    cursor: pointer
}

.recuirment .inner-page-table tr td:first-child {
    width: 90%
}

.recuirment .inner-page-table tr td:last-child {
    width: 10%;
    text-align: center;
    padding: 0
}

.recruitment-a,
.roster-a {
    border: 1px solid #b1113e;
    color: #333;
    font-size: 14px;
    padding: 7px;
    display: inline-block;
    text-decoration: none
}

.recruitment-a {
    margin: 0
}

.roster-a {
    text-align: center;
    width: 110px;
    margin: 0 0 0 10px
}

.recruitment-a:hover,
.roster-a:hover {
    background: #b1113e;
    color: #fff;
    transition: all .5s ease
}

.download-table .inner-page-table tr td:first-child a {
    padding: 6px
}

.download-table .inner-page-table tr td a {
    width: 100%;
    display: inline-block;
    padding: 3px 10px
}


.grivence-policy h2,
.innerpagecontent h2,
.main-inner-container-img ul li,
.read-more {
    text-align: left
}

.download-table .inner-page-table tr td:first-child {
   
    text-align: left
}


.download-table .inner-page-table tr td:hover a {
    /*color: #fff*/
}

.download-table .inner-page-table tr:hover .download-pdf a {
   /* background: #f6b801*/
}

.onlinepayment {
    border-bottom: 1px dashed #c1c1c1;
    border-top: 1px dashed #c1c1c1;
    display: inline-block;
    padding: 10px 0;
    margin: 25px 0 5px;
    width: 100%
}

.onlinepayment ul {
    float: right
}

.onlinepayment ul li {
    background: #e7e7e7;
    float: left;
    line-height: 35px;
    margin: 0 0 0 8px;
    padding: 9px 7px;
    width: 202px
}

.onlinepayment ul li .inner-page-a {
    padding: 0 10px
}

.onlinepayment ul li span {
    width: 30px;
    height: 31px;
    background: url(../images/online-payment.png);
    float: left
}

.oneline_2 {
    background-position: 0 -32px !important
}

.oneline_3 {
    background-position: 0 -68px !important
}

.online-e-tax {
    width: 100%;
    border: 1px solid #aaa;
    border-radius: 2px;
    padding: 6px
}

.online-e-tax ul {
    float: right;
    width: 76%;
    padding: 5px 0 0
}

.grivence-policy .online-payment-h2 {
    padding: 30px 0 5px
}

.new-star {
    margin: -6px 0 0
}

.online-e-tax ul li {
    display: inline-block;
    width: 32%
}

.online-e-tax ul li a:before {
    content: "X";
    overflow: hidden;
    width: 5px;
    height: 5px;
    float: left;
    margin: 8px 6px 0 0;
    background-color: #a91d32;
    border-radius: 50%;
    border: 2px solid #a91d31
}

.btnutility_bill a {
    background: #e7e7e7;
    float: left;
    font-weight: 700;
    margin: -4px 0 0;
    font-size: 11px !important;
    padding: 5px 13px !important;
    width: auto
}

.btnutility_bill a img {
    margin-right: 5px
}

.online-e-tax ul li a {
    float: left;
    width: 100%;
    padding: 3px 0 0
}

.vatpayment ul li {
    width: 32%
}

.share-trading ul li {
    width: 100%
}

.new-lanch li label {
    float: left;
    background: #000
}

.read-more:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f6b801;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.csr .listingcontent li,
.read-more {
    position: relative;
    display: inline-block
}

.read-more:active,
.read-more:focus,
.read-more:hover {
    color: #000 !important
}

.read-more:active:before,
.read-more:focus:before,
.read-more:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.loans .main-inner-container-img {
    padding: 18px 0
}

.read-more {
    background: #a20a3a;
    color: #fff !important;
    float: left;
    font-size: 12px;
    margin-top: 16px;
    padding: 0 5px 0 23px;
    text-decoration: none;
    margin-right: 10px;
    width: 110px;
    overflow: hidden;
    height: 35px;
    line-height: 35px;
    transform-origin: left;
    transition: width .25s ease;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.read-more:hover:after {
    content: url(../images/arrow.png);
    float: right;
    width: 12px;
    padding-top: 6px
}

loans .main-inner-container-img h2 {
    padding: 0 0 0 12px
}

.loans .main-inner-container-img {
    width: 100%
}

.loans .main-inner-container-img ul {
    float: right;
    padding: 0 0 0 10px;
    width: 77%
}

.applyloan {
    margin: 0 0 10px auto;
    width: 266px;
    border-radius: 5px;
    background: #e7e7e7
}

.applyloan ul li {
    border: 1px solid #e7e7e7;
    font-size: 14px;
    padding: 15px 0 0;
    text-align: center
}

.apply-button {
    background: #a20a3a;
    margin: 10px auto 16px;
    text-align: center;
    width: 220px
}

.apply-button a {
    color: #fff;
    font-size: 12px;
    line-height: 28px;
    padding: 6px;
    text-decoration: none
}

.apply-button a:hover {
    text-decoration: underline;
    transition: all .5s ease
}

.main-inner-container-img:last-child {
    border-bottom: none
}

.new-form-table tr td {
    padding: 5px
}

.inner-pdf {
    margin: 2px 0;
    display: inline-block
}

.inner-pdf img {
    height: 16px
}

.box-img {
    width: 150px
}

.main-inner-container-img ul li a {
    color: #000;
    text-decoration: none;
    transition: all .5s ease
}

.main-inner-container-img ul li a:hover {
    color: #a20a3a
}

.main-inner-container-img ul li h4 {
    padding: 0 0 8px
}

.loans .bank-policy ul li {
    background: url(../images/bullet.jpg) 0 8px no-repeat rgba(0, 0, 0, 0);
    padding: 0 11px
}

.main-inner-container-img ul li .apply-now {
    background: #f6b801;
    color: #000;
    float: left;
    font-size: 12px;
    font-weight: 700;
    margin-right: 10px;
    margin-top: 16px;
    padding: 5px;
    text-decoration: none;
    text-transform: capitalize
}

.main-inner-container-img ul li .apply-now:hover {
    background: #a20a3a;
    color: #fff
}

.inner-img {
    padding: 5px
}

.more-online-payment {
    text-align: right;
    padding: 0 !important;
    font-size: 12px !important
}

.google-play-store {
    width: 100%
}

.google-play-store ul{     display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;}
.google-play-store ul li {
    box-shadow: 3px 5px 8px 4px #ddd;
    padding: 20px;
    background: #fff;
    margin: 12px;
    flex: 0 0 50%;
    max-width: calc(50% - 24px);
}

.google-play-inner {
    width: 100%;
    float: left;
    background: #e7e7e7
}

.android-apps-img {
    display: inline-block;
    width: 39%
}

.android-apps-img p {
    font-size: 13px
}

.android-apps-img h2,
.android-apps-img label {
    color: #a91d32;
    padding: 25px 0 0;
	    width: 100%;
}

.android-apps-img .inner-page-a {
    text-decoration: underline;
    font-size: 13px
}

.android-apps-content {
    display: inline-block;
    padding: 0 0 0 13px;
    width: 60%
}

.android-apps-content p {
    font-size: 13px;
    text-align: justify
}

.android-apps-content .playstore-chart,
.android-apps-content h6 {
    border-bottom: 1px solid #b2b2b2;
    border-top: 1px solid #b2b2b2;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin: 30px 0;
    padding: 11px 1px;
    width: 100%
}

.android-apps-content .playstore-chart span,
.android-apps-content h6 span {
    display: inline-block;
    padding: 0 15px 0 0;
    font-size: 12px
}

.playstore-button a {
    display: inline-block;
    background: #689f38;
    border: 1px solid #689f39;
    border-radius: 5px;
    cursor: pointer;
    line-height: 29px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 15px;
    color: #fff
}

.playstore-button a:hover,
.playstore-button a:focus {
    transition: all .5s ease;
    background: #73b539
}

.playstore-button i,
.playstore-button strong {
    background: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    padding: 2px;
    color: #689f38;
    font-size: 20px;
    text-align: center;
    width: 30px
}

.rating {
    padding: 10px 0
}

.rating .fa-star {
    padding: 2px;
    color: #919191
}

.right-rating {
    margin: 0 0 0 2px;
    color: #e3e3e3
}

.rating-status {
    color: #000;
    font-style: normal;
    padding: 4px 11px;
    display: inline-block
}

.fixed-content {
    height: 116px
}

.google-lay-img {
    height: 200px
}

.msme-Schemes {
    border-bottom: 2px dotted #b1113e;
    margin: 0 0 10px;
    padding: 0 0 13px
}

.innerpagelisting .msmeonlineapplication {
    background: #b1113e;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 0 6px 0 0;
    padding: 5px;
    width: 32%
}

.csr .listingcontent li a:hover,
.innerpagelisting .msmeonlineapplication:hover {
    background: #f6b801;
    transition: all .5s ease
}

.innerpagelisting .msmeonlineapplication i,
.innerpagelisting .msmeonlineapplication strong {
    float: left;
    font-size: 20px;
    padding: 6px 1px;
    width: 13%
}

.innerpagelisting .msmeonlineapplication span {
    float: left;
    width: 87%
}

.csr .listingcontent li {
    width: 48%;
    height: 263px;
    border: 1px solid #aaa;
    margin: 17px 11px 0 0
}

.csr .listingcontent li a {
    border: 1px solid #f6b801;
    color: #fff;
    padding: 5px;
    font-size: 11px;
    margin: 10px 0;
    display: none;
    text-transform: uppercase
}

.daily-update,
.pinkbtn,
.tablecontent tr th {
    text-transform: capitalize
}

.csr .listingcontent li a:hover {
    color: #333;
    text-decoration: none
}

.csr .listingcontent li h2 {
    height: 40px;
    margin: 0;
    color: #fff;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    background: rgba(0, 0, 0, .8)
}

.csr .listingcontent li img:hover {
    transform: none
}

.csr .listingcontent li:hover h2 {
    height: 95px;
    position: absolute;
    transition: all .5s ease;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 17px 0
}

.csr .listingcontent li:hover a {
    display: block;
    width: 115px;
    margin: 10px auto
}

.form-content {
    color: #919191;
    font-size: 13px;
    left: 0;
    padding: 6px;
    position: absolute;
    top: 0
}

.footer-form,
.main-form {
    position: relative;
    float: left
}

.capcha-code {
    width: 187px;
    background: #fff;
    float: left
}

.form-content1 {
    top: -23px
}

.capcha-code img {
    height: 29px
}

input::-webkit-input-placeholder {
    color: #000;
    font-size: 11px;
    font-weight: 700
}

input:focus::-webkit-input-placeholder {
    color: #919191
}

input:-moz-placeholder {
    color: #000;
    font-size: 11px;
    font-weight: 700
}

input:focus:-moz-placeholder {
    color: #919191
}

input::-moz-placeholder {
    color: #000;
    font-size: 11px;
    font-weight: 700
}

input:focus::-moz-placeholder {
    color: #919191
}

input:-ms-input-placeholder {
    color: #000;
    font-size: 11px;
    font-weight: 700
}

input:focus:-ms-input-placeholder {
    color: #919191
}

.world-travel .bank-policy ul li {
    list-style: none !important;
    padding: 8px 0 0 11px
}

.clmsform,
.clmsform li {
    list-style: none
}

.footer-form {
    width: 187px;
    margin-bottom: 12px;
    margin-right: 10px;
    height: 29px
}

.placeholder-text {
    color: #919191;
    font-size: 13px;
    left: 5px;
    margin-top: 0;
    padding: 0 8px;
    position: absolute;
    top: 6px;
    transition: all .2s ease 0s;
    z-index: 99
}

.footer-form .form-txt:focus {
    border: 1px solid #a20a3a
}

.form_active~.placeholder-text {
    background: #fff;
    font-size: 10px;
    margin-top: -13px;
    padding: 0 5px;
    color: #000;
    transition: all .3s ease
}

.radioboxtable,
.radioboxwhite {
    background: #fff;
    border: 1px solid #ccc
}

.feedbackradilfield label {
    border: none;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 13px
}

.radioboxtable tr td,
.radioboxwhite {
    padding: 10px 5px
}

.feedbackradilfield label:before {
    border: none
}

.feedbackradilfield tr {
    display: inline-block;
    width: 100%;
    margin-top: 16px
}

.feedbackradilfield {
    clear: both
}

.radioboxtable {
    width: 100%;
    margin-top: 7px
}

.radioboxtable tr {
    margin-top: 0
}

.radioboxwhite {
    display: inline-block;
    width: 100%;
    margin-top: 7px
}

.whiteradiobox span {
    font-weight: 700;
    font-size: 13px
}

.whiteradiobox {
    width: 100%;
    display: inline-block
}

.clmsform li {
    width: 100%;
    display: block;
    float: left;
    margin: 0 0 15px
}
.clmsform li.capcha button{border:1px solid transparent}
.clmsform li.capcha button:focus,.clmsform li.capcha input:focus{border:1px solid #000}
.clmsform li span {
    float: left;
    width: 200px;
    font-size: 14px
}

.clmsform li span b {
    color: #cc0000;
    font-size: 12px
}

.clmsform li .inputfield,
.clmsform li .selectfield {
    width: 350px;
    float: left;
    padding: 6px 10px;
    border: 1px solid #ccc;
    box-shadow: inset 0 0 5px #d4d4d4;
    -webkit-box-shadow: inset 0 0 5px #d4d4d4;
    -moz-box-shadow: inset 0 0 5px #d4d4d4;
    font-family: open_sansregular;
    color: #333
}
.clmsform li .inputfield:focus,
.clmsform li .selectfield:focus{border:1px solid #000}
.btnpink:focus,
.btnpink:hover {
    background: #f6b801;
    transition: all .5s ease;
    color: #000
}

.err {
    color: red
}

.errborder {
    border: 1px solid red !important
}

.tablecontent tr td,
.tablecontent tr th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    vertical-align: middle
}

.valreq {
    color: red !important
}

.tablecontent {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    width: 100%
}

.tablecontent tr th {
    background: #a20a3a;
    color: #fff;
    font-size: 12px;
    padding: 7px;
    text-align: left
}

.tablecontent tr td {
    color: #333;
    font-size: 13px;
    padding: 5px 10px
}

#locateus .search-bx h2,
#locateus .tab-slides-head h2,
.homenewscontainer .midcontainer h3,
.menu-heading {
    font-family: open_sansbold
}

.tablecontent tr:nth-child(even) {
    background: #fff
}

.tablecontent tr:nth-child(odd) {
    background: #f0f0f0
}

.board-fo-director .board-of-dr-hover {
    left: 0;
    position: absolute;
    display: none;
    top: 0;
    padding: 120px 0 0;
    bottom: 0;
    background: rgba(0, 0, 0, .65);
    right: 0;
    transition: all .5s ease
}

.detail-page .board-fo-director .board-of-dr-hover h3 {
    color: #fff;
    float: left;
    padding: 0 0 17px
}

.board-fo-director .profilelisting li {
    padding: 8px;
    min-height: 321px;
    position: relative;
    width: 217px
}

.profilelisting li:hover .board-of-dr-hover,
.profilelisting li a.board-of-director-list-link:focus+.board-of-dr-hover {
    display: block;
    transition: all .5s ease
}

.arrow-border {
    position: relative;
    width: 100%;
    margin: -17px 0 0
}

.board-fo-director .profilelisting li img {
    width: 100%
}

.board-fo-director .profilelisting li h3 {
    padding: 8px 0 0;
    font-size: 13px
}

.board-fo-director .profilelisting li .btngrey,
.board-fo-director .profilelisting li .btnprofile {
    color: #fff;
    margin: 0 0 7px 28px;
    padding: 8px 7px;
    background: #b1113e;
    width: 156px
}

.board-fo-director .profilelisting li a:hover {
    background: #c52451;
    transition: all .5s ease
}

.card-detail .read-more-index {
    float: left
}

.card-detail .read-more-index a {
    color: #b1113e;
    font-size: 11px;
    padding: 4px 0 px;
    font-weight: 700
}

.read-more-index a:hover {
    text-decoration: underline
}

.hindi-content .wsmenu-list>li>a {
    font-weight: 700
}

.hindi-content .custsubmenu a {
    font-weight: 400 !important
}

.hindi-content .new-side-menu ul li a,
.hindi-content .wsmenu-list a {
    font-weight: 700
}

.hindi-content .fullwidthmenu .column a {
    line-height: 20px;
    background-position: 0 6px
}

.hindi-content .singledropdown a {
    background: url(../images/arrow-pink.jpg) left 10px no-repeat rgba(0, 0, 0, 0);
    padding: 2px 0 3px 14px !important
}

.hindi-content .net-banking img {
    margin: 3px 7px 0 0 !important
}

.hindi-content .new-lanch li .card-detail p span,
.hindi-content .new-lanch li span p a,
.new-lanch li div p a {
    font-weight: 400
}

.close,
.hindi-content .content-sec2-head,
.records-no {
    font-weight: 700
}

.hindi-content .net-banking label {
    line-height: 17px
}

.hindi-content .new-arrow {
    margin: 12px 0 0
}

.hindi-content .base-rate ul li h3 {
    padding: 2px 0 0
}

.hindi-content .homenewscontainer .midcontainer h3 {
    line-height: 21px
}

.hindi-content .form-sbmt {
    margin: -39px 0 0;
    padding: 7px 20px
}

.hindi-content .footertop {
    padding: 5px
}

.hindi-content .inner-breadcrum2 {
    margin-top: -37px;
    height: 37px
}

.hindi-content .inner-breadcrum2 ul li:nth-child(1) {
    height: 37px
}

.hindi-content .profilelisting li h3 span {
    font-size: 11px
}

.hindi-content .profilelisting2 li {
    min-height: 213px
}

.hindi-content .placeholder-text {
    top: 3px
}

.hindi-content .tpbr ul li {
    line-height: 14px
}

.hindi-content .card-index-cards ul li p a {
    float: left;
    text-align: left;
    width: 96%
}

.table-arrow ul li,
.table-blt ul li,
.tb-roman-nav li {
    color: #333;
    line-height: 20px;
    text-align: justify;
    clear: left;
    float: left;
    font-size: 13px
}

.hindi-content .card-index-cards ul li p::before {
    margin: 10px 7px 0 0
}

.hindi-content .right-first ul li ul li {
    padding: 1px 12px
}

.table-arrow,
.table-blt {
    width: 100%;
    float: left
}

.table-arrow ul,
.table-blt ul {
    width: 100%;
    float: left;
    margin: 10px 0;
    padding: 0
}

.table-arrow ul li,
.table-blt ul li {
    list-style: none;
    padding: 7px 12px 0 16px
}

.table-blt ul li {
    background: url(../images/bullet-round.jpg) 0 13px no-repeat rgba(0, 0, 0, 0)
}

.table-arrow ul li {
    background: url(../images/tb-arrow.png) 0 13px no-repeat rgba(0, 0, 0, 0)
}

.tb-roman-nav {
    width: 95%;
    float: left;
    margin: 10px 0 10px 15px;
    padding: 0
}

.tb-roman-nav li {
    padding-left: 10px;
    width: 100%
}

.card-img-link {
    padding: 0 !important;
    line-height: 100% !important;
    width: auto !important
}

.menu-heading {
    color: #940b36;
    float: left;
    line-height: 22px;
    padding: 0 0 0 13px;
    text-decoration: none;
    width: 100%;
    background: url(../images/arrow-pink.jpg) 0 5px no-repeat;
    font-size: 13px
}

.link-bt,
.link-bt-rgt {
    padding: 8px 30px;
    color: #fff !important;
    background: #b1113e;
    text-decoration: none !important
}

.loan-p-img img {
    float: left;
    margin: 0 10px 10px 0;
    border: 2px solid #222;
    width: 117px
}

.link-bt {
    float: left
}

.link-bt-rgt {
    float: right
}

.link-bt-rgt:hover,
.link-bt:hover {
    background: #eca204;
    color: #000 !important;
    transition: all .5s ease
}

.regulatory-pdf-icon {
    display: inline;
    text-align: right;
    float: right;
    clear: right
}

.pagination,
.search-txt p {
    text-align: center
}

.regulatory-pdf-icon img {
    width: 18px;
    border: 1px solid #ccc
}

.search-txt {
    width: 100%;
    background: #e7e7e7;
    padding: 15px
}

.search-txt p input[type=text] {
    width: auto;
    border: 1px solid #bababa;
    color: #555;
    padding: 5px;
    height: 35px;
    margin-left: 15px
}

.records-no {
    font-size: 13px;
    color: #666
}

.pagination {
    float: left;
    width: 100%;
    margin: 20px auto
}

.pagination a {
    text-decoration: none;
    color: #fff;
    background: #a20a3a;
    padding: 2px 5px;
    margin-right: 10px;
    font-size: 12px
}

.pagination a.active,
.pagination a:hover {
    background: #f6b801;
    color: #a20a3a
}

.red-txt {
    color: red
}

.innerpagelisting .regulatory li {
    background-position: 6px 12px;
    border: 1px solid #a20a3a;
    margin: 5px 0;
    padding: 4px 18px
}

.faq .main-detail {
    display: none
}

.faq .faq-first-heading {
    width: 49%;
    display: inline-block;
    margin: 0 9px 7px 0
}

.profilepage h1 {
    padding: 4px 0
}

.faq .faq-first-heading a,
.faq .tab_btn a {
    color: #a20c39;
    text-decoration: none
}

.faq .faq-first-heading a:hover {
    color: #333
}

.faq .faq-first-heading i {
    float: right;
    margin: 5px 0 0
}

.financials-archives .main-detail {
    display: none
}

.iconfield span {
    float: right;
    font-size: 12px
}

.financialbox h2 {
    background: #a20a3a;
    color: #fff;
    display: inline-block;
    margin: 7px 0;
    padding: 9px 8px;
    width: 100%
}

.financialbox {
    display: inline-block;
    padding: 0 0 7px
}

.right-margin-none {
    margin-right: 0 !important
}

.annualreportbox li h3 {
    padding-top: 40px;
    font-size: 18px
}

.daily-update {
    color: #a20a3a;
    text-decoration: none;
    font-size: 12px
}

.daily-update:hover,
.governance-bs .inner-page-a:hover {
    text-decoration: underline
}

#locateus .tab-slides-head a:hover,
.close,
.culculator-tpbtn,
.faq a,
.footertoprgt a,
.pagenotfound a,
.pagination-bt ul li a,
.pinkbtn {
    text-decoration: none
}

.daily-update:focus,
.daily-update:hover {
    color: #333
}

.governance-bs .innerpagelisting ul li {
    text-align: left
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.btnrest,
.btnsubmitpink,
.submit-btn button {
    width: 90px;
    margin: 11px 8px;
    border: none;
    cursor: pointer
}

.close {
    color: #000;
    float: right;
    font-size: 21px;
    line-height: 1;
    opacity: .2;
    text-shadow: 0 1px 0 #fff
}

.submit-btn button {
    padding: 5px;
    background: #a20a3a;
    color: #fff
}

.btnrest,
.btnsubmitpink {
    padding: 7px 5px
}

.submit-btn button:nth-child(2) {
    background: #f6b801;
    color: #000
}

.submit-btn button:nth-child(2):hover {
    background: #a20a3a;
    color: #fff
}

.submit-btn button:hover {
    background: #f6b801;
    transition: all .5s ease;
    color: #000
}

.btnsubmitpink {
    background: #a20a3a;
    color: #fff
}

.btnrest {
    background: #f6b801;
    color: #000
}

.btnrest:hover {
    background: #a20a3a;
    color: #fff
}

.btnsubmitpink:hover,.btnsubmitpink:focus {
    background: #f6b801;
    transition: all .5s ease;
    color: #000
}

.feedback-table tr td:first-child {
    height: 80px
}

.feedback-table tr td .height55 {
    height: 55px
}

form select {
    height: 36px;
    line-height: 25px
}

#locateus .tab-slides-head {
    float: left;
    width: 100%;
    padding-top: 60px
}

#locateus .tab-slides-head h2 {
    width: auto;
    color: #a20e37;
    font-size: 24px;
    float: left
}

#locateus .tab-slides-head a {
    float: right;
    font-size: 14px;
    width: auto;
    color: #a20e37;
    display: inline-block
}

#locateus .google-map {
    width: 826px;
    float: left;
    text-align: center;
    background: #f2ede7;
    height: 445px
}

#locateus .tab-rightpanel {
    float: left;
    width: 274px;
    background: #fff;
    margin: 0;
    padding: 0;
    border-right: 1px solid #a20e37;
    height: auto;
    height: 445px;
    overflow-x: hidden;
    overflow-y: auto;
    clear: left
}

#locateus .tab-rightpanel li {
    float: left;
    clear: both;
    line-height: 21px;
    width: 100%;
    max-width: 260px;
    padding: 10px 0 5px 20px
}

#locateus .tab-rightpanel li .rightpanel-head {
    font-size: 14px;
    color: #a20e37;
    font-family: open_sansbold;
    background: url(../images/bullet.jpg) left center no-repeat;
    padding-left: 15px
}

#locateus .rightpanel-addr {
    font-size: 13px
}

#locateus .tab-rightpanel li:hover {
    background: #f0f0f0
}

#locateus .right-search {
    float: left;
    width: 274px;
    padding: 18px 0 18px 20px !important;
    border-bottom: 1px solid #a20e37;
    clear: both;
    border-right: 1px solid #dedede
}

#locateus .search-bx {
    width: 100%;
    float: left
}

#locateus .search-bx h2 {
    float: left;
    font-size: 16px;
    color: #a20e37;
    margin-bottom: 5px
}

#locateus .search-bx .search-txt {
    color: #a20e37;
    font-size: 14px;
    padding: 5px;
    border-radius: 2px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 5px;
    width: 205px;
    height: 25px
}

#locateus .tab-rightpanel .right-search:hover {
    background: #fff !important
}

#locateus .search-sbmt {
    background: url(../images/search-icon.png) center no-repeat #a20e37;
    cursor: pointer;
    width: 25px;
    height: 25px;
    border: none;
    float: left
}

#locateus .tab_slider {
    height: 669px;
    background: #e5e5e5;
    margin-top: -4px
}

#locateus .tab-slide {
    width: 100%;
    float: left;
    height: 536px;
    padding: 0;
    background: #fff;
    overflow: hidden
}

.homenewscontainer .midcontainer h3 {
    margin-top: 0;
    font-size: 14px;
    width: auto;
    float: left;
    position: absolute;
    left: 0;
    top: 12px
}

.datatablecontent,
.pagetablecontent {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.datatablecontent tr th,
.pagetablecontent tr th {
    background: #a20a3a;
    color: #fff;
    font-size: 13px;
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid #ccc
}

.datatablecontent tr td,
.pagetablecontent tr td {
    color: #545454;
    text-align: center;
    font-size: 13px;
    padding: 15px 0;
    border-bottom: 1px solid #ccc
}

.datatablecontent tr td .imageborder,
.pagetablecontent tr td .imageborder {
    border: 1px solid #720e2a;
    max-width: 81px;
    max-height: 81px;
    min-height: 81px
}

.datatablecontent tr .tableicons,
.pagetablecontent tr .tableicons {
    color: #b3b0a9
}

.datatablecontent tr .tableicons a,
.pagetablecontent tr .tableicons a {
    margin: 0 2px;
    font-weight: 400
}

.pagetablecontent tr:nth-child(even) {
    background: #fff
}

.pagetablecontent tr:nth-child(odd) {
    background: #fffcf2
}

.pagetablecontent .pad-left {
    padding-left: 15px
}

.datatablecontent tr .tableicons .greencolor,
.pagetablecontent tr .tableicons .greencolor {
    color: #77ca00
}

.datatablecontent tr .tableicons .pinkcolor,
.pagetablecontent tr .tableicons .pinkcolor {
    color: #a20a3a
}

.datatablecontent tr .tableicons .greencolor:hover,
.datatablecontent tr .tableicons .pinkcolor:hover,
.pagetablecontent tr .tableicons .greencolor:hover,
.pagetablecontent tr .tableicons .pinkcolor:hover {
    color: #000
}

.homeformerror {
    position: absolute;
    top: 10px;
    right: 0;
    left: 0;
    font-size: 15px;
    color: red;
    margin: 0 auto;
    width: 400px;
    text-align: center;
    font-weight: 700
}

.datatablecontent tr .tableicons .fa,
.pagetablecontent tr .tableicons .fa {
    font-size: 23px
}

.center {
    width: 100%;
    clear: both;
    text-align: center
}

.Lockerbtnpink {
    padding: 7px 10px;
    cursor: pointer;
    margin: 11px 8px;
    background: #a20a3a;
    color: #fff;
    border: none;
    font-family: open_sansregular
}

.Lockerbtnpink:hover {
    background: #f6b801;
    transition: all .5s ease;
    color: #000
}

.lockertabelcontent td,
.lockertabelcontent th {
    padding: 7px 20px !important;
    border-right: 1px solid #ccc;
    text-align: left !important
}

.pinkbtn {
    background: #a20a3a;
    color: #fff !important;
    float: left;
    font-size: 13px;
    font-weight: 700;
    padding: 7px 10px;
    text-align: center;
    width: auto;
    height: auto
}

.recruitment-content h2 {
    border-top: 1px solid #ccc;
    padding: 10px 0 0 !important;
    margin-top: 10px
}

.sitemappage h2 {
    border: 1px solid #a20a3a;
    font-size: 16px;
    color: #000;
    display: inline-block;
    font-family: open_sansbold;
    margin: 7px 0;
    padding: 9px 8px;
    width: 100%
}
.sitemappage .faqheading2{
        border: 1px solid #a20a3a;
    display: inline-block;
    font-family: open_sansbold;
    margin: 7px 0;
    padding: 9px 8px;
    width: 100%
}
.sitemappage .sitemapcol p{margin:13px 0 8px 0}
.sitemappage .sitemapcol {
    width: 25%;
    float: left
}

.sitemappage .sitemapcol ul li a {
    font-size: 13px;
    padding: 5px 10px 5px 20px;
    color: #666;
    text-decoration: none;
    background: url(../images/bullet.jpg) 7px 12px no-repeat
}

.sitemappage h3,
.sitemappage .sitemapcol ul li a:hover {
    font-family: open_sansbold;
    color: #a20a3a
}

.sitemappage .sitemapcol h3 {
    padding: 10px 0
}
.sitemappage h3{font-size:20px;}

.footerimg {
    margin-top: 10px
}

.footbx a img {
    width: 150px
}

.footertoprgt {
    width: auto;
    float: right;
    padding: 8px 0 0
}

.footertoprgt a {
    color: #fff;
    font-size: 13px;
    font-family: open_sansregular
}

.footertoprgt a:focus,
.footertoprgt a:hover {
    color: #f6b801
}

.searchbox {
    width: auto;
    float: left;
    border: 1px solid #ccc
}

.searchtxt {
    width: auto;
    float: left;
    font-size: 15px;
    margin: 5px 15px 0 0;
    font-family: open_sansbold
}

.pinkbtn:hover {
    background: #f6b801;
    color: #000 !important;
    transition: all .5s ease
}

.searchapge .searchinput {
    width: 400px;
    border: none;
    padding: 10px;
    float: left;
    font-family: open_sansregular;
    font-size: 15px
}

.searchapge .searcbtn {
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-family: open_sansbold;
    padding-top: 10px;
    padding-bottom: 10px
}

.pagination-bt ul li {
    width: auto;
    float: left
}

.pagination-bt ul li a {
       float: left;
    background: #555;
    color: #fff !important;
    font-size: 12px;
    padding: 5px 10px;
    margin: 20px 5px 0 0;
}

.pagination-bt ul li a:hover {
    background: #a20a3a;
    color: #fff
}

.main-calculator {
    padding: 0 20px
}

.top-userrestra {
    width: 100%;
    float: left;
    background: #efefef
}

.cullator-tab {
    border: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 33.33%;
    text-align: center;
    color: #666;
    font-size: 14px;
    padding: 14px 5px;
    cursor: pointer;
    float: left
}

.border-none {
    border: none
}

.cullator-tab i {
    font-size: 25px;
    padding: 10px 0
}

.ctab_active i {
    color: #a20a3a
}

.ctab_active {
    color: #000;
    background: #fff;
    border-top: 2px solid #a20a3a;
    border-bottom: 1px solid #fff
}

#cultab1 {
    display: block
}

.culcu-tab-cont {
    display: none
}

.calculator-form {
    padding: 50px 20px 20px;
    display: inline-block;
    width: 100%;
    text-align: left
}

.calculator-form tbody,
.calculator-form tr {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%
}

.calculator-form tr th {
    width: 40%;
    float: left;
    color: #000;
    font-size: 14px
}

.calculator-form tr td {
    width: 60%;
    float: left
}

.calculator-form tr td input {
    border: 1px solid #bababa;
    color: #555;
    height: 35px;
    padding: 5px;
    width: 100%
}

.culculator-tpbtn {
    border: 1px solid #999;
    color: #555;
    float: left;
    font-size: 16px;
    margin: 16px 0 39px;
    padding: 7px;
    width: 100%
}

.culculator-tpbtn:hover {
    background: #a20a3a;
    border: 1px solid #91203f;
    color: #fff;
    transition: all .5s ease
}

.calculator-form .calcu-btn input {
    background: #a20a3a;
    border: none;
    color: #fff;
    cursor: pointer;
    margin: 11px 8px;
    padding: 5px;
    width: auto
}

.calculator-form .calcu-btn input:hover {
    background: #f6b801;
    color: #333;
    transition: all .5s ease
}

.profileinnerimg {
    width: 20%;
    float: left
}

.profile-content {
    width: 80%;
    float: left;
    padding: 0 0 0 25px
}

.poweredbytext {
    font-family: open_sansregular
}

.hindi-content .android-apps-content h6 span {
    width: 32%
}

.exclusive-director {
    margin: 0 auto
}

.new-side-menu ul li a:hover+.cybertipstext,
.new-side-menu ul li:hover .cybertipstext {
    width: 629px !important;
    height: 390px !important;
    top: -235px;
    padding: 10px 0
}

.cybetipsmob {
    padding: 15px
}

.cybetipsmob h4 {
    color: #000;
    padding: 15px 0 0
}

.cybertipstext li,
.cybetipsmob li {
    background: url(../images/bullet.jpg) 0 15px no-repeat rgba(0, 0, 0, 0);
    line-height: 20px;
    padding: 7px 12px 0;
    text-align: justify;
    font-size: 13px;
    color: #333
}

.btn-read-more:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f6b801;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.cybetipsmob a {
    font-family: open_sansbold !important;
    color: #a20a3a;
    border-bottom: none;
    margin: 0;
    padding: 0
}

.btn-read-more:active,
.btn-read-more:focus,
btn-read-more:hover {
    color: #000 !important
}

.btn-read-more:active:before,
btn-read-more:focus:before,
btn-read-more:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.cybertipstext li h4 {
    font-size: 14px;
    font-weight: 700;
    color: #000
}

#TopPanelEng {
    width: auto;
    float: left
}

.onlinepaymentbottom {
    background: 0 0 !important;
    width: 100% !important;
    padding: 0 !important;
    border: none !important;
    height: auto !important
}

.onlinepaymentbottom img {
    float: none !important;
    width: auto !important;
    margin-top: 5px !important
}

.call-center .callcenterheadintxt {
    font-weight: 700;
    font-size: 12px
}

.call-center .tollfreetxt {
    padding-left: 5px
}

.flexslider .slides img {
    width: 100%
}

.sliderbanner {
    min-height: 769px;
    clear: both
}

.detail-page .inner-heading {
    background: 0 0;
    cursor: text;
    color: #b1113e;
    font-family: open_sansbold;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 0 2px;
    text-transform: capitalize
}

.detail-page .inner-heading:hover {
    color: #b1113e
}

.rgtsideimg {
    float: right
}

.leftsideimg {
    float: left
}

.grivence-policy h3.headingtext,
.innerpagecontent h3.headingtext {
    background: 0 0;
    text-transform: none;
    color: #b1113e;
    padding-left: 0;
    font-family: open_sansbold;
    font-size: 15px;
    font-weight: 400
}

.page-not-found-header {
    width: 100%;
    background: url(../images/page-not-found-header.jpg);
    background-size: 100% 100%;
    height: 392px
}

.pagenotfound p {
    font-family: open_sansbold;
    text-align: center;
    font-size: 20px;
    padding: 20px 0 30px
}

.pagenotfound a {
    background: #940b36;
    color: #fff;
    display: inline-block;
    font-family: open_sansbold;
    font-size: 16px;
    height: auto;
    padding: 10px 30px;
    text-align: center;
    width: auto;
    margin: 0 auto
}

.pagenotfound a strong {
    font-size: 25px;
    margin-left: 10px;
    margin-top: 3px
}

.pagenotfound a:hover {
    background: #eb9d01;
    color: #000
}

.archivestable tr td {
    padding: 10px !important
}

.new-lanch li p {
    padding: 0 4px
}

.baraja-demo .debit-card:hover {
    background: 0 0
}

.black_overlay {
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: .8;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 888888888
}

.popup,
.popup2 {
    box-shadow: 0 0 10px #000;
    position: absolute;
    z-index: 2147483647;
    left: 0
}

.popup div {
    border: 0 !important;
    display: inline-block
}

.popup {
    background: url(../images/popupBack.jpg) no-repeat;
    margin: 0 auto;
    height: 330px;
    right: 0;
    top: 20% !important;
    width: 450px
}

.btnclose {
    position: absolute;
    right: -10px;
    top: -10px
}

.popupcontent {
    padding: 48px 2px 0
}

.popupcontent p {
    font-family: open_sansregular;
    font-size: 14px;
    line-height: 23px;
    padding: 0 0 10px;
    color: #000
}

.popupcontent .ceoname {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    margin-top: 44px
}

.popupcontent .ceoname span {
    font-family: open_sansregular;
    font-size: 13px;
    font-weight: 700
}

.popupcontent .welcomtxt {
    text-align: center;
    font-family: open_sansbold;
    font-size: 24px;
    color: #000;
    line-height: 30px
}

.popupcontent .welcomtxt span {
    font-family: open_sansregular;
    font-size: 17px
}

.popupcontentFile {
    padding: 0;
    border: 2px solid #a30e36
}

.popup2 {
    margin: 0 auto;
    height: 520px;
    right: 0;
    top: 10% !important;
    width: 470px;
    padding: 20px;
    background: #fff
}

.news_container {
    width: 240px;
    height: 180px;
    overflow: hidden;
    position: relative;
    margin: 15px 0 0
}

.news_container:hover {
    overflow: scroll
}

.news {
    position: absolute;
    left: 0;
    top: 0
}

.acc_container .cardtabrgtcontent .tooltipcontent_hover::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.acc_container .cardtabrgtcontent .tooltipcontent_hover {
    position: absolute;
    z-index: 888888;
    width: 700px;
    right: 0;
    bottom: 100%;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
    font-weight: 400;
    color: #fffaf0;
    background: 0 0;
    display: none;
    margin: 0 0 20px -150px;
    cursor: default;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity .3s .3s;
    transition: opacity .3s .3s;
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.acc_container .cardtabrgtcontent .tooltipcontent_hover span {
    display: none
}

.acc_container .cardtabrgtcontent .tooltip-text {
    border-bottom: 10px solid #fbbd09;
    overflow: hidden;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform .3s .3s;
    transition: transform .3s .3s
}

.acc_container .cardtabrgtcontent .tooltipcontent_hover .tooltip-text {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.acc_container .cardtabrgtcontent .tooltip-inner {
    background: #b1113e;
    padding: 30px;
    text-align: left;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.acc_container .cardtabrgtcontent .tooltip-inner h4 {
    font-family: open_sansbold;
    color: #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    font-size: 16px;
    padding: 0 0 10px
}

.acc_container .cardtabrgtcontent .tooltipcontent_hover strong {
    font-size: 15px;
    padding: 0 0 10px
}

.acc_container .cardtabrgtcontent .tooltipcontent_hover ul li {
    font-size: 13px;
    color: #fff;
    padding: 4px 0
}

.acc_container .cardtabrgtcontent .tooltipcontent_hover .tooltip-inner {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.acc_container .cardtabrgtcontent .tooltipcontent_hover::after {
    content: '';
    bottom: -20px;
    right: 10%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    border-color: #fbbd09 transparent transparent;
    border-width: 10px;
    margin-left: 264px
}

.btnListen {
    background: #a20a3a;
    color: #fff;
    display: inline-block;
    font-family: open_sansbold;
    font-size: 13px;
    height: auto;
    padding: 7px 15px 7px 10px;
    Text-align: center;
    text-decoration: none;
    width: auto;
    margin: 0;
    position: fixed;
    right: 0;
    top: 300px;
    border: none;
    cursor: pointer;
    
}

.btnListen strong {
    margin: 4px 8px 0 0
}

.certificatepage {
    width: 1100px;
    margin: 0 auto;
    background: url(../images/certificate-border.jpg) no-repeat;
    height: 505px
}

.certificatecontainer {
    width: 1100px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 3px 5px 8px 4px #ddd;
    height: auto
}

.cetificatecontent {
    width: 920px;
    margin: 0 auto;
    padding: 200px 0 0 0
}

.cetificatecontent p {
    font-size: 15px;
    color: #666;
    text-align: justify
}

.cetificatecontent h2 {
    text-transform: uppercase;
    text-align: center;
    font-size: 30px
}

.certificateform {
    margin-top: 20px;
    padding: 40px
}

.certificateform h2 {
    font-size: 20px;
    font-family: open_sansbold;
    font-weight: 400;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
    color: #a1314e;
    margin: 0 0 40px 0
}

.certificateform ul li {
    width: 50%;
    float: left;
    margin: 0 0 25px 0
}

.certificateform ul li .labeltxt {
    width: 23%;
    float: left
}

.certificateform ul li span {
    font-size: 13px;
    color: #333;
    font-family: open_sansbold;
    font-weight: 400
}

.certificateform ul li input {
    border: 1px solid #ccc;
    padding: 6px 10px;
    margin: 0 20px 0 0;
    width: 70%;
    float: left;
    font-size: 15px;
    color: #333;
    font-family: open_sansregular;
    font-size: 15px;
    -webkit-appearance: none
}

.certificateform ul li input:focus {
    border: 1px solid #a20a3a
}

.certificateform ul li .btnsubmit {
    font-family: open_sansbold;
    float: none;
    border: none;
    color: #fff;
    -webkit-appearance: none;
    width: auto;
    display: inline-block;
    margin: 10px auto;
    padding: 8px 25px
}

.certificatetext ul li {
    width: 50%;
    float: left;
    padding: 15px 0 0 0
}

.borderbottom {
    border-bottom: 1px dashed #ccc;
    width: 71%;
    float: left;
    font-family: open_sansbold;
    font-size: 15px;
    padding: 0 0 15px 0
}

.labeltxt {
    width: 120px;
    float: left;
    margin-right: 10px;
    font-size: 15px
}

.certificatetext ul li .nametext {
    font-size: 25px;
    color: #a20a3a;
    font-family: open_sansbold;
    text-align: center;
    border-bottom: 1px dashed #ccc;
    padding: 0 0 15px 0
}

.aapaskibat {
    display: none
}

.obc-nav {
    position: absolute;
    right: -188px;
    top: -31px
}

.obc-nav ul li {
    width: 60px;
    padding: 0 5px;
    float: left
}

.obc-nav ul li a {
    font-size: 14px;
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 100%
}

.obc-nav ul li span {
    width: 100%;
    height: 60px;
    background: #fff;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 5px;
    padding: 7px 0
}

.home-popup {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transition: all .5s ease;
    bottom: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, .6)
}

.popcontent {
    width: 500px;
    background: #ffff;
    display: inline-block;
    transform: translate(-50%, -50%);
    position: relative;
    left: 50%;
    transition: all .5s ease;
    top: 50%;
    border-radius: 5px;
    padding: 25px
}

.popcontent p {
    font-size: 22px;
    text-align: center
}

.popcontent .close {
    position: absolute;
    right: 6px;
    top: 5px;
    width: 26px;
    height: 26px;
    background: #b13326;
    opacity: 1;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    font-size: 25px;
    text-shadow: none;
    cursor: pointer;
    line-height: 24px;
    z-index: 999
}

@media only screen and (max-width:1600px) {
    .obc-nav {
        right: -30px
    }
    .srchbx {
        margin-right: 0px
    }
}

@media only screen and (max-width:1200px) {
    .call-center .callcenterheadintxt {
        font-size: 10px
    }
    .call-center ul li {
        width: 212px
    }
    .call-center .tollfreetxt,
    .call-center h3 {
        font-size: 11px !important
    }
    .call-center .Phonenumbertxt,
    .call-center h2 {
        font-size: 14px !important
    }
    .desktopapaskibat {
        position: absolute;
        bottom: 25px;
        z-index: 99;
        left: -637px
    }
    .footbx,
    .footerrgt {
        width: 50%
    }
    .content-sec2-part {
        padding-right: 0
    }
    .sliderbanner {
        min-height: auto
    }
    .base-rate ul li h3 {
        width: 100px
    }
   
    .srchbx1 {
        width: 130px
    }
    .news,
    .news_container {
        width: 100%
    }
    .android-apps-img label {
        float: left;
        width: 100%;
        text-align: left;
        font-weight: 700
    }
    .android-apps-img h2,
    .android-apps-img p,
    .crowing-gallery ul li p,
    .locateus h3,
    .locateus p {
        text-align: left
    }
    .content-sec3 .form-bg {
        padding: 14px 0
    }
    .footertop {
        padding: 7px 0
    }
    .boxbg1 {
        padding: 4px 20px 20px
    }
    .profilelisting li:nth-child(2),
    .profilelisting li:nth-child(4) {
        margin: 0 0 15px
    }
    .profilelisting li:nth-child(3) {
        margin-right: 25px
    }
    .board-fo-director .profilelisting li .btngrey,
    .board-fo-director .profilelisting li .btnprofile {
        margin: 0 0 7px 42px
    }
    .board-fo-director .profilelisting li {
        width: 238px
    }
    .img-formate .socialcolbox2 ul {
        width: 64%
    }
    .csr .listingcontent li {
        height: 200px;
        margin: 9px 7px 0 0
    }
    .inner-page-table tr td {
        padding: 5px 7px
    }
    .innerpagelisting .msmeonlineapplication {
        width: 32%;
        margin: 0 4px 0 0;
        font-size: 11px
    }
    .innerpagelisting .msmeonlineapplication span {
        width: 86%
    }
    .innerpagelisting .msmeonlineapplication i,
    .innerpagelisting .msmeonlineapplication strong {
        width: 14%;
        font-size: 16px
    }
    .base-rate ul li h4 {
        font-size: 11px;
        padding: 7px 0 0 7px
    }
    .base-rate ul li span {
        font-size: 11px;
        padding: 0 0 0 7px;
        margin-right: 0
    }
    .vegelence-department ul li {
        width: 31%
    }
    .serviceboxcontainer {
        bottom: 49px
    }
    .flex-control-nav {
        bottom: 279px
    }
    .flex-direction-nav {
        bottom: 311px
    }
    .marlef300 {
        margin-left: 0 !important
    }
    .innerheader,
    .midcontainer {
        width: 900px;
        margin: 0 auto
    }
    .menusec {
        float: right;
        width: 645px
    }
    .topinfo {
        margin-right: 10px
    }
    .rngcrds {
        width: 600px
    }
    .cards li {
        padding-right: 15px;
        width: 170px
    }
    .cards li img {
        display: block;
        margin-bottom: 10px;
        width: 90%
    }
    .greybg2 {
        padding: 30px 15px
    }
    .applon {
        width: 60%
    }
    .applon h3 {
        padding: 0 0 5px
    }
    .applon ul li {
        padding-bottom: 20px
    }
    .locateus {
        width: 350px;
        margin-top: 30px;
        float: left
    }
    .locateus h3 {
        padding: 20px 0 5px 20px
    }
    .locateus p {
        padding-left: 20px
    }
    .sbtmbtn {
        margin: 20px 0 0 20px
    }
    .tabsect {
        float: left;
        width: 50%;
        padding: 0 15px
    }
    .offer-bg {
        width: 350px;
        height: 320px;
        float: right;
        background: url(../images/offer-bg.jpg) left no-repeat #e9efef
    }
    .inrest-dep {
        width: 31%;
        float: left
    }
    .dissc {
        float: left;
        clear: both
    }
    .inrest-dep ul {
        height: 410px
    }
    .help {
        padding: 40px 15px 30px
    }
    .help .whtbx {
        height: 120px;
        width: 31%
    }
    .help .whtbx img {
        width: 30%
    }
    .help .whtbx h3 {
        font-size: 14px
    }
    .help .whtbx h3 span {
        font-size: 18px
    }
 /*   .footer {
        padding: 50px 15px 30px
    }*/
    .footcal2 {
        float: left;
        padding-left: 10px
    }
    .foot-btm {
        padding: 12px 15px;
        overflow: hidden
    }
    .footbx {
        width: auto;
        float: left
    }
    .mrg-rgt30 {
        margin-right: 20px
    }
    .breadcrum {
        padding: 20px 0 20px 15px
    }
    .retaloan ul {
        margin-bottom: 40px
    }
    .height100 {
        height: 140px
    }
    .whtbox2 {
        position: relative;
        bottom: 0;
        height: auto;
        left: 0;
        padding: 20px;
        border-bottom: 1px solid #e5e5e5;
        overflow: hidden
    }
    .products ul li {
        margin: 0 30px 30px 0
    }
    .products ul li.last {
        margin-right: 30px
    }
    .innerpage {
        padding: 0 15px
    }
    .corpt {
        left: -92px !important
    }
    .intnal {
        left: -196px !important
    }
    .smebnk {
        left: -325px !important
    }
    .rular {
        left: -439px !important
    }
    .nriser {
        left: -509px !important
    }
    .tresry {
        left: -619px !important
    }
    .boxbg1 {
        width: 220px;
        height: 235px
    }
    .servicesboxcontainer .servicesboxhover {
        width: 248px
    }
    .boxbg2,
    .boxbg3,
    .boxbg4 {
        width: 220px
    }
    .vertical .new-arrow {
        margin: 10px 0 0
    }
    .vertical .carousel {
        top: 7px
    }
    .boxbg2 {
        margin-top: 23px
    }
    #ddmenu .top-heading {
        font-size: 14px;
        margin: 0 7px
    }
    .footcal {
        width: 150px;
        margin-right: 10px
    }
    .footcal2 {
        width: 255px
    }
    .innerlftcontent {
        width: 577px
    }
    .sublnks ul li a {
        font-size: 15px
    }
    .fullwidthmenu {
        width: 900px;
        margin-left: -250px
    }
    #ddmenu .column {
        width: 160px
    }
    .servicesboxcontainer li {
        width: 24.1%
    }
    .capcha-code,
    .content-sec3 .form-bg .form-txt,
    .footer-form {
        width: 148px
    }
    .servicesboxcontainer li:last-child {
        margin-right: 0
    }
    .placeholder-text {
        font-size: 12px;
        padding: 0 3px
    }
    .form-label {
        width: auto
    }
    .fotertopcontentcol {
        width: 225px
    }
    .tab-slide,
    .tab-slide2,
    .tab-slide3,
    .tab-slide4,
    .tab-slide5,
    .tab-slide6,
    .tab-slide7,
    .tab-slide8,
    .tab-slide9 {
        background-size: 100% 100%
    }
    .bannerrgtpanel {
        right: 63px
    }
    .content-sec2-part {
        width: auto
    }
    .content-sec2-part:nth-child(2) {
        width: auto
    }
    .content-sec2-part:nth-child(3) {
        width: auto
    }
    .content-sec2-part:nth-child(4) {
        width: auto
    }
    .content-sec2-part:nth-child(5) {
        width: auto
    }
    .content-sec2-part:nth-child(6) {
        width: auto
    }
    .content-sec2-head img {
        margin-right: 6px
    }
    .content-sec2-head,
    .content-sec2-nav li a {
        font-size: 15px
    }
    .acc_container .cardtablftcontent {
        width: 292px
    }
    .acc_container .cardtabrgtcontent .tooltip-content {
        width: 400px
    }
    .blackPanel,
    .redPanel {
        margin: 0 auto;
        right: 0;
        width: 160px !important
    }
    .sublnks ul li {
        margin: 0;
        padding: 0
    }
    .explore-more {
        width: 253px
    }
    .right-first {
        width: 100%
    }
    .card-index-left {
        width: 67%
    }
    .card-index-right {
        width: 30%
    }
    .financialbox li {
        width: 46%
    }
    .profilelisting li,
    .profilelisting2 li {
        width: 30.5%
    }
   /* .google-play-store ul li {
        margin: 9px 9px 0 0;
        width: 49%;
        padding: 10px
    }*/
    .android-apps-img {
        width: 45%
    }
    .google-lay-img {
        height: auto
    }
    .android-apps-content {
        width: 53%;
        padding: 0 4px
    }
    .android-apps-content h6 span {
        padding: 5px 9px 0 0
    }
    .playstore-button {
        padding: 5px
    }
    .fixed-content {
        height: 195px
    }
    .android-apps-content h6 {
        margin: 11px 0
    }
    .capcha td:first-child {
        width: 43%
    }
    .deposit-inner ul li {
        margin: 0 6px 0 0;
        padding: 6px 4px
    }
    .deposit-inner ul li:nth-child(3) {
        padding: 22px 5px 0
    }
    .download-table .inner-page-table tr:hover .download-pdf {
        background: #f6b801
    }
    .download-table .inner-page-table tr td a {
        padding: 4px
    }
    .recruitment-a {
        margin: 0 0 0 6px
    }
    .loans .main-inner-container-img ul {
        padding: 0 0 0 17px;
        width: 70%
    }
    .tableresponsive {
        overflow-Y: scroll
    }
    .boxbg2 img {
        width: 100%;
        height: 100%
    }
    .arrowimg img {
        width: auto
    }
    .faq .faq-first-heading {
        width: 100%;
        margin: 0 4px 7px 0
    }
    .srchbx {
        margin-right: 0px
    }
}

.crowing-gallery ul li p {
    text-align: left
}

.capital,
.corporate-menu,
.international,
.mob-grava,
.mob-knoloeg,
.mob-other,
.mob-policy,
.mobile-menu-h3,
.mobile-wsmenu-list .mob-icon,
.right-pannl-mob,
.search-mob {
    display: none
}

.singledropdown .mob-organation {
    display: none !important
}

.tooltipbtn {
    position: relative
}

.acc_container-detail,
.mega-menu-heading i,
.mega-menu-heading strong {
    display: none
}

.singledropdown .mega-menu-detail a:before {
    color: #fff;
    content: ">";
    font-family: Signika !important;
    margin: 0 6px 0 0
}

@media only screen and (max-width:992px) {
    .right-pannl-mob p,
    .search-mob p,
    .right-pannl-mob span,
    .search-mob span {
        font-size: 11px;
        font-family: open_sansregular;
        text-align: center;
        width: 100%;
        float: left;
        padding: 3px 0;
    }
    .aapaskibat {
        display: inline-block;
        float: left;
        margin-bottom: 10px;
        margin-top: 25px
    }
    .life-insu-page .bannersec {
        margin-top: 120px !important
    }
    .net-banking a {
        padding: 4px 10px 8px 0
    }
    .net-banking i,
    .net-banking strong {
        top: 5px
    }
    .black_overlay,
    .call-center,
    .popup {
        display: none
    }
    .grav-detial,
    .knoloeg-detail,
    .mob-detail,
    .mob-organation-detail,
    .policy-detail {
        box-shadow: 0 0 10px 1px rgba(50, 50, 50, .75) inset
    }
    .bannerrgtpanel,
    .tpbr {
        z-index: 9999;
        position: fixed
    }
    .about-us a:hover,
    .mega-menu-customer a:hover,
    .singledropdown a:hover {
        text-decoration: none !important
    }
    .mob-organation,
    .search-mob {
        cursor: pointer
    }
    .mega-menu-heading i,
    .mega-menu-heading strong,
    .mobile-wsmenu-list .mob-icon {
        display: block
    }
    .content-sec3 .form-bg {
        padding: 14px 8px
    }
    .footertop {
        padding: 7px 8px
    }
    .servicesboxcontainer li:nth-child(2) .boxbg2 {
        margin-top: 40px
    }
    .servicesboxcontainer .servicesboxhover {
        height: 250px
    }
    .boxhovercontent1 h3,
    .serviceboxcontent h3 {
        padding: 0 0 10px !important
    }
    .board-fo-director .profilelisting li {
        width: 199px
    }
    .profilelisting li:nth-child(2) {
        margin: 0 25px 15px 0
    }
    .profilelisting li:nth-child(3) {
        margin-right: 0
    }
    .board-fo-director .profilelisting li .btngrey,
    .board-fo-director .profilelisting li .btnprofile {
        margin: 0 0 7px 22px
    }
    .placeholder-text {
        font-size: 10px;
        padding: 0;
        top: 8px
    }
    .footer-form {
        width: 124px;
        margin-right: 4px;
        margin-bottom: 7px
    }
    .capcha-code {
        width: 124px
    }
    .form-sbmt {
        margin: -33px 0 0;
        height: 62px;
        padding: 7px
    }
    .custsubmenu p span a {
        border-bottom: none !important;
        line-height: 18px
    }
    .fixed-content {
        height: 105px
    }
    .loans .main-inner-container-img ul {
        padding: 0;
        width: 76%
    }
    .vegelence-gallery ul li {
        width: 100%
    }
    .capcha td:first-child {
        width: 35%
    }
    .acc_container .cardtabrgtcontent {
        float: right;
        width: 100%
    }
    .servicesboxcontainer .servicesboxhover {
        width: 267px
    }
    .quickFlip2 {
        float: none;
        margin: 0 auto;
        width: 160px
    }
    .acc_container .tabbtn a {
        display: inline-block;
        padding: 8px 0;
        text-align: center;
        width: 32%
    }
    .singledropdown .mob-organation {
        display: block !important
    }
    .ticker-wrapper .ticker {
        margin-top: 0
    }
    .homenewscontainer .ticker-content {
        padding-top: 10px
    }
    .homenewscontainer .midcontainer h3 {
        padding: 3px 0 0;
        margin-top: 0
    }
    .homenewscontainer .ticker-controls {
        padding: 9px 0 0
    }
    .bottom-content {
        float: left;
        margin: 20px 0 0;
        width: 100%
    }
    .main-footer-container {
        display: inline-block
    }
    .card .custsubmenu,
    .e-tax .column2 a:before,
    .net-banking img {
        display: none
    }
    .flex-direction-nav {
        bottom: 67px
    }
    .flex-control-nav {
        bottom: 35px
    }
    .servicesboxcontainer .servicesboxhover,
    .whtbox2 {
        bottom: 0
    }
    /*.innercardheaderbg,
    .innercardheaderbg2 {
        margin-top: 109px
    }*/
    .singledropdown .mob-organation-detail a:hover {
        color: #ffd800 !important
    }
    .mob-organation i {
        color: #000;
        float: right;
        font-size: 22px;
        margin: 3px 14px 0 0
    }
    .call-center h2,
    .column .call-center h3 {
        font-size: 17px !important;
        padding: 0 !important;
        background: 0 0
    }
    .mob-organation-detail {
        background: #c66b00;
        display: none;
        float: left;
        margin: 0 !important;
        padding: 5px 0 5px 17px !important;
        width: 100%
    }
    .singledropdown .mob-organation-detail a {
        border-bottom: none !important;
        color: #fff;
        line-height: 28px;
        padding: 0 !important;
        font-family: Signika !important
    }
    .singledropdown .mob-organation-detail a:before {
        color: #fff;
        content: ">";
        margin: 0 6px 0 0
    }
    .singledropdown .mob-organation-detail a:hover {
        background: 0 0 !important
    }
    .call-center h3 span {
        line-height: 35px
    }
    .boxbg2,
    .boxbg3,
    .boxbg4 {
        margin-top: 28px
    }
    .column .call-center h3 {
        color: #fff;
        border-bottom: none
    }
    .column .call-center h3:hover {
        background: 0 0
    }
    .call-center h2 {
        color: #fff
    }
    .mob-grava,
    .mob-knoloeg,
    .mob-other,
    .mob-policy {
        display: block
    }
    .e-tax p a:before {
        display: none
    }
    .e-tax .bullet {
        margin-top: 14px
    }
    .e-tax p a {
        border-bottom: medium none !important;
        line-height: 24px
    }
    .about-us a,
    .singledropdown a {
        border-bottom: 1px solid #e38d06 !important
    }
    .about-us a,
    .mega-menu-customer a,
    .singledropdown a {
        line-height: 35px;
        color: #000
    }
    .mega-menu-customer .column i {
        color: #000;
        float: right;
        line-height: 35px;
        font-size: 22px
    }
    .custsubmenu {
        padding: 0
    }
    .custsubmenu p {
        padding: 0 0 0 17px
    }
    .grav-detial,
    .knoloeg-detail,
    .mob-detail,
    .policy-detail {
        margin: 0;
        padding: 5px 0 5px 17px;
        width: 100%;
        display: none;
        float: left
    }
    .policy-detail {
        background: #c66b00
    }
    .knoloeg-detail {
        background: #e47b00
    }
    .grav-detial,
    .mob-detail {
        background: #c66b00
    }
    .call-center img {
        display: none
    }
    .singledropdown a {
        background: 0 0;
        padding: 3px 17px 0 !important
    }
    .singledropdown a:hover {
        background: #e8a006
    }
    .about-us a,
    .custsubmenu p span a:hover {
        background: 0 0
    }
    .mega-menu-customer a {
        background: 0 0;
        padding: 0 !important
    }
    .mega-menu-customer a:before {
        content: ">";
        margin: 0 5px 0 0;
        color: #000
    }
    .about-us a {
        padding: 3px 0 0 17px !important
    }
    .card a:hover {
        background: #e8a006
    }
    .lognibox,
    .net-banking {
        background: #f6b801 url(../images/mouse-xxl-1.png) no-repeat scroll 5px 1px
    }
    .custsubmenu span {
        font-size: 12px;
        color: #000;
        line-height: 24px
    }
    .right-pannl-mob {
        display: block;
        height: 57px;
        top: 0
    }
    .r-pannel {
        display: block !important
    }
    .net-banking {
        padding: 0 34px;
        font-size: 18px
    }
    .orgbx {
        padding: 0
    }
    .net-banking label::before {
        border: 1px solid #000
    }
    .net-banking i,
    .new-side-menu {
        display: none
    }
    .verticle-menu {
        background: #a20a3a !important;
        box-shadow: none !important
    }
    .new-side-menu ul li .icon4 {
        background: url(../images/nav-icons-hov.png) 0 -136px !important
    }
    .new-side-menu ul li .icon1 {
        background: url(../images/nav-icons-hov.png) 0 -338px !important
    }
    .new-side-menu ul li .icon2 {
        background: url(../images/nav-icons-hov.png) 0 -45px !important
    }
    .new-side-menu ul li .icon6 {
        background: url(../images/nav-icons-hov.png) 0 -262px !important
    }
    .new-side-menu ul li .icon8 {
        background: url(../images/nav-icons-hov.png) 0 -298px !important
    }
    .new-side-menu ul li a {
        color: #fff !important
    }
    .bannerrgtpanel {
        background: #fff;
        border: 1px solid #f6b801;
        display: none;
        right: 0;
        top: 109px;
        width: 300px
    }
    .capital,
    .corporate-menu,
    .international,
    .mobile-menu-h3,
    .search-mob {
        display: block
    }
    .corporate-detail {
        display: none
    }
    .megamenu .mega-menu-detail {
        background: #c66b00;
        display: none;
        float: left;
        box-shadow: 0 0 10px 1px rgba(50, 50, 50, .75) inset;
        margin: 0 !important;
        padding: 10px 0 10px 17px;
        width: 100%
    }
    .column .mobile-menu-h3 {
        display: block;
        width: 100%
    }
    .dropdown .column h3 {
        padding: 0 17px
    }
    .menucolimg {
        display: none !important
    }
    .capital,
    .corporate-menu,
    .international {
        width: 100%;
        font-size: 12px;
        padding: 3px 0
    }
    .capital i,
    .corporate-menu i,
    .international i,
    .mobile-menu-h3 i {
        float: right;
        font-size: 22px;
        color: #000
    }
    .tpbr {
        top: 0
    }
    .headercontainer {
        height: 72px;
        position: fixed;
        top: 37px;
        z-index: 99999
    }
    /*.search-mob {
        border-right: 1px solid #c33c60;
        border-left: 1px solid #c33c60;
        color: #fff;
        line-height: 22px;
        width: 48px;
        display: block;
        font-family: Signika, Helvetica, sans-serif;
        height: 57px;
        position: absolute;
        right: 43px;
        text-align: center;
        top: 0
    }*/
    .srchbx,
    .wsmenu>.wsmenu-list>li>a>.fa-angle-down {
        display: none
    }
   
    .right-pannl-mob {
        display: table
    }
    .right-pannl-mob p,{
        font-size: 11px;
        font-family: open_sansregular;
        text-align: center;
        width: 100%;
        float: left;
        padding: 3px 0
    }
    .right-pannl-mob p,
    .right-pannl-mob strong, {
        display: table-cell;
        vertical-align: middle
    }

    /*.logo {
        width: 230px;
        float: none;
        margin: 0 auto
    }
    .logo img {
        width: 98% !important
    }*/
    .srchbx {
        position: fixed;
        right: 0;
        top: 109px;
        z-index: 9;
        background: #a20a3a
    }
    .product {
        left: 0 !important;
        width: 100% !important
    }
    .mobile-sub .mob-icon {
        display: block
    }
    .height20-mob-res,
    .inner-breadcrum,
    .new-side-menu ul li:hover .sub-menu,
    .sub-menu {
        display: none
    }
    .content-sec2-nav {
        padding: 0 1px 7px
    }
    .base-rate ul li h3 {
        width: 83px
    }
    .base-rate ul li span {
        font-size: 10px;
        margin-right: 0;
        padding: 0 0 0 3px
    }
    .base-rate ul li h4 {
        font-size: 9px;
        padding: 12px 0 0 7px
    }
    .servicesboxcontainer {
        float: left;
        margin-top: 15px
    }
    .new-side-menu {
        float: left;
        margin: 36px 14px;
        width: 100%
    }
    .side-navigation {
        float: left;
        margin: 0 0 0 15px !important
    }
    .boxbg1,
    .boxbg2 {
        width: 267px;
        height: auto
    }
    .boxbg3,
    .boxbg4 {
        width: 267px
    }
    #ddmenu .top-heading {
        font-size: 16px;
        margin: 0 7px
    }
    .footcal {
        width: 165px
    }
/*    .footer {
        padding: 50px 15px 30px
    }*/
    .innerheader,
    .midcontainer {
        width: 747px;
        margin: 0 auto
    }
    .footcal,
    .mrg-rgt30 {
        margin-right: 20px
    }
    .mobheader,
    .tpbr-mob {
        display: block
    }
    #ddmenu .column.mayHide,
    #ddmenu ul,
    .topinfo {
        display: none
    }
    .footcal2 {
        float: left;
        border-left: 0;
        padding-left: 0
    }
    .foot-btm {
        padding: 12px 15px;
        overflow: hidden
    }
    .footbx {
        width: 310px;
        float: left
    }
    .sublnks ul li {
        font-size: 14px
    }
    .sublnks ul li a {
        padding: 8px 13px
    }
    .breadcrum {
        padding: 20px 0 20px 15px
    }
    .retaloan ul {
        margin-bottom: 40px
    }
    .whtbox2 .lft {
        width: 65%
    }
    .whtbox2 .rgt {
        width: 30%
    }
    .height100 {
        height: 140px
    }
    .whtbox2 {
        position: relative;
        height: auto;
        left: 0;
        padding: 20px;
        border-bottom: 1px solid #e5e5e5;
        overflow: hidden
    }
    .products ul li {
        margin: 0 30px 30px 0
    }
    .products ul li.last,
    .rgnhead a {
        margin-right: 30px
    }
    .innerpage {
        padding: 0 15px
    }
    .rngcrds {
        width: 450px
    }
    .rgnhead {
        margin-left: 10px
    }
    .cards {
        margin: 30px 0 0 10px
    }
    .cards li {
        padding-right: 5px;
        width: 140px
    }
    .serviceboxcontainer {
        padding: 15px;
        bottom: -20px;
        width: 600px;
        margin: 0 auto;
        position: relative
    }
    .fullwidthmenu {
        background: #f6b801;
        float: left;
        margin: 0;
        width: 100%
    }
    #ddmenu {
        position: absolute;
        width: 100%;
        top: 20px
    }
    #ddmenu .dropdown,
    #ddmenu .full-width,
    #ddmenu li {
        position: relative
    }
    #ddmenu ul {
        width: 100%;
        border-radius: 0;
        background: #fff
    }
    #ddmenu .caret {
        color: #a20a3a
    }
    #ddmenu .top-heading {
        text-align: left;
        color: #333
    }
    #ddmenu a,
    #ddmenu a:link {
        color: #333
    }
    #ddmenu li {
        line-height: 40px;
        display: block;
        font-size: 20px;
        text-align: left;
        border-bottom: 1px solid #ccc
    }
    #ddmenu a:hover {
        color: #a20a3a
    }
    #ddmenu .dropdown {
        border: none;
        border-radius: 0;
        box-shadow: none;
        text-align: left;
        background-color: #fff
    }
    #ddmenu .offset300 {
        left: 0
    }
    #ddmenu .full-width .dropdown {
        width: auto
    }
    #ddmenu .dd-inner {
        margin: 0;
        background: 0 0;
        text-align: left
    }
    #ddmenu .column {
        width: auto;
        padding: 0;
        border: none;
        display: block
    }
    #ddmenu .caret {
        position: absolute;
        left: auto;
        right: 14px;
        top: 20px;
        border-width: 5px
    }
    #ddmenu .menu-icon {
        font-size: 25px;
        display: block;
        position: relative;
        width: 40px;
        height: 36px;
        text-align: center;
        cursor: pointer;
        -moz-user-select: none;
        -webkit-user-select: none;
        margin-left: auto;
        margin-right: 11px;
        background: #fff
    }
    #ddmenu .menu-icon::before {
        content: "";
        position: absolute;
        top: 10px;
        left: 8px;
        width: 1em;
        height: .125em;
        border-top: .375em double #333;
        border-bottom: .125em solid #333;
        box-sizing: content-box
    }
    #ddmenu .menu-icon-active {
        background-color: #fff
    }
    #ddmenu .menu-icon-active::before {
        border-color: #eee
    }
    .mobclearnone {
        clear: none
    }
    #ddmenu .dropdown {
        top: 0 !important
    }
    #ddmenu .dd-inner {
        padding: 0 20px
    }
    #ddmenu .column h3 img {
        display: none
    }
    .innerlftcontent {
        width: 62%
    }
    .footcal2 {
        width: 100%;
        background: #ba1543;
        padding-top: 0
    }
    .footcal2 ul li {
        float: left;
        width: auto
    }
    .dcjq-vertical-mega-menu .menu,
    .orgbx,
    .sidenav {
        float: none
    }
    .menusec,
    .orgbx,
    .sidenav {
        width: 100%
    }
    .sidenav {
        margin: 0 auto
    }
    .orgbx {
        display: block;
        margin-top: 0
    }
    .sidenav ul li a {
        width: 100%;
        background: url(../images/sidenav-ipad.png)
    }
    .servicesboxcontainer li {
        margin: 0 9px 0 0;
        width: 48%
    }
    .homenewscontainer {
        margin-top: -31px;
        position: absolute;
        width: 100%;
        padding: 0 8px
    }
    .helpimg {
        width: 50%;
        text-align: center;
        margin-top: 20px
    }
    .content-sec3 .form-bg .form-txt {
        width: 124px;
        margin-right: 4px;
        margin-bottom: 4px
    }
    .fotertopcontentcol {
        width: 50%
    }
    .form-label {
        width: auto
    }
    .midcontainer .content-sec2-part {
        width: 32%;
        padding: 0 0 0 8px;
        margin-bottom: 7px;
        height: 43px
    }
    .content-sec2-head img {
        border: 1px solid #a20a3a;
        padding: 5px;
        width: 32px
    }
    .right-second,
    .right-second ul li img {
        width: 100%
    }
    .travell-card .baraja-demo {
        width: 97%
    }
    .rewarded .midcontainer ul li {
        width: 49%
    }
    .rewarded {
        margin-top: 61px
    }
    .explore-more {
        width: 82%
    }
    .inner-breadcrum {
        position: relative;
        left: 2px;
        bottom: -1px
    }
    .customer-sub-menu {
        width: 100% !important;
        left: 0 !important;
        background: #fff;
        float: left
    }
    .customer-sub-menu .customer-care {
        float: left
    }
    .new-side-menu ul li:hover .sub-menu {
        display: none !important
    }
    .customer-care:nth-child(3) .main-policy {
        width: 70% !important;
        float: left
    }
    .customer-care a {
        width: 240px !important
    }
    .customer-care:nth-child(4) {
        margin: 0 0 0 15px
    }
    .ticker {
        width: 75% !important
    }
    .slider-top-marquee {
        margin-top: 105px
    }
    .banner {
        margin-top: 0
    }
    .base-rate {
        bottom: 34px;
        padding: 0 8px
    }
    .card-index-left {
        width: 100%;
        float: none;
        display: block;
        margin-bottom: 20px
    }
    .card-index-right {
        width: 100%;
        display: block;
        float: none
    }
    .recruitment-inner .main-detail .detail-page,
    .right-first {
        width: 100%
    }
    .recruitment-inner .card-index-left .main-detail {
        padding: 0
    }
    .midcontainer .recruitment-inner {
        width: 100%;
        margin: 0
    }
    .recruitment-inner .main-detail .detail-page {
        margin: 10px 0 0
    }
    .recruitment-content {
        padding: 10px
    }
    .recruitment-inner h3 {
        height: auto
    }
    .joining-formilities h3 i {
        display: none
    }
    .joining-formilities {
        padding: 37px 12px !important
    }
    .applyloan {
        margin: 17px auto
    }
    .google-play-store ul li {
      /*  width: 48%;
        margin: 14px 14px 0 0*/
    }
    .android-apps-img {
        width: 100%;
        text-align: center
    }
    .android-apps-img h2,
    .android-apps-img p {
        text-align: left
    }
    .android-apps-content {
        width: 100%;
        padding: 0;
        text-align: center
    }
    .android-apps-content h6 span {
        padding: 5px 9px 0 0
    }
    .playstore-button,
    .srchbx {
        padding: 5px
    }
    .google-lay-img {
        height: 116px
    }
    .android-apps-content h6 {
        text-align: left;
        margin: 10px 0
    }
    .award .listingcontent,
    .csr .listingcontent {
        text-align: center
    }
    .deposit-inner ul li {
        margin: 0 9px 0 0
    }
    .tableresponsive {
        overflow-Y: scroll
    }
    .csr .listingcontent li {
        height: 252px;
        margin: 5px 0 10px;
        width: 321px
    }
    .img-formate .socialcolbox2 ul {
        width: 73%
    }
    .srchbx {
        margin: 0 auto;
        float: none;
        clear: both;
        width: 241px;
        height: 36px
    }
    .sitemappage .sitemapcol {
        width: 50%
    }
    .obc-nav {
        right: auto;
        left: 40px;
        top: 6px
    }
    .obc-nav ul li {
        width: 40px;
        padding: 0 4px
    }
    .obc-nav ul li span {
        height: 40px
    }
    .obc-nav ul li strong {
        display: none
    }
}

.mobile-footer {
    display: none
}

@media only screen and (max-width:767px) {
    .bannersec .product-benefits,
    .life-insu-page .bannerbg-home {
        height: 590px !important;
        background-size: contain !important
    }
    .pdf-pnb-design a:hover {
        background-color: transparent
    }
    .plan_section .container .ab-plan-section .col-md-6 {
        width: 100% !important;
        margin-bottom: 25px
    }
    .life-cust ul:nth-child(1) li {
        text-align: center
    }
    .life-cust ul li {
        display: inline-block;
        width: 100%;
        text-align: left;
        margin-bottom: 15px
    }
    .life-cust ul li span {
        width: 100%;
        text-align: center
    }
    .life-insu-page .bannerbg-home {
        background-repeat: no-repeat !important;
        background-position: center !important
    }
    .popcontent {
        max-width: 300px
    }
    .popup {
        width: 92%;
        height: 100%;
        top: 10% !important
    }
    .btnclose {
        right: 0
    }
    .popupcontent {
        padding: 48px 0 0
    }
    .zoom {
        text-align: left !important;
        padding-left: 30px
    }
    .topheader {
        width: 395px
    }
    .flex-direction-nav {
        bottom: 40px
    }
    .flex-control-nav {
        bottom: 8px
    }
    .mobile-footer ul li:hover,
    .mobile-footer ul li:hover span {
        color: #fff;
        transition: all .5s ease
    }
    .base-rate,
    .menusec,
    .public-police .pdf {
        position: relative
    }
    .boxbg1,
    .boxbg2 {
        width: 100%
    }
    .servicesboxcontainer li:nth-child(2) .boxbg2 {
        margin-top: 23px
    }
    .content-sec2-head img {
        border: 1px solid #a20a3a;
        padding: 5px;
        width: 35px
    }
    .arrowimg,
    .boxbg2:hover .two {
        display: none
    }
    .content-sec3 .form-bg {
        padding: 14px 16px
    }
    .exclusive-director {
        width: 274px;
        margin: 0 auto
    }
    .board-fo-director .profilelisting li {
        width: 274px;
        float: left
    }
    .board-fo-director .profilelisting li .btngrey,
    .board-fo-director .profilelisting li .btnprofile {
        margin: 0 0 7px 63px
    }
    .board-fo-director .board-of-dr-hover {
        padding: 143px 0 0
    }
    .placeholder-text {
        font-size: 13px;
        padding: 0 8px
    }
    .footer-form {
        width: 49%
    }
    .midcontainer .form-bg .footer-form input {
        width: 100%
    }
    .capcha-code {
        width: 49%;
        text-align: left
    }
    .form-sbmt {
        font-size: 12px;
        height: 35px;
        padding: 0 20px;
        margin: 10px 0 0;
        float: none;
        width: 100%
    }
    .img-formate .socialcolbox2 ul {
        width: 100%;
        margin: 7px 0 0
    }
    .csr .listingcontent li {
        margin: 5px 0 10px;
        height: 262px;
        width: 338px
    }
    .android-apps-content p,
    .deposit-inner ul li,
    .innercardheaderbg2 {
        height: auto
    }
    .innerpagelisting .msmeonlineapplication {
        width: 100%;
        margin: 7px 0 0;
        padding: 5px 20px 5px 5px
    }
    .recruitment-a {
        display: block;
        margin: 9px 0 0;
        width: 100%
    }
    .vegelence-department ul li {
        width: 94%
    }
    .vegelence-department .fa-long-arrow-right {
        display: none
    }
    .inner-breadcrum2 ul li:last-child {
        padding: 8px 4px 0 0
    }
    .deposit-inner ul li {
        width: 100%;
        margin: 7px 9px 0 0
    }
    .deposit-inner ul li a span {
        width: 100%
    }
    .secfeedback {
        padding: 0
    }
    .submit-btn button {
        margin: 11px 22px
    }
    .main-detail {
        padding: 10px
    }
    .capcha td:first-child {
        width: 100%
    }
	.google-play-store ul{margin: 0;padding: 0 20px;}
    .google-play-store ul li {
		max-width: calc(50% - 20px);
		margin: 20px 10px 0 10px;
		padding: 15px;
    }
	.android-apps-content .playstore-chart span, .android-apps-content h6 span {
		padding: 0 5px 0 0;
	}
    .android-apps-img {
        width: 100%;
        text-align: center
    }
    .android-apps-img h2,
    .android-apps-img p {
        text-align: left
    }
    .android-apps-content h6 {
        text-align: left;
        margin: 10px 0
    }
    .android-apps-content {
        width: 100%;
        padding: 0;
        text-align: center
    }
    .android-apps-content h6 span {
        padding: 5px 9px 0 0
    }
    .playstore-button {
        padding: 5px
    }
    .main-detail .detail-page {
        padding: 9px;
        overflow-X: auto
    }
    .grevience-heading {
        font-size: 16px;
        padding: 27px 5px 43px
    }
    .grivence-policy h3,
    .innerpagecontent h3 {
        height: auto;
        font-size: 14px;
        padding: 6px 2px
    }
    .loans .main-inner-container-img ul {
        width: 100%
    }
    .public-police .publice-police-p:hover {
        background: #a20a3a
    }
    .public-police .publice-police-p:hover .pdf {
        background: 0 0
    }
    .acc_container .cardtabrgtcontent {
        margin: 0
    }
    .acc_container .cardtablftcontent table th {
        padding: 4px;
        font-size: 12px
    }
    h2.acc_trigger,
a.acc_trigger    {
        padding: 10px;
        font-size: 14px
    }
    .acc_container .cardtablftcontent table td {
        padding: 4px;
        font-size: 12px
    }
    .acc_container .block,
    .acc_container .cardtabcontent {
        padding: 10px
    }
    .acc_container .tabbtn a {
        display: inline-block;
        width: 49%;
        text-align: center;
        padding: 8px 0
    }
    .acc_container .cardtablftcontent h3 {
        line-height: 24px
    }
    .servicesboxcontainer {
        margin-top: 30px
    }
    /*.innercardheaderbg,
    .innercardheaderbg2 {
        margin-top: 109px
    }*/
    
    .footer-boder {
        height: 1px;
        background: #fff;
        border-bottom: 1px solid #aaa;
        padding-top: 10px
    }
    .mobile-footer {
        display: inline-block;
        margin: 0 auto;
        width: 99%;
        background: #fff;
        padding: 11px 15px
    }
    .mobile-footer ul li {
        border: 1px solid #aaa;
        float: left;
        height: 55px;
        margin: 5px 0 0 3px;
        padding: 0;
        text-align: center;
        width: 24%
    }
    .mobile-footer ul li .fa-star {
        background: #f98c39;
        color: #fff
    }
    .mobile-footer ul li .fa-download {
        background: #15944b;
        color: #fff
    }
    .mobile-footer ul li .twitter {
        background: #1cb7eb;
        color: #fff
    }
    .mobile-footer ul li .fa-apple {
        background: #333;
        color: #fff
    }
    .mobile-footer ul li .fa-android {
        background: #8a9b24;
        color: #fff;
        padding: 2px 0;
        font-size: 18px
    }
    .mobile-footer ul li i,
    .mobile-footer ul li strong {
        border-radius: 50%;
        display: inline-block;
        font-size: 15px;
        height: 25px;
        margin: 6px 0 0 1px;
        padding: 5px 3px;
        text-align: center;
        width: 25px
    }
    .mobile-footer ul li:hover {
        background: #a20a3a;
        border: 1px solid #93203f
    }
    .mobile-footer ul li a {
        font-size: 11px;
        width: 100%;
        text-decoration: none;
        float: left
    }
    .mobile-footer ul li span {
        float: left;
        color: #000;
        padding: 5px 0 0;
        width: 100%
    }
    .right-fix-section {
        display: none
    }
    .slider-top-marquee {
        margin-top: 109px
    }
    .banner {
        margin-top: 0
    }
    .new-side-menu {
        margin: 20px 0
    }
    .side-navigation {
        margin: 0 auto !important;
        float: none
    }
    .footertopimg {
        height: auto
    }
    .base-rate {
        padding: 15px;
        width: 98%;
        height: 137px;
        text-align: center;
        bottom: 0
    }
    .lognibox,
    .orgbx {
        height: auto
    }
    .base-rate ul li {
        border: 1px solid #a20a3a;
        display: inline-block;
        margin: 10px 0 0;
        width: 100%
    }
    .footcal2 ul li,
    .lftpanellink {
        display: block;
        float: none
    }
    .base-rate ul li span {
        font-size: 9px;
        padding: 6px 0 5px 6px
    }
    .base-rate ul li h3 {
        width: 100%;
        text-align: left;
        margin-bottom: 9px;
        padding: 5px 0 0 6px
    }
    .footbx,
    .footcal2,
    .footcal2 img,
    .footer ul li,
    .footerrgt,
    .helpimg,
    .right-second ul li,
    .tr {
        /*text-align: center*/
    }
    .base-rate ul li h4 {
        padding: 0 0 4px 9px
    }
    .footertop a {
        margin: 0 9px
    }
    .innerrgtmenu h1 {
        font-family: ralewaylight
    }
    .ticker {
        width: 61% !important
    }
    .right-first {
        width: 266px;
        margin-top: 10px
    }
    .right-second {
        width: 266px
    }
    .inner-breadcrum {
        left: 2px
    }
    .debil-card h3:hover a i {
        margin: -5px 0 0
    }
    .card-index-left {
        float: none;
        margin: 0 0 15px
    }
    .card-index-cards ul li {
        width: 157px
    }
    .card-index-cards ul li a span {
        font-size: 12px;
        padding: 0 0 0 6px;
        width: 97px
    }
    .debil-card {
        width: 100%;
        border-right: none
    }
    .global-card,
    .travell-card {
        width: 100%
    }
    .debil-card h3 i,
    .global-card h3 i {
        margin: -5px 14px 0 0
    }
    .debil-card h3 i:hover a i,
    .global-card h3:hover a i {
        margin: -5px 0 0
    }
    .content-sec2-part {
        min-height: auto;
        margin-bottom: 0
    }
    .sidenav ul li a {
        width: 265px;
        background: url(../images/sidenavbg.png)
    }
    .lftpanellink {
        width: 100%
    }
    .lftpanellink br {
        display: none
    }
    .innerlftcontent {
        margin: 0
    }
    .innerheader,
    .midcontainer {
        width: 100%;
        margin: 0 auto;
        padding: 0
    }
    .menusec {
        float: none;
        width: auto
    }
    .footbx,
    .orgbx {
        width: 100%;
        float: none
    }
    .mobheader,
    .tpbr-mob {
        display: block
    }
    .rngcrds,
    .topinfo {
        display: none
    }
    .orgbx {
        padding: 0;
        border-bottom: 1px solid #f6b802
    }
    /*.footer {
        padding: 3px 15px 30px;
        margin-top: 0
    }*/
    .foot-btm {
        padding: 12px 15px;
        overflow: hidden
    }
    .footbx {
        padding-bottom: 5px
    }
    .footcal {
        float: left;
        margin-right: 10px;
        width: 45%;
        min-height: 200px
    }
    .footcal2,
    .sidenav,
    .tpbr ul {
        float: none
    }
    .inptbx3 {
        margin: 20px 0 10px
    }
    .knowmore2 {
        margin-left: 0
    }
    .inner-head h1 {
        font-size: 40px;
        padding: 70px 0 5px
    }
    .serviceboxcontainer {
        padding: 15px;
        bottom: 0;
        width: 100%;
        margin: 0 auto;
        position: relative
    }
    .sidenav {
        margin: 0 auto;
        width: 265px
    }
    .boxbg2,
    .boxbg3,
    .boxbg4 {
        margin-top: 20px
    }
    .footcal2 {
        width: 100%;
        display: block;
        clear: both;
        border-left: none;
        padding-left: 0;
        padding-top: 20px;
        margin-top: 10px
    }
    .top-mob-none {
        display: none
    }
    .tpbr ul li {
        padding: 0 3px;
        font-size: 10px
    }
    .tpbr ul {
        margin: 0 auto;
        width: 388px
    }
    .sv-fund-nav {
        margin: 0 20px 0 0;
        width: auto
    }
    .bottom-content .content-sec2-part {
        width: 50%;
        border-right: none;
        float: left
    }
    .content-sec2-part ul {
        min-height: auto
    }
    .helpimg {
        width: 100%
    }
    .content-sec3 .form-bg {
        background-size: 100% 100%
    }
    .content-sec3 .form-bg .form-txt {
        width: 49%;
        margin-bottom: 10px
    }
    .fotertopcontentcol {
        width: 100%;
        float: none;
        display: block
    }
    .homenewscontainer marquee {
        width: 70%
    }
    .height40 {
        height: 20px
    }
    .content-sec2-part {
        padding: 8px 16px 2px
    }
    .rgtcolsbox {
        width: 100%;
        float: none;
        display: block;
        padding: 15px
    }
    .content-sec2-nav {
        padding-left: 0;
        padding-right: 0
    }
    .footertop {
        margin: 7px 16px;
        display: block;
        width: 100%
    }
    .footerrgt {
        width: 100%
    }
    .bot-nav ul li {
        float: none;
        display: inline-block
    }
    .bot-nav ul {
        float: none
    }
    .innerlftcontent,
    .rgtpanellink {
        width: 100%;
        float: none;
        display: block
    }
    .rgtpanellink {
        margin-top: 30px;
        clear: both;
        display: inline-block
    }
    .acc_container .cardtablftcontent,
    .acc_container .cardtabrgtcontent {
        width: 100%;
        display: block;
        float: none
    }
    .sublnks {
        padding-top: 15px;
        padding-bottom: 15px
    }
    .sublnks ul li {
        width: 100%;
        float: none;
        display: block;
        padding: 0 15px
    }
    .sublnks ul li a {
        border: 1px solid #ccc;
        width: 100%;
        font-size: 14px;
        margin-bottom: 2px
    }
    .tableresponsive {
        width: 100%;
        overflow-y: scroll
    }
    .card-index-left {
        display: block;
        width: 100%
    }
    .card-index {
        display: block;
        width: auto;
        margin: 0
    }
    .main-detail {
        margin-bottom: 20px
    }
    .main-detail .feedback-detail {
        border: 6px solid #fff;
        padding: 7px
    }
    .feedback-table tr td i {
        width: 95%;
        margin: 4px 4px 0 7px
    }
    .feedback-table-sec {
        margin: 5px
    }
    .feedback-form-1 {
        width: 100%
    }
    .feedback-table-sec tr td {
        width: 100%;
        display: inline-block
    }
    .feedback-table-sec input {
        width: 190px
    }
    .card-index-right,
    .profilelisting li,
    .profilelisting2 li {
        width: 100%;
        display: block;
        float: none
    }
    .financialbox li,
    .subdidiariesbanklist li {
        margin: 0 0 15px;
        text-align: center;
        display: block;
        float: none;
        width: 100%
    }
    .boxbg1 {
        padding: 10px;
        height: 235px
    }
    .boxbg2 {
        height: 212px
    }
    .vertical .new-arrow {
        margin: 5px 0 0
    }
    .faq .faq-first-heading {
        width: 100%
    }
    .right-pannl-mob h5,
    .search-mob h5 {
        display: none
    }
    .feedback-table tr td .height55 {
        height: 55px
    }
    .clmsform {
        padding: 0 15px 15px
    }
    .clmsform li .inputfield,
    .clmsform li .selectfield,
    .clmsform li span {
        width: 100%
    }
    .clmsform li .btnrest,
    .clmsform li .btnsubmitpink {
        margin: 0
    }
    .clmsform li.capcha {
        margin-bottom: 0
    }
    .homenewscontainer .ticker-content {
        padding-top: 15px
    }
    .sitemappage .sitemapcol {
        width: 50%
    }
    .footertoprgt {
        display: block;
        float: left;
        padding: 0 23px 17px;
        width: 100%
    }
    .colbox2,
    .searchbox,
    .searchtxt,
    .socialcolbox2 {
        width: 100%;
        float: none;
        display: block
    }
    .searchbox,
    .searchtxt {
        border: none
    }
    .searchapge .searchinput {
        width: 100%;
        border: 1px solid #ccc;
        height: 35px;
        margin: 10px 0 0
    }
    .searchapge .searcbtn {
        margin: 10px 0 0
    }
    .calculator-form tr td,
    .calculator-form tr th {
        width: 100%
    }
    .calculator-form {
        padding: 25px 20px 20px
    }
    .profileinnerimg {
        width: 100%
    }
    .profile-content {
        width: 100%;
        padding: 0
    }
    .page-not-found-header {
        margin-top: 0px;
        height: 160px
    }
    .pagenotfound p {
        font-size: 17px
    }
    .obc-nav ul li {
        width: 45px
    }
    .obc-nav ul li span {
        height: 45px
    }
    /*.logo {
        margin: 0 100px 0 0;
        float: right
    }*/
    .obc-nav {
        left: 52px
    }
    .srchbx1 {
        width: 200px
    }
    
}

.mob-homenewscontainer {
    display: none
}

@media only screen and (max-width:578px) {
.google-play-store ul{padding:0 15px}
.google-play-store ul li{    max-width: 100%;
    margin: 20px 0 0 0;
    padding: 15px;
    flex: 0 0 100%;}
    .plan_section .container .ab-plan-section .col-md-6 .plan_box {
        padding: 10px 5px 10px !important
    }
    .obc-nav {
        top: 60px;
        background: #ffd84c;
        left: 0;
        right: 0;
        padding: 5px 0 0 0
    }
    .topheader,
    .tpbr ul {
        width: 310px
    }
    .life-insu-page .bannersec {
        margin-top: 150px !important
    }
    .wrapper .product-infose {
        padding-top: 175px !important
    }
    section.infosec {
        padding: 0 !important
    }
    .bannersec .product-benefits,
    .life-insu-page .bannerbg-home {
        height: 400px !important
    }
    #locateus .tab-slides-head {
        padding-top: 100px !important
    }
    .obc-nav ul li strong {
        display: inline-block;
        padding: 14px 0 0 5px;
        color: #333
    }
    .obc-nav ul li a {
        color: #333;
        font-size: 13px
    }
    .obc-nav ul li {
        width: 80px
    }
    .obc-nav ul {
        float: right
    }
    .obc-nav ul li span {
        height: 45px;
        width: 35px
    }
    .banner {
        margin-top: 0
    }
    /*.innercardheaderbg,
    .innercardheaderbg2 {
        margin-top: 108px
    }*/
    .obc-nav ul li a {
        font-size: 12px
    }
    .slider-top-marquee {
        margin-top: 179px;
        padding: 10px 0 0 0
    }
    .slider-top-marquee a {
        font-size: 12px
    }
    .sliderbanner {
        display: inline-block;
        width: 100%;
        margin-top: 0
    }
    .tpbr ul li:first-child {
        display: none
    }
    .bannerrgtpanel,
    .tpbr {
        z-index: 999999
    }
    .srchbx1 {
        width: 200px
    }
    .obc-nav ul li {
        width: 90px;
        border-right: 1px solid #fff
    }
    .obc-nav ul li:last-child {
        border: 0
    }
    .aapaskibat {
        display: inline-block;
        float: left;
        margin-bottom: 10px;
        margin-top: 0
    }
    .base-rate,
    .right-second ul li {
        text-align: center
    }
    .main-footer-container {
        padding: 0
    }
    .midcontainer .content-sec2-part {
        padding: 0 24px
    }
    .content-sec3 .form-bg {
        padding: 14px 24px
    }
    .footertop span {
        width: 100%;
        display: block;
        padding: 0 0 5px
    }
    .footertop span+a {
        margin: 0
    }
    .mobile-footer ul li {
        width: 32.3%
    }
    .capcha-code,
    .content-sec3 .form-bg .form-txt,
    .footer-form {
        width: 100%
    }
    .mobile-footer {
        padding: 11px 0
    }
    .footertop {
        margin: 0 16px
    }
    .base-rate {
        position: relative;
        height: 137px;
        bottom: 0
    }
    .base-rate ul li {
        width: 267px
    }
    .base-rate ul li span {
        font-size: 9px;
        padding: 0 0 0 9px
    }
    .bottom-content .content-sec2-part,
    .content-sec2-part:nth-child(2),
    .content-sec2-part:nth-child(3),
    .content-sec2-part:nth-child(4),
    .content-sec2-part:nth-child(5),
    .content-sec2-part:nth-child(6) {
        width: 100%
    }
    .serviceboxcontainer {
        width: 300px
    }
    .servicesboxcontainer li {
        width: 267px
    }
    .servicesboxcontainer li:nth-child(2) .boxbg2 {
        margin-top: 20px
    }
    .csr .listingcontent li {
        height: 221px;
        margin: 5px 0 10px;
        width: 275px
    }
    .main-detail .feedback-detail {
        border: 6px solid #fff;
        padding: 7px
    }
    .feedback-table-sec {
        margin: 5px
    }
    .feedback-form-1 {
        width: 100%
    }
    .feedback-table-sec tr td {
        width: 100%;
        display: inline-block
    }
    .feedback-table-sec input {
        width: 190px
    }
    /*
        .logo {
        width: 185px;
        margin: 6px 0 0 51px;
        float: left
    }
    */
    .homenewscontainer {
        display: none
    }
    .mob-homenewscontainer {
        display: inline-block;
        padding: 0;
        width: 100%
    }
    .mob-homenewscontainer .midcontainer {
        width: 275px;
        background: #a20a3a;
        margin: 0 auto
    }
    .mob-homenewscontainer h3 {
        background: #a20a3a;
        color: #fff;
        margin: 0 !important;
        padding: 10px 16px !important;
        width: 100%;
        font-size: 14px
    }
    .mob-homenewscontainer ul {
        margin-top: 10px;
        padding: 7px 16px
    }
    .mob-homenewscontainer ul li {
        border: 1px solid #c33c60;
        color: #efd4db;
        display: inline-block;
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 10px;
        padding: 6px 8px;
        text-transform: capitalize;
        background: #bd1542;
        width: 100%
    }
    .ticker {
        width: 100% !important
    }
    .mob-homenewscontainer ul li a {
        color: #fff
    }
    .mob-homenewscontainer ul li a:hover {
        color: #f6b801
    }
    .homenewscontainer {
        height: 100px;
        margin: 0 auto 21px;
        width: 100%
    }
    .homenewscontainer .midcontainer h3 {
        padding: 5px 0 0 12px
    }
    .ticker-content {
        left: 8px !important
    }
    .inner-breadcrum {
        left: 2px
    }
    .explore-more {
        width: 82%;
        float: none;
        margin: 10px auto 0
    }
    .card-index-left,
    .card-index-right {
        width: 98%
    }
    .card-index-cards ul li {
        padding: 17px 4px 0;
        width: 151px
    }
    .card-index-cards ul li:nth-child(3) img {
        margin: 0
    }
    .travell-card {
        margin-top: 1px
    }
    .right-first {
        margin: 26px auto
    }
    .rewarded .midcontainer ul li {
        width: 100%
    }
    .card-index-cards {
        width: 98%;
        margin: 0 auto
    }
    .card-index-cards ul li a span {
        font-size: 12px;
        padding: 0 0 0 6px;
        width: 97px
    }
    .debil-card,
    .global-card,
    .travell-card {
        width: 100%;
        background: #fff
    }
    .debil-card h3 i,
    .global-card h3 i {
        margin: -5px 14px 0 0
    }
    .debil-card h3 i:hover a i,
    .global-card h3:hover a i {
        margin: -5px 0 0
    }
    .sidenav {
        margin: 0 auto;
        width: 265px;
        float: none
    }
    .footer ul li {
        text-align: left
    }
    .footbx,
    .tr {
        text-align: center
    }
    .midcontainer {
        width: 100%;
        margin: 0 auto
    }
    /*.logo img {
        width: 70%
    }*/
    .footbx,
    .menusec {
        width: 100%;
        float: none
    }
    .menusec {
        display: block;
        position: relative
    }
    .topinfo {
        display: none
    }
    .mobheader,
    .tpbr-mob {
        display: block
    }
    .foot-btm {
        padding: 12px 15px;
        overflow: hidden
    }
    .footbx {
        padding-bottom: 5px
    }
    .inptbx3 {
        margin: 20px 0 10px
    }
    .knowmore2 {
        margin-left: 0
    }
    .inner-head h1 {
        font-size: 40px;
        padding: 70px 0 5px
    }
    .inner-head {
        height: 169px
    }
    .inner-head p {
        padding: 0 15px
    }
    .acc_container .cardtabrgtcontent .tooltip-content {
        width: 300px
    }
    .acc_container .cardtabrgtcontent .tooltip-content strong {
        padding: 0 0 0 8px;
        display: inline-block
    }
    .acc_container .cardtabrgtcontent .tooltip-inner h4 {
        padding: 0 0 0 8px
    }
    .clmsform li span {
        width: 100%
    }
    .sitemappage .sitemapcol {
        width: 100%;
        float: none;
        display: block
    }
    .footbx,
    .footerimg {
        margin-top: 10px
    }
    .footertoprgt {
        padding: 0 23px 13px;
        float: none;
        width: 100%
    }
    .cullator-tab {
        height: 135px
    }
    .servicesboxcontainer {
        margin-top: 0
    }
    .mob-homenewscontainer {
        margin: 63px auto 10px
    }
    .page-not-found-header {
        margin-top: 0px;
        height: 160px
    }
}

@media only screen and (max-width:318px) {
    /*.logo {
        width: 164px
    }*/ 
    .tpbr ul {
        float: none;
        margin: 0 auto;
        width: 300px
    }
    .footcal {
        margin-right: 10px
    }
    .btnrest,
    .btnsubmitpink,
    .submit-btn button {
        margin-left: 0;
        margin-right: 0
    }
    .main {
        overflow: hidden
    }
}

@media only screen and (min-width:1600px) {
    .innerheader,
    .midcontainer {
        width: 100%;
        padding: 0 200px
    }
    .servicesboxcontainer li {
        width: 25%;
        margin-right: 0
    }
    .boxbg1,
    .boxbg2,
    .boxbg2 a,
    .boxbg3,
    .boxbg3 a,
    .boxbg4,
    .boxbg4 a {
        width: 95%
    }
    .boxbg2 a img,
    .boxbg3 a img,
    .boxbg4 a img {
        width: 100%;
        height: 100%
    }
    .news_container,
    .servicesboxcontainer .servicesboxhover {
        width: 100%
    }
    .flexslider .slides img {
        height: 850px
    }
    .bannerrgtpanel {
        right: 175px
    }
    .card-index-left {
        width: 88%
    }
    .card-index-right {
        width: 10%
    }
    .wsmenu {
        padding-right: 0px
    }
    .srchbx {
        margin-right: 0px
    }
    .wsmenucontainer {
        position: relative
    }
    .obc-nav {
        right: 0
    }
}