/*

Country Party Houses - Responsive Stylesheet
http://www.countrypartyhouses.co.uk/
Handwritten by Oliver Coningham

*/


@media screen and (max-width: 1600px) {

	/*
	#navigation ul {
		background-color: #f99d1c;
		display: none;
		height: 100%;
		padding-top: 60px;
		position: fixed;
		top: 0;
		left: 30px;
		width: calc(100% - 60px);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		}
	
	#navigation-button {
		display: block;
		}
	
	#navigation-button a {
		color: #f99d1c;
		display: block;
		font-family: 'Playfair Display', serif;
		font-size: 18px;
		letter-spacing: 1px;
		line-height: 28px;
		position: absolute;
		right: 30px;
		top: 50%;
		text-decoration: none;
		text-transform: uppercase;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		}
		
	#navigation-button a span {
		background: url("../img/icon-menu.png") no-repeat top 9px left;
		display: inline-block;
		padding: 0 0 0 30px;
		}
	
	#navigation-close a {
		background: url("../img/navigation-close-a-bg.png") no-repeat 0 0;
		height: 48px;
		position: fixed;
		top: 30px;
		right: 60px;
		text-indent: -25000px;
		width: 48px;
		z-index: 99;
		}
	
	#navigation li {
		display: block;
		margin: 0;
		}

	#navigation li a {
		color: #fff;
		display: block;
		padding: 10px 15px;
		width: 100%;		
		}
	*/
	
}


@media screen and (max-width: 1500px) {
	
	#property-overview .property-more p.button {
		margin-top: 20px;
		}

	#property-overview .property-more p.button span {
		padding: 12px 20px;
		}
	
	#footer {
		background: none;
		background-color: #eaedf0;
		}

}


@media screen and (max-width: 1400px) {
	
	#navigation li {
		margin-left: 20px;
		}

}


@media screen and (max-width: 1350px) {

	#property-overview .property {
		width: calc(33.33333333333333% - 20px);
		}
	
	#property-overview .property:nth-of-type(4n) {
		margin: 30px 30px 0 0;
		}

	#property-overview .property:nth-of-type(3n) {
		margin: 30px 0 0 0;
		}
	
	#property-details #virtual-tours #multiple-virtual-tours iframe {
		float: none;
		margin: 50px 0 0 0;
		width: 100%;
		}
	
	#property-details #property-activities .activity {
		width: calc(33.33333333333333% - 30px);
		}
	
	#blog .blog-summary {
		width: calc(33.33333333333333% - 20px);
		}
	
	#blog .blog-summary:nth-of-type(4n) {
		margin: 20px 30px 0 0;
		}
	
	#blog .blog-summary:nth-of-type(3n) {
		margin: 20px 0 0 0;
		}

}


@media screen and (max-width: 1300px) {
	
	#navigation li {
		margin-left: 10px;
		}

}


@media screen and (max-width: 1250px) {
	
	#navigation ul {
		background-color: #97a5b4;
		display: none;
		height: 100%;
		padding-top: 60px;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		}
	
	#navigation-button {
		display: block;
		}
	
	#navigation-button a {
		color: #f99d1c;
		display: block;
		font-family: 'Playfair Display', serif;
		font-size: 18px;
		letter-spacing: 1px;
		line-height: 28px;
		position: absolute;
		right: 30px;
		top: 50%;
		text-decoration: none;
		text-transform: uppercase;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		}
		
	#navigation-button a span {
		background: url("../img/icon-menu.png") no-repeat top 9px left;
		display: inline-block;
		padding: 0 0 0 30px;
		}
	
	#navigation-close a {
		background: url("../img/navigation-close-a-bg.png") no-repeat 0 0;
		height: 48px;
		position: fixed;
		top: 30px;
		right: 60px;
		text-indent: -25000px;
		width: 48px;
		z-index: 99;
		}
	
	#navigation li {
		display: block;
		margin: 0;
		}

	#navigation li a {
		color: #fff;
		display: block;
		padding: 10px 15px;
		width: 100%;		
		}	

	#navigation li a:hover {
		color: #f99d1c;
		}
	
	.hero-caption p {
		font-family: 'Lato', sans-serif;
		font-size: 20px;
		font-weight: 400;
		line-height: 30px;
		text-transform: none;
		}

	.hero-caption h3 {
		padding-bottom: 30px;
		}

	.hero-caption p.button {
		margin-top: 30px;
		}
	
	#footer .footer {
		width: 33.33333333333333%;
		}
	
	#footer .footer.footer-contact {
		float: none;
		margin: 0 0 30px 0;
		text-align: center;
		width: 100%;
		}
	
	#footer .footer img {
		float: none;
		margin: 0 auto 10px auto;
		width: 35%;
		}
	
	#footer #social {
		display: inline-block;
		font-size: 0;
		line-height: 0;
		margin: 0 auto;
		padding-top: 20px;
		}
	
	#footer .footer #social li {
		display: inline-block;
		float: none;
		margin: 10px 5px 0 5px;
		}
	
	#properties #content .compare-button {
		display: none;
		}
	
	#property-details #gallery img {
		width: calc(20% - 8px);
		}
	
	#property-details #gallery a:nth-of-type(8n) img {
		margin: 10px 10px 0 0;
		}
	
	#property-details #gallery a:nth-of-type(5n) img {
		margin: 10px 0 0 0;
		}
	
	#property-details #bullets h2 + ul li {
		display: block;
		float: none;
		width: 100%;
		}
	
	#property-details #call-to-action li {
		float: none;
		margin: 30px 0 0 0;
		width: 100%;
		}
	
	#activities .activity, 
	#activities-detail .activity {
		width: calc(33.33333333333333% - 30px);
		}
	
	/*
	#activities .activity:nth-of-type(4n),
	#activities-detail .activity:nth-of-type(4n) {
		margin: 0 30px 0 0;
		}
	
	#activities .activity:nth-of-type(3n),
	#activities-detail .activity:nth-of-type(3n) {
		margin: 0 0 0 0;
		}
	*/
	
	#celebrations .celebration, 
	#celebrations-detail .celebration {
		width: calc(33.33333333333333% - 20px);
		}
	
	#celebrations .celebration:nth-of-type(4n),
	#celebrations-detail .celebration:nth-of-type(4n) {
		margin: 30px 30px 0 0;
		}
	
	#celebrations .celebration:nth-of-type(3n),
	#celebrations-detail .celebration:nth-of-type(3n) {
		margin: 30px 0 0 0;
		}
	
	#services .service, 
	#services-detail .service {
		width: calc(33.33333333333333% - 20px);
		}
	
	#services .service:nth-of-type(4n),
	#services-detail .service:nth-of-type(4n) {
		margin: 30px 30px 0 0;
		}
	
	#services .service:nth-of-type(3n),
	#services-detail .service:nth-of-type(3n) {
		margin: 30px 0 0 0;
		}	
	
	#contact #content form .row input, 
	#contact #content form .row textarea {
		width: calc(100% - 210px);
		}	
	
	#contact .property-address {
		width: calc(50% - 15px);
		}
	
	#contact .property-address:nth-of-type(4n) {
		margin: 30px 30px 0 0;
		}
	
	#contact .property-address:nth-of-type(2n) {
		margin: 30px 0 0 0;
		}
	
	#content p {
		width: 100%;
		}
	
}


@media screen and (max-width: 1050px) {
	
	#furniture {
		text-align: center;
		}

	#furniture #copyright {
		float: none;
		}

	#furniture #credit {
		display: block;
		float: none;
		margin-top: 10px;
		}
	
	#property-overview .property {
		width: calc(50% - 15px);
		}
	
	#property-overview .property:nth-of-type(4n) {
		margin: 30px 30px 0 0;
		}

	#property-overview .property:nth-of-type(3n) {
		margin: 30px 30px 0 0;
		}
	
	#property-overview .property:nth-of-type(2n) {
		margin: 30px 0 0 0;
		}
	
	#property-details #property-activities .activity {
		width: calc(50% - 30px);
		}
	
	#contact #content form .input label {
		display: inline-block;
		float: none;
		margin: 0 0 10px 0;
		width: auto;
		}
	
	#contact #content form .row input, 
	#contact #content form .row textarea {
		float: none;
		margin: 0 auto;
		width: 100%;
		}
	
	#contact #content form .input {
		width: 100%;
		}
	
	#contact #content form .checkbox input {
		float: left;
		margin-top: 10px;
		padding: 0;
		width: auto;
		}

	#contact #content form .checkbox label {
		display: inline-block;
		float: left;
		font-weight: 900;
		margin: 0 0 0 10px;
		text-align: left;
		width: auto;
		}
	
	#contact #content form .source p {
		margin: 10px 0 0 0;
		text-align: center;
		width: 100%;
		}
	
	#testimonials #visitor-testimonials .testimonial {
		float: none;
		margin: 30px 0 0 0;
		width: 100%;
		}
	
	#blog .blog-summary {
		width: calc(50% - 15px);
		}
	
	#blog .blog-summary:nth-of-type(3n) {
		margin: 20px 30px 0 0;
		}
	
	#blog .blog-summary:nth-of-type(2n) {
		margin: 20px 0 0 0;
		}
	
	#home #celebration-thumbnails {
		padding: 0 30px 30px 30px;
		}
	
	#celebrations .celebration, 
	#celebrations-detail .celebration, 
	#celebration-thumbnails .celebration {
		width: calc(50% - 15px);
		}
	
	#celebrations .celebration:nth-of-type(4n), 
	#celebrations-detail .celebration:nth-of-type(4n), 
	#celebration-thumbnails .celebration:nth-of-type(4n) {
		margin: 30px 30px 0 0;
		}
	
	#celebrations .celebration:nth-of-type(2n+2), 
	#celebrations-detail .celebration:nth-of-type(2n+2), 
	#celebration-thumbnails .celebration:nth-of-type(2n+2) {
		margin: 30px 0 0 0;
		}
	
	#home #celebrations .celebration, 
	#home #celebrations-detail .celebration, 
	#home #celebration-thumbnails .celebration {
		margin-top: 30px;
		}
	
	#celebrations #celebrations-overview .celebration, 
	#celebrations-detail #celebrations-overview .celebration {
		width: calc(50% - 30px);
		}

}


@media screen and (max-width: 950px) {

	#footer .footer {
		float: none;
		margin: 0 0 30px 0;
		padding-top: 10px;
		text-align: center;
		width: 100%;
		}
	
	#footer .footer h4 {
		padding-bottom: 15px;
		}
	
	.hero-caption h3 {
		font-size: 40px;
		line-height: 50px;
		padding-bottom: 30px;
		}

	.hero-caption p.button a {
		padding: 12px 30px;
		}

	#hero-2 .hero-caption {
		width: 60%;
		}
	
	#activities .activity, 
	#activities-detail .activity {
		width: calc(50% - 30px);
		}
	
	/*
	#activities .activity:nth-of-type(3n),
	#activities-detail .activity:nth-of-type(3n) {
		margin: 30px 30px 0 0;
		}
	
	#activities .activity:nth-of-type(2n),
	#activities-detail .activity:nth-of-type(2n) {
		margin: 30px 0 0 0;
		}
	*/
	
	#celebrations .celebration, 
	#celebrations-detail .celebration {
		width: calc(50% - 15px);
		}
	
	#celebrations .celebration:nth-of-type(3n),
	#celebrations-detail .celebration:nth-of-type(3n) {
		margin: 30px 30px 0 0;
		}
	
	#celebrations .celebration:nth-of-type(2n),
	#celebrations-detail .celebration:nth-of-type(2n) {
		margin: 30px 0 0 0;
		}
	
	#services .service, 
	#services-detail .service {
		width: calc(50% - 15px);
		}
	
	#services .service:nth-of-type(3n),
	#services-detail .service:nth-of-type(3n) {
		margin: 30px 30px 0 0;
		}
	
	#services .service:nth-of-type(2n),
	#services-detail .service:nth-of-type(2n) {
		margin: 30px 0 0 0;
		}
	
	#subnav li {
		display: block;
		}
	
	#subnav li a {
		display: block;
		padding: 10px 30px;
		width: 100%;
		}

	#property-details #videos {
		width: 100%;
		}
	
	#property-details #virtual-tours iframe {
		margin-top: 30px;
		width: 100%;
		height: 450px;
		}

}


@media screen and (max-width: 850px) {
	
	.hero-caption,
	#hero-2 .hero-caption {
		padding: 0 97px;
		top: 50%;
		width: calc(100% - 60px);
		}

	.hero-caption h3 {
		padding-bottom: 20px;
		}
	
	.hero-caption p.button {
		margin-top: 20px;
		}
	
	#property-details #content .button-tripadvisor a {
		line-height: 20px;
		}
	
	#property-details #content .button-tripadvisor a span {
		display: inline-block;
		height: 20px;
		padding: 0;
		text-indent: -999999px;
		width: 117px;
		}
	
	#property-details #virtual-tours #multiple-virtual-tours {
		width: 100%;
		}
	
	#property-details #gallery img {
		width: calc(25% - 7.5px);
		}
	
	#property-details #gallery a:nth-of-type(5n) img {
		margin: 10px 10px 0 0;
		}
	
	#property-details #gallery a:nth-of-type(4n) img {
		margin: 10px 0 0 0;
		}
	
	#property-details #bullets h2 + ul {
		width: 100%;
		}
	
	#property-details #floor-plans li {
		clear: both;
		display: block;
		float: none;
		margin-top: 30px !important;
		width: 100%;
		}
	
	#property-details #virtual-tours iframe {
		height: 400px;
		}

}


@media screen and (max-width: 750px) {
	
	.hero-caption p {
		display: none;
		}
	
	#celebration-thumbnails img {
		margin-bottom: 0;
		width: calc(50% - 15px)
		}
	
	#celebration-thumbnails a:nth-of-type(2n) img {
		margin-right: 0;
		}
	
	#content {
		margin-top: 0;
		}
	
	#property-overview .property {
		margin: 30px 0 0 0;
		width: 100%;
		}
	
	#property-overview .property:nth-of-type(4n) {
		margin: 30px 0 0 0;
		}

	#property-overview .property:nth-of-type(3n) {
		margin: 30px 0 0 0;
		}
	
	#property-overview .property:nth-of-type(2n) {
		margin: 30px 0 0 0;
		}
	
	.rslides_tabs {
		display: none;
		}
	
	.hero-caption h3 {
		padding-bottom: 0;
		}
	
	#footer .footer img {
		width: 60%;
		}
	
	#navigation-close a {
		background: url("../img/navigation-close-small-a-bg.png") no-repeat 0 0;
		height: 30px;
		top: 30px;
		right: 30px;
		width: 30px;
		}
	
	#property-details #property-activities p {
		padding: 30px 0 0 0;
		}
	
	#property-details #property-activities .activity {
		display: block;
		float: none;
		margin-top: 30px;
		width: calc(100% - 30px);
		}	
	
	#property-details #gallery img {
		width: calc(33.33333333333333% - 6.666666666666667px);
		}
	
	#property-details #gallery a:nth-of-type(4n) img {
		margin: 10px 10px 0 0;
		}
	
	#property-details #gallery a:nth-of-type(3n) img {
		margin: 10px 0 0 0;
		}
	
	#activities #activities-overview, 
	#activities-detail #activities-overview {
		padding-bottom: 30px;
		}
	
	#activities .activity, 
	#activities-detail .activity {
		margin: 30px 15px 0 15px;
		width: calc(100% - 30px);
		}
	
	#activities .activity:first-child, 
	#activities-detail .activity:first-child {
		margin-top: 0;
		}
	
	#celebrations .celebration, 
	#celebrations-detail .celebration {
		margin: 30px 0 0 0;
		width: 100%;
		}
	
	#services .service, 
	#services-detail .service {
		margin: 30px 15px 0 15px;
		width: calc(100% - 30px);
		}
	
	#services .service:first-child, 
	#services-detail .service:first-child {
		margin-top: 0;
		}
	
	#contact .property-address {
		margin: 30px 0 0 0;
		width: 100%;
		}
	
	#blog .blog-summary {
		margin: 20px 0 0 0;
		width: 100%;
		}
	
	#property-details #virtual-tours iframe {
		height: 350px;
		}	

}


@media screen and (max-width: 550px) {

	#navigation ul {
		padding-top: 50px;
		}
	
	.rslides_nav {
		left: 20px;
		}
	
	.rslides_nav.next {
		right: 20px;
		}
	
	.hero-caption, 
	#hero-2 .hero-caption {
		padding: 0 57px;
		right: 20px;
		width: calc(100% - 40px);
		}
	
	.hero-caption p.button a {
		padding: 8px 20px;
		}
	
	#content p {
		width: 100%;
		}
	
	#property-overview h3 strong {
		font-size: 50px;
		line-height: 60px;
		padding-bottom: 0;
		}
	
	#content h1 strong {
		font-size: 50px;
		line-height: 50px;
		}
	
	#property-overview {
		margin-top: 0;
		}
	
	#property-overview h3 {
		padding: 0 30px 10px 30px;
		}
	
	#content,
	#contact #contact-details {
		background: none;
		/* background-color: #97a5b4; */
		padding: 40px 30px;
		}
	
	.hero {
		display: none;
		}
	
	#navigation-button a {
		background: url("../img/icon-menu.png") no-repeat 0 0;
		height: 12px;
		text-indent: -999999px;
		width: 18px;
		}
		
	#navigation-button a span {
		display: none;
		}
	
	#property-details #gallery img {
		width: calc(50% - 5px);
		}
	
	#property-details #gallery a:nth-of-type(3n) img {
		margin: 10px 10px 0 0;
		}
	
	#property-details #gallery a:nth-of-type(2n) img {
		margin: 10px 0 0 0;
		}

	#property-details #virtual-tours #multiple-virtual-tours iframe {
		height: 240px;
		}	

	#property-details #floor-plans li a {
		line-height: 30px;
		}
	
	#celebrations .celebration, 
	#celebrations-detail .celebration, 
	#celebration-thumbnails .celebration {
		margin: 30px 0 0 0;
		width: 100%;
		}
	
	#celebrations .celebration:nth-of-type(4n), 
	#celebrations-detail .celebration:nth-of-type(4n), 
	#celebration-thumbnails .celebration:nth-of-type(4n) {
		margin: 30px 0 0 0;
		}
	
	#celebrations .celebration:nth-of-type(2n+2), 
	#celebrations-detail .celebration:nth-of-type(2n+2), 
	#celebration-thumbnails .celebration:nth-of-type(2n+2) {
		margin: 30px 0 0 0;
		}
	
	#property-details #virtual-tours iframe {
		height: 300px;
		}
	
	#property-details #call-to-action li a {
		font-size: 30px;
		line-height: 30px;
		}
	
	#celebrations #celebrations-overview .celebration, 
	#celebrations-detail #celebrations-overview .celebration {
		width: calc(100% - 30px);
		}

}