@media screen and (max-width:1024px) {
	main {
		padding-top: 15em !important;
	}
	.home main {
		padding-bottom: 1em;
	}
}
@media screen and (max-width:1023px) {
	.service .detail {
		padding-right: 2em;
	}
	.team .member img {
		width: calc(40% - 6em);
		margin-left: 6em;
	}
	.team .member:nth-child(2n+1) img {
		margin-right: 6em;
	}
	.team .member .detail {
		padding-right: 6em;
	}
	.team .member:nth-child(2n+1) .detail {
		padding-left: 6em;
	}
	.page-template-page-contact .intro {
		float: none;
		max-width: 40em;
		padding-bottom: 0;
	}
	.page-template-page-contact .intro p {
		float: left;
		width: 50%;
	}
	.page-template-page-contact .intro .app {
		float: right;
		width: 50%;
		margin-top: 0;
	}
	.page-template-page-contact .intro .app p {
		width: 100%;
	}
	.map {
		float: none;
		width: calc(100% - 6em);
		margin-top: 4em;
		padding-right: 6em;
	}
}
@media screen and (max-width:767px) {
	body {
		font-size: 0.75em;
	}
	header,
	nav.main-nav {
		padding: 1.5em 0;
	}
	.home main .image {
		width: 100%;
		height: 30em;
		margin: 4em 0 0 0;
	}
	.service .detail {
		padding-left: 2em;
	}
	.service .detail h3 {
		margin-left: -1em;
	}
	.gallery,
	.gallery.bottom {
		height: auto;
	}
	.gallery .item {
		position: relative;
		float: left;
		top: auto !important;
		left: auto !important;
		width: 50% !important;
		height: 20em !important;
	}
	.gallery .item:nth-child(4),
	.gallery .item:nth-child(6),
	.gallery.top .item:first-child,
	.gallery.top .item:nth-child(2),
	.gallery.bottom .item:nth-child(2),
	.gallery.bottom .item:last-child {
		width: 50% !important;		
	}
	.gallery .item:nth-child(3),
	.gallery.top .item:last-child,
	.gallery.bottom .item:first-child {
		width: 100% !important;		
	}
	.team .member img {
		width: calc(40% - 3em);
		margin-left: 3em;
	}
	.team .member:nth-child(2n+1) img {
		margin-right: 3em;
	}
	.team .member .detail {
		padding-right: 3em;
	}
	.team .member:nth-child(2n+1) .detail {
		padding-left: 3em;
	}
	.map {
		width: calc(100% - 2em);
		padding-right: 2em;
	}
	.booking {
		max-width: 100% !important;
	}
}
@media screen and (max-width:479px) {
	html,
	body {
		min-width: 320px;
	}
	.service .detail {
		padding-right: 1em;
	}
	.team .member img {
		width: calc(40% - 1.5em);
		margin-left: 1.5em;
	}
	.team .member:nth-child(2n+1) img {
		margin-right: 1.5em;
	}
	.team .member .detail {
		padding-right: 1.5em;
	}
	.team .member:nth-child(2n+1) .detail {
		padding-left: 1.5em;
	}
	.page-template-page-contact .intro {
		padding-left: 3em;
		padding-right: 1em;
	}
}
@media screen and (max-width:399px) {
	h1 {
		font-size: 3.75em;
	}
	.service .detail {
		padding-left: 0;
		padding-right: 0;
	}
	.service .detail h3 {
		margin-left: -0.0675em;
	}
	.gallery .item {
		height: 15em !important;
	}
	.page-template-page-contact .intro {
		padding-left: 0;
		padding-right: 0;
	}
	.map {
		width: 100%;
		padding-right: 0;
	}
}