body {
	height:100%;
	padding:0;
	margin:0;
	background:url(https://www.townsendturf.co.nz/themes/responsive_home/images/bg.jpg) no-repeat #f5f5f5 center top;
	text-align:center;
	color: #434343; /* Set default colours here. Not in typography.css */	
}

.caption .content div{font-family: 'ralewaybold' !important; font-size:19px !important; color:#fff !important;}
.caption, .caption .wrapper, .caption .wrapper p {height:59px !important;}
.caption .wrapper .background {	background:#696969 !important;	opacity:0.70 !important;	filter:alpha(opacity=70) !important;}
/* Consistent bullet points in browers */

/*#page ul {
    list-style-type:none;
    margin: 0.5em 0px;
    padding: 0;
}

#page ul li {
    margin-left:10px;
}

#page ul li:before {
    position: absolute;
    margin-left:-10px;
    content: "\2022  ";
}
*/
/* Reset */

#page div .sf-menu ul, #page div .sf-menu li {
    margin:0px;
    padding:0px;
}

#pagelist_menu_bar ul li:before {
    content: "";
}
#page div .sf-menu ul {
    margin:0px;
    padding:0px;
}
#page div .sf-menu li:before {
    content: "";
}
#page div ul.boxes {
    margin:0px;
    padding:0px;
}
#page div ul.boxes li:before {
    content: "";
}

#ccm-page-detail {
	color: #777777; /* Prevents overridding of colour above when in edit mode*/
}

img {
	vertical-align:bottom;
}


#page {
	width:980px;
	margin:0 auto;
	text-align:left;
	padding-top:0px /* slightly move page down here */
}
#page #header {
	position:relative;
	background:url(https://www.townsendturf.co.nz/themes/responsive_home/images/header_bg.png) no-repeat center 31px;
}
#page .container {width:980px;} 
#page #top_header {height:253px; width:100%;}
 
#page #header #mainlogo {
	position:absolute;
	top:58px;
	left:37px;
	z-index:1;
}
#page #header #block_1 {
	display:block;
	position:absolute;
	top:68px;
	right:196px;
	z-index:1;
}
#page #header #block_2 {
	display:block;
	position:absolute;
	top:93px;
	right:30px;
}
#page #header #block_3 {
	display:block;
	position:absolute;
	top:180px;
	right:33px;
}

#page #header #block_3 a{background:url(https://www.townsendturf.co.nz/themes/responsive_home/images/get-a-quote-sprite.png) no-repeat top; display:block; width:248px; height:27px;}
#page #header #block_3 a:hover{background-position:bottom;}
#page #header #block_3 a img{display:none;}


.get_quote{width:261px; height:58px;}
.get_quote a{background:url(https://www.townsendturf.co.nz/themes/responsive_home/images/get_a_quote_btn_sprite.png) no-repeat top; display:block; width:261px; height:58px;}
.get_quote a:hover{background-position:bottom;}
.get_quote a img{display:none;}

#page #header #block_4 {
	display:none;
	position:absolute;
	top:116px;
	right:0px;
}

.ccm-search-block-form {
	/* remove extra padding in search form for IE7 */
	padding:0px;
	margin:0px;
}
#search_block {
	display:block;
	position:absolute;
	top:56px;
	right:0px;
	background: #1b347e;
	padding:3px 8px 12px 8px;
}
#search_block h3 {
	color: #ffffff;
	font-size:16px;
}

#page #header #tagline_1 {
	display:block;
	text-transform: uppercase;
	font-family: 'ralewaybold';
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
	color: #892002; 
}
#page #header #tagline_2 {
	display:block;
	text-transform: uppercase;
	font-family: 'ralewaybold';
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
	color: #696969; 
}
#page #header #tagline_2 a{color: #696969; text-decoration:none;}


#page #translate_block {
	padding-left:710px;
	padding-top:85px;
}
#page #translate_container {
	
}
#page .google-translate-container {
	width: 100%;
	border: none;
	padding:0px;
}
#page .google-translate-container h3 {
	float:left;
	margin-right:5px;
    font-family: 'Open Sans';
	font-size: 12px;
	font-weight:400;
	line-height: 21px;
	color: #9e6836;
}
#page .google-translate-container #jumpMenu {
	width: 165px;
	height:100%;
	float: left;
	color: #9E6836;
	font-family: 'Open Sans';
	font-size: 12px;
	font-weight: 400;
	border: 1px solid #BF8D53;
	margin:0px;
}


#menu_outside {
	background:none repeat-y;
	/*Must only use padding or margins! No absolute positions allowed!*/
	padding-top: 58px;
	padding-left: 400px;
}

#menu_inner {	
	height:160px;
}



#page div .sf-menu {
	width:200x;
	margin:0px;
	margin-top:0px;
	padding:0px;
}
#page div .sf-menu li {
	/*background: url("https://www.townsendturf.co.nz/themes/responsive_home/images/menu_divider.png") no-repeat scroll right 9px transparent;*/
	background: transparent;
	float:none;
}
#page div .sf-menu li.last {
	background: none no-repeat scroll 0 0 transparent;
}


#page div .sf-menu a {
	letter-spacing: 0;
	padding: 0px;
}

#page div .sf-menu a:hover, #page div .sf-menu a.nav-path-selected:hover, #page div .sf-menu a.nav-path-selected, #page div .sf-menu li.sfHover > a {
	/*background: url("https://www.townsendturf.co.nz/themes/responsive_home/images/menu_header_left.png") no-repeat scroll left center transparent;*/
}
#page div .sf-menu a:hover span, #page div .sf-menu a.nav-path-selected:hover span, #page div .sf-menu a.nav-path-selected span, #page div .sf-menu li.sfHover > a span {
	/*background: url("https://www.townsendturf.co.nz/themes/responsive_home/images/menu_header_right.png") no-repeat scroll right center transparent;*/
}
#page div .sf-menu a:hover span span, #page div .sf-menu a.nav-path-selected:hover span span, #page div .sf-menu a.nav-path-selected span span, #page div .sf-menu li.sfHover > a span span {
    /*background:  url("https://www.townsendturf.co.nz/themes/responsive_home/images/menu_header_bg.png") repeat-x scroll left center transparent;*/
    color: #892002; /*Set hover colour here*/
	font-family: 'ralewaybold';
}

#page div .ukao-submenu a:hover, #page div .ukao-submenu a.nav-path-selected:hover, #page div .ukao-submenu a.nav-path-selected, #page div .ukao-submenu li.sfHover > a {
    background: none;
}
#page div .ukao-submenu a:hover span, #page div .ukao-submenu a.nav-path-selected:hover span, #page div .ukao-submenu a.nav-path-selected span, #page div .ukao-submenu li.sfHover > a span {
    background: none;
}
#page div .ukao-submenu a:hover span span, #page div .ukao-submenu a.nav-path-selected:hover span span, #page div .ukao-submenu a.nav-path-selected span span, #page div .ukao-submenu li.sfHover > a span span {
    background: none;
	color: #892002; /*Set hover colour here*/
	font-family: 'ralewaybold';
}

#page div .sf-menu a span span {
	display:block;
	font-family: 'ralewayregular';
    font-size: 15px;
	color:#696969;
	text-align: left;
	text-transform: uppercase;
	padding:6px 0px; /*adjust padding here*/
	margin: 0 3px;
}
#page div .sf-menu a.last span span {
	/*padding-right:0px;*/
}
#page div .sf-menu a.first span span {
	/*padding-right:0px;*/
	padding-top:0;
}


#page div .sf-menu li ul.ukao-submenu {
	margin-top:-60px;
	width:160px;
	background: url("https://www.townsendturf.co.nz/themes/responsive_home/images/left_arrow.png") no-repeat 0px 22px;
	padding-bottom:10px;
	border:0px solid #5d00c0;
	margin-left:98px;
	padding-left:23px;	

}



#page div .sf-menu li ul.ukao-submenu ul {
	margin-top:-1px;
	margin-left:-23px;
}

#page div .sf-menu li ul.ukao-submenu li ul{
	/*-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	behavior: url(https://www.townsendturf.co.nz/themes/responsive_home/PIE.htc);*/
	background:none;
}


#page div .sf-menu li ul.ukao-submenu li {
    background: #696969;
}

#page div .sf-menu li ul.ukao-submenu li.lastdrop {
	/*border-bottom:none;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	behavior: url(https://www.townsendturf.co.nz/themes/responsive_home/PIE.htc);*/
	}


#page div .sf-menu ul li a {
    letter-spacing: 0;
	padding: 0px;
}
#page div .sf-menu ul li a span span {
	display:block;
	font-family: 'ralewayregular';
    font-size: 13px;
	color:#ffffff;	
	text-align: left;
	text-transform: uppercase;
	padding:8px 12px !important;  /*adjust padding here*/
	margin:0px !important;
}


.mobile-menu{display:none;}

#page .dl-menuwrapper button {background:#fff; border:1px solid #aaa;}
#page .dl-menuwrapper button:hover,
#page .dl-menuwrapper button.dl-active,
#page .dl-menuwrapper ul {
	background: #fff;
	border:1px solid #aaa;
}
#page .dl-menuwrapper li{border-bottom:1px solid #aaa;}
#page .dl-menuwrapper li:last-child{border-bottom:none;}
#page .dl-menuwrapper li > a {
	position:relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;	
	color: #858585;
	outline: none;
	text-decoration:none; text-transform:uppercase; 
	font-weight:normal; font-family: 'ralewayregular';
}

#page .dl-menuwrapper li > a:hover {
	background:#0b5932 !important;
	color:#fff;
}

#page .dl-menuwrapper li > a:after {
	display:none;
}

#page .dl-menuwrapper a:not(:only-child) .arrow {
	width:50px;
	height:50px;
	border-left:1px solid #aaa;
	display:block;
	background:#0b5932;
	cursor:copy;
	position:absolute;
	top:0;
	right:0;
}

#page .dl-menuwrapper a:not(:only-child) .arrow:after {
	line-height: 50px;
	text-align:center;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
	position:absolute;
	top:2px;
	left:19px;
	color:#fff;
	font-size:12px;
}

#page .dl-menuwrapper li.dl-back:after {
	width:50px;
	height:50px;
	border-left:1px solid #aaa;
	display:block;
	background:#0b5932;
	cursor:copy;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	font-size:12px;
	color:#fff;
}

#page .dl-menuwrapper li.dl-back > a{padding-left:56px;}

.banner-container {
	overflow: hidden;
	background:none;
	width: 956px;
	height: 337px;
	padding: 0px; background:url(https://www.townsendturf.co.nz/themes/responsive_home/images/header_img1.jpg) no-repeat scroll center top transparent;
	border:solid 10px rgba(255,255,255,0.7); margin:0px auto 70px;
} 



/* Advanced Slider */

.advanced-slider  .caption .content {
	padding:0px !important;	
}

.advanced-slider .slide {
	background-position: center 0 !important; /*fix image twitching*/
}


.advanced-slider  .caption .content {
	padding:0px !important;
	width:100% !important;
	display:table;
}

.advanced-slider .caption .wrapper p {
	display: table-cell !important;
	vertical-align: middle !important;
	height:70px; /*Manually set here until can integrate into php*/
	width:764px; /*Manually set here until can integrate into php*/
	text-align:left;
	padding-left:25px;
}

.advanced-slider  .caption .content p{
	width:100% !important;
}

.advanced-slider .slide, .advanced-slider .slide .slice {
	background-position: center 0 !important; /*fix image twitching*/
	width:100% !important;
	background-size: cover;
	height:inherit !important;
}
.advanced-slider {
    border: 0px solid #12255d;
	width:100% !important;
	height:inherit !important;
	text-align:center !important;
	float:none !important;
	margin:-4px auto 0px!important;
	z-index:0;
}
.slide-wrapper{width:100% !important; height:inherit !important;}
.slide-wrapper div{width:100% !important; background-position:center !important;}

.caption .content div{font-family: 'ralewaybold' !important; font-size:19px !important; color:#fff !important; text-align: left !important;}
.caption, .caption .wrapper, .caption .wrapper p {height:59px !important;}
.caption .wrapper .background {	background:#696969 !important;	opacity:0.70 !important;	filter:alpha(opacity=70) !important;}
.header_content { width: 100%;	height: 321px;	margin: 0 auto;	text-align: left;}
.caption, .caption .wrapper, .caption .wrapper p {
	height: 59px !important;
}



/* Consistent bullet points in browers */


/* End Advanced Slider */

/* Middle Box */
#page #middle_box {width:980px; height:474px; margin-top:0px; overflow:hidden; margin-bottom:0px;}

#page #middle_box .sd_heading h1{font-size:40px; color:#892002; font-family: 'ralewaysemibold'; margin: 23px 30px 29px 36px;}

#page #middle_box .box{height:83px; margin-left:36px; overflow:hidden; position:relative; border:1px solid #cdcdcd; margin-bottom:21px;}
#page #middle_box .first{width:592px;}
#page #middle_box .secound{width:736px;}
#page #middle_box .third{width:910px;}


#page #middle_box .sd_img{width:85px; height:85px; margin:0; padding:0; float:left;}

#page #middle_box .first .sd_img a{width:592px; display:block; position:relative; z-index:2;}
#page #middle_box .secound .sd_img a{width:736px; display:block; position:relative; z-index:2;}
#page #middle_box .third .sd_img a{width:910px; display:block; position:relative; z-index:2;}

#page #middle_box .first .sd_content{width:486px;}
#page #middle_box .secound .sd_content{width:631px;}
#page #middle_box .third .sd_content{width:800px;}


#page #middle_box .sd_content{overflow:hidden; margin:0; position:relative; float:none; padding:15px 10px 10px 10px; height:83px; z-index:1;}
#page #middle_box .sd_content p{margin:0; padding:0 6px; font-size:16px; color:#403221; line-height:23px;}
#page #middle_box .sd_content span{font-size:24px; color:#0b5932; font-family: 'ralewaybold';}

#page #middle_box .readmore{width:232px; height:35px; display:table-cell; vertical-align:middle; text-align:center;}
#page #middle_box .readmore a{text-transform:uppercase; font-size:15px; color:#141414; font-family: 'SourceSansProSemibold'; text-decoration:underline;}
#page #middle_box .readmore a:hover{text-decoration:none;}


#page #middlebox .box div{margin-bottom:0 !important;}
#page #middlebox .box p{margin:0; padding:0;} 

/* Middle Box */


#main_top {
	clear:both;
	/*	
	background:url(https://www.townsendturf.co.nz/themes/responsive_home/images/doc_top.png) no-repeat scroll center top transparent;
	padding-top: 0px;
	margin-top:0px;
	*/
}
.main-background {
	/* background-color: #ebebeb; */
	padding:0px 10px;
}
#main_bottom {/*background:url(https://www.townsendturf.co.nz/themes/responsive_home/images/doc_bottom.png) no-repeat scroll center bottom transparent; padding-bottom: 20px; margin-bottom:7px;*/}
#main_inner {/*background:url(https://www.townsendturf.co.nz/themes/responsive_home/images/doc_bg.png) repeat-y;*/}
#main_inside {overflow:hidden; padding:24px;}

#footer {
	background:#000;
	height:200px;
	padding-bottom:00px;
	padding-top:0px;
	margin:0px auto;
	position:relative;
	border-top:solid 15px #646464;
}

#footer .container {width:980px;}

#footer p {padding:0px;}
#footer_inner {margin:0 auto;text-align:left;font-size:13px;text-transform:uppercase; font-family: 'ralewaysemibold';}
#footer_inner a {text-decoration:none;}
#footer_inner a:hover {text-decoration:underline;}
#footer_info {padding:0px;}

#footer_info #c1 span.sep {
	font-family: Arial;
	margin-left:49px;
	margin-right:49px;
}
#footer_info #c1 {
	/*float:left;*/ /*flick left or rightside*/
	padding:35px 0px 35px 0px; text-align:center;
	color:#ffffff; margin:auto;
	background:url(https://www.townsendturf.co.nz/themes/responsive_home/images/footer_line.png) repeat-x center bottom;
	width:90%;
}
#footer_info #c1 a {
	color:#ffffff;
}

#footer_info #c1 a:hover {
	color:#892002;
	text-decoration:none;
}

#footer_info #c2 span.sep {
	font-family: Arial;
	margin-left:9px;
	margin-right:9px;
}
#footer_info #c2 {
	/*float:left;*/ /*flick left or rightside*/
	padding-left:0px;
	padding-top:40px;
	color:#6c6c6c;
}
#footer_info #c2 a {
	color:#6c6c6c;
}

#footer_info #company {
	color:#6c6c6c;
}

#footer_info .website {
	color:#6c6c6c !important;
}

#footer_info #c2 img#dash {
    position: relative;
    top: 2px;
}

#footer_info #c3
{
	position:absolute;
	top:105px;
	right:13px;
}



.vresp_area_d1 {
	background:url(https://www.townsendturf.co.nz/themes/responsive_home/images/vr_bg.png) no-repeat bottom left;
	/*width: 263px;
	height:258px;*/
}
.vresp_area_d2 {
	padding:13px 18px 18px 18px;
	text-align:center;
}
.vresp_area_s1 {
	display:block;
	margin-bottom:10px;
}
.vresp_area_s2 {
	color:#ff0000;
	margin-bottom:0px;
}
.vresp_area_p1 {
	display:block;
	margin:24px;
}
.vresp_area_l1 {
	display:block;
	text-align:left;
	margin-left: 20px;
	margin-bottom:1px;
}
.vresp_area_i1 {
	display:block;
	width:180px;
	margin: 0px auto 5px;
}
.vresp_area_l2 {
	display:block;
	text-align:left;
	margin-left: 20px;
	margin-bottom:1px;
}
.vresp_area_i2 {
	display:block;
	width:180px;
	margin: 0px auto 5px;
}
.vresp_area_l3 {
	display:block;
	text-align:left;
	margin-left: 20px;
	margin-bottom:1px;
}
.vresp_area_i3 {
	clear:both;
	display:block;
	margin: 0px auto 5px;
	width:180px;
}
.vresp_area_i4 {
	margin-top:10px;
}

/* Vr style */

.vresp_area_s1{background:#f05534; padding:10px 15px; display:block; color:#fff; font-size:18px; font-weight:600;}
.ie8 .vresp_area_s1{font-size:16px;}
.vresp_area_p1{margin:0 !important;}
.vresp_area_d1{ padding:5px;}
.vresp_area_d2{
	background:#fff;
	padding:0 !important;
	margin-bottom:12px;
	position:relative;
	border:1px solid #d6d6d6;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	padding:0 !important;
	margin-bottom:12px;
	position:relative;
	behavior: url(https://www.townsendturf.co.nz/themes/responsive_home/PIE.htc);
}

.vresp_area_l1, .vresp_area_l2, .vresp_area_l3 {
	margin-top:-10px;
}

.vresp_area_i1, .vresp_area_i2, .vresp_area_i3 {
	margin:-20px 0px 0 20px;
}

.vresp_area_i4 {
	margin:-5px 0 10px;
}

.vresp_area_s2 {
	margin:-20px 0 0 133px;
	float:left;
}

/* Vr style */

.main-background .container .eleven.columns {width: 647px;}
.main-background .container .five.columns { width:260px;}

.main-content ul{margin:10px 0 10px 10px; padding:0;}
.main-content ul li{background:url(https://www.townsendturf.co.nz/themes/responsive_home/images/tic1.png) no-repeat left 8px; padding:5px 0 5px 20px; margin-bottom:2px; line-height:22px;overflow: hidden;}
.main-background .inner {clear: both; margin: 10px 0; overflow: hidden;}
.main-content ol {overflow:hidden; }
.main-content ol li {list-style-type:decimal; list-style-position:inside;}
#pagelist_menu_bar{font-family: 'ralewayregular' !important; font-size:16px;}
#pagelist_menu_bar br{display:none;}
#pagelist_menu_bar ul li{background:none; padding-left:0; padding-top:0;}
#ct25_menu_bar ul{background:none !important; margin-bottom:30px !important;}
#ct25_menu_bar ul li{background:none !important;}
#ct25_menu_bar ul li a{background: url("https://www.townsendturf.co.nz/themes/responsive_home/images/list_menu_bg.png") repeat-x center bottom !important; padding:3px 0 3px 10px !important; color:#434343 !important;}
#ct25_menu_bar ul li a:hover{color:#0b5932 !important;}


@media only screen and (min-width: 768px) and (max-width: 979px) {
#page {margin:0px 0px; width:100%;}
#page .container {width:748px;} 
#page #header {
	position:static;
	background-size:100%;
}
#page #top_header {	height: 215px;}
#page #header #mainlogo {
	position:absolute;
	top:50px;
	left:15px;
	z-index:1; 
}
#page #header #mainlogo img {width:240px; margin:0px auto;}
#page #header #block_1 {
	display:block;
	position:absolute;
	top:50px;
	right:310px;
	z-index:1;
}
#page #header #block_2 {
	display:block;
	position:absolute;
	top:75px;
	right:150px;
}
#page #header #block_3 {
	display:block;
	position:absolute;
	top:150px;
	right:150px;
}

#page #header #block_3 a{background:url(https://www.townsendturf.co.nz/themes/responsive_home/images/get-a-quote-sprite.png) no-repeat top; display:block; width:248px; height:27px;}
#page #header #block_3 a:hover{background-position:bottom;}
#page #header #block_3 a img{display:none;}


.get_quote{width:261px; height:58px;}
.get_quote a{background:url(https://www.townsendturf.co.nz/themes/responsive_home/images/get_a_quote_btn_sprite.png) no-repeat top; display:block; width:261px; height:58px;}
.get_quote a:hover{background-position:bottom;}
.get_quote a img{display:none;}

#page #header #block_4 {
	display:none;
	position:absolute;
	top:116px;
	right:0px;
}
.mobile-menu{display:block; width:52px; height:50px; float:right; position:absolute; top:40px; right:10px;}
#menu_outside {display:none;}

.nav-background {
	display:none;
}

#nav-menu{display:none;}


.banner-container {
	overflow: hidden;
	background-size:cover;
	width: 100%;
	height: auto;
	padding-left: 0px; margin:0px auto 20px;
} 

.header_content {
	width:100%;
	height:227px; margin:0px auto; float:none;
}


.header_content h1{
	font-size:25px;
}

.header_content a{width:188px;}
.contact-info-fix p{ font-size:12px;}


/* Middle Boxes */
#page #middle_box {width:100%; height:auto; margin-top:0px; overflow:hidden; margin-bottom:0px; background:#fff; padding:0px 10px;}

#page #middle_box .sd_heading h1{font-size:40px; color:#892002; font-family: 'ralewaysemibold'; margin:20px auto 20px;}

#page #middle_box .box{height:83px;  overflow:hidden; position:relative; border:1px solid #cdcdcd; margin-bottom:21px;}
#page #middle_box .first{width:auto; margin:10px auto;}
#page #middle_box .secound{width:auto; margin:10px auto;}
#page #middle_box .third{width:auto; margin:10px auto;}


#page #middle_box .sd_img{width:85px; height:85px; margin:0; padding:0; float:left;}

#page #middle_box .first .sd_img a{width:auto; display:block; position:relative; z-index:2;}
#page #middle_box .secound .sd_img a{width:auto; display:block; position:relative; z-index:2;}
#page #middle_box .third .sd_img a{width:auto; display:block; position:relative; z-index:2;}

#page #middle_box .first .sd_content{width:auto;}
#page #middle_box .secound .sd_content{width:auto;}
#page #middle_box .third .sd_content{width:auto;}


#page #middle_box .sd_content{overflow:hidden; margin:0; position:relative; float:none; padding:15px 10px 10px 10px; height:auto; z-index:1;}
#page #middle_box .sd_content p{margin:0; padding:0 6px; font-size:16px; color:#403221; line-height:23px;}
#page #middle_box .sd_content span{font-size:24px; color:#0b5932; font-family: 'ralewaybold';}

#page #middle_box .readmore{width:232px; height:35px; display:table-cell; vertical-align:middle; text-align:center;}
#page #middle_box .readmore a{text-transform:uppercase; font-size:15px; color:#141414; font-family: 'SourceSansProSemibold'; text-decoration:underline;}
#page #middle_box .readmore a:hover{text-decoration:none;}


#page #middlebox .box div{margin-bottom:0 !important;}
#page #middlebox .box p{margin:0; padding:0;} 

/* Middle Boxes */
.main-background {
	background-color: #ebebeb;
	padding: 20px 10px;
}
.main-background .container{width:748px; padding:20px 10px;}
.main-background .container .eleven.columns{width:100%;}
.main-background .container .five.columns{width:100%;}


/* Footer */
#footer .container {width:100%;}
#footer_info #c1 span.sep {
	font-family: Arial;
	margin-left: 22px;
	margin-right: 22px;
}
/* Footer */

}



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

#page {margin:0px 0px; width:100%;}
#page .container {width:100%;} 
#page #header {
	position: relative;
	background: rgba(255,255,255,0.6);
	height: 143px;
	margin: 20px auto 20px;
	padding: 0px;
}
#page #top_header {	height: auto;}
#page #header #mainlogo {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: #fff;
	padding: 35px 20px; 
}
#page #header #mainlogo img {max-width:150px; margin:0px auto; }
#page #header #block_1 {
	display:block;
	position:absolute;
	top:20px;
	right:350px;
	z-index:1;
}
#page #header #block_2 {
	display:block;
	position:absolute;
	top:35px;
	right:180px;
}
#page #header #block_3 {
	display:block;
	position:absolute;
	top:110px;
	right:190px;
}

#page #header #block_3 a{background:url(https://www.townsendturf.co.nz/themes/responsive_home/images/get-a-quote-sprite.png) no-repeat top; display:block; width:248px; height:27px;}
#page #header #block_3 a:hover{background-position:bottom;}
#page #header #block_3 a img{display:none;}


.get_quote{width:261px; height:58px;}
.get_quote a{background:url(https://www.townsendturf.co.nz/themes/responsive_home/images/get_a_quote_btn_sprite.png) no-repeat top; display:block; width:261px; height:58px;}
.get_quote a:hover{background-position:bottom;}
.get_quote a img{display:none;}

#page #header #block_4 {
	display:none;
	position:absolute;
	top:116px;
	right:0px;
}
.mobile-menu{display:block; width:52px; height:50px; float:right; position:absolute; top:40px; right:10px;}
#menu_outside { display:none;}

.nav-background { display:none;}

.banner-container {
	overflow: hidden;
	background-size:cover;
	width: 100%;
	height: auto;
	padding-left: 0px; margin:0px auto 20px;
} 

.header_content {
	width:100%;
	height:227px; margin:0px auto; float:none;
}






/* Middle Boxes */
#page #middle_box {width:100%; height:auto; margin:0px auto; overflow:hidden; background:#fff; padding:0px 10px;}

#page #middle_box .sd_heading h1{font-size:30px; color:#892002; font-family: 'ralewaysemibold'; margin:20px auto 20px;}

#page #middle_box .box{height:83px;  overflow:hidden; position:relative; border:1px solid #cdcdcd; margin-bottom:21px;}
#page #middle_box .first{width:auto; margin:10px auto;}
#page #middle_box .secound{width:auto; margin:10px auto;}
#page #middle_box .third{width:auto; margin:10px auto;}


#page #middle_box .sd_img{width:85px; height:85px; margin:0; padding:0; float:left;}

#page #middle_box .first .sd_img a{width:auto; display:block; position:relative; z-index:2;}
#page #middle_box .secound .sd_img a{width:auto; display:block; position:relative; z-index:2;}
#page #middle_box .third .sd_img a{width:auto; display:block; position:relative; z-index:2;}

#page #middle_box .first .sd_content{width:auto;}
#page #middle_box .secound .sd_content{width:auto;}
#page #middle_box .third .sd_content{width:auto;}


#page #middle_box .sd_content{overflow:hidden; margin:0; position:relative; float:none; padding:5px 10px 5px 10px; height:auto; z-index:1;}
#page #middle_box .sd_content p{margin:0; padding:0 6px; font-size:16px; color:#403221; line-height:23px;}
#page #middle_box .sd_content span{font-size:24px; color:#0b5932; font-family: 'ralewaybold';}

#page #middle_box .readmore{width:100%; height:35px; display:table-cell; vertical-align:middle; text-align:center;}
#page #middle_box .readmore a{text-transform:uppercase; font-size:15px; color:#141414; font-family: 'SourceSansProSemibold'; text-decoration:underline;}
#page #middle_box .readmore a:hover{text-decoration:none;}


#page #middlebox .box div{margin-bottom:0 !important;}
#page #middlebox .box p{margin:0; padding:0;} 

/* Middle Boxes */

.main-background{padding:0 0px; background:#f5f5f5;}
.main-background .container{width:100%;}
.main-background .container .eleven.columns{width:100%;}
.main-background .container .five.columns{width:100%;}


/* Footer */
#footer {
	background: #000;
	height: 213px;
	padding-bottom: 00px;
	padding-top: 0px;
	margin: 0px auto;
	position: relative;
	border-top: solid 15px #646464;
}
#footer .container {width:100%;}
#footer_info #c1 span.sep {
	font-family: Arial;
	margin-left: 22px;
	margin-right: 22px;
}
#footer_info #c2 {
	/* float: left; */
	color: #6c6c6c;
	position: static;
	margin: auto;
	text-align: center;
	padding: 10px 0px;
}
#footer_info #c3 {
	position: static;
	margin: 10px auto 0px;
	text-align: center;
}
/* Footer */

}



@media only screen and (max-width: 670px) {
.header_content {	width:100%;	 height:199px;}

#page #top_header {
	height: 195px;
}

#page #header {
	position: relative;
	background: rgba(255,255,255,0.6);
	height: 143px;
	margin: 20px auto 20px;
	padding: 0px;
}
#page #top_header {	height: auto;}
#page #header #mainlogo {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: #fff;
	padding:35px 10px; 
}
#page #header #mainlogo img {max-width:150px; margin:0px auto; }
#page #header #block_1 {
	display:block;
	position:absolute;
	top:20px;
	right:350px;
	z-index:1;
}
#page #header #block_2 {
	display:block;
	position:absolute;
	top:35px;
	right:180px;
}
#page #header #block_3 {
	display:block;
	position:absolute;
	top:110px;
	right:190px;
}
#page #middle_box .sd_img {	width: 82px;}
#page #middle_box .sd_content {	padding: 5px 3px 5px 3px;	height: auto;	z-index: 1;}
#page #middle_box .sd_content p{margin:0; padding:0 3px; font-size:14px; color:#403221; line-height:18px;}
#page #middle_box .sd_content span{font-size:19px; color:#0b5932; font-family: 'ralewaybold';}

#footer {
	background: #000;
	height: auto;
	padding-bottom: 00px;
	padding-top: 0px;
	margin: 0px auto;
	position: relative;
	border-top: solid 15px #646464;
}

#footer_info #c1 {background:none; padding: 10px 0px 10px 0px;}

#footer_info #c1 a {
	color: #fffefe; width:200px;
	display: block; margin:10px auto;
	
}

#footer_info #c1 span.sep {display:none;}

}

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

.header_content {	width:100%; background-size:cover;}

#page #top_header {
	height: 195px;
}

#page #header {
	position: relative;
	background: rgba(255,255,255,0.6);
	height: 250px;
	margin: 20px auto 20px;
	padding: 0px;
}
#page #top_header {	height: auto;}
#page #header #mainlogo {
	position: static;
	z-index: 1;
	background: #fff; text-align:center;
	padding:35px 10px;  margin:10px auto; width:200px; display:block;
}
#page #header #mainlogo img {max-width:150px; margin:0px auto; }
#page #header .b1b1 { width:220px; margin:5px auto;}
#page #header #block_1 {
	display: inline-block;
	position: static;
	z-index: 1;
	margin: 0px auto;
	top: 0px;
	left: 10px; padding-left:10px;
}

#page #header #block_1 img {width:50px;}
#page #header #block_2 {
	display: inline-block;
	position: static;
	top: -13px;
	left: 20px;
}
#page #header #block_3 {
	 display:block;
	position:static;
	margin: 10px auto;
	text-align: center; float:none;
}

#page #header #block_3 a {
	margin: auto;
}
#page #top_header {	height: auto;}

}


@media only screen and (max-width:455px) {
#page #f_logo {height:230px;}
.mobile-menu {
	display: block;
	width: 52px;
	height: 50px;
	float: right;
	position: absolute;
	top: 10px;
	right: 5px;
}
.logo-content {position:absolute; left:0px;}
.logo-content img {
	width: 180px;
}


}
@media only screen and (max-width:357px) {
#page #header #mainlogo {
	position: static;
	z-index: 1;
	background: #fff;
	text-align: center;
	padding: 20px 10px;
	margin: 10px auto;
	width: 175px;
	display: block;
}
#page #header {height:220px;}
#footer_info #c2 a {	color: #6c6c6c;	display: block; margin:5px auto;}
#footer_info #c2 span.sep {display:none;}
}