/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

 @media(min-width: 992px) {
 	.default-header:not(.scrolled) .header-logo img{
 		width: min(13vw,179px);
 		height: auto;
 	}
 	.footer-contact-info {
	    width: calc(60% - 20px);
	    max-width: min(46.25vw,555px);
	}
	.footer-c21 .footer-c21--title{
		font-size: min(1.417vw,17px);
	}
	.footer-c21 .footer-c21--logo{
		max-width: min(23.75vw,285px);
	}
	.footer-contact-location{
		font-size: min(1.25vw, 15px);
	}
	.footer-contact-info-list .contact-info{
		font-size: min(1.417vw,17px);
	}
 	.footer-contact-info-list .contact-info.address span br{
 		display: none;
 	}
 }
 @media(max-width: 1440px) {
	.header-right {
		right: -50px;
	}

	.fp-btn {
		 font-size: 12px;
		 width: 30%;
	}

	.hp-buildings-main-list {
		max-width: 1280px;
	}
	.hp-buildings-main-text {
		padding-left: 10px;
	}
}

@media only screen and (max-width: 1280px) {
	.hp-join-right {
		margin-top: 15px;
	}
	.hp-join-contact-info {
		padding: 60px;
	}
}

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	.site-navi > li {
		margin: 0 10px;
	}
	.hp-slider-content-holder h1,
	.hp-slider-holder .cycloneslider-template-responsive 
	.cycloneslider-caption-title{
		/*font-size: 65px;*/
		font-size: min(7vw,65px);
	}

	.hp-about-left {
		width: 25%;
	}

	.hp-about-right {
		width: 70%;
	}

	.hp-about-wrap::before,
	.hp-about-wrap::after {
		width: 2%;
	}

	 .fp-btn {
		 top: 0;
		 bottom: auto;
	 }

	.hp-affiliates-photo canvas {
		min-height: 250px;
	}
	.hp-affiliates-wrap {
		padding-left: 2%;
		padding-right: 2%;
	}
	.hp-affiliates-left {
		padding-right: 3%;
	}
	.hp-affiliates-title {
		font-size: 16px;
	}
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
	
	/* 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%;
	}

	.mobile-logo {
		display: block;
	}

	.hp-fixed-contact-icons {
		width: 40px;
	}

	footer.footer .container {
		flex-wrap: wrap;
	}

	.footer-disclaimer {
		width: 100%;
		text-align: center;
	}

	.footer-disclaimer img{
		margin: 0 auto;
	}
	.footer-c21 .footer-c21--title{
		text-align: center;
	}
	.footer-c21 .footer-c21--logo{
		margin: 0 auto;
	}
	.footer-contact-info {
		width: 100%;
	}

	.footer-contact-info-list {
		justify-content: center;
		left: 0;
	}
	.footer-contact-info-list .contact-info.address {
		text-align: center;
	}

	.footer-contact-location,
	.footer-location-select,
	.footer-location-select .dropdown-menu{
		width: 100%;
		text-align: center;
	}

	.footer-bottom::before,
	.footer-bottom::after{		
		display: none;
	}

	.footer-bottom{
		padding-top: 30px;
	}

	.footer-nav ul {
		text-align: center;
	}

	.footer-copyright {
		flex-direction: column;
		line-height: 250%;
	}

	.hp-about-wrap {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.hp-about-left {
		width: 100%;
		margin-bottom: 30px;
	}

	.hp-about-right {
		width: 100%
	}

	.hp-cta {
		width: 49%;
		margin-bottom: 20px;
	}

	.hp-affiliates-wrap {
		flex-direction: column;
	}

	.hp-affiliates-left {
		width: 100%;
		text-align: center;
		padding-right: 0;
	}

    .section-title h2 span {
		text-align: center;
	}

	.affiliate-logo {
		margin: 0 auto;
	}

	.affiliate-agent-img {
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0,0);
	}
	.affiliate-agent-img img {
		max-width: 100%;
	}

	.hp-affiliates-wrap {
		flex-direction: column;
		padding-left: 15px;
		padding-right: 15px;
	}

	.hp-affiliates-right {
		width: 100%;
		text-align: center;
		padding: 50px 0;
	}

	.affiliate-img {
		max-width: 460px;
		margin: 20px auto;
	}
	.hp-affiliates-title {
	    font-size: 18px;
	}

	.hp-join-wrap {
		flex-wrap: wrap;
	}

	.hp-join-left {
		width: 100%;
		min-height: auto;
	}
	.hp-join-contact-info {
		/*margin-right: auto;*/
		width: 100%;
		max-width: 100%;
		position: relative;
	    bottom: auto;
	    right: auto;
	    padding: 60px 50px;
	    margin: 0 auto 0;
	}

	.hp-join-right {
		width: 100%;
		margin-top: 65px;
		margin-left: 0;
	}

	.hp-join-text .section-title h2 span {
		margin-bottom: 0;
	}

	.hp-join-text {
		text-align: center;
	}

	.hp-latest-news-container {
		flex-wrap: wrap;
	}

	.hp-latest-news-left {
		width: 100%;
		margin-bottom: 20px;
	}

	.hp-latest-news-left .news-item {
		flex-direction: row;
	}

	.news-item-img,
	.hp-latest-news-right .news-item-img{
		width: 40%;
		height: 100%;
	}

	.hp-latest-news-right .news-item-text {
		width: 60%;
	}

	.hp-latest-news-right {
		width: 100%;
	}

	.hp-lastest-news-buttons {
		flex-direction: column;
		display: flex;
	}

	.hp-lastest-news-buttons a {
		min-width: auto;
	}
	.footer-form-wrap {
		flex-wrap: wrap;
	}
	.footer-form-left,.footer-form-right {
		max-width: 100%;
		text-align: center;
	}
	.footer-form-left .form-row {
		flex-wrap: wrap;
	}
	.footer-form-left .form-row .form-col {
		width: 100%;
	}
	.hp-ig-item {
		height: 200px;
	}

	.hp-fv-row {
		flex-direction: column;
	}
	.hp-fv-list {
		width: 100%;
		margin-top: 40px;
		flex-wrap: wrap;
	}
	.hp-fv-row-1 .hp-fv-title,
	.hp-fv-row-2 .hp-fv-title{
		width: 100%;
		padding-left: 0;
	}
	.hp-fv-row-1::before,
	.hp-fv-row-2::after {
		width: 100%;
	}

	.hp-fv-top,
	.hp-fv-top-right{
		flex-direction: column;
		align-items: center;
	}
	.fv-top-text {
		margin: 20px 0;
	}

	body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
		display: none
	}
	
	.hp-slider,
	.hp-slider-holder .cycloneslider-canvas, 
	.hp-slider-holder .cycloneslider-template-responsive.cycloneslider-width-full .cycloneslider-slide canvas {
	    height: 500px;	    
	}	


	.hp-ctas-slide .slick-slide > div {
		display: flex;
	}
	.hp-cta {
		max-width: 490px;
		margin: 0 auto;
	}

	.fa-item {
		width: calc(50% - 2.5px)
	}

	.fa-item:hover {
	    transform: scale(1);
	}	

	#inner-page-wrapper #aios-modern-listing-details .amld-cta-buttons a {
		width: 100%;
		margin: 0 0 15px;
	}
	#inner-page-wrapper #aios-modern-listing-details .amld-cta-buttons a:last-child {
		margin-bottom: 0;
	}
	
	.hp-welcome-content {
		flex-flow: row wrap;
	}
	
	.hp-welcome-logo {
		max-width: 300px;
		padding-right: 0;
		margin-bottom: 50px;
	}
	
	.hp-welcome-text {
		text-align: center;
	}
} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
    .ip-banner .container{
        width: 100%;
    }
	.hp-ig-item  {	
		width: 50%;
		height: 220px;
	}

	.hp-testi-item {
		padding: 20px;
	}

	.footer-copyright-left {
		text-align: center;
	}
	
	section.hp-ctas::after{
		display: none;
	}
}

@media(max-width:600px) {
	.news-item-img, 
	.hp-latest-news-right .news-item-img{
		width: 100%;
		height: 200px;
	}
	.news-item-img img {
		object-position: top
	}
	.hp-latest-news-right .news-item-text {
		width: 100%;
		text-align: center;
	}
	.hp-latest-news .news-item{
		flex-wrap: wrap;
	}
	.hp-fv-item {
		width: 100%;
		max-width: 360px;
		height: 230px;
		margin: 10px auto;
	}
	.hp-fv-title {
		align-items: center;
	}

	.hp-fixed-contact-icons{
		display: none;
	}

	.footer-nav ul li {
		display: block;
		text-align: center;
		padding: 0;
		margin-bottom: 10px;
	}

	.fa-item {
		width: 100%;
	}	
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	.hp-cta {
		width: 100%;
	}

	.hp-slider-content-holder h1,
	.section-title h2,
	.hp-slider-holder .cycloneslider-template-responsive .cycloneslider-caption-title,
	.hp-affiliates-text .section-title h2{
		font-size: 40px;
	}

	.section-title h2 span.line::after{
		display: none;
	}

	.hp-btn {
		padding: 18px 10px;
	}
	.hp-slide-arr {
		margin: 0 10px;
	}
	body.home {
		overflow-x: hidden;
	}

	.hp-fa-wrap .section-title::after,
	.hp-fp-wrap .section-title::after{
		display: none
	}
}

