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

@media only screen and (max-width: 1366px) {
	#upperfold-wrap {

	}
		.slide-holder .cycloneslider-template-responsive .cycloneslider-prev {
		    left: calc( (100vw - 1140px) / 2 );
		}
		.slide-holder .cycloneslider-template-responsive .cycloneslider-next {
		    right: calc( (100vw - 1140px) / 2 );
		}
}
 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	#main-header {

	}
		.default-header .site-navi > li > a {
		    padding: 12px 30px;
		}
		.fixed-header .site-navi > li > .sub-menu {
		    padding-top: 19px;
		}
		.fh-left {
			padding: 17px 0;
		}
			.fh-left a strong {
				font-size: 30px;
			}
			.fh-left a span {
				font-size: 8px;
			}
		.fixed-header .site-navi > li > a {
		    padding: 9px 4px;
		}
		.fh-contact li {
			padding: 7px 4px;
		}
		.fh-brokerage {
			margin-left: 5px;
		}

	#upperfold-wrap {

	}
		.slide-holder .cycloneslider-template-responsive .cycloneslider-slide canvas {
			min-height: 520px;
		}
		.slide-holder .cycloneslider-template-responsive .cycloneslider-prev {
			left: 15px;
		}
		.slide-holder .cycloneslider-template-responsive .cycloneslider-next {
			right: 15px;
		}
		.qs-form {
    		max-width: 850px;
    	}

    #featured-wrap {

    }
    	.fw-img-slide canvas {
    		min-height: 300px;
    	}

    .sidebar .cta-item div strong {
		font-size: 26px;
    }
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
	#pojo-a11y-toolbar {
         display:none;
    }
	#main-wrapper {
		padding-top: 52px;
	}

	#main-header {
		position: relative;
	}
		.dh-left {
			text-align: center;
		    padding-top: 16px;
		    padding-bottom: 16px;
		}

	#upperfold-wrap {

	}
		.slide-holder .cycloneslider-template-responsive .cycloneslider-slide canvas {
			min-height: auto;
		}
		.slide-holder .cycloneslider-template-responsive .cycloneslider-caption {
			margin-top: 0;
			transform: translateY(-50%);
		}
		.slide-holder .cycloneslider-template-responsive .cycloneslider-prev,
		.slide-holder .cycloneslider-template-responsive .cycloneslider-next {
			display: none;
		}

		.quicksearch-holder {
			position: relative;
			top: inherit;
			transform: inherit;
			margin-top: 0;
			background: var(--secondary-color);
			padding: 20px 0;
		}
			.qs-form {
				max-width: 360px;
				margin: auto;
			}
				.qs-form .field-input {
					margin: 3px 0;
				}
				.qs-form .field-lg {
					width: 100%;
				}
				.qs-form .field-sm {
					width: calc( 50% - 3px );
					margin-right: 6px;
				}
				.qs-form .field-nomar {
					margin-right: 0;
				}
				.qs-form input[type="submit"] {
					width: calc( 50% - 3px );
					margin: 3px 6px 3px 0;
				}
				.qs-form a.adv-btn {
					width: calc( 50% - 3px );
					margin: 3px 0;
				}

	#welcome-wrap {

	}
		.welcome-right {
			text-align: center;
		}
		.welcome-right .section-title {
			width: 100%;
		}
		.welcome-right .site-smis {
			width: 100%;
			text-align: center;
		}

	#featured-wrap {

	}
		.featured-col {
			margin: 20px 0;
		}

		.fw-arrow {
			bottom: initial;
			top: 0;
		}

	#posts-wrap {

	}
		/*Remove flex*/
		#posts-wrap .row, #posts-wrap .textwidget.custom-html-widget, #posts-wrap .post-item,#posts-wrap .testi-item {
			display: block;
		}
		.posts-col {
			margin: 30px 0;
		}
		.posts-col .section-title {
			text-align: center;
		}

	#areas-wrap {

	}
		.areas-items li {
			width: 50%;
		}

	#main-footer {

	}
		.ft-left {
			padding-bottom: 0;
			text-align: center;
		}
		.ft-middle {
			padding-top: 15px;
			padding-bottom: 15px;
		}
		.ft-right {
			padding-top: 30px;
		}
			.ft-right img {
				margin-right: auto;
			}
		.fb-left {
			text-align: center;
			padding-bottom: 0;
		}
		.fb-right {
			text-align: center;
			padding-top: 15px;
		}

		.footernav li {
		    display: block;
		    text-align: center;
		    margin: 0;
		    padding: 10px 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%;
	}
	
} 

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

	}
		.post-item {
			text-align: center;
			margin-bottom: 20px;
		}
		.testi-item {
			text-align: center;
			margin-bottom: 20px;
		}
			.testi-name {
				text-align: center;
			}

	#areas-wrap {

	}
		.areas-items li {
			width: 100%;
		}

    .ip-banner .container{
        width: 100%;
    }
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	#main-header {

	}
		.dh-left a strong {
			font-size: 45px;
		}
		.dh-left a span {
			font-size: 12px;
		}

	#upperfold-wrap {

	}
		.slide-holder .cycloneslider-template-responsive .cycloneslider-caption-title {
			font-size: 30px;
		}

	#featured-wrap {

	}
		.fw-txt-holder {
			position: relative;
			width: 100%;
			text-align: center;
		}
		.fw-txt-holder::before {
			opacity: 1;
		}
		.fw-img-slide canvas {
			min-height: auto;
		}
}