 

DIV#page {
	max-width: 630px;
	min-width: 320px;
	width: auto !important;
}

@media only screen and (max-width: 599px) {

	BODY {
		margin: 0;
		padding: 0;
	}

	DIV#page {
		padding: 0;
	}

	.form {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;	
	}

	#secure {
		margin-left: 25px;
	}
	
	#logo {
		margin-right: 25px;
	}

	.form-item LABEL {
		width: 100%;
	}
	
	.form-item input,
	.form-item textarea,
	.form-item select {
		width: 100%;
		box-sizing: border-box;
	}

	.form-item .form-error,
	.form-item .form-subtext {
		width: 100%;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}

	.form-item.cardCVV INPUT {
		box-sizing: content-box;
	}

	.form-item .surcharge {
		position: relative;
		width: auto;
		clear: both;
		margin: 0;
		padding: 0;
		font-size: 11px;
		color: #999999;
	}

	.form-item .surcharge-list {
		margin: 0px;
	}


	.order {
		text-align: center;
	}
	
	.order-item {
		text-align: center;
	}

	.order-item.form-item .form-error {
		text-align: center;
	}
	
	.order-item.purchaseAmount .value {
		font-size: 30px;
		line-height: 28px;
	}

	.order-item.purchaseAmount .value .input-value input {
		width: 150px;
	}

	.order-item .label,
	.order-item .value {
		width: 100%;
	}

	.order-item .form-item .form-error {
		width: 100%;
		margin: 4px 0;
		text-align: center;
	}
	
	#form-submit .bttn {
		margin-left: 0;
		font-size: 19px !important;
		padding: 9px 20px !important;
		line-height: 26px !important;		
	}

	.form-item.customerCountryCode SELECT {
		width: 100%;
	}
}

@media only screen and (max-width: 338px) {

	.pay-buttons {
		text-align: center;
	}

	.pay-buttons > .pay-button {
		float: none;
		margin: auto;
	}
}

 


DIV#page {
	max-width: 630px;
	min-width: 332px;
}

BODY#acs-frame DIV#page {
	min-width: 400px;
}

@media only screen and (max-width: 599px) {

	.order-item .label,
	.order-item .value {
		flex: 0 1 auto;
		text-align: center;
	}

	.order-item .value {
		white-space: normal;
	}

	DIV#page {
		padding: 16px;
	}

	#logo {
		margin: 0;
	}

}

@media only screen and (max-width: 462px) {

	

	DIV#page {
		padding: 8px;
	}

	DIV#content {
		padding: 16px;
	}

	DIV#header {
		padding: 16px;
	}

	.pay-buttons {
		margin: 0 -4px;
	}

	.pay-buttons > .pay-button {
		flex-basis: calc(50% - 8px);
		margin: 4px;
	}

	_:-ms-fullscreen, :root .pay-buttons > .pay-button {
		flex-basis: calc(50% - 20px);
	}

	DIV.hr-customised {
		margin: 8px -8px 0 -8px;
	}

	DIV.hr-customized::before,
	DIV.hr-customized::after {
		margin: 0 4px;
	}

	.form FIELDSET {
		margin: 16px 0;
	}

	.form-item.form-submit .paybttn,
	.redirect FORM .bttn {
		font-size: 22px !important;
	}

	.form-item.receiverDateOfBirth {
		min-width: 100%;
	}

}

@media only screen and (max-width: 432px) {

	 
	BODY#acs-frame DIV#page,
	BODY#acs-frame DIV#header,
	BODY#acs-frame DIV#content {
		padding-left: 0;
		padding-right: 0;
		min-width: 400px;
	}

	BODY#acs-frame .order-1,
	BODY#acs-frame .order-2,
	BODY#acs-frame #acs-frame {
		border-radius: 0;
	}

}

@media only screen and (max-width: 425px) {

	.form-item.form-submit .paybttn,
	.redirect FORM .bttn {
		font-size: 19px !important;
	}

	SELECT#cardExpiryMonth {
		min-width: 70px;
	}

}





