@media screen and (max-width: 1024px) {
	#banner .vacuum {display: none;}
}

@media screen and (max-width: 990px) {
	#main, #banner, #banner-bg2, #banner-bg3, #content-top, #footer, body, #body-bottom-wrapper, #hd-wrapper, #ft-wrapper, #header  {width: 100%; min-width: 320px;}
	img {width: 100%;}
	#header .hd-logo {max-width: 290px; margin: 20px 0 0 0; position: static;}
	#header div.contact_info p img {max-width: 16px;}
	#footer span img {max-width: 74px;}
	#sidebar2 img {max-width: 81px;}
	#content-bottom img {max-width: 119px;}
	#header div.contact_info {position: static; margin: 10px auto; width: 100%; background: none;}
	#header {text-align: center; height: inherit; position: static;}
	#header div.head_info {padding: 0; margin: 10px auto; width: 100%; background: none;}
	#header div.contact_info p {float: none; vertical-align: top;}
	#banner {margin: 10px auto; float: none; height: inherit; margin-bottom: 13%;}
	#content-top .box img {padding: 0 0 10px;}
	#content-top .box {margin: 20px 3px 0; padding: 0; float: none; display: none !important; vertical-align: top;}
	#content-top {box-sizing: border-box; padding: 0 0 10px 10px;}
	#content {margin-left: 5px;}
	#sidebar1 {padding: 0 9px;}
	#banner, #banner-bg2, #banner-bg3 {background-size: 100% !important;}
	#banner ul {position: static; text-align: center; margin-top: -27px;}
	#banner ul li {width: auto; padding: 0 4%; height: inherit; float: none; display: inline-block;}
	#banner-bg2 {position: static; height: inherit; background: url(../images/common/banner_bg2.jpg) no-repeat center 4%;}
	#banner-bg3 {background: url(../images/common/banner_bg3.png) no-repeat center bottom; height: 72px; position: static; padding-top: 36%;}
	#banner .banner_button {margin: 30px 0 0 0;}
	#content-top .box1 {margin: 0 auto;}
	.cn-top-l, .cn-top-r {width: 95% !important; margin: 10px auto; text-align: center !important; float: none !important;}
	.cn-top-l p, .cn-top-l small {text-align: center !important;}
	#content, #sidebar1, #sidebar2 {float: none; width: 30%; display: inline-block; vertical-align: top; margin: 0;}
	#content .content_inner {width: 95%;}
	#content-bottom {width: 90%; margin: 10px auto; padding: 0; background-size: 100%; float: none;}
	body#inner #content, body#inner #content .content_inner {width: 95%; margin: 0 auto; padding: 10px; box-sizing: border-box; display: block;}
	#content-top {float: none;}
	#banner {margin-bottom: 18%;}
	body#inner #content .content_inner {width: 95%; margin: 0 auto;}
	#content .gallery {display: block !important; text-align: center !important; margin: 0 auto;}
	#content .gallery li {float: none !important; display: inline-block; vertical-align: top; margin: 10px auto !important;}
	.inner-abt {text-align: center;}
	.inner-abt img {width: 100% !important; max-width: 300px; margin: 0 auto !important;}
	.side-mobile-wrapper {display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 10px; box-sizing: border-box;}
	#sidebar1 .sidebar_content_div {width: 100%;}
	#svc .box {padding: 0;}
}

@media screen and (max-width: 914px) {
	#banner-bg3 {padding-top: 35%;}
	#banner-bg2 {background-position: 0 3%;}
	#banner ul {margin-top: -18px;}
	#banner {margin-bottom: 18%;}
}

@media screen and (max-width: 802px) {
	#banner-bg3 {padding-top: 34%;}
	#banner ul {margin-top: -14px;}
}

@media screen and (max-width: 768px) {
	#header .hd-logo {margin: 40px 0 0 0;}
	.cta{background: #339999  url("../images/phonecall.png") no-repeat center center;border-bottom-left-radius: 40px;border-top: 2px solid #F0D3B1 ;border-top-left-radius: 40px;bottom: 1%;display: block;height: 80px;position: fixed;right: 0;text-decoration: none; text-indent: -9999em;width: 100px;z-index: 999;}

	#banner nav {position: fixed; z-index: 1000; top: 0px; display: block; height: auto; width: 100%;}
	#banner nav ul {width: 100%; display: none; height: auto; padding: 0; margin: 0;}
	#banner nav li {width: 100% !important; position: relative; display: block !important; background: rgba(100, 100, 100, 0.9); padding: 0 !important; margin: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, .8); height: 40px; line-height: 40px;}
	#banner nav li a {display: block; text-align: left; color: #FFFFFF !important; text-indent: 10px; padding: 0;}
	#banner nav a#pull {display: block !important;	background-color: #283744;	width: 100%;position: relative; height: 40px; line-height: 40px; text-align: left; text-indent: 10px; color: #FFFFFF; text-decoration: none;}
	#banner nav a#pull:after {content:""; background: url('../images/nav-icon.png') no-repeat; width: 30px; height: 30px;display: inline-block; right: 15px;top: 10px; position: absolute;}
	#banner nav ul li.active-menu a, #banner nav ul li:hover a {background: rgba(100, 100, 100, 0.9);}

	#content-top {float: none; min-height: auto;}
	#content-top h4 {padding: 0 10px;}
	#content .content_inner {min-height: auto;}
	#content-top .box img {max-width: 100%;}
	#content-top .box {width: 30%; background-size: 100%;}
	#content, #sidebar1, #sidebar2 {width: 100%; margin: 10px auto; height: inherit; display: block; min-height: auto; padding: 0; box-sizing: border-box; padding: 10px;}
	#sidebar1 .sidebar_content_div {width: 95%; text-align: center;}
	#sidebar1 .sidebar_content_div p img {max-width: 166px;}
	#sidebar2 img {position: absolute; left: 5%;}
	#content-bottom {height: auto; box-sizing: border-box; padding: 10px;}
	div#svc .box {width: 45%;}
	#svc .box p, #svc .box span {font-size: 20px;}

}

@media screen and (max-width: 767px) {
	#content-top h4 {font-size: 25px;}
}

@media screen and (max-width: 712px) {
	#banner-bg3 {padding-top: 33%;}
}

@media screen and (max-width: 650px) {
	#banner-bg3 {padding-top: 31%;}
	#banner-bg2 {background-position: 0 1.5%;}
	#banner {margin-bottom: 17%;}
	#content-top .box {width: 40%; display: none!important; margin: auto;}
}

@media screen and (max-width: 560px) {
	#banner-bg3 {padding-top: 29%;}
	#banner-bg2 {background-position: 0 1%;}
	#banner {margin-bottom: 19%;}
	#content-top .box {width: 46%;}
	#sidebar2 img {position: static; float: none; margin: 0 auto; padding: 0;}
}

@media screen and (max-width: 540px) {
	div#svc .box {width: 100%;}
	#svc .box {min-height: 0;}
}

@media screen and (max-width: 500px) {
	#banner {margin-bottom: 21%;}
	#banner-bg3 {padding-top: 27.5%;}
	#Contact_Box, #Form_Container, #Form_Container h2, #Form_Container form .Form_Full, #Form_Container form .Form_Submit {width: 100% !important; max-width: 500px; float: none; padding: 0 !important; text-align: center !important;}
	#Form_Container form .Form_Full p input, #Form_Container form .Form_Full p textarea {width: 100% !important;}
	#Form_Container form .Form_Submit {padding-bottom: 10px !important;}
	#Form_Container form label {text-align: left !important;}
	.Form_Full p {width: 93% !important;}
	.captcha {padding: 10px 0 !important;}
	#recaptcha_area, #recaptcha_table {margin: auto;}
	#Contact_Box .Address_Box, #Contact_Box div .Phone_Box, #Contact_Box div .Email_Box {margin: 10px auto !important; float: none !important;}
	.PE {width: 100% !important; text-align: center; float: none !important;}
	
}

@media screen and (max-width: 476px) {
	#content-top .box {width: 55%; margin: 20px auto 10px;}
	#banner {margin-bottom: 33%;}
}

@media screen and (max-width: 447px) {
	#banner-bg3 {padding-top: 26%;}
}

@media screen and (max-width: 425px) {
	#content-top .box {width: 62%;}
	#sidebar2 span {padding: 0; width: 100%;}
	#content p {text-align: center;}
	#content-bottom p {padding: 0 5px;}
	#footer p {padding: 20px 10px;}
	body#inner #content {text-align: center;}
	#content .gallery {padding: 0 !important;}
}

@media screen and (max-width: 405px) {
	#banner-bg3 {padding-top: 24%;}
}

@media screen and (max-width: 375px) {
	#content-top .box {width: 70%;}
	#sidebar1 .vacuum_small {display: none;}
	.captcha {transform: scale(.8); margin-left: -10px !important;}
}

@media screen and (max-width: 367px) {
	#banner-bg3 {padding-top: 22%;}
}

@media screen and (max-width: 333px) {
	#banner-bg3 {padding-top: 20%;}
}

@media screen and (max-width: 320px) {
	.captcha {transform: scale(.7); margin-left: -26px !important;}
}