/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (min-width: 992px) {
	.mobile-only-animation {
		animation-name: none!important;
		opacity: 1!important;
	}
}

@media only screen and (min-width: 1200px) {
	
	.header-v2-logo {
	    margin-right: min(4.082vw,60px);
	}
	#nav > li {
        /*margin: 0 min(2.109vw,31px);*/
        margin: 0 min(1.7vw,31px);
    }
    .header-v2-contact-info span {
	    margin-left:min(1.7vw,33px);
	}
}
@media only screen and (max-width: 1280px) {
	#nav > li > a {
	    font-size: 12px;
	}
	
	#nav > li {
	    /*margin: 0 25px;*/
	}
}
 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	header.header-v2 {
	    padding: 25px 25px;
	}
	
	#nav > li > a {
	    /*letter-spacing: 0.200em;*/
	    letter-spacing: 0.100em;
	}
	
	#nav > li {
		margin: 0 12px;
	}
	#featured-listings:hover .textwidget > .hp-title,
	#sold-listings:hover .textwidget > .hp-title {
	    height: 46%;
	}
	#featured-press:hover .textwidget > .hp-title {
	    height: 80%;
	}

	#featured-listings .textwidget > .hp-title, 
	#sold-listings .textwidget > .hp-title, 
	#featured-press .textwidget > .hp-title {
	    align-items: flex-end;
	}
	
} 

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

	*[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%; }
	
	/* 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%;
	}
	.ip-container #main-wrapper {
		padding-top: 50px;
	}
	.ip-banner {
		padding: 11% 0;
	}
	header.header {
		position: fixed;
	    padding: 0;
	    /*background: #000;*/
	    pointer-events: all;
	}
		.header-logo {
			padding: 21px 30px 21px 15px;
			width: 260px;
			min-height: 60px;
			background: #000;
		}
			.header-logo a img {
				width: 211px;
			}
			.header-logo a span {
				width: 22px;
			}
		.header-logo:before,
		.header-navigation:before {
		    display: none;
		}
		.header-navigation {
			padding: 0;
			width: 60px;
			height: 60px;
			background: #000;
			justify-content: center;
		}
			#nav {
				display: none;
			}
		.slide-menu-button {
		    margin-left: 0;
		    transform: none;
		}

	#slideshow canvas,
	#slideshow .cycloneslider-slides {
	    min-height: 260px!important;
	}

	#about-drew {
	    padding-left: 5%;
	    padding-right: 5%;
	    background: rgba(0,0,0,0.6);
	}
	.section-title, #content .section-title {
	    font-size: 15px;
	}
	section.section-3:before, section.section-3:after, section.section-5:before, section.section-5:after, section.section-6:before, section.section-6:after {
		display: none;
	}
	#featured-listings:hover .textwidget > .hp-title,
	#sold-listings:hover .textwidget > .hp-title {
	    height: 44%;
	}
	#featured-press:hover .textwidget > .hp-title {
	    height: 20%;
	}
	.hplisting-links .site-button {
	    margin: 0 3%;
	}
	.cta a h3 {
	    font-size: 30px;
	}
	    .cta a h3 span {
	        font-size: 15px;
	    }
	
	footer.footer {
		margin-top: 10%;
    	padding: 11.188% 0 8.75%;
	}

	/*reset*/
	html, body {
	    overflow: auto!important;
	}
	div#pagepiling {
	    display: block;
	    /*overflow: auto!important;*/
	}
	.pp-section.section {
	    position: relative;
	    transform: none!important;
	    height: auto;
	}	
	.pp-section #slideshow, .pp-section #slideshow > div, .pp-section #slideshow > div canvas, .pp-section #slideshow > div .cycle-slide {
	    height: auto;
	}
	.pp-section .hplisting canvas, .pp-section .cta a canvas {
	    height: auto;
	}
	footer.footer.pp-section {
		margin-top: 0;
	}

	.footer-copyright p br {
	    display: inline-block;
	}

	.footer-copyright p {
	    width: 100%;
	    max-width: 311px;
	    margin: 0 auto !important;
	    line-height: 2;
	}

	.ig-link .site-button {
	    padding-left: 0;
	    margin-top: 15px;
	}

	#slideshow .cycloneslider-pager {
	    top: auto;
	    bottom: 50px;
	    left: 0;
	    right: 0;
	}

	#slideshow .cycloneslider-template-video .cycloneslider-prev {
	    right: 40px;
	    left: 0;
	    bottom: 5px;
	    top: auto;
	    margin: auto;
	    width: 17px;
	    font-size: 30px;
	    height: auto;
	}

	#slideshow .cycloneslider-template-video .cycloneslider-next {
	    right: 0;
	    left: 40px;
	    bottom: 5px;
	    top: auto;
	    margin: auto;
	    width: 17px;
	    font-size: 30px;
	    height: auto;
	}

	.ip-banner-title {
	    padding-left: 0;
	    line-height: 1.3;
	}

	/*#pojo-a11y-toolbar {
	         display:none;
	    }*/

} 

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

    .hplisting canvas {
	    min-height: 380px;
	}
	.cta {
		width: 100%;
	}



}

@media only screen and (max-width: 567px) {
	#contact-section-one .contactus-form .form-col {
	    width: 100%;
	    margin-left: 0;
	}
	.contactus-form .wpcf7-not-valid-tip{
		width: 80%;
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	.about-drew-title {
		margin-top: 0;
	    margin-bottom: 20px;
	}
	.about-drew-text {
	    max-width: 100%;
	}
	.section-title, #content .section-title {
	    letter-spacing: 0.5em;
	}
	a.site-button:before {
		margin-right: 15px;
	}
	.hplisting-links .site-button {
		font-size: 12px;
		margin: 0 15px;
	}
	.hplisting-details h3 {
	    font-size: 30px;
	}
	#ip-dsmi {
		padding: 0 0 40px;
	}
	#ip-dsmi .wpcf7 form .wpcf7-response-output {
	    bottom: -70px;
	}

}