.nav-icon,
nav a.close	{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: 1100px) 
{
	/* PROJECT PAGE */
	.project-carousel	{max-width: 95%;}
	.other-project-listing-section .listing-panel-text p {font-size: 18px;}
	
	/* BASKET */
	.basket-image					{width:90px;}
	.col-basket-summary .btn		{font-size: 16px;}
	.basket-item .product-select	{padding-left: 110px;}
	.basket-section .col-basket		{width:60%;}
	.col-basket-summary 			{width: 35%;}
}
	
@media (max-width: 1060px) 
{
    /* HEADER */
	nav ul	{font-size: 15px;}
	nav li	{margin: 0 10px;}
	.logo	{width:50vw;}
	
	/* FOOTER */
	.contact-nav	{font-size: 15px;}

}



@media (max-width: 1024px) 
{
	/* LISTING HOME */
	.listing-panel-text p	{font-size: 30px;}
	
	/* LISTING TWO */
	.panel-listing-section-two .listing-panel-text h2	{font-size: 20px;}
	.btn	{font-size: 16px;}
	
	/* TESTIMONIALS */
	.testimonial-listing blockquote cite	{text-align: left;}
	
	/* LISTING */
	.panel-listing-section .col-4	{width:33.333%;}

}

@media (max-width: 960px) 
{
    /* HEADER */
	nav ul								{font-size: 14px;}
	.logo								{margin-bottom: 30px;}
	header .inner						{padding-top: 30px; padding-bottom: 30px;}
	header .inner ul.social-nav			{top:20px; right:20px;}
	header .inner ul.social-nav li		{margin-left: 10px;}
	header .inner ul.social-nav li svg	{width:20px; max-height: 20px;}
}

@media (max-width: 850px) 
{
	/* HEADER */
	.logo	{margin-bottom: 0}
	
	.testimonials-page,
	.text-page,
	.two-col,
	.contact-page	{padding: 20px 0}
	
	.white-panel	{padding: 30px;}
	
	/* NAV */
	nav					{position: fixed; left:-100%; top:0; width: 414px; max-width: 100%; height: 100%; background-color: #ffffff; z-index: 100; transition: 0.5s ease-out; overflow-y: auto; padding-top: 50px; box-shadow: 5px 5px 10px rgba(0,0,0,0.1)}
	nav.open			{display: flex; flex-direction: column; box-shadow: 5px 0 15px rgba(0,0,0,0.2); left: 0}
	nav ul				{flex-direction: column; justify-content: flex-start; font-size: 16px; width: 100%; font-weight: 300;}
	nav ul li			{margin: 0; font-weight: 700; border-bottom: 1px solid #efefef; position: relative; width: 100%;}
	nav ul li:hover a	{background-color:#707070; color:#ffffff;}
	nav ul li a			{height: auto; margin: 0; color:#707070; padding: 20px; display: block; font-weight: 300; transition: 0.2s ease-out}
	nav ul span			{position: absolute; top:15px; right:20px; width:30px; height: 30px; background-color: #ffffff; border-radius: 30px; background-image: url(/_assets/icons/icon-chevron-down.svg); background-size: 13px 8px; background-repeat: no-repeat; background-position: center; z-index: 20}	
	nav ul li:after		{display: none !important}

	nav a.close 	{display: block; position: absolute; right: 0px; top: 0px; width: 18px; height: 18px; background-image: url(/_assets/icon-close.svg); background-size: 18px 18px; margin: 15px; margin-right: 25px; margin-left: auto;}
	
	.nav-icon		{display: block; position: absolute; left: 20px; top: 20px;}
	
	/* HOME PAGE */
	.home-page-intro	{padding: 40px 0;}
	
	/* LISTING HOME */
	.listing-panel-text p	{font-size: 24px;}	
	.listing-panel-text		{background-size: 100px auto;}
	
	/* TWO COL */
	.two-col .col-container	{flex-direction: column;}
	.col-left				{width:100%;}
	.col-right				{width:100%;}
	
	/* LISTING TWO */
	.panel-listing-section-two .listing-panel-text h2	{font-size: 18px;}
	.panel-listing-section-two .listing-panel-text p	{font-size: 16px;}
	
	/* LISTING */
	.panel-listing-section .col-4	{width:50%;}
	
	/* LISTING INFO */
	.listing-detail-image	{width:30%; min-height: 28vw}
	.listing-detail-text	{width:70%;}
	
	/* PROJECT PAGE */
	.other-project-listing-section .col-4	{width:33.333%;}
	.project-detail-page					{padding: 30px 0}
	
	/* BASKET */
	.basket-section .cols		{flex-direction: column}
	.col-basket-summary,
	.basket-section .col-basket	{width:100%}
	
	/* FOOTER */
	.contact-nav.sign-off,
	.contact-nav				{font-size: 13px; flex-direction: column}
	.contact-nav li				{border:none; margin-bottom: 10px;}
	.contact-nav li:last-child	{margin-bottom: 0}
}

@media (max-width: 650px) 
{
	/* HOME */
	.split-pullout				{flex-direction: column; margin-bottom: 40px;}
	.split-pullout .split-image	{width:100%; height:100vw;}
	.split-pullout .split-text	{width:100%; padding-top: 40px; padding-bottom: 40px;}
	.split-pullout h4			{margin: 1em 0}
	
	/* TESTIMONIALS */
	.testimonial-listing					{margin-top:20px;}
	.testimonial-listing blockquote			{width:100%; padding: 30px}
	.testimonial-listing blockquote cite	{margin-top: 10px;}
	
	/* CONTACT */
	.contact-page-ctas	{display: none}
	
	/* LISTING INFO */
	.listing-detail-page	{padding-top: 0px}
	.listing-detail-image	{width:100%; min-height: 80vw}
	.listing-detail-text	{width:100%; padding: 20px 0}
	.listing-detail-top		{flex-direction: column;}
	
	/* PROJECT CAROUSEL */
	.project-carousel				{margin-top: 20px;}
	.project-carousel .slide-image	{height:100vw; min-height: unset;}
	
	/* PROJECT PAGE */
	.other-project-listing-section .col-4	{width:50%;}
	
	/* PAYMENT */
	.checkout-action-2	{padding: 15px;}
	
	/* FOOTER */
	.inline-image-list li	{margin: 0 15px;}
	
}

@media (max-width: 570px) 
{
	.panel-listing-section .col-3	{width:375px; max-width: 100%; margin-left: auto; margin-right: auto}
	
}
	
@media (max-width: 500px) 
{
	.two-col .col-left h1,
	h1	{font-size: 30px; line-height: 1.2em}
	h2	{font-size: 18px; line-height: 1.2em}
	h3	{font-size: 16px; line-height: 1.2em; margin-bottom: 1.5em;}
	.text-page ul,
	.text-page ol,
	p	{font-size: 16px; font-weight: 400 !important}
	.footer-top h5	{font-size:30px;}

	/* HEADER */
	.logo	{width:250px; max-width: 100%;}
	header .inner ul.social-nav li svg	{width:15px; max-height: 15px;}

	/* HOME HERO */
	.home-hero-section	{height:250px; min-height: unset;}
	
	/* TWO COL */
	.inline-image		{display: block; float: none; width:100%; margin-bottom: 20px;}
	.inline-image img	{width:100%;}
	.inline-images 		{display: flex; flex-wrap: wrap;}
	.inline-images img	{width:50%;}
	
	/* LISTING */
	.panel-listing-section .col-4								{width:100%;}
	.panel-listing-section-two .listing-panel-image-container	{width:320px; max-width: 100%; margin-left: auto; margin-right: auto;}
	
	/* PAYMENT */
	.ca-2-text		{flex-direction: column; align-items: flex-start;}
	.ca-2-text img	{margin-top: 10px;}
	
	.basket-item .quantity-total h3	{font-size: 20px}
	
}

@media (max-width: 450px) 
{
	/* BASKET */
	.basket-image					{width:60px; padding: 5px;}
	.basket-image-text				{padding-right: 90px;}
	.basket-image-text h3,		
	.basket-image-text h2			{font-size: 16px;}
	.basket-image-text h4,
	.basket-image-text p			{font-size: 14px;}
	.remove							{font-size: 12px;}
	.qty button img					{width:30px;}
	.basket-item .product-select	{padding-left: 80px;}
	.basket-item .quantity-total h3 {font-size: 20px;}
}
@media (max-width: 414px) 
{
	h1	{font-size: 24px; line-height: 1.2em}
}

@media (max-width: 375px) 
{
	.inner			{padding: 0 15px;}
	.white-panel	{padding: 20px;}
	
	.testimonials-page,
	.text-page,
	.two-col,
	.contact-page	{padding: 0}	
}