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

@media only screen and (max-width: 1300px) {
	.mtt-container {
		width: 98%;
	}

	.fp-desc .address1 { 
		font-size: 23px;
	}

	.fa-left {
		margin-top: 0;
	}
	
	.fa-flex {
		align-items: center;
	}
} 

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	.slideshow-content h2{
		font-size: 62px;
	}
	#qs-form select{
		font-size: 11px;
		padding: 25.5px 10px 25.5px 15px;
	}
	#qs-form .bootstrap-select.btn-group .dropdown-toggle .filter-option{
		font-size: 11px;
	}
	
	.fp-desc .address1 {
		font-size: 18px;
	}
	
	.fp-desc .price {
		font-size: 12px;
	}
	
	.fp-desc .address2 {
		font-size: 12px;
	}
	
	.fp-desc .other-details span {
		font-size: 11px;
	}
	
	.mtt-container {
		padding: 120px 20px 0;
	}
	
	.section-title h2 {
		font-size: 62px !important;
	}
	
	.mtt-left {
		width: 285px;
	}
	
	.mtt-right {
		width: calc(100% - 305px);
	}
	
	.mtt-desc h3 {
		font-size: 24px;
	}
	
	.mtt-desc .position {
		font-size: 12px;
	}
	
	.mc-contact {
		font-size: 11px;
	}
	
	.mttd-btn {
		max-width: 160px;
		font-size: 12px;
		height: 51px;
	}
	#main-testimonials {
	    padding: 65px 20px 330px;
	}
	.testi-title-wrap {
		padding-left: 50px;
	}
	
	.footernav li a {
		font-size: 12px;
	}
	
	.footernav li {
		margin-left: 25px;
	}
	
	.footer-mls {
		font-size: 30px;
	}
	.wwwnd-container,
	.fp-bg,
	.welcome-accent,
	#main-mtt,
	.news-accent,
	#main-contact{
		background-attachment: scroll;
	}
	main,
	footer{
		transform: translateZ(0);
		-moz-transform: translateZ(0);
		-webkit-transform: translateZ(0);
	}
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
	body{
		overflow-y: auto !important;
	}
.menu-burger-menu-left-container, .menu-burger-menu-right-container {
    width: 100% !important;
}
	#content .archive-thumbnail + .archive-content{
		width: 100%;
		padding: 0 0 0 0;
	}
	#main-wrapper {
		margin-top: 52px;
	}
	
	.mobile-logo {
		display: block;
		position: relative;
		z-index: 10;
	}
	
	#main-header, .expanded-menu {
		display: none;
	}
	
	.slideshow-fixed {
		position: absolute;
		padding: 0;
	}
	
	#main-slideshow {
		padding: 15px 15px 0;
	}
	
	.slideshow-content h2 {
		font-size: 45px;
	}
	
	.slideshow-container .scroll-down {
		bottom: 30px;
		font-size: 12px;
	}
	
	.qs-box {
		position: relative;
		top: unset;
		padding: 30px 20px;
	}
	
	#main-qs .inner-container {
		width: 100%;
	}
	
	#qs-form {
		flex-wrap: wrap;
	}
	#qs-form .bootstrap-select.btn-group .dropdown-menu{
		right: 0;
		left: auto;
	}
	#qs-form > div {
		max-width: 100% !important;
		width: 50% !important;
		margin: 0;
	}
	
	.inner-container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	.outer-container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	#qs-form > .qs-text {
		position: relative;
		margin-top: 20px !important;
		top: unset;
		right: unset;
		text-align: center;
		width: 100% !important;
	}
	
	#qs-form > .beds, #qs-form > .min-price {
		border-left: none;
	}
	
	#main-fp {
		padding-top: 80px;
	}
	
	.fp-top {
		flex-direction: column;
		justify-content: center;
	}
	
	.fp-buttons {
		margin-top: 30px;
	}
	
	.welcome-flex {
		flex-direction: column;
	}
	
	.welcome-right {
		width: 100%;
		margin: 50px auto 0;
		max-width: 100%;
		padding: 50px 20px;
	}
	
	.welcome-left {
		width: 100%;
		margin: 0 auto;
	}
	
	.welcome-accent {
		width: 10%;
		display: none;
	}
	
	.welcome-right:before {
		width: 100%;
	}
	
	.welcome-title {
		display: flex;
		justify-content: center;
		width: auto;
	}
	
	.welcome-desc {
		text-align: center;
		max-width: 570px;
		margin: 0 auto 30px;
	}
	
	.welcome-btn {
		margin: 0 auto;
	}
	
	.mtt-container {
		width: 100%;
	}
	
	.mtt-flex {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.mtt-left {
		width: 100%;
	}
	
	.mtt-title {
		display: flex;
		justify-content: center;
	}
	
	.mtt-right {
		width: 100%;
		margin-top: 30px;
	}
	
	#main-mtt {
		padding-bottom: 75px;
	}
	
	.wwwnd-flex {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.wwwnd-item-wrap {
		width: 100%;
		border-left: 0;
		border-top: 1px solid rgba(255,255,255,0.3);
		padding: 30px 20px;
		max-width: 430px;
		margin: 0 auto;
	}
	
	.wwwnd-title {
		margin-bottom: 40px;
	}
	
	.wwwnd-item-wrap:first-child {
		border-top: 0;
	}
	
	
	.wwcdfy-title {
		margin-bottom: 40px;
	}
	
	.wwcdfy-flex {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.wwcdfy-item-wrap {
		width: 100%;
		border-left: 0;
		border-top: 1px solid rgba(209,209,209,0.3);
		padding: 30px 20px;
		max-width: 430px;
		margin: 0 auto;
	}
	
	.testi-img {
		width: 100%;
		max-width: 874px;
		margin: 0 auto;
	}
	
	.testi-img canvas {
		min-height: auto;
	}
	
	.testi-wrapper {
		position: relative;
		top: unset;
	}
	
	.testi-title-wrap {
		width: 100%;
		padding: 50px 20px;
	}
	
	.testi-title {
		display: flex;
		justify-content: center;
		width: auto;
	}
	
	.testi-slider-wrap {
		width: 100%;
	}
	
	#main-testimonials {
		padding-bottom: 60px;
	}
	
	.fa-right {
		display: none;
	}
	
	.fa-flex {
		justify-content: center;
	}
	
	.fa-left {
		width: 100%;
		max-width: 300px;
		padding-left: 0;
	}
	
	#main-fa {
		padding: 60px 0;
	}
	
	.news-accent {
		width: 10%;
		display: none;
	}
	
	.fcert-flex {
		flex-direction: column;
		align-items: center;
		justify-content: ce;
	}
	
	.cert-item {
		width: 100%;
		margin: 20px 0;
	}
	
	.fcontact-flex {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.fc-contact {
		margin-bottom: 15px;
		margin-left: 0;
	}
	
	.footernav {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.footernav li {
		margin-left: 0;
		margin-top: 15px;
	}
	
	.footernav li a {
		font-size: 14px;
	}
	
	.footer-text {
		text-align: center;
	}
	
	.fb-flex {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	
	.footer-copyright {
		margin-bottom: 30px;
	}
	
	.footer-mls {
		font-size: 35px;
	}
	
	.footer-section {
		padding: 20px 15px 15px;
	}
	
	/* 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%;
	}

	#aios-home-valuation-wrap {
	    padding: 100px 0 !important;
	}
	.ip-bs-item {
		width: 100%;
		padding: 0;
		max-width: 533px;
		margin: 0 auto;
		display: block;
	}

	.ip-bs-item:not(:last-child) {
		margin-bottom: 30px;
	}

	.ip-bs-row {
		margin: 0;
	}
} 

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

	.slideshow-content h2 {
		font-size: 22px;
	}
	
	.slideshow-container .scroll-down {
		font-size: 10px;
		bottom: 20px;
	}
	
	.welcome-accent {
		width: 5%;
	}
	
	.mtt-right {
		max-width: 310px;
	}
	
	.wwwnd-title {
		text-align: center;
	}
	
	.wwwnd-title .section-title .st-top {
		justify-content: center;
	}
	
	.section-title {
		text-align: center;
	}
	
	.st-top {
		justify-content: center;
	}
	
	.testi-box {
		padding: 15px;
	}
	
	.tb-inner {
		padding: 50px 15px 70px;
	}
	
	.testi-buttons button {
		position: relative;
		margin: 0 10px;
		left: unset !important;
		right: unset !important;
		transform: none !important;
	}
	
	.testi-buttons {
		margin-top: 40px;
	}
	
	.testi-slider {
		width: 100%;
	}
	
	.news-slider-wrap {
		max-width: 100%;
		margin: 0 auto; 
		padding: 0;
	}
	
#main-news .inner-container {
    padding: 50px 15px 0px;
}

.news-img canvas {
    background-size: 100%;
}

	.flogos-flex {
		flex-direction: column;
	}
	
	.jmg-logo {
		margin: 25px 0 ;
	}

	.verified-logo {
		margin-left: 0;
	}

	.fp-slider {
		max-width: 457px;
		margin: 0 auto;
	}
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	#main-slideshow {
		padding: 10px 10px 0;
	}
	
	.qs-box {
		padding: 30px 11px;
	}
	
	.qs-text span {
		font-size: 10px;
	}
	
	.section-title h2 {
		font-size: 46px !important;
	}
	
	.section-title .small {
		font-size: 15px;
		letter-spacing: 0.3em;
	}
	
	.section-title .number {
		font-size: 15px;
	}
	
	.fp-desc .other-details span {
		padding: 0 5px;
	}
	
	.mtt-tbg {
		height: 290px;
	}
	
	.wwwnd-container {
		padding: 85px 15px 70px;
	}
	
	.wwcdfy-container {
		padding: 85px 15px 70px;
	}
	
	.testi-title-wrap {
		padding: 50px 0;
	}
	
	.contact-desc p {
		white-space: nowrap;
		font-size: 12px;
		line-height: 22px;
		letter-spacing: 0.05em;
	}
	
	.contact-box {
		padding: 40px 15px 0;
	}
	
	.git-flex {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.git-flex > div {
		width: 100%;
		margin-left: 0;
		margin-top: 7px;
	}
	
	.git-flex > div:first-child {
		margin-top: 0;
	}
	
	.cb-bottom:before, .cb-bottom:after {
		width: calc(50% - 110px);
	}
	
	.fc-contact {
		font-size: 12px;
		max-width: 235px;
		flex-flow: row wrap;
	}
	
	.fc-contact i {
		margin-right: 10px;
		font-size: 12px;
	}

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

.slideshow-container canvas {
    height: 300px;
}

	
}
 
