/* =Start Here
-------------------------------------------------------------- */

	body {
		font-family:'Avenir LT W01 35 Light', 'Avenir-Light', Arial, Helvetica, sans-serif;
	}
	
	#wrapper, .wrapper {
		/*-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border: 1px solid #d6d6d6;
		border-radius: 6px;*/
		border:0 none;
		background-color: #fff;
		clear: both;
		margin: 20px auto 20px auto;
		padding: 0 20px 20px 20px;
		position: relative;
	}
	
	.wrapper-wide.white #wrapper {
		padding: 0px;
		margin: 20px auto 8px auto;
	}
	
	.home #wrapper, .home .wrapper, .page #wrapper, .page .wrapper {
		background-color: transparent;
		border: none;
		margin: 20px auto 20px auto;
		padding: 0;
	}
	
	#container, .container {
		margin: 0 auto;
		max-width: 960px;
		padding: 0px 25px;
		/*overflow: hidden;*/
	}	
	
	.clearLeft {
		clear:left;	
	}

	.clearRight {
		clear:right;	
	}
	
	.left20 {
		margin-left: 20px;
	}
	
	a {
		color:#528bb4;
		font-weight: bold;
	}
	
	.wrapper-wide gray a:hover {
		text-decoration: underline;
	}
	
	.product-grid a:hover {
		text-decoration: none;
	}
	
	.product-feature a {
		color:#999999;
	}
	
	a:hover {
		color:#22597f;
	}
	
	.wrapper-wide {
		width:100%;
	}
	
	.wrapper-wide.header {
		background: url('../images/header-bg.gif') left top no-repeat #000;
		min-height: 195px;
	}
	
	.wrapper-wide.white {
		background-color: #fff;
		/* padding: 10px 0 10px 0; */
		overflow: hidden;
	}
	
	.wrapper-wide.gray {
		background-color: #e4e4e4;
		padding: 20px 0;
		overflow: hidden;
	}
	
	#header #logo {
		float: right;
		margin-top:60px;
	}
	
	#header .menu {
		background: 0 none;
		width: auto;
		clear: none;
		position: relative;
		top:170px;
		display: inline-block;
	}
	
	#header .menu a {
		text-shadow:none;
	}
	
	/*#header .menu li {
		padding:5px;
	}
	
	#header .menu li:hover {
		background-image: none;
		background: #fff;
		color:#22597F;
	}*/
	
	#header .menu a:hover {
		background: 0 none;
	  color:#809AB8;
	}
	
	#header ul.menu li.current_page_item a, #header .menu ul li.current_page_item a /*, #header .menu li.current-page-ancestor a */ {
	  background-color:transparent;
	  color:#809AB8;
	}
	
	#header .menu .current_page_item a ul li a, #header .menu ul li.current_page_item a ul li a {
    color: #444444;
	}
	
	/*#header .menu li li a:hover {
		padding:0;
	}*/
	
	#header .menu li a {
		font-family:'Avenir LT W01 35 Light', 'Avenir-Light', Arial, Helvetica, sans-serif;
		/*font-family: 'Avenir LT W01 35 Light';*/
		font-weight: normal;
		height: auto;
		line-height: normal;
	}
	
	#header .menu > li:first-child > a {
		padding-left: 0px;
	}
	
	#header .menu li ul {
		padding-top: 10px;
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	}
	
	#header .menu li li {
		border-left:0 none;
		border-right:0 none;
		border-bottom:0 none;
		background-color: #fff;
	}
	
	#header .menu li li a {
		border-top: 1px solid #e4e4e4;
		padding:8px 8px;
	}
	
	#header .menu li > li:first-child a {
		border-top: 0 none;
	}
	
	#header .menu li li a:hover {
		color:#22597F;
	}
	
	h1,h2,h3,h4 {
		font-family: 'Avenir LT W01 85 Heavy', 'Avenir-Black', Arial, Helvetica, sans-serif;
	}
	
	h1 {
		font-size: 1.5em;
		text-transform: uppercase;
	}
	
	h2 {
		color:#22597F;
		font-size: 1.25em;
	}
	
	h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	  font-weight: normal;
	}
	
	.white h1, .white h2, .white h3, .white h4 {
	}
	
	.gray h1, .gray h2, .white h1, .white h2 {
		margin-top:0px;
	}
	
	.hero, #featured .meteor-clip {
		background: url('../images/hero-bg-shadow.png') bottom left no-repeat transparent;
		background-size: 100%, 100%;
	}
	
	.hero {
		padding-bottom:24px;
		display: block;
	}
	
	.hero.col-700 {
		background-size: 100% 100%;
		width: 700px;
	}

	#featured .meteor-clip {
		padding-bottom:23px;
	}
	
	img.wp-post-image.attachment-hero {
		margin:0px;
	}
	
	.post-entry p {
		margin-top:0px;
	}
	
	.product-feature h2 {
		margin:0;
	}
	
	.product-feature h2 a {
		font-family:'Avenir LT W01 35 Light', 'Avenir-Light', Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: normal;
		overflow: hidden;
		display: block;
		padding-bottom: 10px;
	}
	
	.product-feature .title {
		padding: 0 10px;
		margin: 10px 0 0 0;
		display: block;
		line-height: 1.25em;
	}
	
	#logo {
		margin:10px 0;
	}
	
	#footer {
		color:#CCCCCC;
	  /*background: url(../images/footer_bg-D3.gif) bottom right no-repeat transparent;
	  background-size: 100% auto;*/
	  overflow: visible;
	  /*padding-bottom:262px;*/
	}
	
	#footer .sidebar {
		color:#000;
	}
	
	.wrapper.footer {
	  background: url('../images/footer_bg-D3.png') bottom right no-repeat transparent;
	  background-size: 100% auto;
	  padding-bottom:25%;
	  margin-bottom: 0px;
	}
	
	#footer a {
		color:#999999;
	}
	
	.sidebar-top, .sidebar, #wrapper .sidebar-top, #wrapper .sidebar-top, #wrapper-wide .sidebar-top, #wrapper-wide .sidebar {
		float: right;
		/*width:217px;*/
		margin-right: 0px;
	}
	
	.sidebar-top.grid {
		margin-bottom: 0px;
	}
	
	#featured {
		background-color: #fff;
		width: 703px;
		margin-right:0px;
		border:0 none;
		border-radius: 0 0 0 0;
		padding-bottom: 0px;
	}
	
	.home #featured.grid {
		margin-bottom: 0px;
		height:213px;
		/*overflow: hidden;*/
	}
	
	#featured .meteor-slides .meteor-buttons {
		width: auto;
		right: 0;
		left:auto;
		padding:6px 10px 0 0;
		bottom:15px;
	}
	
	#featured .meteor-buttons a {
	    background: url('../images/buttons.png') no-repeat scroll left bottom transparent;
	    display: block;
	    float: left;
	    height: 13px;
	    margin: 0 3px 0 0;
	    outline: medium none;
	    text-indent: -9999px;
	    width: 13px;
	}
	
	#featured .meteor-buttons a.activeSlide {
	    background: url('../images/buttons.png') no-repeat scroll right bottom transparent;
	}
	
	/*.tinynav {
		position: relative;
		top:200px;
	}*/
	
	.product-feature {
		background-color: #fff;
		border-bottom:1px solid #b6b7b7;
		border-top:0 none;
		border-left:0 none;
		border-right:0 none;
		border-radius: 0px;
		padding:0px;
		width: 220px;
		min-height: 232px;
	}
	
	.pfwide {
		width:700px;
		max-height:92px;
		min-height: 92px;
	}
	
	.pfwide img.desktop {
		float:left;
	}
	
	.product-feature.pfwide h2 a {
		padding-bottom: 0px;
	}
	
	.product-feature .wp-post-image {
		margin:0px;
		padding: 0px;
	}
	
	.product-feature.pfwide h2 span.title {
		margin-left: 482px;
		margin-top:10px;
	}
	
	.col-220.product-feature.pfwide {
		display: none;
	}
	
	img.mobile {
		display:none;
	}
	
	.product-grid .clearfix:after {
		clear:left;
	}
	
	.sidebar #widgets {
		margin-top:0px;
	}
	
	.widget-wrapper, #wrapper .widget-wrapper {
		background-color: #fff;
		border-bottom:1px solid #b6b7b7;
		border-top:0 none;
		border-left:0 none;
		border-right:0 none;
		border-radius: 0px;
		padding:0px;
		width: 100%;
	}
	
	.widget-wrapper.widget_search {
		background: 0 none;
		border-bottom:0 none;
	}
	
	.home .widget-wrapper.call-today {
		border-bottom:0 none;
	}
	
	.widget-wrapper.call-today h3 {
		font-size: 24px;
		margin:5px 0 5px 0;
	}
	
	/*
	.col-940 .widget-wrapper.call-today {
		border-bottom:1px solid #b6b7b7;
	}
	*/
	
	.col-940 .widget-wrapper.call-today, .col-940 .widget-wrapper.how-we-construct {
		margin-bottom: 20px;
	}
	
	.widget-wrapper.how-we-construct {
		margin-bottom: 0px;
	}
	
	.widget_search input[type="text"] {
	  -moz-box-sizing: border-box;
		-moz-border-radius: 0px;
		-webkit-box-sizing: border-box;
		-webkit-border-radius: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background: #fff;
		box-sizing: border-box;
		border: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		border-top:0 none;;
		border-left:0 none;;
		border-right:0 none;
		border-radius: 0px;
		margin: 0;
		outline: none;
		padding: 6px 8px;
		vertical-align: middle;
		width: auto;
		font-weight: normal;
		font-family: 'Avenir LT W01 35 Light','Avenir-Light', Arial,Helvetica,sans-serif;
	}
	
	.widget_search input[type="submit"] {
		float:right;
		padding:6px 6px;
		background-image:none;
		background-color: #fff;
		border: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		border-top:0 none;;
		border-left:0 none;;
		border-right:0 none;
		border-radius: 0px;
		box-shadow: none;
		text-shadow: none;
		text-transform: uppercase;
		color:#809AB8;
		font-weight: normal;
		font-family: 'Avenir LT W01 35 Light','Avenir-Light', Arial,Helvetica,sans-serif;
	}

	.list, .qa-faq {	
		border-color: -moz-use-text-color -moz-use-text-color #B6B7B7;
    border-radius: 0 0 0 0;
    border-style: none none solid;
    border-width: 0 0 1px 0;
    padding: 10px 0;
  }

	#footer .sidebar {
		display: none;
		width:100%;
	}


	.sidebar-top .textwidget, .sidebar .textwidget {
		padding:10px 10px;
	}

	.sidebar-top .widget-title-home h3, .sidebar .widget-title-home h3, .sidebar .kilometres-travelled-widget .widget-title {
		font-family: 'Avenir LT W01 35 Light','Avenir-Light', Arial,Helvetica,sans-serif;
		font-weight: normal;
		display: block;
		font-size: 18px;
		line-height: 18px;
		margin: 0;
		padding: 10px 10px;
		text-align: left;
	}

	.how-we-construct {
		text-transform: uppercase;
	}
	
	#wpcf7-f215-p61-o1 label {
		font-weight: normal;
	}
	
	/* call today */
	.sidebar .call-today {
	
	}
	
	.sidebar .call-today .widget-title-home, .sidebar .kilometres-travelled-widget .widget-title {
		background-color: #000000;
		color:#fff;
		text-transform: uppercase;
	}
	
	.sidebar .call-today .textwidget {
		font-family: 'Avenir LT W01 85 Heavy', 'Avenir-Black', Arial, Helvetica, sans-serif;
		font-size: 24px;
		color:#000;
	}
	
	span.phone {
		display:block;
		float: left;
		width:27px;
		height:27px;
		margin-right:6px;
		margin-top: 5px;	
		background:url('../images/sidebar-call-today.gif') 0 0 no-repeat transparent;
	}
	
	#footer .sidebar .call-today .widget-title-home {
		background-color: #666666;
	}
	
	
	/* end call today */
	
	/* request a quote */
	.sidebar .request-quote {
		
	}
	
	.sidebar .request-quote .widget-title-home {
		background-color: #809AB8;
		color:#fff;
		text-transform: uppercase;
	}
	
	.sidebar .request-quote .textwidget {
		
	}
	/* end request a quote */
	
	/* request a brochure */
	
	.sidebar .request-brochure {
		
	}
	
	.sidebar .request-brochure .widget-title-home {
		background-color:#22597F;
		color:#fff;
		text-transform: uppercase;
	}
	
	.sidebar .request-brochure .textwidget {
		
	}

	/* end request a brochure */
	
	.sidebar .call-to-action {
		margin: 10px auto;
		font-weight: normal;
	}
	
	.sidebar #widgets .textwidget .call-to-action a.button {
		font-size: 14px;
		padding: 3px 5px;
	}
	
	a.button {
		font-weight: normal;
	}
	
	a.sheblue1.button {
		background-color: #809AB8;
    background-image: -moz-linear-gradient(center top , #809AB8, #22597F);
    border: 1px solid #000000;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
	}

	a.sheblue2.button {
		background-color: #22597F;
    background-image: -moz-linear-gradient(center top , #22597F, #0D3754);
    border: 1px solid #000000;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
	}
	
	a.sheblue1.button:hover {
    background-image: -moz-linear-gradient(center top , #22597F, #809AB8);
	}

	a.sheblue2.button:hover {
    background-image: -moz-linear-gradient(center top , #0D3754, #22597F);
	}
	
	#footer a.button {
		color:#fff;
	}
	
	#footer .sidebar .call-to-action {
		margin-left:0;
/* 		margin:10px 0; */
	}

	input[type="text"].qaplus_search {
		margin: 0 10px 20px 0;
		width: 100%;
	}
	
	.qa-faq {
		border-color: -moz-use-text-color -moz-use-text-color #B6B7B7;
    border-radius: 0 0 0 0;
    border-style: none none solid;
    border-width: 0 0 1px 0;
    padding: 10px;
		background: #fff;
		margin-bottom: 10px;
	}
	
	.qa-faq h3 {
		margin:0px;
	}
	
	.qa-faq-answer {
		margin: 10px 0;
	}
	
	.feature-about {
		margin:0 0 0 0;
		overflow: hidden;
		border-top: 1px solid #B6B7B7;
		padding-top: 15px;
	}
	
	.feature-about .text {
		float: right;
		width: 69%;
		margin-left:10%;
	}
	
	.feature-about .circle2, .feature-about .circle3 {
		display: none;
	}
	
	.feature-about .text .manufacture,	.feature-about .text .installation {
		display: none;
	}
	
	p.circle-para {
		text-align: left;
		color: #22597F;
	}
	
	/* design */
	#circle-black {
    position: relative;
    z-index: 1;
		left: 62px;
    top: 0;
    display: block;
    width:27px;
    height: 27px;
	}
	
	.circle2 #circle-black {
		position:relative;
		z-index:3;
		left:119px;
		top:77px;
    display: block;
    width:27px;
    height: 27px;
	}

	.circle3 #circle-black {
		position:relative;
		z-index:3;
		left:8px;
		top:77px;
    display: block;
    width:27px;
    height: 27px;
	}
	
	/* manufacture */
	#circle-blue-light {
		position:relative;
		z-index:3;
		left:119px;
		top:50px;
    display: block;
    width:27px;
    height: 27px;
	}
	
	.circle2 #circle-blue-light {
		position:relative;
		z-index:3;
		left:9px;
		top:50px;
    display: block;
    width:27px;
    height: 27px;
	}

	.circle3 #circle-blue-light {
		position:relative;
		z-index:3;
		left:62px;
		top:-27px;
    display: block;
    width:27px;
    height: 27px;
	}

	/* installation */
	#circle-blue-mid {
    position: relative;
    z-index: 2;
		left: 9px;
    top: 23px;
    display: block;
    width:27px;
    height: 27px;
	}
	
	.circle2 #circle-blue-mid {
    position: relative;
    z-index: 1;
		left: 62px;
    top: -54px;
    display: block;
    width:27px;
    height: 27px;
	}

	.circle3 #circle-blue-mid {
    position: relative;
    z-index: 1;
		left: 119px;
    top: 23px;
    display: block;
    width:27px;
    height: 27px;
	}
		
	.feature-about .circle1, .feature-about .circle2, .feature-about .circle3 {
		background: url('../../../../media/about-feature-bg.gif') 50% center no-repeat transparent;
		width:151px;
		height:148px;
	}
	
	.post-entry ul {
    margin-bottom: 1.6em;
	}
	
	ul.ngg-gallery-list {
		margin-left:0px;
		margin-top: 10px;
	}
	
	ul.ngg-gallery-list li {
		margin-right:10px;
	}
	
	.post-entry .galleryview, div.panel {
		width: 100% !important;
		padding-top: 0px;
	}
	
	.post-entry .galleryview .panel img {
    height: auto;
    width: 100%;
	}
	
	.post-entry .panel .panel-overlay, .post-entry .panel .overlay {
		width: 100% !important;
	}
	
	.post-entry .strip_wrapper {
		position: relative !important;
		margin:0 auto;
		left:auto !important;
	}
	
	.post-entry #pointer {
		position: relative !important;
		top:359px !important;
	}
	
	.post-entry table.suppliers, .post-entry table.suppliers th, .post-entry table.suppliers td {
		border:0 none;
	}
	
	table.suppliers {
		background-color: #fff;
		 *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;

    /* border: 1px solid #CCCCCC; */
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 1px #CCCCCC;
	}
	/*
	table.suppliers tr:hover {
    background: none repeat scroll 0 0 #FBF8E9;
    transition: all 0.1s ease-in-out 0s;
	}
	*/
	table.suppliers td, table.suppliers th {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    padding: 10px;
    text-align: left;
	}
	table.suppliers th {
    background-color: #fff;
    background-image: -moz-linear-gradient(center top , #fff, #ccc);
    border-top: medium none;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	}
	table.suppliers td:first-child, table.suppliers th:first-child {
    border-left: 1px solid #ccc;
	}
	table.suppliers th:first-child {
    border-radius: 6px 0 0 0;
	}
	table.suppliers th:last-child {
    border-radius: 0 6px 0 0;
    border-right: 1px solid #ccc;
	}
	table.suppliers th:only-child {
    border-radius: 6px 6px 0 0;
	}
	table.suppliers tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
	}
	table.suppliers tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
	}
	
	.kilometres {
		overflow:hidden;
		color:#fff;
		clear: both;
		text-align: center;
		font-family:'Avenir LT W01 35 Light', 'Avenir-Light', Arial, Helvetica, sans-serif;
		font-size:30px;
		line-height:30px;
		/* font-weight: bold; */
		width:225px;
		margin-top:5px;
	}
	.kilometres div {
		width:31px;
		height: 30px;
		float: left;
		padding: 4px 0;
		background: url('../images/counterbg_slide_black_small.png') no-repeat -31px 0 transparent;
	}
	.kilometres .left-cnr {
		width:3px;
		padding: 4px;
		background: url('../images/counterbg_slide_black_small.png') no-repeat left 0 transparent;
	}
	.kilometres .right-cnr {
		width:3px;
		padding: 4px;
		background: url('../images/counterbg_slide_black_small.png') no-repeat right 0 transparent;
	}
	.kilometres .first {
		width:30px;
	}
	.kilometres .last {
		width:28px;
	}
	.kilometres-travelled-widget h2 {
		color:#000;
		font-size: 1.65em;
		margin-bottom: 2px;
	}
	.kilometres-travelled-widget h3 {
		font-size: 1.15em;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.kilometres-travelled-widget .textwidget {
		padding-top: 5px;
	}	
	.kilometres-travelled-widget.widget-wrapper {
		margin-bottom: 0px;	
	}
	.home-widgets .kilometres-travelled-widget .widget-title {
		text-align: center;
	}
	
/* =Media Print
    If you're working on a Child Theme, make sure that all
	media queries are included in your style.css
-------------------------------------------------------------- */
@media print {

    h1 {
	    page-break-before: always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
	    page-break-after: avoid;
    }

    ul,  ol,  dl {
	    page-break-before: avoid;
    }
}

/*	Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html
-------------------------------------------------------------- */
@media 
    only screen and (-moz-min-device-pixel-ratio:1.5), 
    only screen and (-o-min-device-pixel-ratio:3/2), 
    only screen and (-webkit-min-device-pixel-ratio:1.5), 
    only screen and (min-device-pixel-ratio:1.5) {
    
    body {}
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */

@media (min-width: 1024px) {

	.wrapper.footer {
	  background: url('../images/footer_bg-D3.png') bottom right no-repeat transparent;
	  background-size: 976px 256px;
	  padding-bottom:256px;
	  margin-bottom: 0px;
	}
	
	img.wp-post-image, img.attachment-hero, img.attachment-full, img.attachment-large, img.attachment-medium, img.attachment-thumbnail {
		margin:15px 0;
	}
	
	div.wpcf7 {
		width:70%;
	}

}

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

	.wrapper-wide.header {
		background-size:90% auto;
	}
	
	div.wpcf7 {
		width:70%;
	}

	
	
}

@media screen and (max-width: 980px) {

  body {}
	
	.sidebar-top {
		display: none;
	}
	
	img.wp-post-image.attachment-hero {
    width:100%;
    height:auto;
    margin:15px auto;
	}
	
	#featured, #meteor-slideshow {
		width:100% !important;
	}
	
	.hero.col-700 {
		background-size: 100% 100%;
		width: 100%;
		padding-bottom: 1.25%;
	}
	
	.grid, .grid-right {
    float: none;
  }
  
  /* product grid */
	.grid.col-220.product-feature, .grid.col-220.product-feature.fit {
		float:left;
		display: inline;
    margin-right: 2%;
    width:49%;
    /*width:350px;*/
    min-height:270px;
	}
	
	.grid.col-700.product-feature.pfwide.fit {
		clear:none;
		max-height: none;
		max-width: none;
		float: right;
		display: inline;
    margin-left: 22px;
    width:49%;
    /*width:350px;*/
    min-height:270px;
	}

	.grid.col-220.product-feature img, .grid.col-700.product-feature img {
		width:100%;
		height:auto;
	}
	
	.grid.col-220.product-feature:nth-child(odd) {
		clear:both;
	}
	
	.grid.col-220.product-feature:nth-child(even) {
		margin-right:0px;
		float: right;
	}

	/*.grid.col-220.product-feature.fit {
		margin-right: 2.12766%;		
	}*/
		
	img.desktop {
		display: none;
	}
	
	img.mobile {
		display: block;
		width:100%;
		/*width:350px;*/
		height:auto;
	}
	
	.product-feature.pfwide h2 span.title {
		display: block;
    line-height: 1.25em;
    margin: 10px 0 0;
    padding: 0 10px;
    width:100%;
	}
	
	.product-feature.pfwide h2 a {
		display:block;
		overflow: hidden;
    padding-bottom: 10px;
	}

  /* end product grid */
  
	.sidebar.grid.col-220 {
		display:none;
	}

	#footer .sidebar {
		display: block;
	}
	
	#footer .sidebar .widget-wrapper.how-we-construct {
		display:none;
	}
	
	#featured-image .fluid-width-video-wrapper {
	  margin: 20px 0 0 0;
  }
	
	.home #widgets {
		margin-top: 40px;
	}
    
  .top-widget,
  .home .top-widget {
    margin-top: 0 !important;
  }
  
  #footer .kilometres-travelled-widget .widget-title {
		border-top:1px solid #333;
	}
	#footer .kilometres-travelled-widget h2 {
		margin-top: 0px;
	}
	#footer .kilometres-travelled-widget {
		margin-bottom: 10px;
	}
	/*
	#footer .kilometres-travelled-widget h3 {
		font-size: 1.15em;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	#footer .kilometres-travelled-widget .textwidget {
		padding-top: 5px;
	}	
	#footer .kilometres-travelled-widget.widget-wrapper {
		margin-bottom: 0px;	
	}
	#footer .home-widgets .kilometres-travelled-widget .widget-title {
		text-align: center;
	}
	*/
	
}

@media screen and (max-width: 800px) {

	.featured {
		width:800px
	}
	
	.grid.col-220.product-feature, .grid.col-220.product-feature.fit {
		float:left;
		display: inline;
    margin-right: 2%;
    width:49%;
    /*width:350px;*/
    min-height:270px;
	}
	
	.grid.col-700.product-feature.pfwide.fit {
		clear:none;
		max-height: none;
		max-width: none;
		float: right;
		display: inline;
    margin-left: 22px;
    width:49%;
    /*width:350px;*/
    min-height:270px;
	}

	.grid.col-220.product-feature img, .grid.col-700.product-feature img {
		width:100%;
		height:auto;
	}
	
	.grid.col-220.product-feature:nth-child(odd) {
		clear:both;
	}
	
	.grid.col-220.product-feature:nth-child(even) {
		margin-right:0px;
		float: right;
	}

	/*.grid.col-220.product-feature.fit {
		margin-right: 2.12766%;		
	}*/
		
	img.desktop {
		display: none;
	}
	
	img.mobile {
		display: block;
		width:100%;
		/*width:350px;*/
		height:auto;
	}
	
	.product-feature.pfwide h2 span.title {
		display: block;
    line-height: 1.25em;
    margin: 10px 0 0;
    padding: 0 10px;
    width:100%;
	}
	
	.product-feature.pfwide h2 a {
		display:block;
		overflow: hidden;
    padding-bottom: 10px;
	}
	
	.clearfix.desktop {
		display:none;
	}
	
	#featured .meteor-slides .meteor-buttons {
		bottom: 38px;
	}
	


}

@media screen and (max-width: 768px) {

	.grid.col-220.product-feature, .grid.col-220.product-feature.fit {
		float:left;
		display: inline;
    margin-right: 2%;
		width:49%;
    /* margin-right: 22px;
    width:340px;*/
    min-height:270px;
	}
	
	.grid.col-700.product-feature.pfwide.fit {
		clear:none;
		max-height: none;
		max-width: none;
		float: right;
		display: inline;
    margin-left: 2%;
    width:49%;
    /*margin-left: 22px;
    width:340px;*/
    min-height:270px;
	}

	.grid.col-220.product-feature img, .grid.col-700.product-feature img {
		width:100%;
		/*width:340px;*/
		height:auto;
	}
	
	.grid.col-220.product-feature:nth-child(odd) {
		clear:both;
	}
	
	.grid.col-220.product-feature:nth-child(even) {
		margin-right:0px;
	}

	/*.grid.col-220.product-feature.fit {
		margin-right: 2.12766%;		
	}*/
		
	img.desktop {
		display: none;
	}
	
	img.mobile {
		display: block;
		width:340px;
		height:auto;
	}
	
	.product-feature.pfwide h2 span.title {
		display: block;
    line-height: 1.25em;
    margin: 10px 0 0;
    padding: 0 10px;
    width:100%;
	}
	
	.product-feature.pfwide h2 a {
		display:block;
		overflow: hidden;
    padding-bottom: 10px;
	}
	
	.clearfix.desktop {
		display:none;
	}
	
	div.wpcf7 {
		width:100%;
	}

}


@media screen and (max-width: 650px) {

  body {}

  #logo {
    float: none;
    margin: 0;
    text-align: center;
  }

  .grid, .grid-right {
    float: none;
  }

	#featured-image .fluid-width-video-wrapper {
    margin: 20px 0 0 0;
  }
  
  .top-widget {
    float: none;
    margin: 0 auto 10px auto;
    position: relative;
    text-align: center;
    width: auto;
  }
  
  .top-widget .widget-title {
    text-align: center;
  }

  .js .menu, .js .sub-header-menu {
		/*display: none;*/
	}
	
	.top-menu, 
	.footer-menu li {
    float: none;
    font-size: 11px;
    text-align: center;
  }
	
	#header .menu {
		display: none;
	}
	
	.tinynav { 
	  display: block;
		margin: 0 auto;
		width: 100%;
	}
	
	.tinynav {
		-moz-appearance: none !important;
		-webkit-appearance: none !important;
		appearance: none !important;
		background: #fff url('../images/bg-select.png') no-repeat right;
		border: 1px solid #ccc;
    font-size: 12px;
		overflow: hidden;
		padding: 0.5em 1em 0.5em 0.75em;
		margin-bottom: 10px;
	}
	
	.ie7 .tinynav,
	.ie8 .tinynav {
		padding-right: 10px;
	}
	
	.ie9 .tinynav  {
		padding-right: 8px;
	}
	
  #footer {
    text-align: center;
  }

  #footer .social-icons {
    text-align: center;
  }
        
}

@media screen and (max-width: 600px) {

	.tinynav {
		margin-top:20px;
	}

  /* product grid */
  	.grid.col-220.product-feature, .grid.col-220.product-feature.fit {
		float:left;
		display: inline;
    margin-right: 2%;
    width:49%;
    /*width:350px;*/
    min-height:230px;
	}
	
	.grid.col-700.product-feature.pfwide.fit {
		clear:none;
		max-height: none;
		max-width: none;
		float: right;
		display: inline;
    margin-left: 22px;
    width:49%;
    /*width:350px;*/
    min-height:230px;
	}

	.grid.col-220.product-feature img, .grid.col-700.product-feature img {
		width:100%;
		height:auto;
	}
	
	.grid.col-220.product-feature:nth-child(odd) {
		clear:both;
	}
	
	.grid.col-220.product-feature:nth-child(even) {
		margin-right:0px;
		float: right;
	}

	/*.grid.col-220.product-feature.fit {
		margin-right: 2.12766%;		
	}*/
		
	img.desktop {
		display: none;
	}
	
	img.mobile {
		display: block;
		width:100%;
		/*width:350px;*/
		height:auto;
	}
	
	.product-feature.pfwide h2 span.title {
		display: block;
    line-height: 1.25em;
    margin: 10px 0 0;
    padding: 0 10px;
    width:100%;
	}
	
	.product-feature.pfwide h2 a {
		display:block;
		overflow: hidden;
    padding-bottom: 10px;
	}

  /* end product grid */
	
	.hero, #featured .meteor-clip {
		padding-bottom: 17px;
	}

	.clearfix.desktop {
		display:none;
	}
	
	/* about page tweaks */
	
	/*
	.feature-about {
		margin:0 0 0 0;
		overflow: hidden;
		border-top: 1px solid #B6B7B7;
		padding-top: 15px;
	}
	*/
	
	.feature-about .text {
		float: none;
		width: 100%;
		margin-left:0%;
	}
	
	.feature-about .circle1, .feature-about .circle2, .feature-about .circle3 {
		display: none;
	}
	
	.feature-about .text .manufacture,	.feature-about .text .installation {
		display: block;
	}
	
	p.circle-para {
		display: none;
	}

	/* end about page tweaks */
		
}


@media screen and (max-width: 480px) {

  body {}

	.tinynav {
		margin-top:20px;
	}

  #logo {
    float: none;
    text-align: center;
  }

  .grid, .grid-right {
    float: none;
  }
	
	#featured-image .fluid-width-video-wrapper {
	  margin: 20px 0 0 0;
	}
	
	.featured-title {
	  font-size: 40px;
	  padding: 40px 20px 0 20px
  }
    
	.hero, #featured .meteor-clip {
		padding-bottom: 9px;
	}
	
	.meteor-buttons {
		bottom:35px;
	}
  
  .navigation .next,
  .navigation .previous {
    text-align: center;
  }
	
  .menu ul, 
	.menu li, 
	.top-menu, 
	.footer-menu li, 
	.sub-header-menu li {
    float: none;
    text-align: center;
    text-rendering: optimizeSpeed;
  }
	
  #footer {
    text-align: center;
  }

  #footer .social-icons {
    text-align: center;
  }
  
	/* new bits */
	.grid.col-220.product-feature, .grid.col-220.product-feature.fit {
		float:left;
		display: inline;
    margin-right: 14px;
    width:100%;
    min-height:270px;
	}
	
	.grid.col-700.product-feature.pfwide.fit {
		clear:none;
		max-height: none;
		max-width: none;
		float: right;
		display: inline;
    margin-left: 14px;
    width:100%;
    min-height:270px;
	}

	.grid.col-220.product-feature img, .grid.col-700.product-feature img {
		width:100%;
		height:auto;
	}
	
	.grid.col-220.product-feature:nth-child(odd) {
		clear:both;
	}
	
	.grid.col-220.product-feature:nth-child(even) {
		margin-right:0px;
	}

	/*.grid.col-220.product-feature.fit {
		margin-right: 2.12766%;		
	}*/
		
	img.desktop {
		display: none;
	}
	
	img.mobile {
		display: block;
		width:100%;
		height:auto;
	}
	
	.product-feature.pfwide h2 span.title {
		display: block;
    line-height: 1.25em;
    margin: 10px 0 0;
    padding: 0 10px;
    width:100%;
	}
	
	.product-feature.pfwide h2 a {
		display:block;
		overflow: hidden;
    padding-bottom: 10px;
	}
	
	.clearfix.desktop {
		display:none;
	}
	
	/* end new bits */  

}

@media screen and (max-width: 320px) {
    
  body {}
	
	.tinynav {
		/*margin-top:-40px;*/
	}

	ul.menu {
		/*display:none;*/
	}
	
	#logo {
		margin-top:40px;
		margin-bottom: 20px;
	}
	
	#logo img {
		width:100%;
		height:auto;
	}
	
	#featured p {
    font-size: 12px;
		line-height: 1.2em;
  }

  .featured-title {
    font-size: 35px;
  }
	
	.featured-subtitle {
		font-size: 15px;
	}

  .call-to-action a.button {
    font-size: 14px;
    padding: 7px 17px;
  }
  
	.meteor-buttons {
		bottom:35px;
	}


}

@media screen and (max-width: 240px) {
    
  body {}
	
	#featured p {
    font-size: 11px;
		line-height: 1.1em;
  }

  .featured-title {
    font-size: 20px;
  }
	
	.featured-subtitle {
		font-size: 11px;
	}

  .call-to-action a.button {
    font-size: 12px;
    padding: 5px 15px;
  }
    
  .top-widget area,
  .top-widget select,
  .top-widget textarea,
  .top-widget input[type="text"], 
  .top-widget input[type="password"] {
	  width: 75%;
  }
    
  .widget-title,
  .widget-title-home h3 {
	  font-size: 14px;
	  height: 13px;
	  line-height: 13px;
	  text-align: center;
  }
  
}

/*The last 29 days of the month are the hardest."- Nikola Tesla*/