﻿.secondary-nav ul li.home-icon	{display: none}

/* IE10+ SPECIFIC STYLES GO HERE. IE10+ NO LONGER SUPPORT CONDITIONAL STATEMENTS IN THE HEAD OF A FILE */ 
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  

}

@media (max-width:1170px) {

	.popup-background	{padding-right:30px; padding-left:30px;}
	.popup-content		{width:90%; margin-left: -45%;}

}

@media (max-width: 1150px) 
{
	/* HEADER */
	header h1	{font-size: 26px;}
	header p	{font-size: 14px;}
	nav ul li	{margin: 0 5px;}
	nav ul li a	{font-size: 16px;}
	
	/* BASKET PAGE */
	.basket-section .col-basket			{width: 60%}
	.basket-section .col-basket-summary	{width: 40%}
	.basket-image-text					{flex-direction: column;}
	.basket-image						{margin-right: 0; margin-bottom: 15px;}
}

@media (max-width: 1024px) 
{
	
	
    /* HOME GRID */
	.plates-grid .cols	{padding: 0 10px;}
	.plates-grid .col	{padding: 10px;}
	
	/* PRODUCT DETAIL */
	.product-detail-text-col	{padding: 0}
	
	
}

@media (max-width: 960px) 
{
	/* HOME GRID */
	.plates-listing-section /*.cols.span-1*/ .plate-text-guide-cols,
	.plates-listing-section .cols.span-2 .plate-text-guide-cols	{flex-direction: column}
	
	.plates-listing-section /*.cols.span-1*/ .size-guide-container	{width: 100%;}
	
	/*
	.plates-listing-section .cols.span-1 .size-guide-container	{width: 100%; display: none;}
	.plates-listing-section .cols.span-2 .size-guide-container	{width: 100%; display: none; margin-top: 0}
	.plates-listing-section .cols.span-1 .inline-link,
	.plates-listing-section .cols.span-2 .inline-link		{display: inline-block;}
	*/
	
	/* BASKET */
	.basket-item						{flex-direction: column}
	.basket-image-text					{flex-direction: row; padding-right: 0}
	.basket-image						{margin-right: 15px;}
	.basket-plate-qty					{width: 100%; margin-top: 15px;}
	.basket-item-price h4				{text-align: left}
	.basket-section .col-basket			{width: 50%}
	.basket-section .col-basket-summary	{width: 50%}
	
}

@media (max-width: 900px) 
{
	/* TESTIMONIALS */
	.testimonials-page .cols.span-3 .col	{width: 50%;}
	
	/* FOOTER */
	footer .col ul	{column-count: 1 !important}
	footer .col		{width: 33.333%;}
}

@media (max-width: 800px) 
{
	/* HOME GRID FILTER */
	ul li.three-grid	{display: none}
	
	/* HOME GRID */
	.plates-grid .cols.span-3 .col	{width: 50%}
	
	/* PRODUCT DETAIL PAGE */
	.product-detail-selects .form-row	{flex-direction: column}
	.product-detail-selects .form-cell	{width: 100%; margin-bottom: 15px;}
	
	/* CONTACT */
	.contact-page .cols				{flex-direction: column;}
	.cols.span-2 .col.col-contact	{width: 100%}
	.cols.span-2 .col.col-map		{width: 100%}


	.plates-filters[data-columns='3'] .plates-filter-group-options { grid-template-columns: 200px auto; }
	
}

@media (max-width: 768px) 
{
	
	/* ACCESSORIES */
	.accessories-section .cols.span-3 .col	{width: 50%;}
	
	/* BASKET */
	.basket-section .cols				{flex-direction: column}
	.basket-section .col-basket			{width: 100%}
	.basket-section .col-basket-summary	{width: 100%}
	.basket-item:last-of-type			{margin-bottom: 0}
	.basket-item-price h4				{font-size: 30px; margin-top: 20px;}
	.basket-item .remove				{bottom: 35px;}
}

@media (max-width: 720px) 
{
	/* HEADER */
	nav ul					{padding-left: 10px;}
	nav ul li a				{font-size: 13px;}
	.secondary-nav ul li	{width: 65px;}
	.header-top				{padding-left: 20px;}
}

@media (max-width: 640px) 
{
	.logo-lockup		{position: relative; z-index: 2}
	.header-top:after	{width: 100%; height: 100%; content: ''; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.8) 100%); position: absolute; right: 0;}
	
	/* HAMBURGER */
	.hamburger	{display: block; margin: 0 20px}
	
	/* NAV */
	.nav-container			{position: fixed; padding-bottom: 60px; transition: 0.2s ease-out; left: calc(-100%  - 100px); top:0; background-color: #000000; width: 100%; height: 100vh; z-index: 99; display: flex; align-items: center; justify-content: center; }
	.nav-container ul		{flex-direction: column;}
	.nav-container ul li	{margin: 5vw 0}
	.nav-container ul li a	{font-size: 30px; color: #ffffff}
	
	.nav-container.open		{left: 0}

	/* HEADER */
	.hamburger	{margin: 0}
	
	/* SECONDARY NAV */
	.secondary-nav								{position: fixed; left: 0; bottom: 0; z-index: 99; margin: 0; width: 100%; background: linear-gradient(0deg, #cccccc 0%, #ffffff 100%); display: flex; justify-content: center; box-shadow: 0 -5px 5px rgba(0,0,0,0.25)}
	.secondary-nav ul li						{border-left: 1px solid #ffffff; width: 75px}
	.secondary-nav ul li:last-of-type			{border-right: 1px solid #ffffff;}
	.secondary-nav ul li.basket-icon:hover a	{background-color: #000000}
	.secondary-nav ul li.home-icon				{display: flex;}
	.secondary-nav ul li.home-icon img			{height: 20px; margin-top: 2px; margin-bottom: 4px}
	
	/* GUEST CHECKOUT */
	.checkout-progress-container			{margin-top: 15px;}
	.cols.span-2.cols-delivery-type			{width:calc(100% + 20px); margin-left: -10px; margin-bottom: 10px; margin-top: 7px;}
	.cols.span-2.cols-delivery-type .col	{padding: 10px;}
	.cols.span-2.cols-delivery-type .btn	{min-width: unset; font-size: 14px;}
		
	/* HOME GRID */
	.plates-grid .cols.span-1 .col,
	.plates-grid .cols.span-2 .col,
	.plates-grid .cols.span-3 .col	{width: 100%}

	.plates-listing-section .cols.span-1 .plate-card	{flex-direction: column}
	.plates-listing-section .cols.span-1 .plate-card-image,
	.plates-listing-section .cols.span-1 .plate-text-guide-cols	{width: 100%;}
	.plates-listing-section .cols.span-1 .plate-card-carousel img	{width: 100%; max-height: 150px;}
	
	.plate-card-details { flex-direction: column; }
	.plate-card-details .plate-text-guide-cols { width: 100%; }
	/* TESTIMONIALS */
	.testimonials-page .cols.span-3 .col { width: 100%; }
	
	/* FOOTER */
	footer	{padding-bottom: 80px;}


	.size-guide .available-variations .variations { grid-template-columns: repeat(4, 1fr); }

}

@media (max-width: 600px) 
{
	/* HOME INTRO */
	.text-intro	.inner	{padding: 0 20px}
	
	/* HOME FILTER */
	.view-col	{display: none}
	
	/* PRODUCT DETAIL */
	main								{padding: 20px 0}
	.product-detail .cols.span-2		{flex-direction: column}
	.product-detail .cols.span-2 .col	{width: 100%}
	.product-detail-text-col			{margin-top: -15px;}
	
	/* FOOTER */
	footer .cols	{flex-direction: column}
	footer .col		{width: 100%;}

	.plates-filters[data-columns='3'] .plates-filter-group-options,
	.plates-filters[data-columns='2'] .plates-filter-group-options { grid-template-columns: auto; }

}


@media (max-width: 550px) 
{
	/* ACCESSORIES */
	.accessory-card			{flex-direction: column}
	.accessory-card-image	{width: 50%; margin-bottom: 15px;}
	.accessory-card-text	{padding-left: 0}
	
	.site-intro h2 span		{font-size: 32px;}
	
}

@media (max-width: 500px) 
{
	.checkout-section .form-row					{flex-direction: column; margin-bottom: 0}
	.checkout-section .form-row .form-cell		{width: 100%; margin-bottom: 15px;}

	.size-guide .available-variations .variations { grid-template-columns: repeat(3, 1fr); }

}

@media (max-width: 374px) 
{
	/* HEADER */
	header h1	{font-size: 20px;}
	header p	{margin-top: 0}
	
	/* HOME GRID */
	.container		{font-size: 14px;}
	.filters-col	{width: 100%; justify-content: space-between;}
	.filters-col .form-cell	{margin: 0}
	
	.header-top	{background-size: cover}

	.size-guide .available-variations .variations { grid-template-columns: repeat(2, 1fr); }

}

@media (max-width: 360px) 
{
    /* SAMSUNG GALAXY S5 */
}

@media (max-width: 320px) 
{
    /* IPHONE 5 */
}