@media screen and (max-width: 1023px) {
    #wrap { padding: 0 4%; width: 92%; }
    #promo { display: none; }    
	#branding #mainnav { text-align: center; width: 100%; max-width: 100%; background-color: #444; }
	#branding #mainnav ul li { float: none; }
	#branding #mainnav ul li a { border: 1px solid #494949; padding: 20px; font-size: 15px; }
	#branding #mainnav ul ul { background-color: #494949; box-shadow: none; border: 0; float: none; position: static; }
	#branding #mainnav ul ul a { width: 100%; padding: 20px 0;  }
	h3.menu-toggle { display: block; }
    #content, .single #content, .page #content { padding: 0; width: 100%; }	
    #content h1, #content h1.archive-title, #content h1.entry-title { text-align: center; margin-bottom: 1em; }
	#content .gallery-item { margin-right: 1%; }
	#content #nav-below .nav-previous a { float: left; width: 40%; margin: 0 0 10px; }
	#content #nav-below .nav-next a { float: right; width: 40%; text-align: right; }
	#content .single-entry-content .wp-caption { margin: 10px 0% 0 0; }
	#mainnav a { color: #baaa9e; }
	#mainnav li.current-menu-item a, #mainnav li.current-post-ancestor a { color: #d56e00; }
    .widget-area { display: none; }  
    #menu-footer-menu { display: none; }
    #page { overflow-x: hidden; width: 100%; }
    .sub-menu { display: none !important; padding: 0 !important; }
    .home #main { padding-top: 40px; }
    .copyright {  }
    .copyright, .footer-fb { margin: 1em 0 2em; width: 100%; text-align: center; display: block; }
    .fb-link { margin-left: 0; }
}

@media screen and (min-width: 961px) and (max-width: 1023px) { 
    .logo { float: left; left: 0; }
    #site-title { float: left; }
}

@media screen and (min-width: 730px) and (max-width: 960px) { 
    .logo { float: left; left: 0; }
	.home #main { padding: 30px 0 10px 0; }
    #site-title { height: 124px; float: left; }
	#branding #mainnav { margin: 0; }
	#responsive-nav { display: none; }
	#page { width: 100%; }	
	#secondary { margin: 0 0 0 5%; padding: 0; border-top: 0; width: 29%; }
	#secondary .widget { padding: 0; margin-bottom: 10px; }
	#works { padding: 30px 0 15px 0; }
}

@media screen and (min-width: 543px) and (max-width: 1023px) {
    #branding #mainnav { margin: 6px 0 0; }
}

@media screen and (min-width: 543px) and (max-width: 729px) {
    .logo { float: left; left: 0; }
	#page {	width: 99%; }
	#responsive-nav { display: none; }
	#content { width: 100%; border-bottom: 1px solid #f4ecd3; margin-bottom: 25px; }
	#content .page { border-bottom: 0; padding: 0; }
	#secondary { width: 100%; margin-left: 0; }
	#secondary aside:last-child { border-bottom: 0; margin-bottom: 5%; }
	#secondary aside.widget { margin-bottom: 0 0 25px 0; }
	#works { padding: 3% 0; }
	.menu-footer-menu-container { display: none; }
}

@media screen and (max-width: 542px) {
    .logo { position: static; }
	#branding #mainnav { margin: 0; width: 100%; text-align: center; border: 0; }
	#responsive-nav { display: none; }
	h3.menu-toggle { border: 0; color: #fff; width: 100%; float: left; margin: 0; padding: 1em 0; border-radius: 0; }
	hgroup#site-title a { background-color: #fff; width: 100%; }
    hgroup#site-title img { max-width: 396px; width: 90%; height: auto; margin: 0 auto; }
	#content { width: 100%; margin-bottom: 25px; }
	#content .page { border-bottom: 0; font-size: 13px; padding: 0; }
    #content iframe { height: 200px; } 
	#secondary { width: 100%; margin-left: 0; }
	#secondary aside:last-child { border-bottom: 0; }
	#works { padding: 3% 0 1% 0; }	
	.works-box { width: 26.12%; margin-bottom: 6%; margin-right: 10.7%; }
	.third { margin-right: 0; }
	.menu-footer-menu-container { display: none; }
}

@media screen and (max-width: 320px) {
	
}