/*

	Query CSS
	Copyright (C) 2020 OwlTree Web Solutions.

*/

@media only screen and (min-width: 480px) and (max-width: 640px)
	{
		
		.logo-container img
		{
			/*width: 200px;*/
		}
		
		.cta-col p.email
		{
			font-size: 1.8em;
		}
				
	}




@media only screen and (min-width: 640px) and (max-width: 1024px)
	{
		
		.logo-container
		{
			height: 90px;
		}
		
		h2
		{
			font-size: 2em;
			line-height: 1.2em;
		}
		
		.service-col
		{
			width: 45.5%;
		}
		
		.studio-photo
		{
			width: 50%;
		}
		
		.cta-col p.tel
		{
			font-size: 2em;
		}
		
		.cta-col p.email
		{
			font-size: 1.8em;
		}
		
		.testimonial-slider
		{
			width: 70%
		}
		
	}




@media only screen and (min-width: 1024px) and (max-width: 1280px)
	{
		
		.logo-container
		{
			height: 100px;
		}
		
		.logo-container img
		{
			width: 40%;
		}
		
		.nav-horizontal
		{
			display: block;
		}
		
		.nav
		{
			display: none;
		}
		
		
		h2
		{
			font-size: 2.5em;
			line-height: 1.2em;
		}
		
		.service-col
		{
			width: 45.5%;
		}
		
		.studio-photo
		{
			width: 50%;
		}
		
		.cta-col
		{
			width: 44.5%;
			padding: 0 5% 0 0;
			border-right: 2px solid #b3c6e7;
		}
	
		.cta-col:nth-child(3)
		{
			width: 45%;
			padding: 0 0 0 5%;
			border: none;
		}
		
		.cta-col p.tel
		{
			font-size: 2em;
			text-align: right;
		}
		
		.cta-col p.email
		{
			font-size: 1.7em;
			text-align: right;
		}
		
		hr.cta
		{
			display: none;
		}
		
		.social-container
		{
			text-align: left;
		}
		
		.testimonial-slider
		{
			width: 60%
		}
		
		h3.newsletter-button
		{
			font-size: 3em;
		}
		
		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)
	{
		
		.logo-container
		{
			height: 100px;
		}
		
		.logo-container img
		{
			width: 40%;
		}
		
		.nav-horizontal
		{
			display: block;
		}
		
		.nav
		{
			display: none;
		}
		
		.sidenav a
		{
			font-size: 5em;
		}
		
		h1
		{
			font-size: 5.5em;
		}
		
		h2
		{
			font-size: 3em;
			line-height: 1.2em;
		}
		
		.service-col
		{
			width: 45.5%;
		}
		
		.studio-photo
		{
			width: 50%;
		}
		
		.cta-col
		{
			width: 44.5%;
			padding: 0 5% 0 0;
			border-right: 2px solid #b3c6e7;
		}
	
		.cta-col:nth-child(3)
		{
			width: 45%;
			padding: 0 0 0 5%;
			border: none;
		}
		
		.cta-col p.tel, .cta-col p.email
		{
			font-size: 2em;
			text-align: right;
		}
		
		hr.cta
		{
			display: none;
		}
		
		.social-container
		{
			text-align: left;
		}
		
		p.quotes
		{
			font-size: 18em;
		}
		
		.testimonial-slider
		{
			width: 60%
		}
		
		.testimonial-slider ul.slider
		{
			/*height: 300px;*/
		}
		
		hr.test-slider
		{
			margin: 0em auto 2em auto;
		}
		
		h3.newsletter-button
		{
			font-size: 3em;
		}
						
		footer
		{
			text-align: left;
		}
		
		.footer-left
		{
			width: 33%;
		}
		
		.footer-centre
		{
			width: 33%
		}
		
		.footer-right
		{
			width: 33%;
			text-align: right;
		}
		
			
}