
@media only screen and (max-width: 795px) {
	.footer .f-content .f-left,
	.footer .f-content .f-right {
		float: none;
		width: auto;
		}
				
	.footer .f-content .f-left,
	.footer .f-content .f-left .f-left-border {
		border: none;
		}
	
	.interior .int-left,
	.interior .int-right {
		display: block;
		float: none;
		margin: 0 10px 4% 10px;
		width: auto;
		}
}

@media only screen and (max-width: 640px) {
	.header a.logo {
		display: block;
		float: none;
		margin: 13px 10px 0 10px;
		text-align: center;
		}			
					
	.header .sub-nav {
		float: none;
		}
								
	.header .sub-nav ul.list {
		margin-bottom: 10px;	
		padding: 0;
		text-align: center;
		}

	.header .sub-nav ul.list li {
		display: inline-block;
		float: none;
		margin: 0 5px;
		}

	.header .sub-nav .textAlignRight {
		text-align: center;
		}

	.interior {
		margin-top: 10px;
		}

	.middle .left,
	.middle .mid,
	.middle .right {
		display: block;
		float: none;
		margin: 0 10px 20px 10px;
		width: auto;
		}
				
	.middle .module-content {
		min-height: 0;
		}
	
	.module-shadow-sm,
	.module-shadow-lg,
	.module-shadow-int-lg {
		display: none;
		}
							
	.nav > div.btn {
		display: block;
		}
					
	.nav > ul {
		background: #fff;
		display: none;
		margin: 0 10px;
		}

	.nav > ul > li {
		float: none;
		margin: 0;
		}
	
	.nav > ul > li a {
		border-top: 1px solid #eee;	
		font-size: 0.6em;	
		padding: 6px 20px;
		}

	.nav > ul > li:first-child a {
		border: none;
		}

	.nav > ul > li:hover > ul {
		display: none;
		}

	.slider {
		margin: 10px 10px 0 10px;
		}

	.slider .headline {
		display: none;
		}

}

@media only screen and (max-width: 480px) {
		
}

@media only screen and (min-width: 641px) {
	.nav > ul {
		display: block !important;
		}
}
			

/* Responsive Carousel CSS
---------------------------*/
@media only screen and (max-width: 700px) {  
  .slider .nav { top: 87%; }
  .slider .headline { bottom: 22%; }

  .slider .headline h1 { font-size: 1.714285714285714em; /* 24px / 14px */ }
  .slider .headline h2 { font-size: 1.28571428571429em;  /* 18px / 14px */ }
}

















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
