/*# sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style-media-queries.css?ver=6.6.3 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style-media-queries.css?ver=6.6.3 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style-media-queries.css?ver=6.6.3 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style-media-queries.css?ver=6.6.3 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style-media-queries.css?ver=6.6.2 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style-media-queries.css?ver=6.6.2 */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style-media-queries.css?nocache */
/*@ sourceURL=https://stellaandstephanie.com/app/themes/stellaandstephanie/style-media-queries.css?ver=5.5.5 */
/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/


 @media only screen and (min-width: 1601px) {
	
	.slider-container {
		max-width: 1300px;
	}

}

 @media only screen and (max-width: 1599px) {
	.testi-and-vlogs-section{
		background-size: auto;
		background-position: top right;
		/*margin-top: -200px;*/
	}
	.site-header nav.navigation #nav > li {
		padding: 0 10px;
		/* padding: 0 0; */
	}
	.site-header nav.navigation #nav a {
		font-size: clamp(10px, 0.875vw, 13px);
		text-transform: uppercase;
	}
} 

@media only screen and (max-width: 1420px) {
	.site-header nav.navigation #nav > li {
			padding: 0 10px;
	}
} 

@media only screen and (max-width: 1366px) {
	.menu-btn-style a {
		padding: 0 15px;
	}

	.aiosp-ref-popup-newsletter .aios-popup-body .aiosp-close {
		/* right: 160px; */
		top: 7px !important;
	}
}

@media only screen and (max-width: 1300px) {
	
	

	.about-video-section {
		background-position: -100px -350px;
	}

	.site-header nav.navigation #nav > li {
		padding: 0 9px;
	}
} 
@media only screen and (max-width: 1299px) {
	.testimonials-wrapper {
    width: 89%;
	}
	.instagram-feed-section {
    padding-left: 15px;
    padding-right: 15px;
	}
} 

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	.container {
    width: 100%;
	}

	.testi-and-vlogs-section{
		background-size: cover;
		/*margin-top: -100px;*/
	}
	.site-header {
    padding: 20px 0;
	}
	.site-header.fixed-header {
    padding: 8px 0;
	}
	.site-header nav.navigation #nav > li {
    padding: 0 5px;
	}

	.about-video-section {
    /* padding-top: 180px; */
    /* padding-bottom: 180px; */
    /* padding-left: 20px; */
    margin: 0;
 }
	.about-content {
    padding: 75px 30px 75px 120px;
 }
	h2.about-section-title {
    font-size: 40px;
    margin-bottom: 20px;
	}
	p {
    font-size: 15px;
    margin-bottom: 15px;
	}
	.featured-listing-address .address-1{
		font-size: 20px;
	}
	.hp-comms .comms-left{
		margin-left: 0;
	}
	#instafeed.socmed-inner{
		margin-top: 40px;
	}
	.hp-comms{
		padding-left: 30px;
	}

	.aiosp-ref-popup-newsletter .aios-popup-body .aiosp-close {
		/* right: 133px; */
		top: 7px !important;
	}
} 

@media only screen and (max-width: 1024px) {
	.newsletter-form-wrap .ai-default-cf7wrap input {
		height: 45px;
	}
	.aiosp-ref-popup-newsletter {
		padding: 0 !important;
	}
	.agent-photo {
		width: 55.37%;
		margin-right: unset;
	}
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
    
    .home-first-fold .slider-content {
        top: 0;
        padding: 0 !important;
    }

	.slider-agent-photos .slide-agent-desktop {
/*	    display: none;*/
		max-width: 500px!important;
	}

	.slider-agent-photos .slide-agent-mobile {
/*	    display: block !important;*/
	    max-width: 400px !important;
	    margin: 0 auto;
	}

	.hp-slide,
	.hp-slide canvas {
		height: 100%;
	}

	#content .entry-title,
	.ip-replicate-title{
		font-size: 40px;
	}
	.testi-arrows {
		top: 100%;
		max-width: 200px;
	}
	.we-are-social-title-box {
		padding: 130px 20px;
		min-height: 0;
	}

	.aiosp-ref-popup-newsletter .aios-popup-body .aiosp-close {
		top: 0 !important;
		/* right: 10px !important; */
		color: #000000;
	}
	.popup-newsletter-content > div {
		flex-flow: column;
		align-items: center;
		justify-content: center;
	}
	.aiosp-wrap .aiosp-container.aiosp-ref-\#popup-newsletter .aios-popup-body {
		padding: 30px;
	}

	.aiosp-ref-popup-newsletter .aios-popup-body .aiosp-close {
		/* right: 133px; */
		top: 0px !important;
	}

	.aios-popup-body #popup-newsletter {
		padding: 29px 14px 14px 14px;
	}

	.newsletter-form-box {
		width: 100%;
		padding-right: 0;
	}

	.agent-photo {
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
	}

	.agent-photo img {
		width: 100%;
	}

	.aiosp-wrap .aiosp-container.aiosp-ref-\#popup-newsletter .aios-popup-body .aiosp-close {
		top: -10px;
	}
	header.header.site-header,
	.slider-logo,
	.expanded-menu-wrapper{
		display: none;
	}
	.mobile-logo{
		display: block;
	}
	.slider-container {
    max-width: 100%;
	}
	.home-first-fold {
		top: 0 !important;
		margin-top: 52px;
	}
	.home-first-fold .cycloneslider {
/*    	display: none;*/
	}
		.home-first-fold .cycloneslider-template-video .canvas-holder {
			/* min-height: 500px; */
		}
		.home-first-fold .cycloneslider-template-video video {
		    /* max-width: initial; */
		}
	.home-first-fold .slider-content {
    	/*position: relative;
		background-image: url("images/slide1.jpg");*/
		background-size: cover;
/*		margin-top: 52px;*/
    	padding: 40px 10px 0;
    	text-align: center;
	}
	.home-first-fold .slider-content.video-playing {
		/*opacity: 1;
	    visibility: visible;
	    pointer-events: all;*/
	}
    .home-first-fold .slider-content {
        opacity: 0 !important;
        visibility: hidden !important;
    pointer-events: none !important;
    }
    .home-first-fold .slider-content.easing.delay-easing {
        opacity: 1 !important;
        visibility: visible !important;
    pointer-events: auto !important;
    }
	.fl-arrows {
    /* display: block; */
 }
	.about-video-wrapper {
    margin-right: 0;
	}
	.about-video-section {
    padding-left: 15px;
    padding-right: 15px;
	}
	.hp-about-section .col-md-5 {
    width: 100%;
	}
	.testi-and-vlogs-section {
    background: #fff;
    margin-top: 0;
	}
	.hp-vlogs-section {
    margin-top: 20px;
	}	
	.vlogs-section-title.text-right {
    text-align: center !important;
	}
	.testimonials-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
	}
	.vlogs-arrows {
    margin: 30px auto 0;
	}
	.vlogs-slider.slick-slider .slick-track {
    margin-left: 0%;
	}
	.vlog-arrows-inner {
    margin-left: 0;
		justify-content: center;
	}
	.testi-slide {
    padding-right: 0;
	}
	.testi-arrows.text-right {
    margin-top: 30px;
    text-align: center;
	}
	.we-are-social-title-box ul.social-media-list {
    margin-left: auto;
    margin-right: auto;
		max-width: 100%;
		justify-content: center;
	}
	.we-are-social-title-box ul.social-media-list li{
		width: auto;
	}
	.testi-container {
    padding: 20px 0;
		text-align: center;
	}
	.we-are-social-title-box {
    text-align: center;
	}
	.vlog-arrows-inner span.vlog-arrow {
    margin: 0 10px;
	}
	.instagram-feed-section ul.slick-dots {
    text-align: center;
	}
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{
		width: 100%;
	}
	.instagram-feed-section {
    padding-left: 0;
    padding-right: 0;
	}
	#instafeed {
    margin: 0;
	}
	.social-section-container{
		padding: 0;
	}
	.social-section-container .row.flex-row {
    display: block;
    margin: 0;
	}


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

	.about-video-section {
		background-size: contain;
		width: 100%;
		background-position: center center;
		height: 500px;
		background-attachment: scroll;
	}

	.page-id-23 a.img-link {
		float: none !important;
		display: block;
		margin-bottom: 30px;
	}

		.page-id-23 a.img-link img {
			margin: 0 auto;
		}

	.page-id-21 #content .about-notes {
		text-align: center;
		margin-top: 30px;
	}

		.page-id-21 #content .about-notes > div {
			display: inline-block;
			text-align: left;
		}
    .vidholderdb {
        background:  #f2f2f2;
        padding: 30px 15px !important;
    }
    
    .sellimgslide-wrapper-parent {
        background:  #f2f2f2;
        padding: 30px 0 !important;
        margin: 30px 0 0;
    }
    
    a.s-arrow {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        transform: none;
        display: flex !important;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
        padding: 0;
        margin: 0 5px;
    }
    
    .selling-arrows {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sellimgslide {
        text-align: center;
    }

	.aiosp-ref-popup-newsletter {
		top: 0 !important;
		padding: 15px !important;
	}

	#pojo-a11y-toolbar {
		display: none;
	 }
    
    .listings-disclaimer img, .listings-logo img {
        max-width: 50px !important;
    }

	.hp-comms-inner {
		flex-wrap: wrap;
	}

	.hp-comms .comms-left, .hp-comms .comms-right {
		width: 100%;
		text-align: center;
	}
	.hp-comms .comms-right {
		margin-top: 50px;
	}

	.hp-comms {
		margin-left: 0;
		padding-right: 15px;
		padding-left: 15px;
	}
	.about-content{
		padding: 75px 30px;
	}
	.hp-cta-section .container{
		max-width: 500px;
	}
	.cta-item{
		width: 100%;
		margin-bottom: 1px;
	}
	.comms-left p{
		max-width: 100%;
	}
	.hp-comms a.site-button{
		margin-top: 40px;
	}
	.hp-comms .comms-item{
		width: 50%;
	}
	.hp-comms .comms-list{
		margin: 0 -10px;
	}
	.testimonials-wrapper{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.connect-with-us-form-wrapper .col-sm-6, .connect-with-us-form-wrapper .col-sm-12{
		padding: 10px 15px;
	}
	.footer-contact-info{
		font-size: 16px;
	}
	.footer-contact-info .col-sm-6{
		margin-bottom: 40px;
	}
	.footer-contact-info .ci-address{
		margin-top: 0;
	}
	.what-we-offer-adv-img-wrap,
	.what-we-offer-adv-txt-wrap{
		width: 100%;
	}
	.what-we-offer-adv-txt-wrap{
		padding: 20px 0 0;
	}
	.what-we-offer-logo-wrap .row{
		flex-flow: wrap !important;
	}
	.what-we-offer-logo-wrap .row > div{
		width: 100%;
		padding: 0 !important;
	}


	.popup-newsletter-content .agent-photo {
		display: none;
	}

	.popup-newsletter-content .newsletter-form-box {
		padding: 0;
	}

	.aiosp-ref-popup-newsletter {
		padding: 0 80px;
	}
} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {

	.aiosp-ref-popup-newsletter {
        padding: 0 15px;
    }
    .ip-banner .container{
        width: 100%;
    }
		h2.section-title {
			font-size: 27px;
			letter-spacing: 2px;
		}
		.about-content {
			padding: 45px 15px;
			margin-right: -15px;
		}
		.cta-box {
			font-size: 17px;
			letter-spacing: 0.2em;
		}
		a.site-button {
			padding: 25px 34px;
			letter-spacing: 0.1em;
		}
		.vlog-slide{
			padding: 0 5px;
		}
		.vlogs-slider-wrap {
			padding-bottom: 0;
		}
		.footer-upper {
			margin-bottom: 30px;
		}
		.hp-about-section {
			padding-bottom: 40px;
		}
		.we-are-social-section {
			padding-top: 70px;
		}
		.about-video-section {
			padding-top: 80px;
			padding-bottom: 80px;
		}
		.hp-featured-listings {
			padding: 50px 0;
		}
		.aios-popup-body #popup-newsletter{
			background: #fff;
		}
		.aiosp-wrap .aiosp-container .aios-popup-body {
			width: 100%;
		}

	.ip-community-listings-box {
		width: calc(100% / 2);
	}
    
	.hp-comms .comms-item {
		width: 100%;
	}
    .testi-container h2{
        font-size: 30px;
    }
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	
	.ip-community-listings-box {
		width: 100%;
	}

	.aios-smf-theme-one #theme-filter {
		letter-spacing: .1em !important;
	}
	h2.about-section-title{
		font-size: 30px;
	}
	.socmed-item{
		width: 50%;
	}
    
    

}

@media only screen and (min-width: 1601px){
	.about-video-section{
		background-size: 50%;
	}
}