/*================================================================================================================================*/
/*                                                RESPONSIVE DESIGN - MEDIA QUERIES                                               */
/*================================================================================================================================*/
/* _______________________________________________________________________________________________________________________________

							==================== Max Width 1280px ====================
_______________________________________________________________________________________________________________________________ */

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

	div.inputs label {
		width: 34%;
	}

}
/* ____________________________________________________________________________________________________________________________

							==================== Max Width 1200px ====================
_______________________________________________________________________________________________________________________________ */

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

	div.banner {
		padding: 0 20px;
	}
	div.content_wrapper_inner,
	div.content_wrapper_inner.no_border,
	div.content_wrapper.investor div.content_wrapper_inner.no_border {
		padding: 0 20px;
	}

}
/* _______________________________________________________________________________________________________________________________

							==================== Max Width 1024px (Desktop Notebook) ====================
_______________________________________________________________________________________________________________________________ */

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

	/* Content =============================================================================================== Max Width 1024px */
	div.inputs,
	div.accept_terms {
		width: 74%;
	}
	div.navigation_wrapper {
		padding: 0 15px;
	}
	div.main div.content {
		width: 69%;
	}
	div.important_dates_box {
		width: 28.1%;
	}
	div.dates_right {
		width: 60%;
	}
	div.footer_top {
		padding-top: 30px;
		padding: 30px 15px 0 15px;
	}
	/* Content - Forms ======================================================================================= Max Width 1024px */
	div.app_title {
		float: left;
		width: auto;
		height: 136px;
	}
	div.app_title h2 {
		line-height: 136px;
		font-size: 1.5em;
		padding-left: 30px;
	}
	div.main div.appform_middle input.identification {
		float: none;
		width: 63%;
		margin-right: -10px;
	}
	div.main div.field input.account {
		width: 29.3%;
	}
	div.main div.field input.account, div.main div.field span.account {
		width: 32.15%;
	}
	div.main div.field input.account_des {
		width: 43%;
	}
	div.main div.field label.two_lines {
		line-height: normal;
	}
	div.main div.field label.two_lines_for_devices {
		line-height: normal;
	}
	div.checkbox_group_wrapper input.identification {
		position: relative;
		top: 14px;
		left: 0px;
		width: 93.5% !important;
	}
	.review div.receive {
		width: 93%;
	}
	div.main.review div.appform_right div.insitu_error_box {
		margin-top: -16px !important;
	}
	table.dataTable thead th,
	table.dataTable thead td {
	  padding: 10px 8px;
	}
	table.dataTable tfoot th,
	table.dataTable tfoot td {
	  padding: 10px 8px;
	}
	table.dataTable tbody th,
	table.dataTable tbody td {
	  padding: 8px 8px;
	}
	/* Buttons =============================================================================================== Max Width 1024px */
	input.blue {
		width: 30%;
		margin-bottom: 14px;
	}
	input.blue.right {
		float: left;
		margin-right: 10px;
		margin-left: 0px;
		margin-top: 0px;
	}

}
/* _______________________________________________________________________________________________________________________________

							==================== Max Device Width 1024px (iPad Landscape) ====================
_______________________________________________________________________________________________________________________________ */

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

	br.devices {
		display: none;
	}
	/* Content ======================================================================================== Max Device Width 1024px */
	div.home_banner {
		background-position: -400px bottom;
	}
	/* Content - Forms ================================================================================ Max Device Width 1024px */
	div.main div.field input.account_designation {
		width: 43%;
	}
	/* Buttons ======================================================================================== Max Device Width 1024px */
	input.print {
		display: none;
	}
	input.back, input.next, input.blue {
		-webkit-appearance: none;
	}

}
/* _______________________________________________________________________________________________________________________________

							  ==================== Max Width 800px ====================
_______________________________________________________________________________________________________________________________ */

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

	.withLeftMargin {
		margin-left: 0;
	}
	div.navigation_wrapper {
		padding: 0 15px;
	}
	/* Content ================================================================================================ Max Width 800px */
	div.offer_intro {
		width: 80%;
	}
	div.inputs label {
		float: none;
		width: 100%;
	}
	div.accept_terms label {
		font-size: 0.9em;
	}
	div.inputs,
	div.accept_terms {
		float: left;
		width: 70%;
		min-height: 40px;
		padding: 15px;
		background-color: #d8d9da;
	}
	div.inputs input.residence-input {
		width: 100%;
	}
	div.content_wrapper {
		width: auto;
		padding: 15px 15px 0 15px;
	}
	div.content_wrapper_inner {
		padding: 0 15px;
	}
	div.offer_status_wrapper {
		float: none;
		width: 100%;
	}
	div.left {
		display: none;
	}
	div.main {
		width: auto;
		padding: 0;
	}
	div.main div.content {
		float: none;
		width: auto;
		padding: 0 15px;
	}
	/* Content - Forms ======================================================================================== Max Width 800px */
	div.wizsteps_outer {

	}
	div.app_title {
		height: 96px;
	}
	div.app_form_block.first {
		padding: 0 0 40px 0;
	}
	div.app_form_section_header {
		max-width: none;
	}
	div.section_header_left {
		float: left;
		width: 22.5%;
		min-height: 40px;
		margin-right: 2%;
	}
	div.section_header_left h2 {
		font-size: 1.2em;
	}
	div.section_header_middle {
		float: left;
		width: 65%;
		min-height: 40px;
		margin-right: 2%;
	}
	div.section_header_middle p {
		font-size:0.9em;
	}
	div.section_header_help {
		float: right;
		width: 40px;
		height: 40px;
		background-color: #b2b1b6;
	}
	div.section_header_help a.help {
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: white;
		font-weight: bold;
	}
	div.section_header_help a.help:hover {
		text-decoration: none;
		color: #353943;
	}
	div.main div.appform_innerblock {
		padding: 0;
	}
	div.main div.appform_left {
		display: none;
	}
	div.main div.appform_left.show {
		display: block;
		position: relative;
		float: none;
		width: 100%;
		margin-right: 0%;
	}
	div.main div.appform_left.show p {
		text-align: left;
		margin-bottom: 3px;
	}
	div.main div.appform_left_wide {
		position: relative;
		float: left;
		width: 57%;
		margin-right: 0;
	}
	div.main div.appform_left_wide p#search {
		position: absolute;
		top: 5px;
		right: 20px;
	}
	div.main div.appform_middle {
		position: relative;
		float: left;
		width: 55%;
		margin-right: 2%;
	}
	div.main div.appform_middle.wide {
		width: 100%;
	}
	div.main div.field {
		position: relative;
		width: auto;
		height: auto;
		padding-bottom: 0px;
	}
	div.main div.field label {
		float: none;
		position: relative;
		width: auto;
		height: 30px;
		line-height: 30px;
		margin-right: 0;
		text-align: left;
	}
	div.main div.field label br {
		display: none;
	}
	div.main div.field label.two_lines,
	div.main div.field label.two_lines_for_devices {
		line-height: 30px;
	}
	div.main div.field label.three_lines {
		line-height: normal;
	}
	div.main div.field label.two_lines.withbr {
		line-height: 30px;
	}
	div.main div.field label.shorter {
		margin-left: 0;
	}
	div.main div.field input {
		float: none;
		display: block;
		width: 91%;
		height: 38px;
		-moz-box-shadow: none;
		box-shadow: none;
		font-size: 1em;
		padding: 0 2%;
	}
	div.main div.field select {
		float: none;
	}
	div.main div.appform_left_wide input.names {
		float: left;
		width: 25.25%;
		margin-right: 2%;
	}
	div.main div.appform_left_wide input.three_lines {
		margin-top: 7px;
	}
	div.main div.appform_left_wide textarea.textarea {
		float: none;
		display: block;
		width: 91%;
		height: 240px;
		-moz-box-shadow: none;
		box-shadow: none;
		border: 1px solid #0097b2;
		font-size: 1em;
		padding: 2%;
		margin-top: 7px;
	}
	div.main div.field input.bsb, div.main div.field span.bsb {
		float: left;
		width: 12%;
	}
	div.main div.field span.bsb {
		width: 17.5%;
	}
	div.main div.field input.account, div.main div.field span.account {
		float: left;
		width: 48%;
	}
	div.main div.field input.postcode {
		float: left;
		width: 20%;
		margin: 0 2%;
	}
	div.main div.field input.designation {
		float: left;
		width: 72%;
		margin: 0 1%;
	}
	div.main div.field input.hin {
		float: left;
		width: 84.5%;
	}
	div.main div.field input.chesshin {
		width: 84.5%;
	}
	div.main div.field abbr {
		float: left;
		margin: 0 1.73%;
	}
	div.main.hin div.field abbr {
		margin-top: 20px;
	}
	div.main.desig div.field abbr {
		margin-top: 30px;
	}
	div.main.desig div.field abbr:last-child {
		margin-top: 0px;
	}
	div.main div.field label.postcode {
		line-height: 40px;
		float: left;
	}
	div.main div.field a.help {
		display: block;
		float: none;
		position: absolute;
		top: 30px;
		right: 0;
		width: 40px;
		height: 40px;
		line-height: 40px;
		background: #353943;
		text-align: center;
		color: white;
		font-weight: bold;
	}
	div.appform_middle a.help {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		line-height: 40px;
		background: #353943;
		text-align: center;
		color: white;
		font-weight: bold;
	}
	div.main div.field a.help:hover,
	div.appform_middle a.help:hover {
		text-decoration: none;
		color: #c3d600;
	}
	div.main div.appform_right,
	div.main div.appform_right.thirty_percent {
		position: relative;
		float: left;
		width: 43%;
	}
	div.main div.appform_right div.insitu_error {
		position: relative;
		width: auto;
		background: #e4002b;
	}
	div.main div.appform_right div.insitu_error p {
		color: white;
		margin: 0;
		padding: 10px;
		font-size: 0.8em;
		line-height: normal;
	}
	div.main div.appform_right div.insitu_help_box {
		top: 27px;
	}
	div.main div.appform_right div.insitu_error_box {
		margin-top: 27px;
	}
	div.main div.appform_right div.insitu_error span {
		position: absolute;
		top: 40%;
		left: -14px;
		display: block;
		width: 14px;
		height: 28px;
		background: url(../images/insitu-error-box.png) center no-repeat;
	}
	div.review_block {
		float: left;
		width: 48%;
		margin: 0 1%;
	}
	.review div.receive {
		width: 90%;
	}
	div.main.review div.appform_right div.insitu_error_box {
		margin-top: -17px !important;
	}
	div.declare { width: auto; }
	table.dialog {
		font-size: 1.2em;
	}
	div.footer_top {
		width: auto;
		max-width: 1200px;
		height: 30px;
		padding-bottom: 40px;
		margin: 0 auto;
	}
	div.footer_top img {
		margin-right: 15px;
	}
	div.bank_details_wrapper {
		width: 70%;
		height: auto;
		margin: 15px 0 30px 30px;
		padding: 20px;
		background: white;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	div.bank_details_wrapper div.row div.left {
		display: block;
	}
	/* Selectboxit ============================================================================================ Max Width 800px */
	.selectboxit-container {
		width: 95.5%;
		background: white;
	}
	div.inputs .selectboxit-container {
		float: none;
		width: 100%;
		background: white;
	}
	span.selectboxit-btn {
		width: 90% !important;
	}
	div.inputs .selectboxit-container {
		width: 100%;
		background: white;
	}
	/* Buttons ================================================================================================ Max Width 800px */
	div.button_area {
		width: auto;
		max-width: 1200px;
		height: auto;
		min-height: 70px;
		margin: 0 auto;
		padding: 30px 15px;
	}
	input.submit_button {
		left: 77% !important;
	}
	input.print {
		display: none;
	}
	input.blue.right {
		float: left;
		margin-right: 10px;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 14px;
	}
	/* Misc =================================================================================================== Max Width 800px */
	br.devices {
		display: none;
	}

}

/* _______________________________________________________________________________________________________________________________

					==================== Max Width 768px (iPad Portrait) ====================
_______________________________________________________________________________________________________________________________ */

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

	div.main div.field input.account, div.main div.field span.account {
		float: left;
		width: 49%;
	}

}

/* _______________________________________________________________________________________________________________________________

					==================== Max Width 640px (Smartphones Landscape) ====================
_______________________________________________________________________________________________________________________________ */

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

	div.offer_title h1 {
		font-size: 1.7em;
	}
	/* Content ================================================================================================ Max Width 640px */
	div.bank_details_wrapper {
		width: 80%;
	}
	table.dataTable thead th,
	table.dataTable thead td {
	  padding: 10px 8px;
	}
	table.dataTable tfoot th,
	table.dataTable tfoot td {
	  padding: 10px 8px;
	}
	table.dataTable tbody th,
	table.dataTable tbody td {
	  padding: 8px 8px;
	}
	/* Buttons ================================================================================================ Max Width 640px */
	input.blue  {
		float: left;
		font-weight: normal;
		display: inline-block;
		width: 28%;
		height: 70px;
		margin-bottom: 10px;
	}
	input.blue.right {
		margin-top: 0;
	}

}

/* _______________________________________________________________________________________________________________________________

					==================== Max Width 568px (Smartphones Landscape) ====================
_______________________________________________________________________________________________________________________________ */

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

	br.min_tablet_p {
		display: none;
	}
	div.banner {
		padding: 0;
	}
	div.offer_intro {
		float: none;
		width: 100%;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
				box-sizing:border-box;
	}
	div.main div.appform_left_wide input.no_lineheight_320 {
		margin-top: 7px;
	}
	div.main div.field label.no_lineheight_320 {
		line-height: normal;

	}
	input.next, input.finished {
		width: 190px;
	}

}

/* _______________________________________________________________________________________________________________________________

					==================== Max Width 480px (Smartphones Portrait) ====================
_______________________________________________________________________________________________________________________________ */

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

	br.notMobile {
		display: none;
	}
	br.devices {
		display: block;
	}
	p, div.content li, div.content label, label {
		font-size: 1.05em;
	}
	/* Header ================================================================================================= Max Width 480px */
	div.header {
		padding: 20px 0;
	}
	div.header_inner {
		min-height: 0px;
		padding: 0 15px;
	}
	div.offer_title {
		position: relative;
		bottom: -5px;
		right: 0;
		width: auto;
		height: auto;
	}
	div.offer_title h1 {
		margin-bottom: 0;
		padding-bottom: 15px;
		margin-top: 0px;
		font-size: 1.7em;
		text-align: center !important;
	}
	div.sitebranding {
		position: relative;
		float: none;
		width: 100%;
		height: 69px;
		margin-left: 0;
	}
	div.sitebranding img {
		width: auto;
	}
	/* Navigation ============================================================================================= Max Width 480px */
	div.navigation_wrapper {
		display: none;
	}
	#navicon {
		display: block;
		position: absolute;
		right: 10px;
		top: 10px;
		text-decoration: none;
		z-index: 9;
		width: 40px;
		height: 40px;
		background: url(../images/navicon-open.png) center no-repeat;
	}
	#navicon.closed {
		background: url(../images/navicon.png) center no-repeat;
	}
	.mobile-nav {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 100%;
		max-width: 80%;
		width: 100%;
		z-index: 5;
		top: 0;
		right: -80%;
		position: fixed;
		background: #e5e5e5;
		text-align: center;
	}
	.mobile-nav a {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		color: #1a4f97;
		border-top: 1px solid #111;
		text-decoration: none;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 1.5em;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.mobile-nav a.selected {
		background: black;
	}
	.mobile-nav a:hover, .mobile-nav a.current {
		background: #1a4f97;
		color: white
	}
	.fade {
	  position: fixed;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  background: #000;
	  opacity: 0.5;
	}
	/* Content ================================================================================================ Max Width 480px */
	div.content_wrapper {
		width: auto;
		padding: 15px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	div.content_wrapper_inner {
		padding: 0 15px 15px 15px;

	}
	section.offer_status_window div.row {
		width: 100%;
		height: auto;
		padding: 8px 0;
		border-bottom: 1px dotted #1a4f97;
	}
	section.offer_status_window div.row div.left_column {
		float: none;
		width: 100%;
	}
	section.offer_status_window div.row div.left_column p {
		font-weight: bold;
	}
	section.offer_status_window div.row div.middle_column {
		float: left;
		width: 48%;
		margin-right: 4%;
	}
	section.offer_status_window div.row div.middle_column p {
		text-align: left;
	}
	section.offer_status_window div.row div.right_column {
		float: left;
		width: 48%;

	}
	div.accept_terms,
	div.inputs {
		width: auto;
		float: none;
	}
	div.residency {
		padding: 30px 15px;
	}
	div.inputs {
		float: none;
		width: 92%;
		padding: 14px 4%;
	}
	div.inputs label {
		width: 100%;
		float: none;
	}
	div.inputs input.residence-input {
		float: none;
		width: 98%;
		margin: 0;
	}
	div.banner {

	}
	div.banner h1 {
		font-size: 1.6em;
	}
	div.banner_inner {
		width: auto;
		height: 96px;
	}
	div.banner_inner h1, div.banner_inner h2 {
		line-height: 96px;
	}
	div.home_banner {
		padding: 0 ;
		height: 175px;
		background: #004c5a; /* Old browsers */
		background: -moz-linear-gradient(left,  #004c5a 0%, #398793 50%, #004c5a 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#004c5a), color-stop(50%,#398793), color-stop(100%,#004c5a)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #004c5a 0%,#398793 50%,#004c5a 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #004c5a 0%,#398793 50%,#004c5a 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #004c5a 0%,#398793 50%,#004c5a 100%); /* IE10+ */
		background: linear-gradient(to right,  #004c5a 0%,#398793 50%,#004c5a 100%); /* W3C */
	}
	div.home_banner_inner {
		height: 175px;
		padding: 0 15px;
	}
	input.home_banner {
		padding: 0 120px 0 30px;
		font-size: 1.8em;
	}
	div.multilinks {
		float: none;
		width: auto;
		height: auto;
		margin-top: 0;
		padding-top: 15px;
	}
	a.btn_offer_document {
		display: block;
		width: auto;
		height: 60px;
		line-height: 60px;
		text-align: left;
		color: white;
		font-size: 1.6em;
		font-weight: normal;
		background-position: left 50%;
		margin-bottom: 15px;
		padding-left: 50px;
	}
	a.btn_offer_document {
		background: #050609 url(../images/btn_investment-statement.png) no-repeat;
		background-position: 10px 50%;
		padding: 10px 0 10px 80px;
	}
	a.btn_apply,
	a.btn_register {
		width: 46%;
		height: 48px;
		line-height: 48px;
		color: white;
		font-size: 0.8em;
		text-align: center;
		border: 1px solid white;
		margin-left: 0;
	}
	a.btn_apply {
		float: left;
	}
	a.btn_register {
		float: right;
	}
	div.content_wrapper {
		width: 100%;
	}
	div.left {
		float: none;
		width: auto;
		margin-top: 40px;
		padding: 0 5px;
		padding-top: 20px;
		border-top: 1px solid gray;
	}
	.dataTables_wrapper .dataTables_filter input {

	}
	.dataTables_wrapper .dataTables_filter {
		padding-left: 10% !important;
	}
	p.footnote {
		font-size: 0.8em !important;
	}
	div.main {
		width: auto;
		padding: 0;
	}
	div.main div.content {
		float: none;
		width: auto;
		padding: 0 5px;
	}
	div.content_heading_wrapper {
		padding: 0 15px;
	}
	div.content_heading h2 {
		text-align: center;
	}
	div.important_dates_wrapper {
		padding: 30px 15px;
	}
	div.important_dates_box {
		float: none;
		width: 97%;
		margin-right: 0;
		margin-bottom: 5%;
	}
	div.footer_top ul {
		height: auto;
		width: auto;
	}
	div.footer_top li {
		float: none;
		display: block;
		text-align: center;
		border-bottom: 1px solid #c3d600;
	}
	div.footer_top li.last {
		border-bottom: none;
	}
	div.footer_top li span {
		display: none;
	}
	div.footer_btm {
		padding: 20px 15px;
	}
	div.footer_btm p {
		width: auto;
	}
	div.built_by {
		padding: 0 15px;
	}
	/* Content - Form ========================================================================================= Max Width 480px */
	div.wizsteps_outer {

	}

	div.wizsteps img.std {
		display: none;
	}
	div.wizsteps img.mob {
		display: block;
		width: 284px;
		height: 26px;
		margin: 0 auto;
	}
	div.content_wrapper.investor div.content_wrapper_inner.no_border {
		padding: 20px 0 0 0;
	}
	div.content_wrapper.investor div.content_wrapper_inner.no_border h1 {
		text-align: center;
		line-height: 1.4;
	}
	div.app_title {
		height: 96px;
	}
	div.app_title h1 {
		font-size: 1.5em;
	}
	div.app_title h2 {
		font-size: 1em;
		padding-left: 10px;
	}
	div.appform_block.first {
		padding: 0;
	}
	div.appform_section_header {
		position: relative;
		width: auto;
		height: auto;
		min-height: 0;
		max-width: none;
	}
	div.appform_section_header h1 {
		line-height: normal;
		padding: 8px 0
	}
	div.section_header_left {
		float: none;
		width: auto;
		min-height: 0;
		margin-right: 0;
	}
	div.section_header_left h2 {
		font-size: 1.2em;
	}
	div.section_header_left h2.one_line {
		line-height: 40px;
	}
	div.section_header_middle {
		float: none;
		width: auto;
		min-height: 0;
		margin-right: 0;
		margin-top: 10px;
	}
	div.section_header_middle p {
		font-size:0.9em;
	}
	div.section_header_help {
		float: none;
		position: absolute;
		top: 14px;
		right: 14px;
		width: 40px;
		height: 40px;
		background-color: #b2b1b6;
	}
	div.section_header_help a.help {
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: white;
		font-weight: bold;
	}
	div.section_header_help a.help:hover {
		text-decoration: none;
		color: #353943;
	}
	div.main div.appform_innerblock {
		padding: 0;
	}
	div.main div.appform_left {
		position: relative;
		float: none;
		width: auto;
		margin-right: 2%;
		display: none;
	}
	div.main div.appform_left_wide {
		position: relative;
		float: none;
		width: auto;
		margin-right: 0;
	}
	div.main div.appform_left_wide p#search {
		position: absolute;
		top: 5px;
		right: 0px;
	}
	div.main div.appform_middle {
		position: relative;
		float: none;
		width: auto;
		margin-right: 0;
	}
	div.main div.appform_middle div.app_amount_detail {
		float: none;
		width: 90%;
		margin-bottom: 14px;
		padding: 5%;
		background: #edeeee;
	}
	div.main div.field {
		position: relative;
		width: auto;
		height: auto;
		margin-bottom: 5px;
	}
	div.main div.field label {
		float: none;
		position: relative;
		width: auto;
		height: 30px;
		line-height: 30px;
		margin-right: 0;
		text-align: left;
	}
	div.main div.field label.two_lines {
		line-height: 30px;
	}
	div.main div.field label.three_lines {
		line-height: normal;
	}
	div.main div.field input {
		float: none;
		display: block;
		width: 96%;
		height: 38px;
		-moz-box-shadow: none;
		box-shadow: none;
		font-size: 1em;
		padding: 0 2%;
	}
	div.main div.appform_left_wide input.no_lineheight_320 {
		margin-top: 7px;
	}
	div.main div.field label.no_lineheight_320 {
		line-height: normal;

	}
	div.main div.field input.designation {
		float: left;
		width: 60%;
		margin: 0 1%;
	}
	div.radio_group_wrapper {
		position: relative;
		float: none;
		margin-bottom: 10px;
	}
	div.main div.field a.help {
		display: block;
		float: none;
		position: absolute;
		top: 30px;
		right: 0;
		width: 40px;
		height: 40px;
		line-height: 40px;
		background: #353943;
		text-align: center;
		color: white;
		font-weight: bold;
	}
	div.appform_middle a.help {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		line-height: 40px;
		background: #353943;
		text-align: center;
		color: white;
		font-weight: bold;
	}
	div.main div.field a.help:hover,
	div.appform_middle a.help:hover {
		text-decoration: none;
		color: #c3d600;
	}
	div.main div.appform_right,
	div.main div.appform_right.thirty_percent {
		position: relative;
		float: none;
		width: auto;
		height: auto;
	}
	div.review_block {
		float: none;
		width: 100%;
		margin: 0;
		min-height: 0;
	}
	div.bank_details_wrapper {
		width: 100%;
		margin: 15px 0 30px 0;
		padding: 20px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	div.bank_details_wrapper div.row {
		width: 100%;
		height: auto;
	}
	div.bank_details_wrapper div.row p {
		margin-bottom: 0;
		line-height: 20px;
	}
	div.bank_details_wrapper div.row div.left {
		float: none;
		width: 100%;
		margin-top: 0;
		border-top: none;
		padding: 0;
	}
	div.bank_details_wrapper div.row div.left p {
		font-weight: bold;
	}
	div.bank_details_wrapper div.row div.right {
		float: none;
		width: 100%;
	}
	/* Error & Help Messages =============================================== */
	div.main div.appform_right div.insitu_error_message,
	div.main div.appform_right div.insitu_help_message {
		margin-left: 0;
	}
	div.main div.appform_right div.insitu_help_box {
		background: url(../images/insitu-help-box-mobile.png) top no-repeat;
		padding-top: 14px;
		display: none;
		margin-top: 3px;
		top: 0px;
		position: relative;
	}
	div.main div.appform_right div.insitu_error_box {
		background: url(../images/insitu-error-box-mobile.png) top no-repeat;
		padding-top: 14px;
		margin-top: 3px;
	}
	div.main div.appform_right div.insitu_error {
		position: relative;
		width: auto;
		background: #e4002b;
	}
	div.main div.appform_right div.insitu_error p {
		color: white;
		margin: 0;
		padding: 10px;
		font-size: 0.8em;
		line-height: normal;
	}
	div.main div.appform_right div.insitu_error span {
		position: absolute;
		top: 40%;
		left: -14px;
		display: block;
		width: 14px;
		height: 28px;
		background: url(../images/insitu-error-box.png) center no-repeat;
	}
	/* Buttons ================================================================================================ Max Width 480px */
	div.button_area {
		padding: 15px;
	}

	input.next {
		width: 150px;
		padding-left: 20px;
	}
	input.finished {
		width: 200px;
	}
	input.back, input.cancel {
		float: left;
		font-weight: normal;
		display: block;
		width: auto;
		height: 70px;
		line-height: 70px;
		text-align: left;
		color: black;
		border: none;
		-moz-box-shadow: none;
		box-shadow: none;
		cursor: pointer;
		padding: 0 12px 0 39px;
		font-size: 1.2em;
		outline: none;
		-webkit-appearance: none;
	}
	input.back:hover, input.cancel:hover {
		opacity: 0.4;
	}
	input.back {
		width: 68px;
		font-size: 0;
		line-height: 0;
		margin-right: 6px;
		-webkit-appearance: none;
	}
	input.cancel {
		width: 68px;
		font-size: 0;
		line-height: 0;
		-webkit-appearance: none;
	}
	input.blue {
		float: left;
		font-weight: normal;
		display: inline-block;
		width: 48%;
		height: 70px;
		margin-bottom: 10px;
		text-align: center;
		padding: 0;
		-webkit-appearance: none;
	}
	input.blue.two,
	input.blue.four,
	input.blue.six {
		float: right;
		margin-right: 0;
	}
	input.print { display: none; }
	/* Review Page & BPAY Layout =========================================== */
	table.review td {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}
	table.review td.left {
		width: 40%;
	}
	table.review td.right {
		width: 60%;
	}
	.review div.receive {
		width: 90%;
	}
	div.bpay {
		margin-left: -7px;
	}
	div.device_spacer {
		display: block;
		width: 100%;
		height: 20px;
	}
	div.mobile_spacer_sml {
		display: block;
		width: 100%;
		height: 60px;
	}
	/* Selectboxit ============================================================================================ Max Width 480px */
	.selectboxit-container {
		width: 100%;
		background: white;
	}
	div.inputs .selectboxit-container {
		width: 100%;
		background: white;
	}
	span.selectboxit-btn {
		width: 90% !important;
	}

}

/* _______________________________________________________________________________________________________________________________

					==================== Max Width 320px (Smartphones Portrait) ====================
_______________________________________________________________________________________________________________________________ */

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

	br.devices {
		display: block !important;
	}
	a.btn_offer_document {
		font-size: 1.3em;
	}
	div.civic_comp {
		float: none;
		width: 300px;
		min-height: 78px;
		margin: 20px auto;
		background: url("../images/logo_compliance-smartphone.png") top left no-repeat;
	}
	div.civic_comp p {
		padding: 67px 0 0 83px;
		color: #3d2f92;
		font-size: 0.75em;
		margin-bottom: 0;
	}
	/* Content - Form ========================================================================================= Max Width 320px */
	div.app_title {
		float: none;
		height: 48px;
	}
	div.app_title h1 {
		font-size: 1.4em;
		line-height: 68px;
	}
	div.app_title h2 {
		line-height: 20px;
		padding-left: 0;
	}
	a.btn_multilink_mid,
	a.btn_multilink_btm {
		width: 48%;
	}
	p.footnote {
		font-size: 0.7em !important;
	}
	div.main div.appform_left_wide input.no_lineheight_320 {
		margin-top: 7px;
	}
	div.main div.field label.no_lineheight_320 {
		line-height: normal;

	}
	/* Buttons ================================================================================================ Max Width 320px */
	input.back {
		margin-right: 6px;
	}
	input.next {
		width: 140px;
	}