/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (min-width: 992px) {
	.hpslide:before {
	  transition: all ease 25s;
	  -moz-transition: all ease 25s;
	  -webkit-transition: all ease 25s;
	}
	.hpslide.zoom_slide:before{
	    transition: all ease 20s;
	  -moz-transition: all ease 20s;
	  -webkit-transition: all ease 20s;
	}

	section.section-3 {
	    padding: 44px min(2.5vw,39px);
	}
	.welcome-text {
	    width: 85%;
	}
	.welcome-text .section-title-a{
		font-size: min(2.8vw, 40px);
	}
}
@media only screen and (min-width: 1601px) {
	.contact-photo img {
		margin-left: 0;
	}
}
@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) {

	.logo strong,
	header.active .logo a strong {
		font-size: 18px;
	}
    
    .site-burger-holder {
        margin-left: 10px;
    }
    
    .burger-menu {
        width: 28px;
    }
    
	#nav > li {
		margin: 0 5px;
	}
    
    #nav li a {
        font-size: 12px;
    }

	.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) {
	
	/* 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;
            max-width: 227px;
        }

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

	a.fc {
		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;
	}

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

	/*#slideshow, .pic-wrapper {
		height: 30vh;
		min-height: 400px;
	}*/

	.hpslide {
		height: 30vh;
		min-height: 400px;
	}
} 

/* 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;
    }
	a.fc {
	    display: block;
        width: 550px;
        max-width: 100%;
        margin: 0 auto;
	}
    a.fc + a.fc {
        margin-top: 15px;
    }
    .smi-list 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;
    	}
}

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

	.smi-list a {
		width: 100%;
	}
	#content .entry-title, #content .archive-title,
	.section-title-a {
    	font-size: 25px;
    	line-height: 1.3;
    }
    .headline-details h3 {
	    font-size: 20px;
	}
}