@charset "utf-8";
/* CSS Document */





#header, #topbar, #intro, #services, #breadcrumb, #container, #footer, #copyright,.container{max-width:90%;}
#services, iframe,#content{max-width:100%;}
img {max-width:100%;height: auto;}

.img-left {float:left; width:48%; max-width: 100%;}
.img-right {float:right; width:48%; max-width: 100%;}



#topnav {max-width:100%;}

#hamburger {max-width: 20px;z-index: 999; display:none; cursor:pointer !important;margin-left: 5%;margin-top:-55px;}

#slider {background:#fff;max-width:300px;height: 100%;position:fixed;top:0;bottom:0;z-index: 99;border-right:1px solid #eee;
overflow-y: scroll;-webkit-overflow-scrolling:touch; display: none;}

a.cart {background:#ff9900;color:#fff; text-align: center;margin-top:20px; display:inline-block; padding: 12px 30px;font-family: verdana, Arial, Helvetica, sans-serif;font-size: 18px;font-weight: bold;margin-left:25px;}
a.cart:hover {background:#000;}

table.test img{max-width:inherit !important;}
table.product-table p,table.product-table strong { background-color:#E8E8E8; display: block;padding:10px 5px;}
table.product-table tbody td {padding:0;}
table.product-table tbody td h1 {font-size:17px;border-bottom:0; margin-bottom:0; font-weight: bold;padding-top:10px; display:bold;font-family: Arial Black, Gadget, sans-serif;}
table.product-table tbody td img {max-height:105px; width:auto;}
table.product-table p {min-height:150px;text-align: left;}

#services.extra-padding li {width: 30.1% !important; height: 200px !important;}
#services.extra-padding li .fl_left {width:35% !important;}
#services.extra-padding li .fl_right {width:60% !important;}



#nav-icon1 {width: 35px;height:25px;position: relative;margin: 0px auto 20px;}

#nav-icon1 span {
  display:block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #000;
  border-radius: 20px;}

#hamburger:hover span {background:#ff9900 !important;}
#nav-icon1 span:nth-child(1) {top: 0px;}
#nav-icon1 span:nth-child(2) {margin-top: 10px;}
#nav-icon1 span:nth-child(3) {margin-top: 20px;}



[class*='close-'] {
  color: #fff; position: absolute;
  text-decoration: none;top:15px;right:15px;
  background:#ff9900 !important;width:30px;
  border-radius:30px;font-size: 16px; text-align: center; padding-top:5px; padding-bottom:5px;
  
}

.close-classic:after {
  content: 'X'; /* ANSI X letter */
}

.overlay{
  position: fixed;
  display: none;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0,0,0,0.3);
  z-index: 99;
}



@media (max-width:1020px){

	body #content {width:55%;margin-right:5%;}
	body #column {width:40%;float: left;}
	
	#services.extra-padding li {width: 30% !important;height:240px !important;}
	
}



@media (max-width:992px){
	body #header #logo {float:none;margin:5px auto 0;width: 100%;border-bottom:1px solid #eee;padding-bottom:15px;}
	body #header #logo img {margin:0 auto;}
	#newsletter {margin-top:18px;}
	.wrapper.col2 {display:none;}
	#hamburger {display:block;}
	#topnav {width:auto !important; padding-top:60px !important; background-color:#fff !important;}
	#topnav li {width:100%;}
	body #topnav li a:link, body #topnav li a:visited, body #topnav li a:hover {color:#000 !important;background-color:#fff !important; padding:11px 14px !important;font-size: 12px;}
	#close {float:right;cursor: pointer;}
	#slider {display:block;}
	
	body table {display:block;}
	body table img {padding:0 !important;}
	table.product-table td {width:100% !important;display: block;height:auto !important;padding:0;}
	table.product-table p {min-height:auto;}
	
	#services.extra-padding li {width: 29% !important;height:250px !important;}
	
}

@media (max-width:760px){
	body #content {width:100%;}
	body #column {width:100%;}
	body #container .fl_right {float:none;width:100%;margin-bottom:35px;}
		#container img {float:none; margin: 0 auto;padding:0 !important;}
	#container table {padding:0 !important;}
	
	#services.extra-padding img {padding-right:10px !important;}
	
	#container img.img-left {float:left;}
	
		body #services li, body li.last {margin:0 auto 30px auto !important;float:none;}
	#services.extra-padding li {width: 46% !important; float:left !important;margin-bottom:0 !important; height:200px !important;}
	body #container #services.extra-padding .fl_right {float:right;}
}


@media (max-width:620px){
	body td{width:100% !important;display: block;height:auto !important;padding:0 !important;}
	body td img {margin:0 auto;}
	body td br {display:none;}
	table img {float:none;margin:0 auto 20px !important; display: block;}
	body div.wrapper h1 {font-size:17px;line-height: 21px;}
	#container h2 {line-height:25px;}
	p img {float:none;margin:15px auto;text-align:center;}
	#content img {margin:0 auto;}
	.test {margin:0 auto;width:95%;padding:0 !important;}
	
	table h2, table p {max-width:95%; margin:0 auto 10px !important;}
	
	#services.extra-padding li {width:95% !important;margin:0 auto 10px auto !important;float:left !important; height: auto !important;}
	#services.extra-padding li .fl_right {width:75% !important;}
	#services.extra-padding li .fl_left {width:20% !important;}
	.img-left {float:none; width:100%;}
.img-right {float:none; width:100%;}
	.wrapper.col4.home {max-width:90%; margin:0 auto;}

}

@media (max-width:370px){
	body {overflow-x: hidden;}
}