/* CSS Document */

@media screen and (max-width: 1440px) {
	.row {width: 95%;}
	#content .svc dl {margin: 10px !important;}
	#banner .caption h2 {font-size: 37px;}
	.contactBox {padding: 105px 10px;}
	.slider-wrapper {height: inherit !important;}
}

@media screen and (max-width: 1244px) {
	#header nav ul li a {padding: 0 23px;}
	.appoint a {padding: 15px 4px !important; font-size: 15px;}
	#banner .caption
	#banner .caption h2 {font-size: 37px;}
	#banner .caption a {padding: 16px 60px;}
	#content-top .cn-top-r {max-width: 520px;}
	.gs-list {box-sizing: border-box; padding: 0px 10px 0 120px;}
	#content .green-svc ul {margin: 0 20px 30px;}
	.apb a {font-size: 15.8px;}
}

@media screen and (max-width: 1200px) {
	#content-top .cn-top-r {max-width: 480px;}
	#inner .wwt-box {width: 85%;}
}

@media screen and (max-width: 1147px) {
	#content-top .cn-top-r {max-width: 435px;}
	#header nav ul li a {padding: 0 19px;}
}

@media screen and (max-width: 1093px) {
	#header .hd-nav {width: 52% !important;}
	#header nav ul li a {padding: 0 9px;}
	#banner .caption {bottom: 105px;}
	#banner .caption h2 {font-size: 33px;}
	#content-top .cn-top-r {position: initial; margin: 20px auto; max-width: 60%; padding-bottom: 20px;}
	#content-top .qform {clear: both;}
	#content-top .cn-top-l {float: none;}
	#content-top .cn-top-l section {text-align: center !important;}
}

@media screen and (max-width: 1024px) {
	#header .hd-btm .row div {float: none;}
	#header .hd-logo {display: block !important; margin: 20px auto 0; text-align: center !important; width: 100% !important;}
	#header .hd-nav {width: 67% !important;}
	#header .caption {position: initial;}
	#banner .caption {padding: 40px 0; position: initial;}
	#banner .caption h2 {font-size: 32px; color: #888;}
	.theme-default .nivo-controlNav {top: 425px;}
	#content-top {padding: 50px 0 0;}
	#content .svc {background-repeat: repeat;}
	#content .svc dl {margin: 10px auto !important;}
	#content .svc-bot section {display: block; margin: 10px auto;}
	#content .contact .row div {float: none;}
	#content .ft-logo {width: 90%; display: block !important; text-align: center !important; margin: 10px auto 40px; margin-right: auto;}
	#content .ft-logo img {float: none;}
	#content .cn-top-b img {width: 100%; max-width: 980px;}
	#inner .wwt-box .wwt-x ul {width: 32%;}
	#inner .wwt-box .wwt-x ul li {font-size: 14px;}
	#header nav ul li a {padding: 0 21px;}
	#inner .wwt-box {width: 95%;}
	.contactBox, .contactForm {display: block; width: 90%;}
	.contactBox {padding: 50px 60px 0;}
}

@media screen and (max-width: 992px) {
	#footer .ft-top {padding-bottom: 20px;}
	#footer nav ul li {height: 60px; line-height: 95px;}
}

@media screen and (max-width: 992px) {
	#header nav ul li a {padding: 0 19px;}
}

@media screen and (max-width: 926px) {
	#header .hd-btm .row div { text-align: center;}
	#header .hd-nav {width: 100% !important;}
	#header .hd-buttons {width: 90% !important; margin: 0 auto 10px; }
	#header .appoint {display: inline-block; vertical-align: top; width: 40% !important; margin: 0 !important;}
	#header .appoint a {padding: 15px 10px !important;}
	#banner .caption h2 {font-size: 22px;}
	#banner .caption a {font-size: 16px;}
	#header .hd-btm {padding-bottom: 20px;}
	#header nav ul li a {padding: 0 30px;}
	#header .hd-top .row div {display: block; float: none; margin: 10px auto; width: 90%; text-align: center;}
	#header .hd-tel p {width: 49%;}
	#header .hd-tel p::before {content: "";}
	#header .apb p {margin-top: -17px;}
}

/*Styles for screen 800px and lower*/
@media screen and (max-width: 800px) {
	/* header */
	#header {position: initial;}
	#header nav {display:block; height: auto;}
  	#header nav ul {width: 100%; display: none; height: auto;}
 	#header nav ul li {width: 100%;position: relative;padding: 0;margin: 0; height: 30px; line-height: 30px; background: rgba(80,174,20, .2);}
  	#header nav ul li a {border-bottom: 1px solid #eee;display: block;padding: 5px 0;}
  	#header nav a {text-align: left; width: 100%; text-indent: 15px;}
 	#header nav a#pull {display: block; background-color: #50AE14;  width: 100%;position: relative; padding: 15px 0;color: #fff; font-weight: 700;}
  	#header nav a#pull:after {content:""; background: url('../images/nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;  right: 15px;top: 15px;}
  	.hd-top .row {width: 100% !important;}
  	#content .contact .row div {display: block !important; text-align: center !important; width: 90% !important; margin: 40px auto; border-bottom: 1px solid #EEE;}
  	#content .contact .row div:last-child {box-sizing: border-box; padding-bottom: 10px;}
  	#content .ft-loc p:nth-of-type(1)::before {margin-top: -6px;}
  	#content .ft-tel p::before {margin: -16px 0 0 -177px;}
  	#content .contact {padding: 10px 0;}
  	#header .appoint {margin-top: 15px;}
  	#header .appoint a {width: 100% !important;; max-width: 250px;}
  	#content-top .cn-top-l section:nth-of-type(2) {padding: 20px;}
  	#content-top .cn-top-l section h2 {padding: 40px; position: static;}
  	.theme-default .nivo-controlNav {display: none;}
  	#inner .wwt-box .wwt-x ul {width: 100%; display: block; margin: 5px auto;}
  	#inner .wwt-box .wwt-1 ul {width: 100%;}
  	.cn-top-r {max-width: 90% !important;}
  	#content .svc-bot section {width: 90%;}
  	#header .hd-buttons {margin-top: 20px;}
  	#header .apb p {margin-top: -10px;}
}

@media screen and (max-width: 662px) {
	#banner .caption h2 {font-size: 20px;}
	.contactBox div {float: none; width: 90%;}
	.contactBox div p {display: block; width: 100%;}
	.Form_Full2 {display: block; width: 90%; margin: auto;}
	.Form_Full2 input[type="text"] {width: 100%;}
	.contactForm {padding: 0;}
}

@media screen and (max-width: 600px) {
	#content .green-svc ul {width: 42%; margin: 0 10px 30px; }
	.gs-list {padding-left: 60px;}
	#banner .caption a {padding: 20px;}
	#content .green-svc ul li span {font-size: 16px;}
	#banner .caption h2 span {display: inline;}
	#header .appoint {display: block !important; width: 100% !important;}
	#header .appoint:nth-of-type(2) {margin: 0 auto !important;}
	#header .appoint:nth-of-type(1) {margin: 0 auto 35px !important;}
}

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

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	
	/* contact form */
	.contactBox { width:90% !important; text-align:center; padding:0;}
	.contactBox-left,.contactBox-right { float:none !important; width:100%; padding:15px 0 0 0;}
	.contactForm { width:90%;}
	.contactForm textarea { width:90%;}
	#content .svc dt img {float: none; margin: 5px 0; }
	#content .svc dt, #content .svc dd {display: block; margin: auto; text-align: center; float: none;}
	#content .svc dl dd h2 {font-size: 37px; margin-left: 10px; width: inherit; text-align: center; padding: 10px 0;}
	#content .svc-bot section {width: 95%; margin: auto;}
	#content .ft-loc {width: 100% !important; max-width: 250px !important; margin: auto;}
	.ft-logo img {width: 100%; max-width: 300px;}
	#content .svc-bot section p {max-width: 100% !important;}
}

@media screen and (max-width: 457px) {
	#content .green-svc ul {display: block; float: none; width: 80%; padding-left: 10%;}
}

@media screen and (max-width: 425px) {
	.copy-con {width: 95%; margin: auto;}
	.copy-con p {margin: auto;}
	#content .contact .row div p::before {content: "";}
	h2 {font-size: 23px !important;}
	.ft-nav {width: 100%;}
	.ft-nav ul li {display: block !important; text-align: center !important; width: 90% !important; border-bottom: 1px solid #AAA !important; margin: auto; height: 40px !important; line-height: 40px !important;}
	/*#content .gs-list ul {padding: 15px 30px; display: block; border-bottom: 1px solid #DDD; text-align: center; list-style: none;}
	#content .gs-list ul li::before {content: "●"; color: orange; margin-right: 10px;}*/
	.hd-tel p {display: block !important; width: 90% !important; margin: 15px auto 0 !important;}
	#content .rvw-links img {max-width: 75px;}
	#footer .appoint {width: 90%;}
}

@media screen and (max-width: 320px) {
	#header .hd-social h4 {margin-right: auto;}
	#banner .caption a {padding: 12px;}
	#footer .appoint a {padding: 15px 3px;}

}