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


@media screen and (max-width: 1024px) {
	.Navigation ul li {
		padding: 10px 10px 0 10px;
	}
	
	.DoublePageContent_Left {
		width: 25%;
	}
		.SideNavigation {
			width: 90%;
		}
	
	.OneQuarterContainer .OneQuarter_Border {
		border-right: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		width: -moz-calc(33.33% - 1px);
		width: -webkit-calc(33.33% - 1px);
		width: -o-calc(33.33% - 1px);
		width: calc(33.33% - 1px);
	}
		.OneQuarterContainer .OneQuarter_Border:nth-child(3n) {
			border-right: none;
		}
}

@media screen and (max-width: 768px) {
	/*===========================================
		DISABLE NAVIGATIONS
	===========================================*/
	.MainNavigaion{
		display: none;
	}
	
	/*===========================================
		ENABLE MOBILE NAVIGATIONS
	===========================================*/
	.ResponsiveNavigation {
		display: block;
	}
	
	
	/*===========================================
		PAGE HEADER
	===========================================*/
	.PageHeader   {
		margin: 0 1%;
		width: 98%;
		padding-top: 0px;
		text-align: center;
	}
		.PageHeader .Logo  {
			float: none;
			width: 100%;
			display: block;
			padding: 10px 0;
			padding-bottom: 10px;
		}
	
	.PageHeader .SideContent {
		float: none;
		width: 100%;
		display: block;
	}
	
		.PageHeader .SideContent .SideLinks {
			display: none;
		}
	
		.PageHeader .SideContent .Contact {
			text-align: center;
		}
			.PageHeader .SideContent .Contact p {
				text-align: center;
			}
			
				
	/*===========================================
		CONTENT
	===========================================*/		
	.DoublePageContent_Left  {
		display: none;
	}
	
	.DoublePageContent_Right {
		margin: 0 1%;
		width: 98%;
		margin-left: 0px;
	}
	
	.DisplayBox .DisplayBrand img {
		max-width: 80px;
		border: none;
		padding-bottom: 10px;
		
	}
	
	
	/*===========================================
		FOOTER
	===========================================*/	
	.PageFooter .DesignedBy {
		text-align: center;
	}
}


@media screen and (max-width: 568px) {
	.PageHeader .Logo img  {
		width: 70%;
	}
		.PageHeader .SideContent {
			display: none;
		}
	
	.OneQuarterContainer .OneQuarter_Border {
		border-right: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		width: -moz-calc(50% - 1px);
		width: -webkit-calc(50% - 1px);
		width: -o-calc(50% - 1px);
		width: calc(50% - 1px);
	}
		.OneQuarterContainer .OneQuarter_Border:nth-child(2n) {
			border-right: none;
		}
	
	.ProductDisplay .ProductImage{
		float: left;
		width: 100%;
	}
	.ProductDisplay .ProductDescription{
		float: left;
		width: 100%;
		margin-left: 0px;
	}
	
	.WatchSearch .OneThird_NoBorder {
		width: 100%
	}
		.WatchSearch input {
			width: -moz-calc(100% - 30px);
			width: -webkit-calc(100% - 30px);
			width: -o-calc(100% - 30px);
			width: calc(100% - 30px);
			border: none;
			border-right: 0;
			padding: 15px;
			outline:0
		}
		.WatchSearch select {
			border-left: 0;
		}
		
		.WatchSearch .SearchContainer .OneThird_NoBorder {
			width: 33.33%;
			margin: 0;
		}
}


@media screen and (max-width: 420px) {
	.OneQuarterContainer .OneQuarter_Border {
		border-right: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		width: -moz-calc(100% - 1px);
		width: -webkit-calc(100% - 1px);
		width: -o-calc(100% - 1px);
		width: calc(100% - 1px);
	}
		.OneQuarterContainer .OneQuarter_Border:nth-child(1n) {
			border-right: none;
		}
}