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

@media screen and (min-width: 992px) and (max-width: 1600px) {
  .get-in-touch-area .global-title {
		font-size: 1.25vw;
	  letter-spacing: 0.44vw;
	}
	
	.page-id-16 #ai-modern-contact .ai-modern-contact-title span {
		font-size: 1.44vw;
	}
	
	
}


@media only screen and (max-width: 1440px) {
	nav.header-nav ul#nav > li {
	    /*margin: 0 24px;*/
	    margin: 0 14px;
	}
	.side-fixed-contact {
	    right: -15px;
	}

	.qs-holder {
	    padding: 0 50px;
	}

	.btn-form.qs-field.qsbtn1 {
	    padding: 0 0 0 22px;
	}

	.wc-col1 {
	    margin-left: -100px;
	}

	.wc-col2 {
	    margin-left: 15px;
	    padding-right: 15px;
	    margin-right: -100px;
	}

	.wc-head .global-title strong {
	    font-size: 90px;
	}

	section.welcome-area .indicator {
	    right: -40px;
	}

	.cta-accent {
	    top: 120px;
	    right: -50px;
	    font-size: 100px;
	}

	.tm-inner {
	    padding: 0 30px;
	}

	button.fc-prev {
	    margin-left: 0;
	}

	button.fc-next {
	    margin-right: 0;
	}

	.fc-list-holder {
	    padding: 0 50px;
	}

	.fc-arrow.global-arrow {
	    padding: 0 15px;
	}
}

@media only screen and (max-width: 1366px) {
	nav.header-nav ul#nav > li {
	    /*margin: 0 15px;*/
	    margin: 0 10px;
	}
	
	nav.header-nav ul#nav > li > a {
		font-size: 14px;
	}
	
	.header-burger-menu {
	    margin-left: 20px;
	}
	
	.tm-text p {
	    max-width: 1000px;
	}
	.btn-form.qs-field.qsbtn1 em {
	    width: 87px;
	}

	.wc-col1 {
	    margin-left: -15px;
	}

	.wc-col2 {
	    margin-top: 70px;
	    margin-left: 0;
	    margin-right: -15px;
	}

	.wc-head .global-title strong {
	    font-size: 85px;
	}

	section.welcome-area .indicator {
	    right: 15px;
	}

	.wc-expi {
	    margin: 0 0 25px;
	}

	.wc-text p {
	    margin: 0 0 15px;
	}

	.cta-label {
	    font-size: 33px;
	}

	.cta-accent {
	    top: 130px;
	    right: -60px;
	    font-size: 85px;
	}

	.tm-head {
	    margin: 0 50px 100px 0;
	}

	.tm-arrow {
	    width: 98%;
	}

	.tm-text p {
	    line-height: 1.5;
	}
}

 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	header.main-header {
	    padding: 20px 15px 15px;
	}

	nav.header-nav ul#nav > li {
	    margin: 0 5px;
	}
	
	nav.header-nav ul#nav > li > a {
		font-size: 13px;
	}
	
	.hdr-col1 {
		max-width: 160px;
	}

	.header-burger-menu {
	    margin-left: 10px;
	}

	:root {
	    --font-size-default: 15px;
	    --font-size-title: 65px;
	}

	.slider-tagline {
	    font-size: 50px;
	    letter-spacing: 1.9px;
	}

	.slider-tagline span {
	    font-size: 20px;
	    letter-spacing: 9.2px;
	}

	.fixed-smi span {
	    margin: 15px 0;
	}

	.side-fixed-contact {
	    top: -50px;
	}

	.qs-holder {
	    padding: 0 30px;
	}

	.qs-col1 .global-title strong {
	    font-size: 50px;
	}

	.indicator {
	    font-size: 265px;
	}

	.btn-form.qs-field.qsbtn1 {
	    padding: 0 0 0 5px;
	}

	.btn-form.qs-field.qsbtn2 {
	    padding: 0 5px;
	}

	.btn-form.qs-field.qsbtn2 a {
	    font-size: 35px;
	}

	.wc-col1 {
	    margin-left: 0;
	}

	.wc-photo {
	    margin: 0 auto;
	}

	.wc-col2 {
	    margin-top: 30px;
	    margin-right: 0;
	}

	.wc-head .global-title strong {
	    font-size: 70px;
	    margin-left: -5px;
	    letter-spacing: 0px;
	}

	.wc-expi {
	    font-size: 18px;
	    letter-spacing: 6.8px;
	    margin: 0 0 15px;
	}

	.wc-text p {
	    font-size: 15px;
	    line-height: 1.5;
	    margin: 0 0 10px;
	}

	.fc-label {
	    font-size: 17px;
	}

	.cta-label {
	    font-size: 28px;
	    letter-spacing: 0;
	}

	.cta-accent {
	    top: 140px;
	    right: -70px;
	    font-size: 70px;
	}

	.tm-head {
	    margin: 0 5px 80px 0;
	}

	.tm-text p {
	    max-width: 800px;
	}

	.ftr-col3 {
	    padding-left: 0;
	}

	.ftr-contact span {
	    padding: 0 15px;
	}

	section.featured-communities-area::after {
        background-attachment: local;
    }

    section.testimonials-area::after,
    section.testimonials-area::before {
    	background-attachment: local;
    	background-position: center;
    	background-size: cover;
    }
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
	
	/* The following are used on inner pages. Please edit carefully. */
	
	.hdr-col1 {
		max-width: 100%;
	}

	.inner {
	    width: 100%;
	}
	#content-sidebar, #content-full {
	    width: 100%;
	}	
	.outer{
		width: 100%;
		min-width: 100%;
	}
	#content-sidebar #content{
		width: 100%;
	}

	.global-title {
	    text-align: center;
	}

	.qs-form select, .qs-form input, .qs-form button.btn.dropdown-toggle.btn-default {
	    background: url(images/qs-arrow.png) no-repeat scroll right 10px center;
	}

	.qs-holder .bootstrap-select.btn-group .dropdown-menu {
	    max-width: 100%;
	}

	header.main-header {
	    z-index: 101;
	    position: relative;
	    padding: 70px 15px 15px;
	    background: var(--primary);
	}

	.hdr-col2,
	div#scroll-down,
	.explore,
	.site-offcanvas {
	    display: none;
	}

	.hdr-inner {
	    display: block;
	}

	.hdr-logo a {
	    margin: 0 auto;
	}

	header.main-header.show-fixed .hdr-logo a {
	    max-width: 235px;
	}

	header.main-header.show-fixed {
	    background: var(--primary);
	    padding: 70px 15px 15px;
	}

	.slider-tagline {
	    font-size: 40px;
	}

	.slider-tagline span {
	    font-size: 18px;
	    letter-spacing: 6.2px;
	}

	.qs-form form > div {
	    width: 100%;
	    text-align: center;
	}

	.qs-col1 {
	    margin-top: 0;
	    margin-bottom: 20px;
	}

	.qs-col2 > div {
	    width: 100%;
	}

	.qs-form form {
	    max-width: 600px;
	    margin: 0 auto;
	}

	.long-form {
	    width: 100%;
	}

	.qs-field-col2 > div {
	    width: 50% !important;
	}

	.qs-field-col2 {
	    max-width: 200px;
	    margin: 17px auto 0;
	}

	.btn-form.qs-field.qsbtn1 {
	    padding: 0;
	}

	.btn-form.qs-field.qsbtn1 em {
	    width: 100px;
	}

	.btn-form.qs-field.qsbtn1 input {
	    height: 100px;
	}
	
	.btn-form.qs-field.qsbtn2 a {
	    font-size: 40px;
	    justify-content: center;
	    height: 100px;
	}

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

	section.welcome-area .row {
        display: block;
    }

	.wc-col2 {
	    text-align: center;
	    padding-right: 0;
	}

	section.welcome-area .indicator {
	    right: 0;
	    width: 100%;
	    text-align: center;
	    top: -30px;
	}

	.wc-expi {
	    max-width: 100%;
	}

	.indicator {
	    font-size: 240px;
	    left: 0;
	    right: 0;
	    text-align: center;
	}

	.global-btn {
	    margin: 0 auto;
	}

	section.quick-search-area::before,
	section.welcome-area::before {
	    width: 100%;
	}

	section.quick-search-area,
	section.featured-communities-area,
	section.testimonials-area {
	    padding: 50px 15px;
	}

	section.welcome-area {
	    padding: 0 0 50px;
	}

	.fc-head .indicator {
	    top: -50px;
	}

	.fc-list {
	    margin: 0 0 30px;
	}

	.fc-list-holder {
	    padding: 0;
	}

	.fc-arrow.global-arrow {
	    position: relative;
	    top: 0;
	    padding: 0;
	    max-width: 100px;
	    margin: auto;
	}

	section.cta-area {
	    padding: 50px 0;
	}

	.cta-list {
	    width: 50%;
	}

	/*.cta-label {
	    top: -195px;
	    right: -150px;
	}*/

	/*.cta-accent {
	    bottom: 170px;
	    right: -145px;
	}*/

	.tm-head {
    	margin: 0;
	    text-align: center;
	    background: #fff;
	    padding: 15px 0 50px;
	}

	.tm-head .global-title {
	    text-align: center;
	}

	.tm-head .indicator {
	    right: 0;
	    top: -27px;
	    width: 100%;
	}

	.tm-list-holder {
	    padding: 50px 15px;
	}

	.tm-arrow {
	    position: relative;
	    top: 0;
	    width: 100%;
	    justify-content: center;
	}

	.tm-arrow button {
	    margin: 15px 10px 0;
	}

	section.get-in-touch-area {
	    padding: 50px 0;
	}

	.gt-head .indicator {
	    top: -30px;
	}

	.ftr-col1 {
	    text-align: center;
	    margin: 0 0 20px;
	}

	.ftr-col3 {
	    text-align: center;
	}

	.ftr-col2 {
	    margin: 0 0 20px;
	}

	.ftr-disclaimer p {
	    margin: 20px 0;
	    text-align: center;
	}

	#listings-results .listings-top {
	    padding-right: 0 !important;
	}

	.tm-inner {
	    padding: 0;
	}

	.ihf-details-template #listings-details .listings-slideshow-splide .listings-slideshow-splide-img .aios-custom-ihomefinder-template-img-loader img {
	    object-fit: contain;
	    background: #fff;
	}

	.ihf-details-template .listings-slideshow-splide-text span {
	    color: #000 !important;
	}

	.ftr-contact span {
	    display: block;
	    padding: 5px 0;
	}

	.ftr-contact-smi > div {
	    display: block;
	    text-align: center;
	}

	.ftr-smi {
	    padding-left: 0;
	    margin-top: 20px;
	}

	ul.footernav > li {
	    display: block;
	    padding: 8px 0;
	}

	.footer-copyright-holder {
	    display: block;
	}

	.footer-copyright {
	    margin-bottom: 15px;
	    text-align: center;
	}
	
	.hdr-logo img.default {
		display: block;
	}
	.hdr-logo img.fixed,
	.show-fixed .hdr-logo img.fixed {
		display: none;
	}
} 

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

    .slider-tagline {
	    font-size: 30px;
	    letter-spacing: 0.9px;
	}

	.slider-tagline span {
	    font-size: 15px;
	    letter-spacing: 3.2px;
	}

	.indicator {
	    left: 0;
	    right: 0;
	    text-align: center;
	}

	.short-form {
	    width: 50%;
	}

	:root {
	    --font-size-title: 55px;
	}

	#content .entry-title,
	#content .archive-title {
	    font-size: 45px;
	}

	/*.fc-list {
	    width: 100%;
	}*/

	.cta-list {
	    width: 100%;
	    max-width: 384px;
	    margin: 0 auto;
	}

	/*.cta-label {
	    top: -250px;
	    right: -190px;
	}*/

	/*.cta-accent {
	    bottom: 225px;
	    right: -185px;
	}*/

	.gt-fields.gt-check > span > span > span {
	    padding: 0 20px;
	}

	.gt-fields {
	    width: 100%;
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	#content .entry-title,
	#content .archive-title {
	    font-size: 35px;
	}

	.slider-tagline {
	    font-size: 20px;
	    letter-spacing: 0;
	}

	.slider-tagline span {
	    letter-spacing: 0;
	}

	.qs-holder {
	    padding: 0;
	}

	.wc-head .global-title strong {
    	font-size: 55px;
	    margin-left: 0;
	}

	:root {
	    --font-size-title: 35px;
	}

	/*.cta-label {
	    top: -175px;
	    right: -125px;
	}

	.cta-accent {
	    bottom: 150px;
	    right: -125px;
	}*/

	.gt-fields.gt-check > span > span {
	    display: block;
	    text-align: center;
	}

	.gt-fields.gt-check > span > span > span {
	    padding: 0 10px;
	}

	.gt-form .gt-fields.gt-check span.wpcf7-list-item label span {
	    font-size: 15px;
	}
}