@media screen and (max-width: 1200px) {
	#content {
		width: 960px;
	}

	.main-content {
		width: auto;
	}

	.sidebar {
		width: 100%;
	}

	.main-nav .inner,
	.main-nav-grey .inner {
		width: 960px;
	}

	.step3 .orderSummary .boxContent {
		padding-bottom: 40px;
		margin: 0 0 30px 0;
		padding: 20px 20px 0px 20px;
	}

	#registrationContainer .step3 .orderSummary .boxContent h4 {
		font: 700 30px/30px 'proxima-nova', sans-serif;
	}

	#myAccount #accountBox .inputSection #show_Password-Question {
		right: 294px !important;
	}


	.brand-nav ul.sub-nav {
		width: 960px;
	}
	/* footer version 4 */
	.brand-footer .inner {
		width: 960px;
	}

	.site-footer .inner {
		width: 960px;
	}

	.linkAccounts .linkAccountsContainer {
		width: 44%;
	}

	#myAccount .newsletterSection .newsletterAudienceGroup .newsletterStatus .newsletterStatusIntro h4 {
		padding-left: 100px;
	}

	#myAccount .newsletterSection .newsletterAudienceGroup .newsletterStatus .newsletterStatusIntro {
		padding-left: 0 !important;
	}
	#signInWithAccountWrapper {
	width: 50%;
	}
	
	}

@media only screen and (max-width: 1023px) {
	#content {
		width: auto;
		margin: 10px 20px 0 20px;
	}

	#myAccount #content {
		width: 92%;
		margin: 0px auto;
	}

	#myAccountContainer {
		padding-top: 20px !important;
	}

	#myAccount #signInFormWrapper p:not(.or) {
		font-size: 12px;
	}

	#myAccount #signInWithAccount {
		margin-bottom: 20px !important;
	}

	#myAccount #accountBox .inputSection #show_Password-Question {
		right: 5px !important;
		top: 39px !important;
	}

	.step3 .orderSummary .boxContent .promotionSummary {
		display: block;
		clear: both;
		width: 100%;
		float: none;
	}

	.professionalDomainStatus.error {
		background-position: 20px 11px !important;
	}

	.professionalDomainStatus p {
		width: 106%;
	}

	#myAccount .ajaxStatus, #myAccount #emailCheck .ajaxStatus {
		top: 220px;
	}

	#step3bRegForms.step3RegForms .bottomSection.clickAgreement {
		padding-bottom: 0px;
	}

	.bottomSection.clickAgreement label, .bottomSection.clickAgreement input[type="checkbox"] + label {
		width: 86%;
	}

	.bottomSection.clickAgreement .clickAgreementInfo {
		font-size: 12px;
		line-height: 14px;
		padding: 7px;
	}

	#step3RegSection .question.passwordFocus#show_Password-Question {
		top: -80px;
	}

	.step3 #step3RegSection #emailCheck h5 {
		text-align: center;
		font-size: 21px;
	}

	#newAccountHeader p {
		font-size: 18px;
		line-height: 23px;
	}

		#newAccountHeader p br {
			display: none;
		}

	#newAccountHeader .radioGroup, #newAccountHeader .radioGroup, .linkAccounts .radioGroup {
		border: 0;
		width: 100%;
	}

		#newAccountHeader .radioGroup label {
			display: block;
			background: #efefef;
		}

		.linkAccounts .radioGroup#LinkOrCreate-Question label {
			display: block;
			width: auto;
		}

	#registrationContainer .step3 .orderSummary .boxContent {
		padding-bottom: 20px;
	}

		#registrationContainer .step3 .orderSummary .boxContent .boxImage {
			width: auto;
		}

			#registrationContainer .step3 .orderSummary .boxContent .boxImage img {
				width: 100%;
			}

	.smallview-hidden {
		display: none;
	}

	.smallview-visible {
		display: block;
	}

	.step3 {
		width: auto;
	}

	#ajaxLoginControl, #signInFormWrapper {
		width: 100%;
	}

	#myAccount #ajaxLoginControl, .loginContainer #ajaxLoginControl {
		width: 100% !important;
	}

	.step3 #regFormsWrapper {
		width: auto;
	}

	#regFormsWrapper .externalLogin .signInWith {
		margin: 8px 10px 0 10px;
	}

	.main-nav img.main-nav-search {
		display: none;
	}

	.main-nav .col-1-3 {
		width: auto;
	}

	.main-nav .account-control {
		display: none;
	}

	#registrationContainer {
		margin-top: 0;
	}

	#step3RegSection #newAccount, .step3 #step3RegSection #or, .step3 #step3RegSection #alternateAccount, .step3 #step3RegSection #step3aRegForms, #signInWithAccountWrapper, #signInFormWrapper #alternateAccount, #signInFormWrapper #or, #signInFormWrapper #newAccount {
		width: 100%;
	}

	#step3RegSection #newAccount {
		padding: 0;
	}

	#signInWithAccountWrapper {
		padding: 0 !important;
	}

	#registrationContainer #signInWithAccountWrapper {
		width: 100%;
	}

	#signInFormWrapper .linkedInUsers {
		padding: 15px;
	}

		#signInFormWrapper .linkedInUsers h2 {
			margin: 0 0 15px 0;
			font: 700 30px/30px 'proxima-nova', sans-serif;
		}

	.box {
		width: 100% !important;
	}

	.regPageBanner {
		padding: 0;
		color: #999;
		font-size: 18px;
		font-weight: 400;
		letter-spacing: 0;
		line-height: 20px;
	}

	.has3options .box#option2 {
		margin: 0;
		margin-bottom: 30px;
	}

	.step3 #step3RegSection #or, #signInFormWrapper #or {
		position: absolute;
		top: 637px;
		left: 0;
	}

	.step1 #customizeSubscription h4 {
		margin: 0 0 15px 0;
		font: 700 30px/30px 'proxima-nova', sans-serif;
	}

	#signInFormWrapper #or {
		top: 248px;
	}

	#signInFormWrapper h4 {
		font-size: 24px;
	}

	.step3 #step3RegSection #alternateAccount, #signInFormWrapper #alternateAccount {
		position: absolute;
		left: 0;
		top: 560px;
		text-align: center;
	}

	#signInFormWrapper #alternateAccount {
		top: 155px;
	}

	#regFormsWrapper #alternateAccount .externalLogin {
		width: 100%;
	}

	.step3 #step3RegSection #step3aRegForms {
		padding: 0px;
	}

	#CommunicationPreferences label {
		line-height: 14px;
		font-size: 12px;
		margin-bottom: 30px;
	}

	
	#differentPublicationLink {
		/*border: none;*/
	}
	/* different pubs overlay */
	.differentPublication {
		width: auto;
		margin: 60px 20px 0 20px;
		padding: 20px;
	}

		.differentPublication li {
			margin: 0 0 5px 0;
			display: block;
			width: auto;
			float: none;
		}

	.main-nav .inner {
		width: 100%;
		padding: 0;
	}

	img.brand-logo {
		width: 55%;
		/*height: 100%;*/ /* MQ1-2594: This css rule making the header logo takeover the fullscreen in the mobile devices*/
		object-fit: contain;
	}

	.main-nav-sub {
		display: none;
	}

	#step3RegSection h4, .step3RegForms h4 {
		margin: 0 0 20px 0;
		font: 700 30px/30px 'proxima-nova', sans-serif;
	}

	.step3RegForms .regForm#billingForm, .step3RegForms .regForm#deliveryForm, #step3bRegForms.step3RegForms .bottomSection, .step3RegForms #billingForm label, .step3RegForms #deliveryForm label, .step3RegForms #billingForm input, .step3RegForms #deliveryForm input, .step3RegForms #billingForm select, .step3RegForms #deliveryForm select, .resetPassword {
		width: 100% !important;
	}

	.resetPasswordError {
		width: 100%;
	}

		.resetPasswordError p {
			padding-left: 0;
			text-indent: 25px;
		}

			.resetPasswordError p br {
				display: none;
			}

	#thankYouLinks {
		padding-bottom: 40px;
	}

		#thankYouLinks ul {
			column-count: 2;
		}

	#DeliveryLocationPostalCode-Question .smallalert {
		font-size: 13px;
		line-height: 14px;
	}

	.step3RegForms #billingForm select#CreditCardExpirationYear, .step3RegForms #deliveryForm select#CreditCardExpirationYear {
		margin-left: 0;
	}

	#step3bRegForms.step3RegForms .bottomSection p.first-of-type {
		padding-top: 10px;
	}

	#deliveryForm #copyToDeliverySection label {
		width: auto !important;
	}

	.address_feedback {
		margin-left: 0;
	}

	#step3bRegForms.step3RegForms.hasDeliveryForm .bottomSection {
		padding-top: 10px;
		text-align: left;
	}

	#step3RegSection h4#accountHeader, #alternateAccount h4 {
		display: none;
	}
	/* registration newsletters */
	.step3RegForms .newsletterOption label {
		margin-bottom: 20px;
	}

		.step3RegForms .newsletterOption label .info {
			top: 0;
		}

	.step3RegForms .newsletterOption .description {
		width: 94%;
	}

	p.ifLoggedMsg .loggedInError {
		padding-left: 0;
	}
	/* email verification */
	.emailVerificationWrapper {
		width: 100%;
	}

		.emailVerificationWrapper h2 {
			font-size: 30px;
		}

		.emailVerificationWrapper .buttonsWrapper a {
			width: 100%;
			margin: 0px 0 10px;
		}

			.emailVerificationWrapper .buttonsWrapper a.startReading {
				margin-left: 0;
			}
	/* Account Management */
	#myAccount h2 {
		margin: 0 0 20px 0 !important;
		font: 700 30px/30px "proxima-nova", sans-serif !important;
	}

	#myAccount .loginNote {
		font-size: 18px !important;
		line-height: 23px !important;
	}

	#myAccount #signInFormWrapper {
		width: auto !important;
		padding-bottom: 5px !important;
	}

	#myAccount #signInWithAccountWrapper {
		width: 100% !important;
		padding: 0 !important;
	}

	#myAccount #tabs ul.ui-tabs-nav li {
		width: 100%;
		clear: both;
		margin-right: 0;
	}

	#myAccount #myAccountHeader nav {
		float: left !important;
		margin-top: 0 !important;
		margin: 10px 0 !important;
		clear: both;
	}

	#myAccount #accountBox h4, #myAccount #profileBox h4, #myAccount #accountBox .inputSection, #myAccount #profileBox .inputSection, #myAccount #accountBox label, #myAccount #profileBox label, #myAccount #accountBox input, #myAccount #accountBox select, #myAccount #profileBox input[type="text"], #myAccount #profileBox select, #myAccount #myAccountContent select, #myAccount #myAccountContent .cell input, #myAccount .newsletterSection h4 {
		width: 100% !important;
	}

	#myAccount #accountBox h4, #myAccount #profileBox h4 {
		text-align: left;
		margin-bottom: 20px;
	}

	#myAccount #accountBox label, #myAccount #profileBox label {
		margin-bottom: 5px !important;
	}

	#myAccount #accountBox .inputSection #show_Password-Question label {
		right: 5px !important;
		top: -96px !important;
		width: auto !important;
	}


		#myAccount #profileBox .questionOptions .incomplete-profile-message {
			right: 0px !important;
			top: -22px!important;
		}

	#myAccount #Password-Question .passwordMessage {
		width: 100.4% !important;
		margin-left: 0 !important;
	}

	#myAccount #accountBox .strengthify-wrapper {
		width: 100.2% !important;
		margin-left: 0 !important;
		margin-bottom: 0 !important;
		margin-top: 0 !important;
	}

	#myAccount #accountBox .incomplete-profile-message,
	#myAccount #profileBox .incomplete-profile-message {
		padding: 2px 0 6px 28px !important;
		background-position:top left!important;
	}

	#myAccount #accountBox div[id^="Address"] .incomplete-profile-message {
		margin-top: 10px !important;
	}

#myAccount #accountBox .inputSection .question .address_feedback {
	margin-left:0!important;
}

	#currentNewsletters .emailPrefs_publisher_list {
		column-count: 1 !important;
	}

	#PasswordContainer input, #Password_hiddenContainer input {
		margin-bottom: 2px !important;
	}

	#show_Password-Question label, #show_password-Question label
	/*,#show_upass-Question label*/ {
		right: 7px;
	}

	#myAccount #accountBox .inputSection #Password-Question #PasswordContainer .password_testresult, #myAccount #accountBox .inputSection #Password-Question #Password_hiddenContainer .password_testresult, #myAccount #accountBox .inputSection #show_Password-Question label {
		margin-top: 0 !important;
	}

#myAccountContent #pr-box {
	width: 100.4%!important;
    margin-left: 0!important;
}

	#myAccount #myAccountContent #profileCompletion .profile-completion-message button {
		width: 100%;
		margin-top: 15px !important;
	}

/* newsletters */
#myAccount #myAccountContent #EmailPref .newsletterSectionWrapper {
	float: none !important;
}

	#myAccount #newsletterContainer {
		position: relative;
		/*float: left;*/
		/*margin-top: 30px;
         */
	}

	#myAccount .newsletterSection {
		margin: 0px 0 20px 0 !important;
		padding: 0 0 0px 0;
	}

		#myAccount .newsletterSection h4 {
			margin: 0 0 10px;
			text-align: left;
		}

		#myAccount .newsletterSection .newsletterListRight {
			width: 100% !important;
			padding-left: 0 !important;
		}

			#myAccount .newsletterSection .newsletterListRight#allNewsletters .emailPrefs_publisher_logo h5 {
				font: 700 20px/22px "proxima-nova", sans-serif;
				margin-bottom: 0;
			}

	#allNewsletters .emailPrefs_publisher {
		padding: 20px 20px 60px 20px !important;
		margin-bottom: 0 !important;
	}

	.emailPrefs_publisher_listItem label, label.emailPrefs_label--unsubscribe {
		/*font-size:12px!important;
        */
		line-height: 18px !important;
		/*margin:10px 0!important;
        */
	}

	label.emailPrefs_label--unsubscribe {
		width: 99.8%;
		text-align: center;
		padding: 10px 0 !important;
	}

	.emailPrefs_save {
		width: 100% !important;
		margin-bottom: 10px !important;
	}

	#myAccount .newsletterSection .newsletterListRight .subscriptionButtons label {
		margin: 5px 0 !important;
	}

	#myAccount #EmailPrefForm .ajaxStatus.currentNewslettersStatus {
		top: -57px;
	}

	#myAccount #myAccountContent #EmailPref .newsletterSectionWrapper.statusUpdate {
		margin-top: 0px !important;
	}

	#myAccount .newsletterSection .newsletterAudienceGroup .newsletterStatus .purchaseOption p .pipe {
		display: block;
		text-indent: -9999px;
		height: 1px;
	}

	#myAccount .newsletterSection .newsletterAudienceGroup .newsletterStatus .purchaseOption p .purchaseOptionContact:first-of-type {
		margin-bottom: 20px !important;
	}
	/* email marketing */
	#myAccount .MarketingPermissions .subscriptionsListOpt .optInCol, #myAccount .MarketingPermissions .subscriptionsListOpt .optOutCol {
		font-size: 10px !important;
	}
	/* alerts */
	.customAlertsStatus .row > .cell:first-of-type {
		width: 100%;
		padding: 0;
	}

	#myAccount #myAccountContent .tabInfo#CustomAlerts .customAlertsStatus {
		background: none !important;
		border-bottom: 0;
	}

		#myAccount #myAccountContent .tabInfo#CustomAlerts .customAlertsStatus .row {
			display: block !important;
		}

		#myAccount #myAccountContent .tabInfo#CustomAlerts .customAlertsStatus .cell {
			width: 100%;
			float: left;
			padding: 2px 0px !important;
		}

	#myAccount #myAccountContent .tabInfo#CustomAlerts .header {
		display: none;
	}

	#myAccount #myAccountContent .tabInfo#CustomAlerts .header {
		display: none !important;
	}

	#myAccount #myAccountContent .tabInfo#CustomAlerts .mobile {
		display: table-row;
		background: #fff;
		font: 700 24px/22px "proxima-nova", sans-serif;
	}

		#myAccount #myAccountContent .tabInfo#CustomAlerts .mobile .cell {
			padding: 0px 0px 15px !important;
			width: 100%;
		}

	#myAccount #myAccountContent .tabInfo#CustomAlerts .table {
		display: block;
	}

		#myAccount #myAccountContent .tabInfo#CustomAlerts .table .row:not(.mobile) {
			display: table;
			border-bottom: 5px solid #fff;
			padding: 0;
		}

	#myAccount #myAccountContent .tabInfo#CustomAlerts .row:not(.mobile) .cell {
		border: 0;
		width: 100%;
		display: table-row !important;
		float: left;
		padding: 5px 15px 5px 15px;
	}

		#myAccount #myAccountContent .tabInfo#CustomAlerts .row:not(.mobile) .cell.checkbox {
			width: 50%;
		}

	#myAccount #myAccountContent .cell.update {
		text-align: center;
		padding-bottom: 0 !important;
	}

	#myAccount #myAccountContent .cell input[type="text"] {
		text-indent: 0;
	}

		#myAccount #myAccountContent .cell input[type="text"]:focus {
			text-indent: 10px;
		}

	#myAccount #myAccountContent .cell.update a, #myAccount #myAccountContent .customAlertsStatus a {
		padding: 5px 13px !important;
		font-size: 14px !important;
		width: 100% !important;
		text-align: center;
	}

	#myAccount #myAccountContent .tabInfo#CustomAlerts .table .row.status:not(.mobile) {
		display: block;
		width: 100%;
	}

	#myAccount .status .ajaxStatus {
		width: 92%;
		text-align: left !important;
		margin: 0 !important;
		padding-left: 50px !important;
	}
	/* Help */
	#myAccount #Help h4 {
		float: none !important;
		width: 100% !important;
		text-align: left;
		margin-bottom: 20px;
	}

	#myAccount #Help .helpRight {
		padding-left: 0px !important;
	}
	/* link accounts */
	.linkAccounts {
		margin-top: 30px;
	}

		.linkAccounts h5 {
			width: 100%;
		}

		.linkAccounts .radioGroup {
			margin: 20px auto;
		}

		.linkAccounts .linkAccountsContainer {
			width: 100%;
			padding: 0;
		}

			.linkAccounts .linkAccountsContainer #CommunicationPreferences label {
				margin-bottom: 20px;
			}
	/* footer push */
	#wrapper {
		margin-bottom: -151px;
	}

	body .footer-wrapper, body #wrapper:after {
		height: 151px;
	}

	.footer-wrapper {
		padding:0;
	}

	.footer-icons {
		float: none;
		padding:0;
	}

	.footer-links {
		margin: 0;
		padding: 0px 5px;
	}

		.footer-links ul li {
			padding-left:5px;
			padding-right:5px;
		}

		.footer-links ul li:not(:last-of-type)::after {
			right: -6px;
		}

			.footer-links ul li a,
			.footer-copyright p {
				font-size: 14px;
			}

	/* rmr */

	.main-nav-grey .inner {
		width: 100%;
		padding: 0;
	}

	.brand-footer {
		padding: 0px 0px 20px 0px;
	}

	.brand-footer .inner {
		width: auto;
		padding: 10px;
		border-bottom: 1px solid #ccc;
	}

	.brand-footer .brand-nav {
		display: none;
	}

	.brand-footer img.brand-logo {
		margin: 15px 0 0 0;
	}

	.alm-global-stripe img.alm-logo {
		height: 16px;
		vertical-align: middle;
		margin: 0 auto 10px auto;
		display: block;
	}

			/* thank you page */
			.thankYou h1 {
				font: 800 36px/36px 'proxima-nova', sans-serif;
			}

	.thankYou .features .thankYouButtonGray, .thankYou .features .thankYouButtonWhite {
		margin: 0;
		width: 100%;
	}

	.thankYou .features .thankYouButtonWhite {
		margin: 5px 0px;
	}

	.overlayContent {
		width: 90% !important;
	}

	#myAccount .newsletterSection .newsletterAudienceGroup .newsletterStatus .purchaseOption ul li {
		width: 50% !important;
	}

	#myAccount .newsletterSection .newsletterAudienceGroup .newsletterStatus .newsletterStatusIntro {
		background: none !important;
	}

		#myAccount .newsletterSection .newsletterAudienceGroup .newsletterStatus .newsletterStatusIntro h4 {
			padding-left: 0px;
		}
	
}

@media screen and (max-width: 667px) {
	#myAccount #accountBox .inputSection #show_Password-Question label {
		top: -115px !important;
	}

	#CommunicationPreferences label {
		margin-bottom: 63px;
	}

	#signInFormWrapper #alternateAccount {
		top: 305px;
	}

	#signInFormWrapper #or {
		top: 396px;
	}

	#signInFormWrapper p.customerServiceCenter {
		font-size: 12px;
		padding: 0;
		margin-top: 0;
	}

	.step3 #step3RegSection #alternateAccount, #signInFormWrapper #alternateAccount {
		top: 350px;
	}

	.step3 #step3RegSection #or, #signInFormWrapper #or {
		top: 424px;
	}

	#step3RegSection .question.passwordFocus#show_Password-Question {
		top: -99px;
	}

	.overlayContent .continueButton {
		float: none !important;
	}
	/*.resetPassword #show_password-Question {
         top: -99px;
    }
     */
	.resetPasswordWrapper h4 {
		line-height: 24px;
	}

	#thankYouLinks {
		padding-bottom: 40px;
	}

		#thankYouLinks ul {
			column-count: 1;
		}

	.linkAccounts .linkAccountsContainer #CommunicationPreferences label {
		margin-bottom: 50px;
	}

	.step3RegForms .newsletterOption .description {
		width: 86%;
	}

	.step3RegForms .newsletterOption label {
		line-height: 19px;
	}

	.emailPrefs_publisher_listItem label .subscriptionRequired {
		margin: 0px 2px 0 27px;
		display: block;
	}

	label.emailPrefs_label--unsubscribe {
		width: 99.5%;
	}

	#professionalDomainInfo .professionalDomainInfoContent {
		padding: 20px 15px 30px;
	}

		#professionalDomainInfo .professionalDomainInfoContent h2 {
			font: 800 24px/28px 'proxima-nova', sans-serif;
		}

	#myAccount .professionalDomainStatus p {
		width: 110%;
	}

	#myAccount .myAccountButton {
		width: 100% !important;
	}

	#myAccount #myAccountContent #EmailPref {
		margin: 0 !important;
		width: 100% !important;
	}

	.emailPrefs_publisher_listItem span.info {
		width: 20px !important;
		height: 20px !important;
		border-radius: 18px !important;
		font-size: 14px !important;
		line-height: 21px !important;
	}

	.emailPrefs_publisher_listItem .newsletterDescription {
		width: 100% !important;
		margin: 5px 0 0 0px !important;
	}

	.emailPrefs_publisher_listItem label .productName {
		padding-left: 27px !important;
		margin: 0 !important;
		margin-right: 24px !important;
		display: block !important;
	}
	/* email verification */
	.emailVerificationWrapper h5, .emailVerificationWrapper p, .emailVerificationWrapper ol {
		line-height: 18px;
	}

	.emailVerificationWrapper h5 {
		margin-bottom: 20px;
	}

	.emailVerificationWrapper .buttonsWrapper a {
		width: 100%;
	}

		.emailVerificationWrapper .buttonsWrapper a.startReading {
			margin: 10px 0 0;
		}

	.emailVerificationWrapper p:first-of-type {
		text-align: left;
	}

	#myAccount .newsletterSection .newsletterAudienceGroup .newsletterStatus .purchaseOption ul li {
		width: 100% !important;
	}
	#loginLink > a {
		width: 75px;
	}
	#step1OptionBoxes.has1options.isOnlinePlusPrintBrand #step2OptionBoxes .setp2SubOptionsContainer {
		display: block;
	}

	#step1OptionBoxes.has1options.isOnlinePlusPrintBrand #step2OptionBoxes .setp3SubOptionsContainer {
		display: block;
	}
	#step1OptionBoxes.has1options.isOnlinePlusPrintBrand #step2OptionBoxes .boxContent {
	margin: 6% auto;
	}
	.choose-opt-text {
	text-align: center;
	}
	.mobile-hidden {
		display: none;
	}
}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
	#signInFormWrapper #alternateAccount {
		top: 220px;
	}

	#signInFormWrapper #or {
		top: 319px;
	}

	.step3 #step3RegSection #alternateAccount, #signInFormWrapper #alternateAccount {
		top: 370px;
	}

	.step3 #step3RegSection #or, #signInFormWrapper #or {
		top: 444px;
	}

	#CommunicationPreferences label {
		font-size: 13px;
		line-height: 15px;
	}

	.overlayContent .continueButton {
		float: none;
	}

	#signInFormWrapper p.customerServiceCenter {
		font-size: 13px;
	}
}
/* iPhone 5 */
@media screen and (device-aspect-ratio: 40/71) {
	#step3RegSection #newAccount {
		padding: 0px 10px;
	}

	#newAccountHeader .radioGroup label {
		font-size: 15px;
	}

	.step3 #step3RegSection #step3aRegForms {
		padding: 9px 10px;
	}

	#step3RegSection h4, .step3RegForms h4 {
		font: 700 28px/28px 'proxima-nova', sans-serif;
	}

	#step3RegSection .question.passwordFocus#show_Password-Question {
		top: -118px;
	}

	#signInFormWrapper #alternateAccount {
		top: 360px;
	}

	#signInFormWrapper #or {
		top: 456px;
	}

	#deliveryForm #copyToDeliverySection label {
		font-size: 13px;
	}

	#DeliveryLocationPostalCode-Question .smallalert {
		font-size: 11px;
	}

	#five9_chat_window {
		left: 62% !important;
	}

	.bottomSection.clickAgreement .clickAgreementInfo {
		height: 127px;
		top: -132px;
	}

	.inputSection #show_Password-Question label {
		top: -141px !important;
	}

	#myAccount #accountBox .inputSection #show_Password-Question label {
		top: -133px !important;
	}
}
/* individual promotion test ACML-95 */
@media only screen and (max-width: 1023px) {
	.orderSummary h2 {
		margin: 0 0 15px 0 !important;
		font: 700 30px/30px 'proxima-nova', sans-serif !important;
	}
	.has1options .boxImage {
		position: relative;
		top: 0;
		left: 0;
	}
	.has1options .boxContent {
		margin-left: 0;
		width: 85%;
		margin-bottom: 0px;
	}
	.has1options .box .boxContent {
		text-align: center;
	}
	.has1options a.proceed {
		margin: 0 auto 10px auto !important;
		width: 60%;
	}
	.customizeSubscriptionInfo {
		width: 85%;
		margin-right: 15px;
		
	}
	.main-nav-center img.brand-logo {
		width: 55%;
		/*height: 100%;*/ /* MQ1-2594: This css rule making the header logo takeover the fullscreen in the mobile devices*/ 
		object-fit: contain;
	}
	.instructions {
		width: 100%;
		margin: 0 auto;
		position: relative;
		text-align: unset;
	}

	.has1options .instructions {
		position: relative;
		top: 0;
		left: 0;
	}
	.has1options #step2OptionBoxes {
		margin-left: 0;
		width: 100%;
		margin-bottom: 0px;
	}

		.has1options #step2OptionBoxes a.continueButton.submit {
			margin: 0 auto 10px auto !important;
			width: 60%;
		}
		.has1options #step2OptionBoxes .boxContent {
			margin: 6% 6%;
		}

	#step1OptionBoxes.has1options.isOnlinePlusPrintBrand #step2OptionBoxes .setp2SubOptionsContainer {
	justify-content: center;
	}
	#step1OptionBoxes.has1options.isOnlinePlusPrintBrand #step2OptionBoxes .setp3SubOptionsContainer {
		justify-content: center;
	}
	}