/* stack all grids below 40em (640px) */
@media all and (max-width: 480px) {
	.my-breakpoint .ui-block-a, 
	.my-breakpoint .ui-block-b, 
	.my-breakpoint .ui-block-c,
	.my-breakpoint .ui-block-d,
	.my-breakpoint .ui-block-e { 
		width: 100%; 
		float:none; 
	}
}

/* Transfer Order - Ship From and Ship To boxes */
@media all and (min-width: 480px) {
	.my-breakpoint .ui-block-a .ui-field-contain label.ui-input-text,
	.my-breakpoint .ui-block-b .ui-field-contain label.ui-input-text,
	.my-breakpoint .ui-block-c .ui-field-contain label.ui-input-text,
	.my-breakpoint .ui-block-d .ui-field-contain label.ui-input-text,
	.my-breakpoint .ui-block-e .ui-field-contain label.ui-input-text {
		vertical-align: top;
		display: inline-block;
		width: 100%;
		margin: 0 2% 0 0;
	}
	.my-breakpoint .ui-block-a .ui-field-contain input.ui-input-text,
	.my-breakpoint .ui-block-b .ui-field-contain input.ui-input-text,
	.my-breakpoint .ui-block-c .ui-field-contain input.ui-input-text,
	.my-breakpoint .ui-block-d .ui-field-contain input.ui-input-text,
	.my-breakpoint .ui-block-e .ui-field-contain input.ui-input-text {
		width: 100%;
	}
}