/*******************************************************
 *
 * 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%;
	}
	#site-header.position-fixed #nav li a {
		font-size: max(0.8vw, 11px);
	}
	.footer-cta .container-vw {
		width: 100%;
	}
	.footernav li a {
		font-size: max(0.875vw, 11px);
	}
}

/* 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;
				}
	.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;
	}
	.footernav li a {
		font-size: max(1.2vw, 12px);
	}
	.loc-addr a {
		line-height: 1.2;
	}

	/* 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%;
	}
	#content-sidebar #content{
		width: 100%;
	}

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

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

	.staging-flex {
		grid-template-columns: repeat(3, 1fr);
	}

	.page-id-253 .ip-banner .container {
        width: 750px;
    }
    .page-id-253 #breadcrumbs {
        width: 100%;
    }
    .page-id-253  #agents-results .agents-img {
        max-width: 400px;
        margin: 0 auto;
    }
    .page-id-253 #agents-results .agents-col .agents-name, 
    .page-id-253 #agents-results .agents-col:nth-child(2n+1) .agents-name {
        align-items: center;
        text-align: center;
    }
    .page-id-253 #agents-results .agents-name a,
    .page-id-253 #agents-results .agents-button {
        margin: 0 auto;
    }

    .page-id-253 #agents-results .agents-description p {
        text-align: justify;
        text-align-last: center;
    }
    .single-aios-agents .ip-banner .container {
        width: 750px;
    }
    .single-aios-agents #content #breadcrumbs {
        width: auto;
    }
    .single-aios-agents #agents-single ul.agents-contact li > div {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        word-break: break-all;
        text-align: center;
        justify-content: center;
    }
    .single-aios-agents #agents-single .agents-img {
        margin: 0 auto;
        max-width: 360px;
    }
    .single-aios-agents  #agents-single .agents-contact li.agent-contact-centered > div > div {
        width: auto;
    }
    .ihf-details-template #listings-details .listings-hero.disable-overlay .listings-slideshow-splide::after {
    	display: none;
    }
    .ihf-details-template #listings-details .listings-main {
    	margin-top: 30px;
    }
    .ihf-details-template #listings-details .listings-smi ul {
	  	flex-flow: row wrap;
	}
	.ihf-details-template #listings-details .listings-open-house, 
	.ihf-details-template #listings-details .listings-open-house ul {
		display: flex;
		flex-direction: column;
	}
    #content .archive-subtitle {
		line-height: 1.2;
		margin-top: 0.75em;
	}
	#content .archive-thumbnail, 
	#content .archive-content.archive-has-thumbnail {
		text-align: center;
	}
}

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

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

	.staging-flex {
		grid-template-columns: repeat(2, 1fr);
	}

	.page-id-253 .ip-banner .container {
        width: 100%;
    }
    .single-aios-agents .ip-banner .container {
        width: 100%;
    }
    .page-id-81 #content p#breadcrumbs {
		width: 100%;
	}
	.page-id-81 #content .aios-communities-metropolitan .aios-communities-metropolitan-item-title .section-title{
		font-size: max(7.17vw, 38px) !important;
	}
	.page-id-81 #content .aios-communities-metropolitan .aios-communities-metropolitan-item-button span {
		padding-left: 7%;
		justify-content: flex-start;
	}
	.page-id-81 #content .aios-communities-metropolitan .aios-communities-metropolitan-item-button span .primary-text-button {
		font-size: max(1.83vw, 12px);
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */
@media only screen and (max-width: 480px) {
	.footer-smi {
		flex-wrap: wrap;
  		padding: 0 40px;
	}

	.footer-smi a {
		margin-bottom: max(1.2vw, 12px);
	}

	.page-id-253 #agents-results {
        width: 100%;
    }
    .single-aios-agents #agents-single .agents-contact li {
        height: 100%;
    }
    .single-aios-agents #agents-single .agents-contact li.agent-email-address {
        margin: 0 0 16px;
    }
    .single-aios-agents #agents-single .agents-contact li.agent-email-address > div {
        margin: 0;
    }
    .single-aios-agents #agents-single .agents-contact li.agent-email-address > div > span {
        align-self: flex-start;
        line-height: 2;
    }
    .page-id-253 #agents-results .agents-description p {
    	text-align-last: left;
    }
    .page-id-253 #agents-results .agents-name a, .page-id-253 #agents-results .agents-button {
    	margin: 0 auto 0 0;
    	text-align: left;
    }
    .page-id-253 #agents-results .agents-col:nth-child(2n) .agents-name a {
    	width: 100%;
		display: block;
		text-align: left;
    }
    .page-id-253 #agents-results .agents-name span {
    	text-align: left;
    }
    .single-aios-communities .community-wrap a {
    	word-break: break-all;
    }
}