/*

	Query CSS
	Copyright (C) 2019 OwlTree Web Solutions.

*/

@media only screen and (min-width: 480px) and (max-width: 640px)
	{
		
		.banner-strip h2
		{
			margin: 1.5em 0 0 0;
		}
		
		.banner-strip-short h1
		{
			font-size: 8vw;
		}
		
		.banner-strip-short h2
		{
			font-size: 4.5vw;
		}
		
		.gallery-image
		{
			width: 33%;
		}
		
		table
		{
			width: 46%;
		}
		
	}




@media only screen and (min-width: 640px) and (max-width: 1024px)
	{
		
		header
		{
			height: 100px;
		}
		
		.logo-container img
		{
			width: 240px;
		}
		
		.phone-number-header, .logo-container, .nav
		{
			display: block;
			width: 31%;
		}
		
		.phone-number-header, .nav
		{
			margin: 1.5em 0 0 0;
		}
		
		p.menu-symbol, p.menu-symbol-small
		{
			text-align: right;
		}
		
		h2
		{
			font-size: 6vw;
		}
		
		table
		{
			width: 46%;
		}
		
		.banner-strip, .banner-strip-short
		{
			margin: 100px 0 0 0;
		}
		
		.banner-strip-short h1
		{
			font-size: 8vw;
		}
		
		.banner-strip-short h2
		{
			font-size: 4vw;
		}
		
		.banner-strip h2
		{
			font-size: 4em;
			margin: 1.0em 0 0 0;
		}
		
		.col
		{
			width: 48%;
		}
		
		/*.col:nth-child(even)
		{
			width: 49%;
			margin: 0 0 0 1%;
		}*/
		
		.service-link
		{
			width: 31%;
			
		}
			
		/*.service-link:last-child, .service-link:nth-child(3)
		{
			border-right: none;
		}*/
		
		.testimonial-excerpt
		{
			width: 40%;
		}
		
		.accreditation-logo
		{
			width: 15.6%;	
		}
				
		.link-holder
		{
			width: 44%;
		}
		
		.method-link, .method
		{
			width: 44%;
		}
		
		.gallery-image
		{
			width: 25%;
		}
		
		.project-link
		{
			width: 48%;
		}
		
		.before-after
		{
			width: 50%;
		}
		
		/*.case-study-image
		{
			width: 48%;
		}*/
		
		.reviews
		{
			width: 47%;
		}
		
		button.button
		{
			width: 46%;
		}
		
		footer
		{
			text-align: left;
		}
		
		.footer-left
		{
			width: 33%;
		}
		
		.footer-centre
		{
			width: 33%;
			text-align: center;
		}
		
		.footer-right
		{
			width: 33%;
		}
	
		
	}




@media only screen and (min-width: 1024px) and (max-width: 1280px)
	{
	
		header
		{
			height: 120px;
		}
		
		.logo-container img
		{
			width: 240px;
		}
		
		.phone-number-header, .logo-container, .nav
		{
			display: block;
			width: 31%;
		}
		
		.phone-number-header, .nav
		{
			margin: 1.5em 0 0 0;
		}
		
		p.menu-symbol, p.menu-symbol-small
		{
			text-align: right;
		}
		
		h2
		{
			font-size: 4.5vw;
		}
		
		table
		{
			width: 46%;
		}
		
		.banner-strip
		{
			min-height: 600px;
		}
		
		.banner-strip-short
		{
			min-height: 600px;
		}
		
		.banner-strip, .banner-strip-short
		{
			margin: 120px 0 0 0;
		}
		
		.banner-strip-short h1
		{
			font-size: 8vw;
		}
		
		.banner-strip-short h2
		{
			font-size: 2em;
		}
		
		.banner-strip h2
		{
			font-size: 5em;
			margin: 2.2em 0 0 0;
		}
		
		.col
		{
			width: 48%;
		}
		
		/*.col:nth-child(even)
		{
			width: 49%;
			margin: 0 0 0 1%;
		}*/
		
		.service-link
		{
			width: 18%;
		}
		
		/*.service-link:last-child
		{
			border-right: none;
		}*/
		
		.testimonial-excerpt
		{
			width: 40%;
		}
		
		.service-image
		{
			width: 46%;
		}
		
		.service-col
		{
			width: 46%;
		}
		
		.method-link, .method
		{
			width: 27%;
		}
		
		.accreditation-logo
		{
			width: 7.3%;	
		}
		
		.link-holder
		{
			width: 27%;
		}
		
		.project-link
		{
			width: 48%;
		}
		
		.before-after
		{
			width: 50%;
		}
		
		/*.case-study-image
		{
			width: 48%;
		}*/
		
		.gallery-image
		{
			width: 20%;
		}
		
		.reviews
		{
			width: 47%;
		}
		
		button.button
		{
			width: 46%;
		}
		
		footer
		{
			text-align: left;
		}
		
		.footer-left
		{
			width: 33%;
		}
		
		.footer-centre
		{
			width: 33%;
			text-align: center;
		}
		
		.footer-right
		{
			width: 33%;
		}
		
	}




@media only screen and (min-width: 1280px) and (max-width: 2560px)
	{
		
		header
		{
			height: 120px;/*was 120px*/
		}
		
		.logo-container img
		{
			width: 300px;
		}
			
		.phone-number-header, .logo-container, .nav
		{
			display: block;
			width: 31%;
		}
		
		.phone-number-header, .nav
		{
			margin: 1.5em 0 0 0;
		}
		
		h2
		{
			font-size: 3em;
		}
		
		h2.case-study
		{
			font-size: 5em;
		}
		
		p.menu-symbol, p.menu-symbol-small
		{
			text-align: right;
		}
		
		table
		{
			width: 46%;
		}
		
		.banner-strip
		{
			min-height: 600px;/*was 700px*/
		}
		
		.banner-strip-short
		{
			min-height: 600px;/*was 700px*/
		}
		
		.banner-strip, .banner-strip-short
		{
			margin: 120px 0 0 0;
		}
				
		.banner-strip-short h1
		{
			font-size: 5em;
		}
		
		.banner-strip-short h2
		{
			font-size: 2em;
		}
		
		.banner-strip h2
		{
			font-size: 7em;
			margin: 2.0em 0 0 0;
		}
		
		.col
		{
			width: 48%;
		}
		
		/*.col:nth-child(even)
		{
			width: 49%;
			margin: 0 0 0 1%;
		}*/
		
		.project-link
		{
			width: 48%;
		}
		
		.before-after
		{
			width: 50%;
		}
		
		h2.case-study
		{
			font-size: 4.5em;
		}
		
		.accreditation-logo
		{
			width: 7.3%;	
		}
		
		.service-link
		{
			width: 18%;
		}
		
		/*.service-link:last-child
		{
			border-right: none;
		}*/
		
		.testimonial-excerpt
		{
			width: 40%;
		}
		
		.service-image
		{
			width: 46%;
		}
		
		.service-col
		{
			width: 46%;
		}
		
		.method-link, .method
		{
			width: 27%;
		}
		
		.link-holder
		{
			width: 27%;
		}
		
		.gallery-image
		{
			width: 20%;
		}
		
		/*.case-study-image
		{
			width: 48%;
		}*/
		
		.reviews
		{
			width: 47%;
		}
		
		button.button
		{
			width: 46%;
		}
		
		footer
		{
			text-align: left;
		}
		
		.footer-left
		{
			width: 33%;
		}
		
		.footer-centre
		{
			width: 33%;
			text-align: center;
		}
		
		.footer-right
		{
			width: 33%;
		}
		
		
		
}