/*

	Query CSS
	Copyright (C) 2020 OwlTree Web Solutions.

*/

@media only screen and (min-width: 480px) and (max-width: 640px)
	{
		
				
	}




@media only screen and (min-width: 640px) and (max-width: 1024px)
	{
		

		.phone-number-header, .logo-container, .nav
		{
			display: block;
			/*width: 31%;*/
		}
		
		.banner-section-home, .banner-section
		{
			margin-top: 183px;
		}
		
		h1, h2.section-strip-heading
		{
			font-size: 3em;
		}
		
		h2
		{
			font-size: 2em;
		}
		
		.col
		{
			width: 46%;
		}
				
		.cta-col h3
		{
			font-size: 2em;
		}
		
		.cta-col p
		{
			font-size: 1.7em;
		}
		
		.category-grid
		{
			width: 31%;
		}
		
		
		
		.news-grid
		{
			width: 46%;
		}
		
		.news-grid h2, .news-grid h3
		{
			font-size: 2em;
		}
		
		.sundry-link
		{
			width: 21%;
		}
		
		.review
		{
			width: 46%;
		}
		
	}




@media only screen and (min-width: 1024px) and (max-width: 1280px)
	{
		
		.logo-container img
		{
			width: 40%;
		}
		
		.nav-horizontal
		{
			display: inline-block;
		}
		
		.nav
		{
			display: none;
		}
		
		.banner-section-home, .banner-section
		{
			margin-top: 181px;
		}
		
		h1, h2.section-strip-heading
		{
			font-size: 3em;
		}
		
		h2
		{
			font-size: 3em;
		}
		
		.col
		{
			width: 46%;
		}
		
		.cta-col h3
		{
			font-size: 2em;
		}
		
		.cta-col p
		{
			font-size: 1.7em;
		}
		
		.category-grid
		{
			width: 23%;
		}
		
		.price, .delivery
		{
			width: 47%;
		}
		
		.news-grid
		{
			width: 29%;
		}
		
		.news-grid h2, .news-grid h3
		{
			font-size: 2em;
		}
						
		.sundry-link
		{
			width: 21%;
		}
		
		.review
		{
			width: 29%;
		}
		
		footer
		{
			text-align: left;
		}
		
		.footer-left
		{
			width: 33%;
		}
		
		.footer-centre
		{
			width: 33%
		}
		
		.footer-right
		{
			width: 33%;
			text-align: right;
		}
		
	}




@media only screen and (min-width: 1280px)
	{
		
		.nav-horizontal
		{
			display: inline-block;
		}
		
		.nav
		{
			display: none;
		}
		
		.sidenav a
		{
			font-size: 5em;
		}
		
		.logo-container img
		{
			width: 40%;
		}
		
		.banner-section
		{
			margin-top: 0px;
		}
		
		h1, h2.section-strip-heading
		{
			font-size: 3em;
		}
		
		h2
		{
			font-size: 3em;
			line-height: 1.2em;
		}
		
		.banner-section-home, .banner-section
		{
			margin-top: 181px;
		}
		
		.col
		{
			width: 46%;
		}
				
		.cta-col h3
		{
			font-size: 2em;
		}
		
		.cta-col p
		{
			font-size: 1.7em;
		}
		
		.category-grid
		{
			width: 23%;
		}
		
		.price, .delivery
		{
			width: 47%;
		}
		
		.news-grid
		{
			width: 29%;
		}
		
		.news-grid h2, .news-grid h3
		{
			font-size: 2em;
		}
		
		.sundry-link
		{
			width: 21%;
		}
		
		.review
		{
			width: 29%;
		}
				
		footer
		{
			text-align: left;
		}
		
		.footer-left
		{
			width: 33%;
		}
		
		.footer-centre
		{
			width: 33%
		}
		
		.footer-right
		{
			width: 33%;
			text-align: right;
		}
		
		
		
}