.pay-system{
    display: flex;
    justify-content: stretch;
    margin-bottom: 10px;
    margin-bottom: 10px;
}
.subtitle{
    text-align: right;
    font-size: 10px;
    color: #a9aaa7;
    font-family: OpenSans, sans-serif;
}
.pay-system .maestro{
    flex: 1 1 100%;
    background: url(/static/img/icon/maestro.png) no-repeat;
    background-size: contain;
    background-position: center;
    width:  44px;
    height: 33px;
}
.pay-system .mastercard{
    flex: 1 1 100%;
    background: url(/static/img/icon/mastercard.png) no-repeat;
    background-size: contain;
    background-position: center;
    width:  44px;
    height: 33px;
}
.pay-system .demirbank{
    flex: 1 1 100%;
    background: url(/static/img/icon/demirbank.png) no-repeat;
    background-size: contain;
    background-position: center;
    width:  101px;
    height: 33px;
}
.pay-system .visa{
    flex: 1 1 100%;
    background: url(/static/img/icon/visa.png) no-repeat;
    background-size: contain;
    background-position: center;
    width:  48px;
    height: 33px;
}
@media(max-width: 767px){
    .pay-system{
        padding-left: 20px;
    }
}