/*	Less Framework 3
	by Joni Korpi
	http://lessframework.com	*/

img { display: block; border: 0; max-width: 100%; height:auto; }


@media only screen and (min-width: 768px) {
	
	#my-menu, a.mobileNav, nav {
		display:none !important;
	}
	
	nav.nav-single {
		display: block !important;
	}


	
}

@media only screen and (max-width: 1080px) and (min-width: 901px) {
	
.twelveHundred {
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
	padding:0;
}

#my-menu {
	display:none;
}



#contentWrapper #content {
	width:650px;
}


#fencesLeft {
	float:none; 
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
	text-align:center;
}

#fencesRight {
	float:none; 
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
}

ul.fenceTypes {
	width:100%;
}

ul.fenceTypes li a {
	margin-left:80px;
}

#estimate #estimateForm {
	width:380px;
}


#testimonialsWrap #testimonials #testInfo {
    width: 500px;
	padding-top:1px;
}


}





/*//////////////////////Small tablet landscape (800x600 and 768x1040)////////////////////////////*/

@media only screen and (max-width: 900px) and (min-width: 768px) {
	
	
	
.twelveHundred {
		width: 98% !important;
		width: -webkit-calc(100% - 5px);
		width: calc(100% - 5px);
		padding:0;
}

#header a #logo {
	width:300px;
	height:auto;
	float:left;
}

ul.socials li#phone {
	float:none;
	display:block;
	clear:both;
	font-size:21px;
}
ul.socials li a {
	float:right;
}

#bannerWrapper h2 {
	width:450px !important;
	display:block !important;
	position:relative !important;
	text-shadow:1px 1px 0px #000;
	white-space:normal !important;
	margin:0;
	line-height:normal;
	text-shadow:1px 1px 0px #000;
	font-size:42px;
}

#bannerWrapper h3 {
	color:#FFF;
	font-weight:300;
	width:450px !important;
	display:block !important;
	position:relative !important;
	text-shadow:1px 1px 0px #000;
	white-space:normal !important;
}

#bannerWrapper h3 br {
	display:none;
}

#bannerWrapper p {
	width:450px !important;
	display:block !important;
	position:relative !important;
	text-shadow:1px 1px 0px #000;
	white-space:normal !important;
	font-size:14px;
	color:#FFF;
	font-weight:600;
	margin-bottom:8px;
	line-height:normal;
	text-shadow:1px 1px 0px #000;
}

#fencesWrapper {
	padding:30px 0;
}

#fencesLeft {
	float:none; 
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
	text-align:center;
}

#fencesRight {
	float:none; 
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
}

#testInfo h2, #fences h2 {
	text-align:center;
	line-height:60px !important;
	margin:0;
}

#testInfo h3, #fences h3 {
    margin-bottom: 20px;
	line-height:normal;
	text-align:center;
}

ul.fenceTypes {
	width:100%;
}

ul.fenceTypes li a {
	margin:0 0 15px 50px;
}

ul.fenceTypes li a ul li {
	line-height:normal;
	padding-top:0;
	font-size:12px;
}


#estimate {
	padding:10px 0;
	text-align:center;
}
#estimate #estimateForm {
	float:none;
	width: 96% !important;
	width: -webkit-calc(100% - 10px);
	width: calc(100% - 10px);
	padding:0 10px;
}
#estimate #estimateInfo {
	float:none;
	margin-right:0;
}
#estimate #estimateInfo h2 {
    background:none;
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 5px;
	line-height:normal;
}

#estimate #estimateInfo h3, #estimate #estimateInfo p {
	margin-left:0;
	line-height:normal;
}


#mapWrapper {
	display:none;
/*	width:100% !important;
	background-size:170%;
	background-position:-90px 70px;
*/}

/*#mapWrapper h2 {
    padding-top: 0;
    top: 0;
    font-size: 61px;
	width: 100% !important;
    line-height: 42px !important;
}

#mapWrapper h2 span {
    font-size: 24px;
}

#mapWrapper {
	height:520px;
}

*/

#testimonialsWrap {
	padding:15px 0;
}
	
	
#testimonialsWrap #testimonials #testInfo {
	width: 97% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
	float:none;
	margin:0 auto;
	text-align:center;
}
#testimonialsWrap #testimonials #testCommentsWrap {
	float:none;
	margin:0 auto;
	padding-top:1px;
}


/*HOME PAGE TESTIMONIALS
-------------------------------------------------------------------------------------------------*/

.smooth_slider, #smooth_slider_1.smooth_slider {
/*	padding-left:5px;*/
	height:330px !important;
	padding:0 !important;
}
.smooth_slider span, .smooth_slider .smooth_slideri {
/*	line-height: normal;
	font-size:16px !important;
*/}

.smooth_slider p.smooth_more, .smooth_slider p.smooth_more a{
	line-height:normal !important;
}




#footerWrapper #footer .footerNav {
	margin-right:5px;
	width:145px;
}
.footerNav ul li {
	padding-bottom:4px !important;
}
.footerNav li a, #footer p {
	line-height:normal;
}

#contentWrapper {
	padding:15px 0;
}

#contentWrapper #content {
	width:450px;
	margin:0;
	}

#contentWrapper #sidebarWrap {
	width:280px;
}

	
	
}


/*//////////////////////Small tablet portrait (600x800)////////////////////////////*/

@media only screen and (max-width: 767px) and (min-width: 600px) {
	
	
.twelveHundred {
		width: 98% !important;
		width: -webkit-calc(100% - 5px);
		width: calc(100% - 5px);
		padding:0;
}


#navWrapper {
	display:none;
}
ul.socials {
	margin:0 0 0 5px;
	float:left;
}

ul.socials li a {
	float:left;
}

ul.socials li#phone {
	float:none;
	display:block;
	clear:both;
	font-size:21px;
}

#headerWrapper {
	height:360px;
}


#headerWrapper.home #header {
	background: none;
}


#headerWrapper.home {
	height:500px;
}



#bannerWrapper h3 {
	color:#FFF;
	font-weight:300;
	margin:0;
	font-size:21px;
	line-height:normal;
	width:350px !important;
	display:block !important;
	position:relative !important;
	text-shadow:1px 1px 0px #000;
	white-space:normal !important;
}

#bannerWrapper h3 br {
	display:none;
}

#bannerWrapper h2 {
	width:350px !important;
	display:block !important;
	position:relative !important;
	text-shadow:1px 1px 0px #000;
	white-space:normal !important;
	margin:0;
	line-height:normal;
	font-size:32px;
	text-shadow:1px 1px 0px #000;
}
#bannerWrapper p {
	width:350px !important;
	display:block !important;
	position:relative !important;
	text-shadow:1px 1px 0px #000;
	white-space:normal !important;
	color:#FFF;
	font-weight:600;
	margin-bottom:8px;
	font-size:14px;
	line-height:normal;
	text-shadow:1px 1px 0px #000;
}


.tp-leftarrow.default, .tp-rightarrow.default {
	top:240px !important;
}

.tp-bullets.simplebullets.round-old {
	bottom:0;
	top:240px !important;
}




#fencesWrapper {
	padding:30px 0;
}

#fencesLeft {
	float:none; 
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
	text-align:center;
}

#fencesRight {
	float:none; 
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
}

#testInfo h2, #fences h2 {
	text-align:center;
	line-height:60px !important;
	margin:0;
}

#testInfo h3, #fences h3 {
    margin-bottom: 20px;
	line-height:normal;
	text-align:center;
}

ul.fenceTypes {
	width:100%;
}

ul.fenceTypes li a {
	margin:0 0 15px 10px;
}

ul.fenceTypes li a ul li {
	line-height:normal;
	padding-top:0;
	font-size:12px;
}


#estimate {
	padding:10px 0;
	text-align:center;
}
#estimate #estimateForm {
	float:none;
	width: 96% !important;
	width: -webkit-calc(100% - 10px);
	width: calc(100% - 10px);
	padding:0 10px;
}
#estimate #estimateInfo {
	float:none;
	margin-right:0;
}
#estimate #estimateInfo h2 {
    background:none;
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 5px;
	line-height:normal;
}

#estimate #estimateInfo h3, #estimate #estimateInfo p {
	margin-left:0;
	line-height:normal;
}


#mapWrapper {
	display:none;
/*	width:100% !important;
	background-size:170%;
	background-position:-90px 70px;
*/}

#testimonialsWrap {
	padding:15px 0;
}
	
	
#testimonialsWrap #testimonials #testInfo {
	width: 97% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
	float:none;
	margin:0 auto;
	text-align:center;
}
#testimonialsWrap #testimonials #testCommentsWrap {
	float:none;
	margin:0 auto;
	padding-top:1px;
}


/*HOME PAGE TESTIMONIALS
-------------------------------------------------------------------------------------------------*/

.smooth_slider, #smooth_slider_1.smooth_slider {
/*	padding-left:5px;*/
	height:330px !important;
	padding:0 !important;
}
.smooth_slider span, .smooth_slider .smooth_slideri {
/*	line-height: normal;
	font-size:16px !important;
*/}

.smooth_slider p.smooth_more, .smooth_slider p.smooth_more a{
	line-height:normal !important;
}


.smooth_slider .smooth_prev, .smooth_slider .smooth_next {
	top:75%;
}


#footerWrapper #footer .footerNav {
	margin-right:5px;
	width:145px;
}
.footerNav ul li {
	padding-bottom:4px !important;
}
.footerNav li a, #footer p {
	line-height:normal;
}




#contentWrapper {
	padding:15px 0;
}

#contentWrapper #content, #contentWrapper #sidebarWrap {
	float:none; 
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
}

h2 {
	font-size:32px;
	margin-bottom:15px;
}


#sideTest {
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
	padding:30px 0 0 0 !important;
	background-size:100% 90%;}

#sidebarWrap .smooth_slider {
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
	padding:0 !important;
}

#sidebarWrap .smooth_slider .smooth_slideri {
	width:85% !important;
}
	
}





/*	5-column layout
	60 px columns, 24 px gutters, 42 px margins, 480 px total
	---------------------------------------------------------
	1     2      3      4      5
	60px  144px  228px  312px  396px	*/

@media only screen and (max-width: 599px) and (min-width: 480px) {
	
.twelveHundred {
		width: 98% !important;
		width: -webkit-calc(100% - 5px);
		width: calc(100% - 5px);
		padding:0;
}

#header {
	background:#FFF;
}

#headerWrapper {
	height:290px;
	background-position: 0 130px;
}


#headerWrapper.home #header {
	background: none;
}

#header a #logo {
	width:300px;
	height:auto;
/*	float:left;
*/}

#navWrapper {
	display:none;
}
ul.socials {
	margin:0 0 0 5px;
	float:left;
}

ul.socials li a {
	float:left;
}

ul.socials li#phone {
	float:none;
	display:block;
	clear:both;
	font-size:18px;
}

#headerWrapper #bannerWrapper {
	height:260px;
	padding-top:10px;
	text-shadow:1px 1px 0px #000;
}


#bannerWrapper h2 {
	width:260px !important;
	display:block !important;
	position:relative !important;
	text-shadow:1px 1px 0px #000;
	white-space:normal !important;
	margin:0;
	line-height:normal;
	font-size:24px;
	text-shadow:1px 1px 0px #000;
}

#bannerWrapper h3 {
	color:#FFF;
	font-weight:300;
	margin:0;
	font-size:18px;
	line-height:normal;
	width:260px !important;
	display:block !important;
	position:relative !important;
	text-shadow:1px 1px 0px #000;
	white-space:normal !important;
}

#bannerWrapper h3 br {
	display:none;
}

#bannerWrapper p {
	width:260px !important;
	display:block !important;
	position:relative !important;
	text-shadow:1px 1px 0px #000;
	white-space:normal !important;
	color:#FFF;
	font-weight:600;
	margin-bottom:8px;
	font-size:14px;
	line-height:normal;
	text-shadow:1px 1px 0px #000;
}






/*#bannerWrapper h2 {
	margin:0;
	line-height:normal;
	font-size:32px;
	text-shadow:1px 1px 0px #000;
}
#bannerWrapper h3 {
	color:#FFF;
	font-weight:300;
	margin:0;
	font-size:21px;
	line-height:normal;
	width:310px !important;
	display:inline-block;
	text-shadow:1px 1px 0px #000;
}

#bannerWrapper p {
	color:#FFF;
	font-weight:600;
	margin-bottom:8px;
	font-size:12px;
	line-height:normal;
	text-shadow:1px 1px 0px #000;
}

#bannerWrapper #rev_slider_1_1_wrapper {
	height:500px !important;
}
*/
#bannerWrapper .moreBtn {
	padding: 10px 15px 7px;
	font-size: 14px;
	margin:5px 0 !important;
}


.tp-leftarrow.default, .tp-rightarrow.default {
    top: 230px !important;
}

.tp-bullets.simplebullets.round-old {
	bottom:0;
	top:230px !important;
}

#fencesWrapper {
	padding:30px 0;
}

#fencesLeft {
	float:none; 
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
	text-align:center;
}

#fencesRight {
	float:none; 
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
}

#testInfo h2, #fences h2 {
    font-size: 36px;
    line-height:42px;
    margin-bottom: 15px;
	text-align:center;
}

#testInfo h3, #fences h3 {
    margin-bottom: 20px;
    font-size: 26px;
	line-height:normal;
	text-align:center;
}

#fencesLeft p, #estimate p, #testInfo p {
	text-align:center;
}



ul.fenceTypes {
	width:100%;
}

ul.fenceTypes li a {
	margin:0 0 15px 15px;
}

ul.fenceTypes li a ul li {
	line-height:normal;
	padding-top:0;
	font-size:12px;
}


#estimate {
	padding:10px 0;
	text-align:center;
}


#estimate #estimateForm {
	float:none;
	width: 92% !important;
	width: -webkit-calc(100% - 10px);
	width: calc(100% - 10px);
	padding:0 10px;
}

#estimate #estimateInfo {
	float:none;
	margin-right:0;
}
#estimate #estimateInfo h2 {
    font-size: 36px;
    background:none;
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 5px;
}

#estimate #estimateInfo h3, #estimate #estimateInfo p {
	margin-left:0;
	line-height:normal;
}
#mapWrapper {
	display:none;
}


#testimonialsWrap {
	padding:15px 0;
	height:650px;
}


#testimonialsWrap #testimonials #testInfo {
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
	float:none;
	text-align:center;
}
#testimonialsWrap #testimonials #testCommentsWrap {
	background-size: 98%;
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
	padding:1px 0 20px 0 ;
	float:none;
}

/*HOME PAGE TESTIMONIALS
-------------------------------------------------------------------------------------------------*/

.smooth_slider, #smooth_slider_1.smooth_slider {
/*	padding-left:5px;*/
	height:330px !important;
}
.smooth_slider span, .smooth_slider .smooth_slideri {
/*	line-height: normal;
	font-size:16px !important;
*/}

.smooth_slider p.smooth_more, .smooth_slider p.smooth_more a{
	line-height:normal !important;
}


.smooth_slider .smooth_prev {
	top:65%;
	left: 66%;
}

.smooth_slider .smooth_next {
	top:65%;
	left: 83%;
}

#footerWrapper #footer .footerNav {
	margin-right:5px;
	width:150px;
}
.footerNav ul li {
	padding-bottom:4px !important;
}
.footerNav li a, #footer p {
	line-height:normal;
}

#seoteric-wrap, #seoteric {
	clear:both !important;
	float:none;
	margin:0 auto;
}

#pageHeading {
    padding-top: 40px;
}

#pageHeading h1 {
	font-size:36px;
}
#pageHeading .post-meta {
	font-size:16px;
}

#contentWrapper {
	padding:15px 0;
}

#contentWrapper #content, #contentWrapper #sidebarWrap {
	float:none; 
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
}

h2 {
	font-size:32px;
	margin-bottom:15px;
}


#sideTest {
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
	padding:30px 0 0 0 !important;
	background-size:100% 90%;}



#sidebarWrap .smooth_slider {
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
	padding:0 !important;
}

#sidebarWrap .smooth_slider .smooth_slideri {
	width:85% !important;
}


	
}


/*	3-column layout
	60 px columns, 24 px gutters, 46 px margins, 320 px total
	---------------------------------------------------------
	1     2      3
	60px  144px  228px	*/

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


.twelveHundred {
		width: 98% !important;
		width: -webkit-calc(100% - 5px);
		width: calc(100% - 5px);
		padding:0;
}

#header {
	background:#FFF;
}

#headerWrapper {
	height:auto;
	background-position: 0 110px;
}

#headerWrapper.home {
	height:120px;
}

#headerWrapper.home #header {
	background: none;
}

#header a #logo {
	width:200px;
	height:auto;
	float:left;
}

#navWrapper {
	display:none;
}


ul.socials {
	margin:0 0 0 5px;
	float:left;
}

ul.socials li a {
	float:none;
}

ul.socials li#phone {
	float:none;
	display:block;
	clear:both;
	font-size:18px;
}

#headerWrapper #bannerWrapper {
	height:auto;
	padding-top:10px;
	display:none;
}

#fencesWrapper {
	padding:30px 0;
}

#fencesLeft {
	float:none; 
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
	text-align:center !important;
}

#fencesRight {
	float:none; 
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
}

#testInfo h2, #fences h2 {
    font-size: 36px;
    line-height:42px;
    margin-bottom: 15px;
	text-align:center;
}

#testInfo h3, #fences h3 {
    margin-bottom: 20px;
    font-size: 26px;
	line-height:normal;
	text-align:center;
}

#fencesLeft p, #estimate p, #testInfo p {
	text-align:center;
}

ul.fenceTypes {
	width:100%;
}

ul.fenceTypes li a {
	margin:0 0 15px 15px;
}

ul.fenceTypes li a ul li {
	line-height:normal;
	padding-top:0;
	font-size:12px;
}


#estimate {
	padding:10px 0;
	text-align:center;
}

#estimate #estimateForm {
	float:none;
	width: 92% !important;
	width: -webkit-calc(100% - 10px);
	width: calc(100% - 10px);
	padding:0 10px;
}

#estimate #estimateInfo {
	float:none;
	margin-right:0;
}

#estimate #estimateInfo h2 {
    font-size: 36px;
    background:none;
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 5px;
}

#estimate #estimateInfo h3, #estimate #estimateInfo p {
	margin-left:0;
	line-height:normal;
}

#mapWrapper {
	display:none;
}


#testimonialsWrap {
	padding:15px 0;
	height:650px;
}


#testimonialsWrap #testimonials #testInfo {
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
	float:none;
	text-align:center;
}

#testimonialsWrap #testimonials #testCommentsWrap {
	background-size: 98%;
	font-size:16px;
	line-height: normal;
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
	padding:1px 0 0 0;
	float:none;
}

/*HOME PAGE TESTIMONIALS
-------------------------------------------------------------------------------------------------*/

.smooth_slider, #smooth_slider_1.smooth_slider {
	padding-left:5px;
	height:230px !important;
}

.smooth_slider span, .smooth_slider .smooth_slideri {
	line-height: normal;
	font-size:16px !important;
}

.smooth_slider p.smooth_more, .smooth_slider p.smooth_more a{
	line-height:normal !important;
}


.smooth_slider .smooth_prev {
	top:40%;
	left: 57%;
}

.smooth_slider .smooth_next {
	top:40%;
	left: 83%;
}

#footerWrapper #footer .footerNav {
	margin-right:5px;
	width:150px;
}

.footerNav ul li {
	padding-bottom:4px !important;
}

.footerNav li a, #footer p {
	font-size:12px;
	line-height:normal;
}

#seoteric-wrap, #seoteric {
	float:left;
	margin-top:-30px;
}

#pageHeading {
	padding-top:25px;
	padding-bottom:25px;
	height:auto;
}

#pageHeading h1 {
	font-size:28px;
}

#pageHeading .post-meta {
	font-size:16px;
}

#contentWrapper {
	padding:15px 0;
}

#contentWrapper #content, #contentWrapper #sidebarWrap {
	float:none; 
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
}

#sideTest {
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
	padding:30px 20px 0 0;
}

#sidebarWrap .smooth_slider {
	width: 98% !important;
	width: -webkit-calc(100% - 5px);
	width: calc(100% - 5px);
	padding:0 !important;
}



h2 {
	font-size:32px;
	margin-bottom:15px;
}
ul.assoc {
	margin-bottom:40px;
}
#seoteric-wrap { float:none; margin:30px 0 0 0 !important; clear:both;}


}

/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}