@charset "utf-8";
.container {
    width: 960px \9
}

.col-span-8 {
    float: left \9;
    width: 66.6667% \9
}

.col-span-4 {
    float: right \9;
    width: 33.3333% \9
}

.col-sm-4, .col-sm-6 {
    float: left \9
}

.col-sm-4 {
    width: 33.3333% \9
}

.col-sm-6 {
    width: 50% \9
}

.pdr5 {
    padding-right: 5px \9
}

.pdl5 {
    padding-left: 5px \9
}

.col-sm-offset-4 {
    margin-left: 33.3333% \9
}

.form-horizontal .control-label {
    text-align: right \9
}

.logo-partner .img-logo-partner {
    height: 32px;
}
/* Logo bank */
ul.cardList li .boxWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 52px;
}
.bankwrap>i {
    margin-top: 5px;
    margin-bottom: 5px;
}
.bankwrap a.backOpt + i#bank_code + div.cardInfo {
    padding: 5px 10px 10px 8px;
}

i.ABB, i.AGB, i.VPB, i.VPBANK, i.MSB, i.ACB, i.EXB, i.EXIMBANK, i.ICB, i.VIB, i.SCB, i.IVB, i.DAB, i.SHB, i.OCB, i.PDB,
i.VCB, i.STB, i.VISA, i.MASTER, i.MASTERCARD, i.JCB, i.VIETTELPOST, i.OJB, i.AIRPAY, i.WRB, i.VINID, i.VRB, i.SHNB, i.SHINHANBANK,
i.TCB, i.BAB, i.MB, i.MBB, i.TPB, i.SGB, i.GPB, i.PGB, i.VAB, i.NVB, i.NCB, i.HDB, i.GAB, i.VB, i.NAB, i.SEA, i.SEABANK, i.BVB,
i.MOMO, i.SMARTPAY, i.KLB, i.GDB, i.HSBC, i.PBVN, i.PVCOMBANK, i.VISAVCB, i.MASTERCARDVCB, i.JCBVCB {
    background: url(../bank/base.svg) no-repeat;
    background-size: 400px 560px;
    /*filter: contrast(125%);*/
    filter: drop-shadow(5px 5px 2px gainsboro);
}
i.ABB {
    width: 96px;
    height: 36px;
    background-position: -5px -203px !important;
    background-size: 348px 508px !important;
}
i.AGB {
    width: 102px;
    height: 30px;
    background-position: -6px -18px!important;
    background-size: 342px 509px !important;
}
i.VPB, i.VPBANK {
    width: 95px;
    height: 40px;
    background-position: -211px -133px !important;
    background-size: 440px 610px !important;
}
i.MSB {
    width: 95px;
    height: 40px;
    background-position: 0 -165px !important;
    background-size: 420px 580px !important;
}
i.ACB {
    width: 86px;
    height: 40px;
    background-position: -70px -40px !important;
}
i.EXB, i.EXIMBANK {
    width: 95px;
    height: 40px;
    background-position: -260px -75px !important;
    background-size: 360px 520px !important;
}
i.ICB {
    width: 95px;
    height: 40px;
    background-position: -178px -76px !important;
    background-size: 380px 535px !important;
}
i.VIB {
    width: 66px;
    height: 40px;
    background-position: -82px -155px !important;
}
i.SCB {
    width: 88px;
    height: 40px;
    background-position: -120px -136px !important;
    background-size: 440px 625px !important;
}
i.IVB {
    width: 66px;
    height: 40px;
    background-position: -243px -366px !important;
}
i.DAB {
    width: 102px;
    height: 40px;
    background-position: -95px -171px !important;
    background-size: 355px 506px !important;
}
i.SHB {
    width: 95px;
    height: 40px;
    background-position: -398px -10px !important;
    background-size: 500px 710px !important;
}
i.OCB, i.PDB {
    width: 95px;
    height: 40px;
    background-position: -142px -156px !important;
}
i.VCB {
    width: 95px;
    height: 40px;
    background-position: -6px -81px !important;
}
i.STB {
    width: 95px;
    height: 40px;
    background-position: -270px -6px !important;
    background-size: 460px 620px !important;
}
i.VISA, i.VISAVCB {
    width: 86px;
    height: 40px;
    background-position: -148px -436px !important;
    background-size: 350px 510px !important;
}
i.MASTER, i.MASTERCARD, i.MASTERCARDVCB {
    width: 66px;
    height: 40px;
    background-position: -189px -360px !important;
    background-size: 300px 420px !important;
}
i.JCB, i.JCBVCB {
    width: 70px;
    height: 40px;
    background-position: -286px -435px  !important;
    background-size: 350px 510px !important;
}
i.VIETTELPOST {
    width: 102px;
    height: 40px;
    background-position: -262px -432px !important;
}
i.OJB {
    width: 102px;
    height: 40px;
    background-position: -128px -22px !important;
    background-size: 396px 600px !important;
}
i.AIRPAY {
    width: 95px;
    height: 40px;
    background-position: 0 -385px !important;
    background-size: 360px 500px !important;
}
i.WRB {
    width: 75px;
    height: 43px;
    background-position: -4px -424px !important;
    background-size: 450px 640px !important;
}
i.VINID {
    width: 95px;
    height: 40px;
    background-position: -2px -489px !important;
}
i.VRB {
    width: 85px;
    height: 40px;
    background-position: -308px -415px !important;
    background-size: 400px 650px !important;
}
i.SHNB, i.SHINHANBANK {
    width: 95px;
    height: 28px;
    background-position: -6px -232px !important;
    background-size: 285px 400px !important;
}
i.TCB {
    width: 95px;
    height: 40px;
    background-position: -97px -79px !important;
}
i.BAB {
    width: 95px;
    height: 40px;
    background-position: -195px -195px !important;
    background-size: 350px 550px !important;
}
i.MB, i.MBB {
    width: 95px;
    height: 40px;
    background-position: -351px -52px !important;
    background-size: 450px 650px !important;
}
i.TPB {
    width: 95px;
    height: 40px;
    background-position: -346px -186px !important;
    background-size: 450px 650px !important;
}
i.SGB {
    width: 95px;
    height: 40px;
    background-position: -124px -269px !important;
    background-size: 330px 470px !important;
}
i.GPB {
    width: 95px;
    height: 40px;
    background-position: -262px -52px !important;
    background-size: 450px 650px !important;
}
i.PGB {
    width: 95px;
    height: 40px;
    background-position: -202px -256px !important;
    background-size: 350px 500px !important;
}
i.VAB {
    width: 95px;
    height: 28px;
    background-position: -187px -225px !important;
    background-size: 320px 485px !important;
}
i.NVB, i.NCB {
    width: 95px;
    height: 40px;
    background-position: -138px -255px !important;
}
i.HDB, i.GAB {
    width: 95px;
    height: 40px;
    background-position: -7px -120px !important;
}
i.VB {
    width: 95px;
    height: 34px;
    background-position: -3px -195px !important;
    background-size: 280px 430px !important;
}
i.NAB {
    width: 95px;
    height: 20px;
    background-position: -189px -186px !important;
    background-size: 300px 450px !important;
}
i.SEA, i.SEABANK {
    width: 95px;
    height: 34px;
    background-position: -254px -108px !important;
    background-size: 360px 500px !important;
}
i.BVB {
    width: 95px;
    height: 28px;
    background-position: -98px -183px !important;
    background-size: 320px 455px !important;
}
i.MOMO {
    width: 60px;
    height: 40px;
    background-position: -77px -347px !important;
    background-size: 320px 455px !important;
}
i.SMARTPAY {
    width: 95px;
    height: 40px;
    background-position: -166px -430px !important;
}
i.KLB {
    width: 95px;
    height: 30px;
    background-position: -2px -229px !important;
    background-size: 280px 440px !important;
}
i.LVB {
    background: url(../bank/LVP.jpg) no-repeat -2px 0/95px 40px  !important;
    /*width: 95px;*/
    /*height: 40px;*/
    /*background-position: -5px -183px !important;*/
    /*background-size: 380px 539px !important;*/
}
/*Bản việt*/
i.GDB, i.VCCB {
    background: url(../bank/VCCB.png) no-repeat !important;
    width: 95px;
    height: 40px;
    /*background: url(../bank/VCCB.png) no-repeat !important;*/
    /*background-position: -159px -333px !important;*/
    /*background-size: 450px 640px !important;*/
}
i.HSBC {
    width: 95px;
    height: 40px;
    background-position: -262px -322px !important;
    background-size: 380px 560px !important;
}
/*public bank*/
i.PBVN {
    width: 95px;
    height: 40px;
    background-position: -67px -374px !important;
    background-size: 400px 568px !important;
}
i.PVCOMBANK {
    width: 70px;
    height: 40px;
    background-position: -233px -155px !important;
}


i.ANZ, i.CTB, i.PAYOO, i.SC, i.VCBPAY, i.VNPOST, i.BIDC, i.WCP, i.VIETTELPAY, i.FE, i.FECREDIT, i.HOMECREDIT, i.icon-nlfund, i.CFC {
    background: url(../bank/base_02.svg) no-repeat !important;
    background-size: 400px 240px !important;
    /*filter: contrast(125%);*/
    filter: drop-shadow(5px 5px 2px gainsboro);
}
i.ANZ {
    width: 95px;
    height: 40px;
    background-position: -186px -66px !important;
}
/*Citibank*/
i.CTB {
    width: 95px;
    height: 40px;
    background-position: -260px -7px !important;
    background-size: 360px 215px !important;
}

i.PAYOO {
    width: 95px;
    height: 40px;
    background-position: -157px -116px !important;
    background-size: 400px 230px !important;
}
/*Standard chartered*/
i.SC {
    width: 95px;
    height: 40px;
    background-position: -85px -67px !important;
}
i.VCBPAY {
    width: 95px;
    height: 40px;
    background-position: -376px -88px !important;
    background-size: 500px 300px !important;
}
i.VNPOST {
    width: 95px;
    height: 40px;
    background-position: 3px -15px !important;
    background-size: 455px 269px !important;
}
/*i.BIDC {*/
/*    width: 95px;*/
/*    height: 40px;*/
/*    background-position: -74px -10px !important;*/
/*}*/
/*wechat*/
i.WCP {
    width: 95px;
    height: 40px;
    background-position: -9px -98px !important;
    background-size: 320px 195px !important;
}
i.VIETTELPAY {
    width: 85px;
    height: 40px;
    background-position: -3px -80px !important;
    background-size: 450px 266px !important;
}
i.FE, i.FECREDIT {
    width: 95px;
    height: 40px;
    background-position: -210px -90px !important;
    background-size: 315px 189px !important;
}
i.HOMECREDIT {
    width: 95px;
    height: 40px;
    background-position: -8px -150px !important;
    background-size: 360px 200px !important;
}
i.icon-nlfund {
    width: 95px;
    height: 40px;
    background-position: -144px -4px !important;
    background-size: 340px 190px !important;
}
i.CFC {
    width: 95px;
    height: 40px;
    background-size: 332px 196px !important;
    background-position: -117px -148px !important;
}


i.ZALOPAY {
    background: url(../bank/ZALOPAY.svg) no-repeat -2px 0/95px 40px  !important;
}
/*Alipay*/
i.ALP {
    background: url(../bank/ALP.png) no-repeat 2px 0/95px 40px  !important;
}
i.BANKPLUS {
    background: url(../bank/BANKPLUS.png) no-repeat 4px -23px/90px 90px  !important;
}
i.VIETTEL, i.viettel {
    background: url(../bank/viettel.png) no-repeat 2px 0/95px 40px  !important;
}
i.mobifone, i.MOBIFONE {
    background: url(../bank/mobifone.png) no-repeat 5px 3px/88px 40px  !important;
}
i.VINAPHONE, i.vinaphone {
    background: url(../bank/vinaphone.png) no-repeat 5px 0/88px 40px  !important;
}
i.vietnamobile {
    background: url(../bank/vietnamobi.png) no-repeat 2px 0/95px 40px  !important;
}
i.Vcoin {
    background: url(../bank/ie/Vcoin.png) no-repeat 6px 0/82px 40px  !important;
}

i.Cardless {
    background: url(../bank/ATM.png) no-repeat 2px 0/95px 40px  !important;
}
i.NL {
    background: url(../bank/nganluong.png) no-repeat 5px 2px/86px 36px  !important;
}
i.cardVT {
    background: url(../bank/card.png) no-repeat 2px 0/95px 40px  !important;
}
i.MBpay {
    background: url(../bank/ie/2pay.png) no-repeat 2px 0/95px 40px  !important;
}
i.sfone {
    background: url(../bank/sfone.png) no-repeat 5px 0/86px 40px  !important;
}
i.gmobile {
    background: url(../bank/gmobi.png) no-repeat 3px 0/88px 38px  !important;
}
i.gatecard, i.GATE {
    background: url(../bank/gate.png) no-repeat 8px 6px/78px 30px  !important;
}
i.icon-nganluong {
    background: url(../bank/nl.png) no-repeat 4px 0/84px 36px  !important;
}
i.otherbank-logo {
    background: url(../bank/other.png) no-repeat 2px 0/95px 40px  !important;
}
i.addmore {
    background: url(../bank/add.png) no-repeat 2px 0/95px 40px  !important;
}
i.nganluong {
    background: url(../bank/nganluong.png) no-repeat 8px 2px/80px 36px  !important;
}
i.AMEX, i.AMEXVCB {
    width: 75px;
    height: 58px;
    filter: drop-shadow(5px 5px 2px gainsboro);
    background: url(../bank/AMEX.png) no-repeat 8px 2px/56px 54px  !important;
}

i.BIDV {
    width: 90px;
    height: 42px;
    background: url(../bank/BIDV.svg);
    background-size: 90px 48px;
    background-repeat: no-repeat;
    background-position: 1px -6px !important;
    filter: drop-shadow(5px 5px 2px gainsboro);
}
i.UOB {
    background: url(../bank/UOB.svg);
    background-size: cover;
    background-position: bottom;
    filter: drop-shadow(5px 5px 2px gainsboro);
    width: 90px;
    height: 50px
}

ul.cardList li {
    width: 18.6%;
}

@media screen and (max-width: 640px) {
    i.Addmore {
        -bkit-background-size: 82px 41px;
        -moz-background-size: 82px 41px;
        background-size: 82px 41px
    }
}

@media only screen and (min-width: 377px) and (max-width: 514px) {
    ul.cardList li {
        width: 30.5% !important;
    }
}
@media only screen and (min-width: 515px) and (max-width: 640px) {
    ul.cardList li {
        width: 23.2% !important;
    }
}
@media only screen and (min-width: 641px) and (max-width: 755px) {
    ul.cardList li {
        width: 31% !important;
    }
}
@media only screen and (min-width: 756px) and (max-width: 925px) {
    ul.cardList li {
        width: 23.2% !important;
    }
}