.fe-iban {
    margin-bottom: .5em;
}

div.fe-iban div.iban,
div.fe-iban div.bic {
	display: inline-block;
}

/* Hide the BIC field by default */
div.fe-iban div.iban {
	margin: 0 .5em 1em 0;
}

div.fe-iban div.bic.is-relevant {
	position: relative;
	left: 0;
}

div.fe-iban label {
	display: inline-block;
	padding: 0;
	vertical-align: bottom;
}

div.fe-iban label {
    font-weight: normal;
}

div.fe-iban div.bic span,
div.fe-iban div.iban span {
	display: block;
    margin: 0;
	padding-right: 1em;
}

div.fe-iban div.bic div,
div.fe-iban div.iban div {
	display: inline-block;
}

div.fe-iban div.bic input {
	width: 7em;
    padding-right: 10px;
}

div.fe-iban div.bic input:disabled {
    opacity: .9;
    color: #bfbfbf;
}

div.fe-iban div.iban input {
	width: 18em;
    padding-right: 10px;
}

@media (min-width: 500px) {
    div.fe-iban div.iban {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 500px) {
    div.fe-iban label,
    div.fe-iban div.iban,
    div.fe-iban div.bic {
        display: block;
    }

    div.fe-iban div.iban input {
        width: 95%;
    }
}