@media (max-width: 1199px) and (min-width: 600px) {
    .voucher-header .section-title .title {
        font-size: 6vw;
    }

    .voucher-header > .voucher-balance > .credit-title > h2 {
        font-size: 3.5vw;
    }
}

@media (max-width: 999px) and (min-width: 720px) {
    .voucher-header > .voucher-title {
        padding: 0 20px;
    }

    .voucher-header {
        height: 180px;
    }

    .voucher-header > .voucher-balance > .credit {
        font-size: 48px;
    }
}

@media (max-width: 719px) and (min-width: 600px) {
    .voucher-header {
        height: 180px;
    }

    .voucher-header > .voucher-balance > .credit {
        font-size: 48px;
    }

    .voucher-header > .voucher-title {
        padding: 0 10px;
    }
}

@media (max-width: 599px) {
    .voucher-header {
        height: auto;
    }

    .voucher-header > div {
        float: none;
        width: 100%;
    }

    .voucher-header > .voucher-title {
        height: 250px;
        padding: 0 20px;
    }

    .voucher-header .section-title .title {
        font-size: 12vw;
    }

    .voucher-header > .voucher-balance > .credit-title > h2 {
        font-size: 6vw;
    }

    .voucher-header > .voucher-balance > .credit {
        font-size: 52px;
    }

    .voucher-header > .voucher-balance {
        height: auto;
        padding-bottom: 20px;
    }

    .voucher-header > .voucher-balance > .credit-title {
        margin: 0;
        padding-top: 20px;
    }
}