/*===========================================
	NAVIGATION
===========================================*/
.ResponsiveNavigation {
	display: none;
}


@media screen and (max-width: 1100px) {
	/*===========================================
		GALLERY - Quarters
	===========================================*/
	.Gallery .OneQuarter_Margin {
		width: 32%;
	}
		.Gallery .OneQuarter_Margin:nth-child(3n){
			margin: 0 0 20px 0;
		}
		.Gallery .OneQuarter_Margin:nth-child(4n){
			margin: 0 2% 20px 0;
		}
		
	/*===========================================
		GALLERY - Thirds
	===========================================*/	
	.Gallery .OneThirds_Margin {
		width: 49%;
	}
		.Gallery .OneQuarter_Margin:nth-child(2n){
			margin: 0 0 20px 0;
		}
		.Gallery .OneQuarter_Margin:nth-child(3n){
			margin: 0 2% 20px 0;
		}
		
	/*===========================================
		ORDER FORM - Thirds
	===========================================*/	
	.OrderForm .OneHalf_Margin  {
		width: 100%;
		margin-right: 0;
	}
	
	/*===========================================
		ORDER FORM
	===========================================*/	
	.OrderForm .OneHalf_Margin .OneThirds_Margin {
		width: 32%;
		margin-right: 2%;
	}
	.OrderForm .OneHalf_Margin .OneThirds_Margin:nth-child(3n), 
	.OrderForm .OneHalf_Margin .OneThirds_Margin:last-child {
		margin-right: 0%;
	}
}


@media screen and (max-width: 980px) {
	/*===========================================
		DISABLE NAVIGATIONS
	===========================================*/
	.Navigation, .PageStickyHeader {
		display: none;
	}
	
	/*===========================================
		ENABLE MOBILE NAVIGATIONS
	===========================================*/
	.ResponsiveNavigation {
		display: block;
	}
	
	.PageHeaderContainer .Logo {
		width: 100%;
		text-align: center;
	}
	
	.StandardLayout .TwoThirds_Margin {
		width: 100%;
		margin-right: 0%;
	}
	.StandardLayout .OneThirds_Margin  {
		width: 100%;
	}
		.StandardLayout .OneThirds_Margin img  {
			width: 32%;
			margin: 0 2% 20px 0;
		}
			.StandardLayout .OneThirds_Margin img:nth-child(3n) {
				width: 32%;
				margin: 0 0 20px 0;
			}
	
}
	
@media screen and (max-width: 800px) {
	
	/*===========================================
		MAIN CONTENT
	===========================================*/
	.EqualHeightContainer {
		display: block;
	}
		.EqualHeightContainer .EqualHeightDisplayBox {
			display: block;
		}
	
	
	/*===========================================
		GALLERY
	===========================================*/
	.Gallery .OneQuarter_Margin {
		width: 49%;
	}
		.Gallery .OneQuarter_Margin:nth-child(2n){
			margin: 0 0 20px 0;
		}
		.Gallery .OneQuarter_Margin:nth-child(3n){
			margin: 0 2% 20px 0;
		}
		
	
	/*===========================================
		CONTACT
	===========================================*/
	.Contact .PaddingTopBottom_90 {
		padding: 20px 0;
	}
	.Contact .OneHalf_Margin {
		width: 100%;
		margin-right: 0;
		padding-bottom: 30px;
	}
	.Contact .OneHalf_Margin:nth-child(2n) {
		
}

@media screen and (max-width: 620px) {
	.StandardLayout .OneThirds_Margin.ImageDisplay img  {
		width: 45%;
	}
		.StandardLayout .OneThirds_Margin.ImageDisplay img:nth-child(2n){
			width: 45%;
			margin: 0 0 20px 0;
		}
		.StandardLayout .OneThirds_Margin.ImageDisplay img:nth-child(3n) {
			width: 45%;
			margin: 0 2% 20px 0;
		}
	
	/*===========================================
		ORDER FORM
	===========================================*/	
	.OrderForm .OneHalf_Margin .OneThirds_Margin {
		width: 49%;
		margin-right: 2%;
	}
		.OrderForm .OneHalf_Margin .OneThirds_Margin:nth-child(3n) {
			margin-right: 2%;
		}
		.OrderForm .OneHalf_Margin .OneThirds_Margin:nth-child(2n), 
		.OrderForm .OneHalf_Margin .OneThirds_Margin:last-child {
			margin-right: 0%;
		}
	
	/*===========================================
		GALLERY
	===========================================*/
	.Gallery .OneQuarter_Margin {
		width: 100%;
		margin: 0 0 20px 0;
	}
		.Gallery .OneQuarter_Margin:nth-child(2n){
			margin: 0 0 20px 0;
		}
		.Gallery .OneQuarter_Margin:nth-child(3n){
			margin: 0 0 20px 0;
		}
		
		.Gallery.PriceList .MainImage {
			height: 400px;
			margin-bottom: 0;
		}
		
	/*===========================================
		GALLERY - Thirds
	===========================================*/	
	.Gallery .OneThirds_Margin {
		width: 100%;
		margin: 0 0 20px 0;
	}
		.Gallery .OneQuarter_Margin:nth-child(3n){
			margin: 0 0 20px 0;
		}
	
	
	.OneThird {
		width: 100%;
	}
	.OneThird.PaddingTopBottom_50 {
		padding: 20px 0;
	}
	
	
	/*===========================================
		FOOTER CONTENT
	===========================================*/
	.FooterContent  {
		padding: 20px 0;
		font-size: 0.8em;
	}
		.FooterContent .OneQuarter {
			width: 100%;
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 1px dashed #757575;
		}
			.FooterContent .OneQuarter:nth-child(2){
				display: none;
			}
			
			.FooterContent .OneQuarter:nth-child(4){
				border-bottom: none;
			}
			/*
			.FooterContent .OneQuarter:nth-child(3n){
				display: none;
			}*/
			
			/*.FooterContent .OneQuarter:nth-child(2n),
			.FooterContent .OneQuarter:nth-child(3n){
				display: none;
			}*/
}

@media screen and (max-width: 480px) {
	/*===========================================
		PAGE HERO
	===========================================*/
	.PageHeader.Homepage {
		height: 400px;
	}
	
	.PageHeader.bespoke-services,
	.PageHeader.Gallery,
	.PageHeader.price-list,
	.PageHeader.how-to-order,
	.PageHeader.contact {
		background-size: 800px;
		height: 400px;
	}
	
	
	.PageHeader .HeroContent {
		margin-top: 200px;
	}
		.PageHeader .HeroContent h3 {
			font-size: 3em;
		}
	
	/*===========================================
		MAIN CONTENT
	===========================================*/
	.EqualHeightContainer {
		padding: 30px 0;
	}
		.EqualHeightContainer .EqualHeightDisplayBox.ImageDisplay {
			padding: 20px 0;
		}
			.EqualHeightContainer .EqualHeightDisplayBox.ImageDisplay img {
				width: 100%;
			}
	
	.ContentDisplay h2{
		font-size: 40px;
		line-height: 60px;
		margin-bottom: 0px;
	}
	.ContentDisplay h3{
		font-size: 18px;
		line-height: 22px;
	}
	
	.StandardLayout .OneThirds_Margin.ImageDisplay img  {
		width: 100%;
		margin: 0 0 20px 0;
	}
		.StandardLayout .OneThirds_Margin.ImageDisplay img:nth-child(2n){
			width: 100%;
			margin: 0 0 20px 0;
		}
		.StandardLayout .OneThirds_Margin.ImageDisplay img:nth-child(3n) {
			width: 100%;
			margin: 0 0 20px 0;
		}
		
	.Gallery.PriceList .MainImage {
		height: 300px;
		margin-bottom: 0;
	}
		
	/*===========================================
		ORDER FORM
	===========================================*/	
	.OrderForm .OneHalf_Margin .OneThirds_Margin {
		width: 100%;
		margin-right: 0;
	}
		.OrderForm .OneHalf_Margin .OneThirds_Margin:nth-child(3n){
			margin-right: 0%;
		}
}