/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/


/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
@media only screen and (max-width: 1199px) {
	#send-message .container {
		width: 100%;
	}

	#site-header .container {
		/* max-width: 100%; */
	}

	.position-fixed .site-header-nav {
		margin-right: 6vw;
	}

	#site-header.position-fixed #nav li a,
	.position-fixed .gtranlate-label {
		font-size: max(0.8vw, 11px);
	}

	.translate {
		height: 1.971vw;
	}

	.footer-cta .container-vw {
		width: 100%;
	}

	.footernav li a {
		font-size: max(0.875vw, 13px);
	}
}

/* iPad(portrait) | Galaxy Tab 4(portrait)  */
@media only screen and (max-width: 991px) {
	#pojo-a11y-toolbar {
		display: none;
	}

	.container {
		width: 750px;
	}

	.mobile-screen {
		display: block;
	}

	.desktop-screen {
		display: none;
	}

	#site-header {
		display: none !important;
	}

	.amh-header-buttons.amh-2a .amh-navigation-trigger span,
	.amh-header-buttons.amh-2a .amh-header-right-btn {
		font-family: var(--font-family-default);
		font-size: 16px !important;
	}

	.amh-header-buttons.amh-2a .amh-header-right-btn {
		padding-top: 20px;
	}

	.qsearch-submit {
		margin-top: 20px;
	}

	.qsearch-close {
		display: none;
	}

	#aios-testimonials .aios-testimonials {
		margin: 0 !important;
	}

	#send-message .container {
		max-width: 750px !important;
		width: 100% !important;
	}

	#send-message .container .row {
		flex-direction: column;
	}

	.send-message-title,
	.send-message-form {
		width: 100% !important;
	}

	.send-message-title .section-title {
		margin-bottom: 40px;
		background: transparent;
		padding: 0;
	}

	.send-message-title .section-title::after {
		display: none;
	}

	.footer-brand {
		padding: max(32px, 5vw) 0 max(3.438vw, 42px);
	}

	.footer-logo {
		flex-direction: column;
	}

	.footer-site-logo {
		margin-right: 0;
		margin-bottom: 30px;
		font-size: max(4.8vw, 38px);
	}

	.footer-cta {
		padding: max(32px, 3.125vw) 16px;
	}

	.footernav {
		flex-wrap: nowrap;
		flex-direction: column;
		align-items: center;
	}

	.footernav li {
		padding: 7px;
	}

	.copyright {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		min-width: 280px;
	}

	/* The following are used on inner pages. Please edit carefully. */

	.inner {
		width: 100%;
	}

	#content-sidebar,
	#content-full {
		width: 100%;
	}

	.outer {
		width: 100%;
		min-width: 100%;
	}

	.ip-banner {
		margin-top: 52px;
	}

	#content-sidebar #content {
		width: 100%;
	}

	#content .aios-communities-metropolitan .aios-communities-metropolitan-item-title .section-title {
		font-size: 26px;
	}

	#content .archive-list > article {
		width: 100%;
	}

	#content .archive-list .article-long .archive-has-thumbnail .archive-subtitle {
		margin: 0.75em 0;
		font-size: 24px;
		text-align: left;
	}

	#content .archive-list .archive-has-thumbnail .archive-subtitle {
		text-align: left;
	}

	#content .archive-list .article-long p {
		font-size: 17px;
	}

	#content .archive-list .article-long .archive-thumbnail,
	#content .archive-list .article-long .archive-has-thumbnail {
		width: 100%;
		margin-left: 0;
	}

	#content.aios-communities-page .aios-communities-metropolitan .aios-communities-metropolitan-item-title .section-title {
		font-size: max(3.43vw, 28px) !important;
		word-spacing: inherit;
	}

	#content.aios-communities-page .aios-communities-metropolitan .aios-communities-metropolitan-item-button span {
		justify-content: flex-start;
		padding-left: 8%;
	}

	#content.aios-communities-page .aios-communities-metropolitan .aios-communities-metropolitan-item-button span .primary-text-button {
		font-size: max(1.413vw, 12px);
	}
}

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */
@media only screen and (max-width: 767px) {
	.container {
		width: 100%;
	}

	.ip-banner .container {
		width: 100%;
	}

	.ip-banner h1 {
		line-height: 1.2;
		margin: 0;
	}

	#content p#breadcrumbs {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */
@media only screen and (max-width: 480px) {
	.footer-cta {
		padding-bottom: max(9vw, 70px);
	}
}