/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (max-width: 1366px) {
	#properties-details {
		left: 0;
		width: 95%;
	}
}

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

	.site-burger-holder {
		margin-left: 10px;
	}

	.burger-menu {
		width: 28px;
	}

	#nav>li {
		margin: 0 5px;
	}

	#nav li a {
		font-size: 14px;
	}

	.qs-btn input[type="submit"] {
		font-size: 14px;
	}

	.cta-details {
		font-size: 30px;
	}

	#testimonials .slick-prev:after,
	#testimonials .slick-next:before {
		width: 45px;
	}

	.headline-right {
		padding-left: 25px;
	}

	#work-with-us .section-title-a,
	.wwu-text {
		padding-right: 15px;
	}

	.footer-top .logo img {
		max-width: 150px;
	}
}

/* iPad(portrait) | Galaxy Tab 4(portrait)  */
@media only screen and (max-width: 991px) {
	html {
		overflow: scroll !important;
	}

	.amh-header-buttons {
		background: var(--primary-color) !important;
	}

	.amh-header-buttons .amh-navigation-trigger,
	.amh-header-buttons .amh-center,
	.amh-header-buttons .amh-header-right-btn {
		color: var(--secondary-color) !important;
	}

	.amh-navigation .amh-menu li a {
		color: var(--primary-text-color);
	}

	.amh-navigation .amh-menu li:hover>a,
	.amh-navigation .amh-menu li.open>a {
		background: var(--primary-color) !important;
		color: var(--secondary-color) !important;
	}

	.amh-navigation .amh-menu li ul {
		background: var(--background-color) !important;
	}

	.amh-navigation .amh-menu li ul a {
		background: var(--background-color) !important;
		color: var(--primary-text-color) !important;
	}

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

	*[class*="col-md"] {
		width: 100%;
	}

	.col-sm-1 {
		width: 8.33333333%;
	}

	.col-sm-2 {
		width: 16.66666666%;
	}

	.col-sm-3 {
		width: 25%;
	}

	.col-sm-4 {
		width: 33.33333333%;
	}

	.col-sm-5 {
		width: 41.66666666%;
	}

	.col-sm-6 {
		width: 50%;
	}

	.col-sm-7 {
		width: 58.33333333%;
	}

	.col-sm-8 {
		width: 66.66666667%;
	}

	.col-sm-9 {
		width: 75%;
	}

	.col-sm-10 {
		width: 83.33333333%;
	}

	.col-sm-11 {
		width: 91.66666667%;
	}

	.col-sm-12 {
		width: 100%;
	}

	.site-offcanvas {
		display: none;
	}

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

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

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

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

	header.header-wrapper,
	header.header-wrapper.animate-in,
	header.header-wrapper.active,
	header.header-wrapper.animate-out {
		background: var(--primary-color);
		position: relative;
		transform: translate(0, 0);
		z-index: 2;
		padding: 52px 0 0;
	}

	header.header-wrapper .logo {
		text-align: center;
		padding: 34px 15px;
	}

	header.active .logo a,
	.logo a {
		font-size: 12px;
		margin-bottom: 0;
	}

	header.active .logo a strong,
	.logo a strong {
		font-size: 32px;
		margin-bottom: 7px;
	}

	header .logo a {
		text-align: center;
	}

	#properties-details {
		bottom: 5%;
	}

	.qs-form {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.qs-icon {
		width: 100%;
		text-align: center;
	}

	.qs-field {
		padding: 0 4px;
	}

	.qs-lg {
		width: 100%;
		padding: 0 4px;
	}

	.qs-sm {
		width: 50%;
	}

	.qs-btn {
		width: 100%;
		padding-left: 4px;
		margin-top: 10px;
	}

	.qs-cta {
		width: 100%;
		order: -1;
		margin: 0 0 50px;
	}

	.qs-cta a.btn-a {
		display: block;
		margin: 15px auto;
	}

	.welcome-left,
	.welcome-right,
	.welcome-text {
		width: 100%;
	}

	.welcome-right {
		margin-top: 50px;
	}

	.welcome-agent {
		max-width: 360px;
		margin: 0 auto;
	}

	.cta-list {
		display: block;
	}

	.cta {
		width: 100%;
		max-width: 360px;
		display: block;
		padding: 11px 0;
		margin: 0 auto;
	}

	.fc-list ul li {
		width: 50%;
	}

	.testi {
		padding: 0;
	}

	#testimonials .slick-arrow {
		top: 8%;
	}

	#testimonials .slick-prev:after,
	#testimonials .slick-next:before {
		display: none;
	}

	.testi-wrapper {
		display: flex;
		flex-flow: row wrap;
	}

	#testimonials .slick-arrow {
		position: static;
		margin-top: 15px;
	}

	.testi-list {
		width: 100%;
		order: -1;
	}

	#testimonials .slick-next {
		margin-left: auto;
	}

	#headlines {
		display: block;
		padding: 0;
	}

	#headlines:before {
		display: none;
	}

	.headline-right,
	.headline-left {
		width: 100%;
	}

	.headline-right {
		padding: 55px 15px;
	}

	.headline-left {
		background: #fff;
		padding: 10px 39px;
	}

	.headline-right .section-title-a {
		margin-bottom: 0;
		text-align: center;
	}

	#work-with-us .section-title-a,
	.wwu-text {
		width: 100%;
		padding: 0;
		text-align: center;
	}

	#work-with-us .section-title-a {
		margin-bottom: 10px;
	}

	.wwu-form {
		margin-top: 55px;
	}

	.wwu-form p {
		text-align: center;
	}

	.wwu-form input[type="submit"] {
		margin-left: auto;
		margin-right: auto;
	}

	.footer-top .logo {
		text-align: center;
	}

	.footer-top .footer-logo-list {
		flex-flow: column wrap;
		align-items: center;
	}

	.footer-top .footer-logo-list>div {
		margin: 0 !important;
		padding: 15px !important;
	}

	.contact-info .contact {
		width: 100%;
		margin-top: 20px;
		text-align: center;
		justify-content: center;
	}

	.footer-bottom {
		margin-top: 65px;
	}

	.footer-copyright,
	.footer-icons {
		text-align: center;
		margin: 10px 0;
	}

	.footer-top .logo a {
		text-align: center;
	}

	.ip-container .footer-top .contact.smi {
		justify-content: center;
	}

	.page-qoute {
		padding-right: 0;
	}

	#contact-us {
		display: block;
	}

	.contact-form,
	.contact-photo {
		width: 100%;
	}

	.contact-photo {
		margin: 50px auto 0;
		max-width: 360px;
	}


	.ip-banner canvas {
		min-height: 200px;
	}
}

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

	*[class*="col-sm"] {
		width: 100%;
	}

	.col-xs-1 {
		width: 8.33333333%;
	}

	.col-xs-2 {
		width: 16.66666666%;
	}

	.col-xs-3 {
		width: 25%;
	}

	.col-xs-4 {
		width: 33.33333333%;
	}

	.col-xs-5 {
		width: 41.66666666%;
	}

	.col-xs-6 {
		width: 50%;
	}

	.col-xs-7 {
		width: 58.33333333%;
	}

	.col-xs-8 {
		width: 66.66666667%;
	}

	.col-xs-9 {
		width: 75%;
	}

	.col-xs-10 {
		width: 83.33333333%;
	}

	.col-xs-11 {
		width: 91.66666667%;
	}

	.col-xs-12 {
		width: 100%;
	}

	.headline-details {
		position: relative;
		width: 100%;
		padding: 30px 5%;
	}

	.headline canvas {
		min-height: initial;
	}

	.headline-details h3 {
		font-size: 25px;
	}

	.fc-list {
		padding: 0 15px;
	}

	.fc-list ul li {
		display: block;
		width: 550px;
		max-width: 100%;
		margin: 0 auto;
	}

	.fc-list ul li + li {
		margin-top: 15px;
	}

	.smi-list ul li a:before {
		font-size: 30px;
	}

	section.section-3,
	section.section-4,
	#testimonials,
	.headline-left,
	.page-featured-photo,
	section.ip-section-1,
	section.ip-section-2,
	#inner-page-wrapper>div:not(.container) #content p#breadcrumbs {
		padding-left: 5%;
		padding-right: 5%;
	}

	#content .entry-title,
	#content .archive-title,
	.section-title-a {
		font-size: 30px;
	}

	.section-title-a span {
		font-size: 15px;
	}

	.properties-image-slider-info > strong {
		font-size: 25px;
	}
	
	.properties-image-slider-info > p {
		font-size: 15px;
	}
	
	.properties-image-slider-info {
		bottom: 0;
		padding: 0 15px 30px;
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */
@media only screen and (max-width: 480px) {
	*[class*="col-xs"] {
		width: 100%;
	}

	.smi-list ul li {
		width: 100%;
	}

	#content .entry-title,
	#content .archive-title,
	.section-title-a {
		font-size: 25px;
		line-height: 1.3;
	}

	.headline-details h3 {
		font-size: 20px;
	}
}