@media screen and (max-width: 960px) {
	.wrapper{max-width: 960px; width: auto; padding: 0 20px;}
}

@media screen and (max-width: 768px) {
	.wrapper > a{ display: block; width:100%; padding: 10px 0;}
	.logo_link{float: none; display: block; text-align: center; margin:0px;}

	ul.menu{margin:0px auto; float: none; display: table;padding: 10px 0 20px 0;}
	ul.menu li a{ padding: 15px;}
	.header{height: auto;}
	.cfdiv_text label{width:80px;}

	.moduletable{
		background-position: center;
		 -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
	}
}

@media screen and (max-width: 480px) {
	.logo_link img{width: 100%;}
	.main-navigation{padding-bottom: 20px;}
	ul.menu{display: block; padding-top: 0px; padding-bottom: 0px; display: none;}
	ul.menu li{float: none; display: block; width: 100%; margin: 0;}
	ul.menu li a{ padding: 10px; border-bottom: 1px solid #fff;}
	ul.menu li:last-child a{border-bottom: none;}

	.box-shadow-menu {
	  position: relative;	 
	  display: block;
	  width: 100%;
	  padding: 15px 0;
	  margin: 10px 0 5px 0;
	  background: url("../images/button-bg-active.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    	color: #000;
   	 
   	 font-family: "Open Sans Condensed",sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
	}
	.box-shadow-menu span{margin-left: 10px;}
	.box-shadow-menu:before {
	  content: "";
	  position: absolute;
	  right: 20px;
	  top: 20px;
	  width: 30px;
	  height: 3px;
	  background: black;
	  box-shadow: 
	    0 1em 0 0 black,
	    0 0.5em 0 0 black;

	}

	.box-shadow-menu.active {
	 background: url("../images/button-bg-current.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
   	 
	}

	.box-shadow-menu.active:before {	 
	  background: white;
	  box-shadow: 
	    0 1em 0 0 white,
	    0 0.5em 0 0 white;

	}

	.blog-featured .leading-0 img{ float: none !important; display: table; margin: 0 auto !important;}
	.blog-featured .leading-0 h2,.item-page h2{text-align: center;}
	.mceContentBody ul li, .content ul li{margin: 2px 0;}
	.mceContentBody ul, .content ul{padding: 10px;}
	.col65,.col35{width: 100%; float: none;}
	#chronoform_contact textarea{width: 95%;}
	#chronoform_contact input[type="text"]{width: auto;}
}