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


/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */
@media only screen and (max-width: 1440px) {

	.page-id-28 .ip-banner .container,
	.page-id-28 #breadcrumbs {
		padding: 0 100px;
	}
}

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

	.page-id-28 .ip-banner .container,
	.page-id-28 #breadcrumbs {
		padding: 0 75px;
	}
}

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

	.page-id-28 .ip-banner .container,
	.page-id-28 #breadcrumbs {
		padding: 0 50px;
	}
}

@media only screen and (max-width: 1199px) {
	#send-message .container {
		width: 100%;
	}
}

/* iPad(portrait) | Galaxy Tab 4(portrait)  */
@media only screen and (max-width: 991px) {
    .slider-content .home-expertise-image {
        display: none;
    }
	.amh-navigation .amh-menu li a img {
		filter: brightness(0);
	}

	.amh-navigation .amh-menu li a:hover img {
		filter: none;
	}

	#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-logo {
		flex-direction: column;
	}

	.footer-site-logo {
		margin-right: 0;
		margin-bottom: 30px;
	}

	/* 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;
	}

	#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;
	}

	.aios-contact-info ul li {
		text-align: center;
	}

	#listings-details .listings-hero:after {
		display: none !important;
	}

	.footernav {
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}

	.ip-banner .container {
		width: 750px;
	}

	#breadcrumbs {
		width: 100%;
	}

	.page-id-28 .ip-banner .container,
	.page-id-28 #breadcrumbs {
		padding: 0 30px;
	}

	#agents-single ul.agents-contact li.agents-contact-half>div {
		width: fit-content;
		margin: auto;
	}

	#agents-single .agents-contact li.agent-email-address {
		margin-top: 0 !important;
	}

	#agents-single .agents-img {
		max-width: 360px;
		margin: auto;
	}

	#agents-results .agents-img {
		max-width: 350px;
		margin: auto;
	}

	#agents-single ul.agents-contact li>div {
		padding: 0 !important;
	}

	#agents-single .agents-contact li {
		height: auto !important;
	}

	#agents-results .agents-col:nth-child(even) .agents-item,
	#agents-results .agents-col:nth-child(even) .agents-main {
		flex-direction: row !important;
	}

	#agents-single .agents-contact li.agents-contact-half {
		margin: 0 0 20px !important;
	}
}

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

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

	.footernav li {
		padding: 7px;
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */
@media only screen and (max-width: 480px) {

	.page-id-28 .ip-banner .container,
	.page-id-28 #breadcrumbs {
		padding: 0 15px;
	}
}
