/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (min-width: 992px) {
	header.header {
		/*top: 32px;*/
	}

	.sba-title-v3 {
		margin-bottom: 1.813vw;
		padding-bottom: 1.750vw;
	}
		.sba-title-v3:before {
			left: -48.3%;
		}
		.sba-title-v3 h2 {
			font-size: 4.375vw;
		}
	.sba-agents .sba-text {
		padding: 0 5.250vw 3.750vw;
	}
		.sba-text p {
			font-size: 0.875vw;
			margin: 1.500vw 0;
		}
		.sba-text a.btn-a {
			margin-top: 1.688vw;
			min-width: 10.250vw;
			height: 3.063vw;
			padding: 0 1.875vw;
			font-size: 0.875vw;
		}

	.sba-sellers .sba-text {
		padding: 0 4.625vw 7vw 8.125vw;
	}
		.sba-sellers .sba-text .sba-title-v3 {
		    margin-bottom: 2.063vw;
		    padding-bottom: 2.125vw;
		}
			.sba-sellers .sba-text .sba-title-v3:before {
			    left: 0;
			    right: -22%;
				background: rgb(161,174,187);
				background: -moz-linear-gradient(90deg, rgba(161,174,187,1) 0%, rgba(241,241,241,1) 59%);
				background: -webkit-linear-gradient(90deg, rgba(161,174,187,1) 0%, rgba(241,241,241,1) 59%);
				background: linear-gradient(90deg, rgba(161,174,187,1) 0%, rgba(241,241,241,1) 59%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a1aebb",endColorstr="#f1f1f1",GradientType=1);
			}

	.sba-buyers .sba-text {
		padding: 0 6.938vw 1.375vw 7.625vw;
	}
		.sba-buyers .sba-title-v3 {
		    margin-bottom: 2.188vw;
		    padding-bottom: 2.125vw;
		}
			.sba-buyers .sba-title-v3:before {
				left: -45.8%;
			}
		.sba-buyers .sba-text a.btn-a {
		    margin-top: 2vw;
		}
		
	/*market report idx*/
	.idx-mk-report-active-listings__content {
		align-items: center;
	}
		.idx-mk-report-active-listings__graph {
		    width: 250px;
		    height: 250px;
		}
	/*market report idx end*/
}

@media only screen and (max-width: 1469px) {
	.backtop-cont {
		right: -20px;
	}
	.bm-menu-v3-inner {
		padding: 9px 0 0;
	}
}
@media only screen and (max-width: 1269px) {
	.backtop-cont {
		right: 10px;
	}
	.footer-copyright {
		padding-right: 30px;
	}
}

/*for ipad/tablest only*/
@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.footer-copyright {
		margin-top: 41px;
	}
		.footer-copyright-icons i.ai-font-agentimage-logo {
		    font-size: 20px;
		    margin-right: 15px;
		}
		.footer-copyright-icons i.ai-font-caimeiju-longform {
		    margin-left: 15px;
		}
		.footer-copyright-icons img {
		    margin-left: 15px;
		    max-height: 30px;
		    width: auto;
		}
}
 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {

	.header-navigation > a {
	    margin-left: 20px;
	}

	.slideshow-scroll-text:before {
		height: 10%;
	}
	
	.ig-desc {
	    font-size: 12px;
	    padding: 0 15px;
	}

	.footer-copyright-text {
	    max-width: 60%;
	}
	.footer-copyright-icons {
		bottom: 0;
	}

	#content .entry-title,
	#content .archive-title,
	.ip-global-title h1,
	#content .ip-global-title h1,
	.ip-global-title h2,
	#content .ip-global-title h2 {
		font-size: 60px;
	}

	.ip-global-title {
		padding: 0 15px 0;
	}
	.ip-global-title:before {
		left: -15px;
	}

	footer.footer {
		padding-bottom: 393px;
	}

	.ip-ftr-nl-title {
	    font-size: 20px;
	}
} 

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

	header.header,
	header.header.sticking {
	    background: #000;
	    padding: 13px 0;
	}
		.sticking .header-logo,
		.header-logo {
			width: 90px;
			bottom: 0;
		}
			.sticking .header-logo a img,
			.header-logo a img {
			    -webkit-filter: brightness(0) invert(1);
			    filter: brightness(0) invert(1);
			    max-height: 32px;
			}

		.header-navigation > a:not(.bm-contact-open) {
			display: none;
		}

		.sticking a.bm-contact-open,
		.sticking .bm-menu-open span,
		a.bm-contact-open,
		.bm-menu-open span {
		    color: #fff;
		    border-color: #fff;
		    font-size: 11px;
		}
		.sticking .bm-menu-icon:before,
		.sticking .bm-menu-icon:after,
		.bm-menu-icon:before,
		.bm-menu-icon:after {
			background: #fff;
		}

		.bm-menu-open {
			margin-left: 20px;
		}

	.bm-menu-close, .bm-contact-close, .bm-menu-v3-close {
	    right: 12%;
	    top: 30px;
	}
	.bm-contact-wrap {
	    width: 400px;
	    max-width: 90%;
	}
		.bm-contact-inner {
		    padding: 100px 12%;
		}
			.bm-contact-wrap h2 {
				font-size: 30px;
			}
	.bm-menu-wrap {
	    width: 400px;
	    max-width: 50%;
	}
		.bm-menu-inner {
		    padding: 100px 12%;
		    padding-left: 0;
		}

	#bm_nav > li > .sub-menu {
	    max-width: 50vw;
	    padding: 32px 15px;
	}
		#bm_nav > li.menu-item-has-children:before {
		    left: 9px;
		    width: 20px;
		}
		#bm_nav > li > .sub-menu:before {
		    bottom: -200vw;
		    top: -200vw;
		}
	#bm_nav > li > a {
	    font-size: 20px;
	}

	.bm-menu-v3-bg {
		background-position: 70% 50%;
	}


	.bm-menu-v3-inner {
		padding: 60px 0;
	}
	.bm-menu-v3-inner .container {
	    flex-flow: column;
	}
		.bm-menu-v3-logo {
		    width: 100%;
		    max-width: 273px;
		    margin: 0 auto;
		}

		#bm_v3_nav {
		    padding: 60px 0 30px;
		    text-align: center;
		}
			#bm_v3_nav > li {
				margin-bottom: 30px;
			}
			#bm_v3_nav > li > a {
			    font-size: 40px;
			}
				#bm_v3_nav .sub-menu {
				    white-space: normal;
				    position: relative;
				    transition: none;
				    display: none;
				    opacity: 1;
				    visibility: visible;
				    transform: translateY(0);
				    pointer-events: all;
				}

			#bm_v3_nav .sub-menu > li {
			    padding: 5px 0;
			    width: 100%;
			}
				#bm_v3_nav .sub-menu > li:after {
				    display: none;
				}
	.bm-menu-v3-content {
	    width: 100%;
	}

	.slideshow-canvas {
	    min-height: 100vh;
	}
	#hp-slideshow .custom-container {
	    padding: 0;
	}
	#hp-slideshow:before {
	    display: none;
	}
	.slideshow-controls {
	    right: 0;
	    top: 62px;
	    padding: 0 15px 0;
		width: 100%;
	}

	.slideshow-scroll-text {
	    left: 2%;
	    top: 0;
	    display: none;
	}

	#hp-sba {
	    
	}

		.sba-row .custom-container {
		    padding: 0;
		}
			.sba-spacer.spacer-1,
			.sba-spacer.spacer-2,
			.sba-spacer.spacer-3 {
			    height: 70px;
			}
			.sba-spacer.spacer-4 {
			    height: 30px;
			}
		    .sba-img {
		        width: 100%!important;
		        max-width: 100%;
		        margin: 0 auto!important;
		        z-index: 2;
		    }
		    	.sba-img-line {
				    bottom: -30px;
				    height: 110px;
				}
			.sba-text {
			    width: auto!important;
			    background: #fff;
			    padding: 40px 3.750%!important;
			    text-align: center!important;
			}

		.sba-sellers .sba-img canvas {
		    margin-top: 0;
		    height: 100%;
		}
		.sba-buyers .sba-img {
		    right: 0;
		}

		.sba-sellers .sba-title,
		.sba-buyers .sba-title,
		.sba-agents .sba-title {
		    height: auto;
		    width: auto;
		    text-align: center;
		   	margin-bottom: 60px;
		}

			.sba-sellers .sba-title h2,
			.sba-buyers .sba-title h2,
			.sba-agents .sba-title h2,
			.sba-sellers .sba-title-v3 h2,
			.sba-buyers .sba-title-v3 h2,
			.sba-agents .sba-title-v3 h2 {
			    transform: none;
			    position: relative;
			}

			.sba-sellers .sba-title:before,
			.sba-buyers .sba-title:before,
			.sba-agents .sba-title:before {
			    left: 0;
			    right: 0;
			    margin: auto;
			    width: 200px;
			    bottom: -30px;
			}

	#hp-instagram {
	    padding: 30px 0 50px;
	}
	    .ig-list {
	        max-width: 509px;
	        margin: 0 auto;
	        padding: 0 9px;
	    }
	    .ig-item {
	        width: 50%;
	    }

	    .ig-item:first-child {
	        width: 100%;
	    }

	.wwu-img canvas {
/*	    min-height: 340px;*/
	}
	.wwu-img:after {
	    background-size: 1000px;
	}
	.wwu-text {
	    bottom: 30px;
	}
	.wwu-logo {
	    width: 90px;
	    height: 90px;
	    bottom: -11px;
	}
	.wwu-logo-v3 {
	    left: 3%;
	    bottom: 5%;
	    width: 200px;
	    max-width: 30%;
	}
	.wwu-text {
	    right: 3%;
	}

	.footer-logo-smi {
	    padding: 0;
	    width: 100%;
	    margin-bottom: 27px;
	}

	.footer-contact {
	    margin: 0 auto;
	    text-align: center;
	}

	.footer-logo {
	    justify-content: center;
	}

	.footer-logo a {
		margin: 20px 20px 20px;
	}

	.footer-smi {
	    justify-content: center;
	}

	.footer-copyright-icons {
	    justify-content: center;
	    width: 100%;
	    max-width: 370px;
	    margin: 0 auto;
	}
		.footer-copyright-icons i.ai-font-agentimage-logo {
		    margin: 0 0 15px;
		}
		.footer-copyright-icons i,
		.footer-copyright-icons img {
		    margin: 5px 15px!important;
		}
	.footer-copyright-text {
		width: 100%;
	    max-width: 100%;
	    margin-bottom: 30px;
	    text-align: center;
	    line-height: 1.5;
	}

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

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

    #content .entry-title,
	#content .archive-title,
	.ip-global-title h1,
	#content .ip-global-title h1,
	.ip-global-title h2,
	#content .ip-global-title h2 {
		font-size: 50px;
	}

	.ip-global-title {
		padding: 0;
	}

	footer.footer {
	    opacity: 1;
	    padding-bottom: 0;
	}
		.footer-inner {
		    position: relative;
		}

	.ip-ftr-nl-title {
	    width: 100%;
	    text-align: center;
	    margin-bottom: 40px;
	}

	.ip-ftr-nl-form {
	    width: 100%;
	}

	    .ip-ftr-nl-contact-btn {
	        padding-left: 15px;
	    }
	.backtop-cont {
		right: 20px;
	}
	
	.ui-dialog .ui-dialog-titlebar-close {
		right: 15px !important;
		top: 11px;
		filter: brightness(0);
	}
    .bm-menu-v3-logo a img {
        width: 80%;
    }
} 

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

    #bm_v3_nav > li > a {
    	font-size: 30px;
    }
    #bm_v3_nav > li.link-small {
	    margin-right: 20px;
	}
	    #bm_v3_nav > li.link-small > a {
	        font-size: 16px;
	    }

    .wwu-text {
	    position: relative;
	    bottom: 0;
	    left: 0;
	    text-align: center;
	    padding: 60px 0 0;
	}
		.wwu-text h2, .wwu-text h3 {
		    color: #000;
		}
		.wwu-text h2 span:before {
		    left: 0;
		    margin: auto;
		}
		.wwu-text a.btn-a.is-white:not(:hover) {
		    color: #000;
		    border-color: #000;
		}
			.wwu-text a.btn-a.is-white:hover {
				background: #000;
				border-color: #000;
				color: #fff;
			}
	
	#IDX-registration .IDX-control-group {		
		width: 100% !important;
		display: block !important;
		padding-right: 0 !important;
	}
	#IDX-registration .IDX-customRegistrationFields {
		display: block !important;
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	.sba-title h2,
	.sba-title-v3 h2 {
	    font-size: 50px;
	}
	.ig-desc {
	    font-size: 10px;
	}
	.wwu-text h3 {
	    font-size: 20px;
	}

	#content .entry-title,
	#content .archive-title,
	.ip-global-title h1,
	#content .ip-global-title h1,
	.ip-global-title h2,
	#content .ip-global-title h2 {
		font-size: 38px;
		letter-spacing: 0;
	}

	.ip-ftr-nl-contact-btn .btn-a {
	    font-size: 11px;
	    letter-spacing: 0;
	}
}