/*

	Bob Moss Media Query CSS
	Copyright (C) 2015 OwlTree Web Solutions.

*/


@media only screen and (min-device-width : 320px) and (max-device-width: 480px)
{
		
.tbox1,.tbox2
	{
		width: 90%;
		margin-bottom: 0.5em;
		border-right: none;
		border-bottom: 1px dotted silver;
		padding-left: 0.2em;
		padding-right: 0.2em;
	}
	
form
	{
		clear: both;
	}
	
#banner
	{
		margin-bottom: 1em;
		display: table;
		margin: 0 auto;
	}

.image-text 
	{
		margin-top: 1em;
	}
	
.image-full
	{
	width: 96%;
	}	
	
.odro-large
	{
		width: 280px;
		/*height: 87px;*/
	}	

ul#navigation
	{
		max-width: 240px;
		min-width: 120px;
		margin: 0px auto;
		color: white;
		padding-top: 0.5em;
		}	
		
ul#menu
	{
		display: none;
	}
					
#navigation li ul.submenu
	{
		display: none;
	}
		
#navigation li:hover > ul.submenu, #navigation li:focus > ul.submenu a
	{
		display: block;	
	}	
	
h5.image-text 
{
	font-size: 2.3em;
	margin: 0 auto;
	padding-right: 0.25em;
}

.image-lft
{
	float: left;
	margin: 1em auto;
	max-width: 200px;
	min-width: 150px;
	padding-right: 0.5em;
}

table.chambers	
	{
		width: 95%;
		margin: 0 auto;
		
	}
	
table.chambers td
	{
		padding: 0.5em;
	}

.input-line 
	{
		width: 95%;
	}

.submit
	{
		width: 95%;
	}

.testimonial
	{
	 font-size: 0.8em;
	}

.image-half
	{
		width: 90%;
	}
.image-centre
	{
		width: 98%;
	}		
	
.sz2
	{
		font-size: 1em;
	}
	

}

@media only screen and (min-width: 480px) and (max-width: 960px) 
{
			
.tbox1,.tbox2
	{
		width: 96%;
		margin-bottom: 0.5em;
		border-right: none;
		border-bottom: 1px dotted silver;
	}
	
.tbox1
	{
		border-right: 0;
		padding-right: 0;
	}

.tbox2
	{
		padding-left: 0;
		padding-right: 0;
	}	

form
	{
		clear: both;
	}
	
.contact-detail
{
	margin-top: 1em;
}	

.input-line 
	{
		width: 95%;
	}

label
	{
		margin-top: 0.5em;
	}
	
.submit
	{
		width: 95%;
	}
	
#banner
	{
		margin-bottom: 1em;
		display: table;
		margin: 0 auto;
	}
	
.image-lft
	{
		width: 200px;
	}


.image-text 
	{
		margin-top: 1em;
		margin-right: 0.5em;
	}
	
.odro-large
	{
		width: 400px;
		height: 87px;
	}	

ul#navigation
	{
		max-width: 256px;
		min-width: 120px;
		margin: 0px auto;
		color: white;
		padding-top: 0.5em;
		}	
		
ul#menu
	{
		display: none;
	}
	
					
#navigation li ul.submenu
	{
		display: none;
	}
		
#navigation li:hover > ul.submenu, #navigation li:focus > ul.submenu a
	{
		display: block;	
	}	
	
}

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

.image-lft	
	{
		float: left;
		width: 280px;
		margin-bottom: 1em;
	}
	
}

@media only screen and (min-width: 960px) and (max-width: 1024px)
{
	
	
	
.tbox1,.tbox2
	{
		width: 98%;
		margin-bottom: 0.5em;
		border-right: none;
		border-bottom: 1px dotted silver;
	}
	
.tbox1
	{
		border-right: 0;
		padding-right: 0;
	}

.tbox2
	{
		padding-left: 0;
	}	

form
	{
		clear: both;
	}
	
#banner
	{
		margin-bottom: 1em;
		display: table;
		margin: 0 auto;
	}
	
	.image-lft
	{
		width: 280px;
	}
	

.image-text 
	{
		margin-top: 1em;
	}
	
.odro-large
	{
		width: 400px;
		height: 87px;
	}	

ul#navigation
	{
		max-width: 256px;
		min-width: 120px;
		margin: 0px auto;
		color: white;
		padding-top: 0.5em;
		}	
		
ul#menu
	{
		display: none;
	}
	
					
#navigation li ul.submenu
	{
		display: none;
	}
		
#navigation li:hover > ul.submenu, #navigation li:focus > ul.submenu a
	{
		display: block;	
	}	
	
}				
		
		
@media only screen and (min-width: 1024px) and (max-width: 1280px)
	{
		
#header
	{
		position: relative;
		float: left;
		width: 25%;
	}
	
#main
	{
		float: right;
		width: 70%;
	}
		
.tbox1,.tbox2
	{
		width: 45%;
		float: left;
		border-bottom: none;

	}
	
.tbox1
	{
		border-right: 1px dotted silver;
		padding-right: 3.2%;
	}

.tbox2
	{
		padding-left: 3.2%;
	}	
	
.contact-detail 
	{
		width: 46%;
		margin-bottom: 5em;
		padding-top: 2em;
	}

.sz2
	{
		font-size: 1.1em;
	}
	
#banner
	{
		margin-bottom: 1em;
		display: table;
		margin: 0 auto;
	}
		
	.image-lft
	{
		width: 280px;
	}	
	
.image-text 
	{
		display: table-cell;
		vertical-align: middle;
	}
	
.odro-large 
	{
		width: 400px;
		height: 87px;
	}	

ul#navigation
	{
		max-width: 320px;
		min-width: 256px;
		margin: 0px auto;
		color: white;
		padding-top: 0.5em;
		}	
		
ul#menu
	{
		display: block;
	}
	
ul#menu li
	{
		display: block;
		margin-left: 1em;
		margin-right: 1em;
	}
					
#navigation li ul.submenu
	{
		display: none;
	}
		
#navigation li:hover > ul.submenu, #navigation li:focus > ul.submenu a
	{
		display: none;	
	}
	
span.hide-menu, span.menu-symbol
	{
		display: none;
	}	
		
}
				
@media only screen and (min-width: 1280px) and (max-width: 2560px)
	{
	
		
#header
	{
		position: relative;
		float: left;
		width: 26%;
	}
	
#main
	{
		float: right;
		width: 70%;
	}
			
.tbox1,.tbox2
	{
		width: 45%;
		border-bottom: none;
		float: left;
	}

.tbox1
	{
		border-right: 1px dotted silver;
		padding-right: 3.2%;
	}

.tbox2
	{
		padding-left: 3.2%;
	}	
	
.contact-detail 
	{
		width: 46%;
		margin-bottom: 5em;
		padding-top: 2em;
	}
	
.sz2
	{
		font-size: 1.1em;
	}

#banner
	{
		margin-bottom: 1em;
		display: table;
		margin: 0 auto;
	}
	
	.image-left
	{
		width: 40%;
	}
	
	.image-lft
	{
		width: 280px;
	}
	
.image-text
	{
		display: table-cell;
		vertical-align: middle;
	}
	
.odro-large 
	{
		width: 400px;
		height: 87px;
	}

ul#navigation
	{
		max-width: 640px;
		min-width: 320px;
		margin: 0px auto;
		color: white;
		padding-top: 0.5em;
	}	
		
ul#menu
	{
		display: block;
	}
	
ul#menu li
	{
		display: block;
		margin-left: 1em;
		margin-right: 1em;
	}
					
#navigation li ul.submenu
	{
		display: none;
	}
		
#navigation li:hover > ul.submenu, #navigation li:focus > ul.submenu a
	{
		display: block;	
	}
	
span.hide-menu, span.menu-symbol
	{
		display: none;
	}
			
}