@charset "UTF-8";
/*********************************************************************************/
/* Below 1500px                                                                   */
/*********************************************************************************/
@media (max-width: 93.75em) { /* 1500px */
	.halfblock .text h1 {
		font-size: 2.5em;
	}
	.halfblock .text p {
		font-size: 1.125em;
	}
	#contentform #ajaxform .formlayout.halfwidth {
		width: 100%;
	}
}

/*********************************************************************************/
/* Below 1200px                                                                   */
/*********************************************************************************/
@media (max-width: 75em) { /* 1200px */

	#menu ul li {
		font-size: 1em;
		margin-bottom: 1.125em;
	}
	#home #strap h1 {
		font-size: 4em;
	}
	#home #strap #scroll {
		margin: 2em 0 0 0;
	}
	#leftnav #socialwrapper #social img {
		max-width: 30px;
		height: auto;
	}
	.halfblock .text h1 {
		font-size: 2em;
	}
	.halfblock .text p {
		font-size: 1em;
	}
}

/*********************************************************************************/
/* Below 1024px                                                                   */
/*********************************************************************************/
@media (max-width: 1024px) { 

	.slicknav_menu {
		display:block;
	}
	#menu {
		display:none;
	}
	#header #logo {
		margin: 1em auto;
		height: 120px;
	}
	#leftnav {
		height: auto;
		position: relative;
		width: 100%;
	}
	
	#leftnav #socialwrapper {
		position: relative;
		float: right;
		width: 100%;
		margin-top: 2rem;
	}
	#header #logo {
		max-width: 440px;
		height: 120px;
		margin: 0 auto .5em auto;
		background: url(_gfxlib/logo440.png) no-repeat center;
	}
	#banner {
		overflow: hidden;
	}
	#banner img {
		width: 100%;
		max-height: 300px;
	}
	#contentwrapper {
		width: 100%;
		margin-left: 0;
	}
	#content h1 {
		font-size: 2rem;
		margin-bottom: .875em;
	}
	#content h2 {
		font-size: 1.5rem;
		margin-bottom: .875em;
	}
	#content p {
		font-size: 1.125rem;
		margin-bottom: .875em;
	}
	#content p.standfirst {
		font-size: 115%;
	}
	#content .pricelist,
	#content .contentlist {
		margin: 0 1% 1em 0;
		width: 99%;
	}

}
/*********************************************************************************/
/* Below 800px                                                                   */
/*********************************************************************************/
@media (max-width: 50em) {
	

	
}
/*********************************************************************************/
/* Below 750px                                                                   */
/*********************************************************************************/
@media (max-width:46.875em) {
	
	#home #strap {
		top: 25%;
		-webkit-transform: translateY(-25%);
		-ms-transform: translateY(-25);
		transform: translateY(-25%);
	}
	#home #strap #scroll {
		margin: 1em 0 0 0;
	}
	#home2,
	#home3 {
		height: auto;
	}
	.halfblock {
		width: 100%;
		height: auto;
		float: left;
		position: relative;
	}
	#home2 .img1,
	#home2 .img2,
	#home3 .img1,
	#home3 .img2 {
		background-size: cover;
		background-position: center;
		float: left;
		width: 100%;
		height: 50%;
		min-height: 300px;
	}
	#content h1 {
		font-size: 1.5rem;
	}
	#content h2 {
		font-size: 1.125rem;
	}
	#content p {
		font-size: 1rem;
		line-height: 150%;
		margin-bottom: 1rem;
	}
	#specialoffers .pseudobuttonwrapper .pseudobutton {
		font-size: 1.5rem;
		width: 98% !important;
		padding: .5rem 1%;
		text-align: center;
	}
	#specialoffers .pseudobuttonwrapper .pseudobutton .small {
		float: left; /* Force new line */
		width: 100%;
	}
	#specialoffers #offers p {
		font-size: 1em;
	}
	#specialoffers #offers ul {
		margin-bottom: .875em;
	}
	#specialoffers #offers li {
		font-size: 1em;
	}
	
	#content .pricelist {
		margin: 0 1% 1em 0;
		width: 99%;
	}
	#content .pricelist td h1 {
		font-size: 1.25em;
	}
	#content .pricelist td p {
		font-size: .875em;
	}
	#content .pricelist td ul {
		margin-bottom: .875em;
	}
	#content .pricelist td li {
		margin: 0 2em .875em 1em;
		font-size: .875em;
	}
	#content .contentlist li {
		margin: 0 2em .875em 1em;
		font-size: .875em;
	}
	
	#contentform #ajaxform .formobject,
	#contentform #ajaxform textarea {
		width: 98%;
		font-size: .875em;
	}
	#contentform h3 {
		font-size: 1em;
		font-weight: 400;
	}
	#contentform #ajaxform .formlayout li {
		width: 98%;
		margin: .5em 1% .75em 1%;
		list-style-type: none;
	}
	#contentform #ajaxform label {
		font-size: .875em;
	}

	#footer #address,
	#footer #affiliate,
	#footer #creditswrapper #copyright,
	#footer #creditswrapper #webcredit {
		float: left;
		width: 98%;
		margin: 0 1%;
		text-align: center;
	}
	#footer #address h1 {
		font-size: 2em;
		margin-bottom: .5em;
		text-align: center;
	}
	#footer #address p {
		font-size: 1.125em;
		margin-bottom: .75em;
	}
	#footer #affiliate img {
		margin: 0 .25em;
		float: none;
		display: inline-block;
		text-align: center;
		width: auto;
		height: 100%;
		max-height: 70px;
	}
}
/*********************************************************************************/
/* Below 600px                                                                   */
/*********************************************************************************/
@media (max-width:37.5em) {	
	#home #strap h1 {
		font-size: 3em;
	}
	#home #strap #scroll {
		margin: 1em 0 0 0;
	}
	#vrwrapper #main {
		float: left;
		width: 100%;
		margin-bottom: 1em;
	}
	#vrwrapper #thumbs {
		float: left;
		width: 98%;
		margin-left: 0;
	}
	#vrwrapper #thumbs ul li img {
		width: 45%;
		margin-bottom: 1em;
		margin-right: 1%;
	}
	.gallerythumbwrapper #gallerythumbs li {
		width: 25%;
		margin: 0 3% .875em 0;
	}
}
/*********************************************************************************/
/* Below 400px                                                                   */
/*********************************************************************************/
@media (max-width:25.00em) {
	#header #logo {
		max-width: 250px;
		height: 160px;
		background: url(_gfxlib/logo300.png) no-repeat center;
		background-size: 100%;
	}
	#home #strap h1 {
		font-size: 2.5em;
	}
	.halfblock .text h1 {
		font-size: 1.5em;
	}
	.halfblock .text p {
		font-size: .875em;
	}
	.gallerythumbwrapper #gallerythumbs li {
		width: 33%;
		margin: 0 3% .5em 0;
	}

}