/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (max-height: 750px) {
	#bm_nav > li {
		margin-bottom: 15px;
	}

	.bm-menu-logo {
		margin-bottom: 30px;
	}

	.bm-menu-contact {
		margin: 0px 20px 0 0;
		padding: 25px 0 0;
	}
}
 


@media only screen and (min-width: 992px) {

}

@media only screen and (max-width: 1280px) {
	.pp-item {
	    width: 33.33%;
	}
}
@media only screen and (max-width: 1440px) {
	.fp-amenities .btn-a {
		letter-spacing: 0.05em;
	}
}
 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {

	#nav > li {
	    margin: 0 min(2vw, 13px);
	}

	.custom-container {
		padding: 0 3%;
	}
	a.btn-a,
	.btn-a {
	    font-size: 12px;
	}

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

	.footernav > li {
	    margin: 10px 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%;
	}

	.hp-tagline h2,
	.section-title,
	#content .entry-title,
	#content .archive-title {
	    font-size: 35px;
	}
	
	header.header.sticking,
	header.header {
		position: relative;
		padding: 52px 0 0;
		z-index: 1;
		background: var(--primary);
	}

	.header-logo {
	    width: 100%;
	    text-align: center;
	    max-width: 250px;
	    margin: 0 auto;
	    padding: 30px 0;
	}
		header.header:not(.sticking) .header-logo a img {
			-webkit-filter: none;
			filter: none;
		}

	.hp-tagline {
		padding: 0;
	}

	.qs-inner form i {
		position: relative;
		left: auto;
	}

	.qs-inner form a.btn-search {
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 23px 15px;
		font-size: 16px;
	}

	.about-video,
	.about-img {
	    display: none;
	}

	.about-inner p {
	    margin: 0 auto;
	    text-align: center;
	}

	.about-btn {
	    padding-left: 0;
	    text-align: center;
	}

	.about-inner .section-title {
	    text-align: center;
	    margin: 0 auto 49px;
	}
		.about-inner .section-title .accent-line:before {
		    max-width: 50%;
		}

	.fp-item {
	    width: 50%;
	}

	.cta-item {
	    width: 50%;
	}
		.cta-img:before {
		    height: 93px;
		}
		.cta-title {
		    left: 15px;
		    right: 15px;
		    font-size: 20px;
		}
			.cta-title span {
			    font-size: 16px;
			    margin-bottom: 10px;
			}

	#hp-performance {
	    padding: 80px 0;
	}
		.pp-img {
			display: none;
		}
		#hp-performance .section-title {
		    margin: 0 auto 50px;
		    text-align: center;
		}
			
		.pp-list {
		    display: block;
		}
			.pp-item {
			    width: 100%;
			    border-right: none;
			    border-bottom: 1px solid rgba(255,255,255,0.6);
			    max-width: 320px;
			    margin: 0 auto;
			    display: block;
			}
				.pp-item:before, .pp-item:after {
				    top: initial;
				    bottom: -1px;
				    right: 0;
				    left: 0;
				}
			.pp-item:last-child {
			    border-bottom: 0;
			}

	#hp-featured-in:before {
	    height: 30vw;
	}
	.fi-row {
	    padding: 0;
	}

	.fi-title {
	    width: 100%;
	    text-align: center;
	}

	.fi-title .section-title-small .accent-line {
	    margin-left: auto;
	    margin-right: auto;
	}

	.fi-text {
	    width: 100%;
	    max-width: 720px;
	    margin: 50px auto 0;
	    text-align: center;
	}

	.fi-logo-list {
	    flex-wrap: wrap;
	    justify-content: center;
	    margin-top: 60px;
	}

	.fi-logo {
	    padding: 0;
	    margin: 15px 20px;
	}

	.press-title {
	    padding: 0;
	    display: block;
	}
		.press-title .section-title {
		    width: 100%;
		    text-align: center;
		}
			.press-title .section-title-small .accent-line {
			    margin-left: auto;
			    margin-right: auto;
			}
		.press-btn {
		    text-align: center;
		    margin-top: 40px;
		}

	.footer-contact {
	    flex-flow: column;
	    align-items: center;
	}
		.footer-contact .contact-info {
		    margin-bottom: 30px;
		}
		.footernav {
		    flex-flow: column;
		}

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

    .about-col {
	    width: 100%;
	    padding: 0;
	}

	body .aios-contact-main .aios-contact-form,
	body .aios-contact-main .aios-contact-photo {
	    width: 100%;
	    max-width: 500px;
	}
} 

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

   	.custom-container {
	    padding: 0 15px;
	    width: 100%;
	}

    .fp-item {
    	width: 100%;
    }
    .cta-item {
    	width: 100%;
    }
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
	a.btn-a, .btn-a,
	.fp-amenities .btn-a {
		letter-spacing: 0.05em;
	}
	.qs-inner form input[type="text"] {
	    font-size: 12px;
	}
}