@media (max-width: 767px) {
    .payment-tiles .td-block-row [class*="td-block-span"].two-column {
        padding-right: 24px;
        padding-left: 24px;
        float: left;
        width: 50%;
    }

    .payment-tiles .td-block-row [class*="td-block-span"].two-column.left .payment-tile {
        margin-right: 0;
    }

    .payment-tiles .td-block-row [class*="td-block-span"].two-column.right .payment-tile {
        margin-left: 0;
    }

    .payment-tiles .td-block-row [class*="td-block-span"].center {
        margin: 0 auto;
        width: 100%;
    }
}


.payment-tiles h3 {
    margin-bottom: 0;
}

.payment-tiles .payment-tile {
    max-width: 138px;
    cursor: pointer;
    display: flex;
    border: 1px solid #ccc;
    text-align: center;
    position: relative;
    margin: 15px auto;
    background-color: #f4f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
    background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f4f5f5, endColorstr=#dfdddd);
}

.payment-tiles .payment-tile .dummy {
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.payment-tiles .payment-tile.active {
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    /* Firefox 3.5 - 3.6 */
    box-shadow: 3px 3px 5px 6px #ccc;
    opacity: 1;
}

.payment-tiles .payment-tile img.logo-big {
    width: 120px;
}

.payment-tiles .payment-tile img,
.payment-tiles .payment-tile span.text {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 100px;
    max-width:80%;
    height: auto;
    opacity: 0.6;
    filter: grayscale(100%);
    font-weight: bold;
}

.payment-tiles .payment-tile.active img,
.payment-tiles .payment-tile.active span.text {
    opacity: 1;
    filter: none;
    /* IE6-9 */
}

form.paypal-form {
    text-align: center;
}