/* Max Width 1280px ___________________________________________________________________________________________________________ */
@media only screen and (max-device-width : 1280px) {

	html {
		height: 100%;
		overflow: hidden;
	}

	body {
		height: 100%;
		overflow-y: scroll;
	}
}

/* Max Width 1024px ___________________________________________________________________________________________________________ */
@media only screen and (max-width : 1024px) {

	/* Content ---------------------------------------------------------------------------------------------------------------- */
	.questions .content {
		padding: 4em 1.25em;
	}

	ul.important-documents li {
		margin: 5px;
		padding: 10px;
	}

	ul.important-documents li.mandatory {
		margin-bottom: 65px;
	}

	ul.important-documents li img {
		max-width: 15em;
		margin-bottom: 5px;
	}

	.iframedialog {
		left: 1em;
		top: 1em;
		right: 1em;
		bottom: 1em;
	}

	.print-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.print-content {
		padding-bottom: 1em;
	}

	/* Footer ----------------------------------------------------------------------------------------------------------------- */
	.transaction-site {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.transaction-site p {
		text-align: center;
	}

	.transaction-site .footer-left {
		width: 100%;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.transaction-site .footer-right {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.footer-right .logos {
		margin: 1em 0;
	}

	.footer-right .tagline p {
		padding: 0;
		text-align: center;
	}

	footer .links {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

/* Max Width 1000px ___________________________________________________________________________________________________________ */
@media only screen and (max-width : 1000px) {

	br.min_tablet_l {
		display: none;
	}
}

/* Max Width 932px ____________________________________________________________________________________________________________ */
@media only screen and (max-width : 932px) {

	br.min_tablet_l {
		display: none;
	}

	br.min_tablet_p {
		display: none;
	}

	br.max_phone_l {
		display: block;
		font-size: 1px;
		line-height: 0px;
		margin: 0px;
		clear: both;
		height: 0px;
	}

	dt, .registered dt {
		font-size: 15.2px;
		width: 100%;
		flex-basis: 100%;
		text-align: left;
	}

	dt.total {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	dd, .registered dd {
		font-size: 15.2px;
		width: 100%;
		flex-basis: 100%;
		margin: 0 0 5px 0;
		padding: 0 0 10px 0;
	}

	dd.total {
		border-top: none;
		padding-bottom: 10px;
		padding-left: 0;
	}

	/* Navbar (logo area) ----------------------------------------------------------------------------------------------------- */
	.nav-wrapper {
		padding: .75em 1.25em;
	}

	.sitebranding, .sitebranding img {
		height: 40px;
	}

	/* Banner ----------------------------------------------------------------------------------------------------------------- */
	.identification div.banner {
		padding: 7em 1.25em;
	}

	div.offer-intro {
		max-width: 100%;
	}

	/* Content ---------------------------------------------------------------------------------------------------------------- */
	article.main.login {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	article.main.login div.left {
		width: 100%;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		padding-right: 0;
		padding-top: 2em;
	}

	div.login-block-wrapper {
		width: 100%;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	div.login-block-wrapper .form-input {
		width: calc(50% - .5em);
		margin-bottom: 0;
	}

	div.login-block-wrapper .form-input:nth-of-type(2n) {
		margin-left: 1em;
	}

	/* Form Sections ---------------------------------------------------------------------------------------------------------- */
	.form-process-wrapper {
		margin-top: 64px;
	}

	.form-section-grouper {
		max-width: 100%;
	}

	.review-details {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.cols-3 .review-block + .review-block {
		margin-left: 0;
	}

	div.form-input.auto-width {
		width: 100%;
		margin-top: 14px;
	}

	div.form-input.mob-line-height label {
		width: calc(100% - 44px);
		line-height: normal;
	}

}

/* Max Width 768px ____________________________________________________________________________________________________________ */
@media only screen and (max-width : 812px) {

	div.offer-intro h1 {
		font-size: 2.1em;
	}

	div.offer-intro p {
		font-size: 1.3em;
	}

	/* Form Sections ---------------------------------------------------------------------------------------------------------- */
	.row-inputs .input-wrap:not(.book) {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}

	.row-inputs .form-input {
		width: calc(50% - .5em);
	}

	.row-inputs .form-input + .form-input {
		margin-left: 1em;
	}

	.row-inputs .input-wrap:not(.book) .form-input.certificate-status-radios {
		width: 100%;
		margin-left: 0;
		margin-top: 2em;
		-ms-flex-item-align: end;
		align-self: flex-end;
	}

	.input-wrap .form-input-group .form-input:nth-of-type(1):after, .input-wrap .form-input-group .form-input:nth-of-type(2):after {
		font-family: "Material-Design-Iconic-Font";
		font-size: 22px;
		font-size: 22px;
		color: black;
		text-align: center;
		position: absolute;
		content: '\f2f9';
		top: 100%;
		left: 4px;
		width: 20px;
		height: 20px;
		line-height: 34px;
	}

	.input-wrap .form-input-group .form-input:nth-of-type(2):after {
		display: none;
	}

	.row-number {
		-ms-flex-item-align: start;
		align-self: flex-start;
		margin-top: 1.375em;
	}
}

/* Max Width 667px ____________________________________________________________________________________________________________ */
@media only screen and (max-width : 667px) {

	.testmode {
		height: 108px;
		top: -105px;
	}

	ul.tm_enabled {
		width: 220px;
	}

	ul.tm_enabled li {
		display: block;
		margin: 0 0 8px 0;
		text-align: left;
	}

	ul.tm_enabled li span.status {
		float: right;
		width: 90px;
		text-align: center;
	}

	/* Banner ----------------------------------------------------------------------------------------------------------------- */
	div.offer-intro {
		max-width: 100%;
	}

	.certificate-control .form-input {
		width: 100%;
	}

	.certificate-control .form-input.certificate-status-radios {
		margin-left: 2em;
		margin-top: 1em;
	}

	.form-input.certificate-status-radios:after {
		content: '\f2f9';
		bottom: 100%;
		right: initial;
		left: 0;
		font-size: 1.5em;
		padding: 0;
	}

	.section-edit {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin-bottom: 1em;
	}

	.section-edit-heading {
		margin-bottom: 1em;
	}

	table.standard thead tr, table.standard tbody tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
	}

	table.standard thead th,
	table.standard tbody td {
		text-align: left;
		font-family: "Montserrat Regular", Arial, sans-serif;
		font-size: 1em;
		display: block;
		width: 100% !important;
		padding: 10px;
		vertical-align: middle;
	}

	table.standard .right {
		text-align: left;
	}

	table.standard th.hide-mobile {
		display: none;
	}

	.form-process-step p {
		display: none
	}

}

/* Max Width 480px ____________________________________________________________________________________________________________ */
@media only screen and (max-width : 480px) {

	br.min_phone_l {
		display: none;
	}

	br.max_phone {
		display: block;
		font-size: 1px;
		line-height: 0px;
		margin: 0px;
		clear: both;
		height: 0px;
	}

	/* Banner ----------------------------------------------------------------------------------------------------------------- */
	.identification div.banner {
		padding: 9em 1.25em;
	}

	div.offer-intro h1, div.offer-intro p.title {
		font-size: 2em;
	}

	/* Content ---------------------------------------------------------------------------------------------------------------- */
	div.login-block-wrapper .form-input {
		width: 100%;
		margin-bottom: 1em;
	}

	div.login-block-wrapper .form-input:nth-of-type(2n) {
		margin-left: 0;
		margin-bottom: 0;
	}

	.certificate-information {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: center;
	}

	.certificate-icon {
		width: 100px;
		height: 97px;
		margin: 0 auto 1em auto
	}

	.certificate-instructions {
		padding-left: 1.5em;
		padding-left: 0;
	}

	/* Form Sections ---------------------------------------------------------------------------------------------------------- */
	.form-process-wrapper .content {
		padding: 1.25em .75em;
	}

	.form-input-group {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.form-radio-group.inline {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.certificate-control fieldset.form-radio-group.inline div {
		height: auto;
		margin-top: 5px;
	}

	.form-radio-group.inline div + div, .certificate-control fieldset.form-radio-group.inline div + div {
		margin-left: 0;
		margin-top: 1em;
	}

	.form-input, .cols-3 .form-input, .cols-3.full-width-label .input-wrapper {
		width: 100%;
	}

	.form-input:nth-of-type(2n), .form-input.with-left-margin, .cols-3 .form-input + .form-input {
		margin-left: 0;
	}

	.with-calc .form-input {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.cols-3 abbr {
		position: initial;
		width: auto;
		height: auto;

		line-height: normal;
		text-align: left;
		margin-top: 1em;
	}

	abbr.margin-top {
		margin-top: 0;
		margin-bottom: 10px;
		font-size: 1.2em;
	}

	.row-number {
		margin-top: 1.75em;
	}

	.certificate-inputs-wrap {
		display: block;
	}

	.certificate-inputs-wrap .form-input {
		width: 100%;
	}

	.certificate-inputs-wrap .form-input + .form-input {
		margin-left: 0;
		margin-top: 1em;
	}

	.divDoNotTender {
		margin-left: 0px;
	}

	.da-control {
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}

	.da-control-wrap .form-input {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		text-align: left;
	}

	.da-control .form-check-group {
		margin-bottom: 4px;
	}

	/* Buttons ---------------------------------------------------------------------------------------------------------------- */
	input.primary-button,
	input.secondary_button {
		max-width: 180px;
	}

	input.secondary_button {
		font-size: 0;
		height: 44px;
		line-height: 44px;
		width: 44px;
		margin-right: 10px;
		padding: 0;
	}

	input.secondary_button.logoff {
		background-position: 7px 50%;
	}

	input.secondary_button.print {
		background-position: 7px 6px;
	}

	button.remove {
		margin-right: 0;
		margin-top: 10px;
	}

	/* Footer ----------------------------------------------------------------------------------------------------------------- */
	footer .links {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	footer .links div + div {
		margin-left: 0;
	}
}