/* CSS Document */
@media only screen and (min-width: 768px) {
#nevigation {
	margin-top: 10px;
}
#topnav ul li {
	display: inline-block;
}
.seprator {
	background-image: url(images/seprator.png);
	background-repeat: no-repeat;
	height: 43px;
	display: block;
	float: left;
}
#topnav ul li a.selated-home {
	background: url(images/home_b_bg.gif) no-repeat center bottom;
}
#topnav ul li a.selated-water {
	background: url(images/water_b_bg.gif) no-repeat center bottom;
}
#topnav ul li a.selated-mold {
	background: url(images/water_b_bg.gif) no-repeat center bottom;
}
#topnav ul li a.selated-sewage {
	background: url(images/sewage_b_bg.gif) no-repeat center bottom;
}
#topnav ul li a.selated-testimonial {
	background: url(images/testimonial_b_bg.gif) no-repeat center bottom;
}
#topnav ul li a.selated-about {
	background: url(images/about_us_b_bg.gif) no-repeat center bottom;
}
#topnav ul li a:hover.home {
	background: url(images/home_b_bg.gif) no-repeat center bottom;
}
#topnav ul li a:hover.water {
	background: url(images/water_b_bg.gif) no-repeat center bottom;
}
#topnav ul li a:hover.mold {
	background: url(images/water_b_bg.gif) no-repeat center bottom;
}
#topnav ul li a:hover.sewage {
	background: url(images/sewage_b_bg.gif) no-repeat center bottom;
}
#topnav ul li a:hover.testimonial {
	background: url(images/testimonial_b_bg.gif) no-repeat center bottom;
}
#topnav ul li a:hover.about {
	background: url(images/about_us_b_bg.gif) no-repeat center bottom;
}
#topnav ul li .noline {
	border-right: none !important;
}
}
 @media only screen and (max-width: 1010px) {
#logo {
	float: none;
	margin: auto;
	height: 51px;
}
#head2 {
	overflow: hidden;
	margin: 0;
}
#head2 img {
	margin-top: -25px;
}
.header_midbg {
	padding: 0 15px;
}
#head3 {
	margin: 0;
}
}
 @media only screen and (min-width: 768px) and (max-width: 1010px) {
.inner #logo {
	float: left;
}
.inner .left_con {
	width: 73%;
}
.inner .left_con.sewage {
	width: 64%!important;
}
}
 @media only screen and (max-width: 767px) {
#topnav #pull {
	display: block;
}
.home-page-row .col {
	width: 100%;
	margin-bottom: 20px;
}
#topnav #pull {
	display: block;
	width: 30px;
	position: absolute;
	right: 25px;
	top: 10px;
}
#topnav #pull span {
	display: block;
	height: 4px;
	background: #68ACDD;
	margin: 4px 0;
}
#topnav ul li {
	display: block;
}
#topnav ul li a {
	display: inline-block;
}
#topnav .topnav {
	display: none;
	position: absolute;
	top: 40px;
	background: #ECE8DF;
	right: 15px;
	z-index: 99;
	width: 280px;
	text-align: left;
	padding: 10px 0 5px;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,0.3);
}
#header {
	padding-bottom: 0;
}
#head3 {
	float: none;
	margin: 0 auto;
}
.heading {
	font-size: 16px;
}
#head2 {
	width: 100%;
	text-align: center;
	height: 80px;
}
.epa-logo {
	margin-top: 10px !important;
}
.border {
	margin-bottom: 20px;
}
.footer_midbg {
	font-size: 15px;
}
.footer_text a {
	font-size: 14px;
}
.inner .left_con {
	width: 100%;
}
.inner .left_con.sewage {
	width: 100%!important;
}
.inn_img {
	width: 100% !important;
	text-align: center;
}
.inner .right-text {
	width: 100%;
	float: left;
}
.logo_img { display: inline-block;}
}
 @media only screen and (max-width: 480px) {
#head2 {
	height: 73px;
}
}
 @media only screen and (max-width: 400px) {
#logo {
	margin: 0;
	width: 235px;
	height: 43px;
	background-size: 100%;
}
.header_midbg {
	padding: 0;
}
#head2 {
	padding: 0 7px;
	overflow: visible;
}
#head2 img {
	margin-top: 0;
}
}
 @media screen and (min-width: 239px) and (max-width: 560px) {
#slider-wrapper {
	width: 99%;
}
#slider-wrapper {
	width: 100%
}
#slider {
	width: 100%;
}
.bx1, .bx2, .bx3 {
	width: 30%;
}
td.bx1, td.bx2, td.bx3 {
	float: left;
}
td.sp22 {
	float: left;
	width: 100%;
}
.row4th_inn {
	width: 88%;
}
#nevigation {
	width: 100%;
	margin: 0 auto;
}
.nav2 {
	width: 100%;
	margin: 0 auto;
}
.nav2 li {
	display: none;
	float: none;
	width: 100%;
}
#topnav ul {
	display: none;
}
/************************/
.inner .row1a {
	margin-top: -10px;
}
.inner .con_leftbg, .inner .con_rightbg {
	background: none;
	display: none !important;
}
.inner .innr-water {
	width: 100%;
}
.inner .heading2 {
	float: left;
	font-size: 14px;
	width: 79%;
}
.inner .a_water {
	padding: 15px 6px;
}
.inner .heading1 {
	text-align: center;
	margin-bottom: 10px;
}
.inner .heading3, .inner .heading3 a {
	text-align: center;
	font-size: 20px;
}
.inner .water_con {
	clear: both;
}
.inner .logo_img > img {
	padding: 0;
}
.phone, .email, .inner .mailing, .inner .txt {
	float: left;
	text-align: center;
	width: 100%;
}
.about_text2 {
	text-align: center;
}
.inner .comman_text {
	height: auto;
}
}
@media screen and (min-width: 561px) and (max-width: 769px) {
.bx1, .bx2 {
	width: 32%;
}
.footer_text {
	padding: 5px;
}
.footer_text2 {
	padding: 1px;
}
#slider-wrapper {
	width: 100% !important;
}
#slider {
	width: 100% !important;
}
.bx3 {
	width: 35% !important;
}
.loop_bg_top {
	font-size: 15px;
}
/******************* inner **************************/
.inner .water_con {
	clear: both;
}
.inner .con_rightbg {
	position: absolute;
	right: 3px;
	top: 157px;
}
.inner .heading2 {
	width: 88%;
	font-size: 18px;
}
.inner .a_water {
	padding: 20px 27px;
}
.inner .heading1 {
	font-size: 18px;
}
.inner .heading3, .inner .heading3 a {
	font-size: 22px;
}
.inner .logo_img > img {
	padding: 0 9px;
}
}
@media screen and (min-width: 770px) and (max-width: 999px) {
#nevigation {
	width: 100%;
	margin: 0 auto;
}
.nav2 {
	width: 100%;
	margin: 0 auto;
}
#slider-wrapper {
	width: 100% !important;
}
#slider {
	width: 100% !important;
}
.bx1, .bx2, .bx3 {
	width: 32%;
}
.row4th_inn {
	width: 100%;
}
/***************** inner *********************/
.inner .con_rightbg {
	position: absolute;
	right: 0;
	top: 158px;
}
.inner .heading2 {
	width: 92%;
}
.heading3, .heading3 a {
	font-size: 25px;
}
.inner .a_water {
	padding: 20px 27px;
}
}