@media only screen and (max-width: 980px){
html { -webkit-text-size-adjust: none; }
body{ font-size: 14px; }

p { line-height: 20px; }

#header{ height: auto; float: left; position: relative; bottom: inherit; left: inherit; }
.touch #header{ background: #dbc18b; }
#nav_btn{ 
width: 50px; 
height: 50px; 
float:right;
display: block;
color: #fff;
margin: 44px 20px 0 0;
border: 1px solid #ad9669;
background: url(images/nav_btn.png) no-repeat center;
cursor: pointer; 
text-indent: -9000px; 
}
#header .toggle{ display: none; }
#header #nav{ width: 100%; float: left; margin: 0; }
#header #nav ul.main_nav{ display: block; float: none; margin: 0; border-top: 1px solid #ad9669; }
#header #nav ul.main_nav li{ display: block; float: none; margin: 0; border-bottom: 1px solid #ad9669; }
#header #nav ul.main_nav li a{ padding: 12px 20px; }

#header #nav ul#social{ display: block; float: none; padding: 16px; overflow: hidden; }
#header #nav ul#social li{ margin: 2px; }

#content{ height: auto; min-height: inherit; padding: 0; }

.slideshow{ width:100%; height: auto; float: left; }
.slideshow .wrapper{ display: block; position: relative; top: inherit; right: inherit; left: inherit; bottom: inherit; margin: 0 !important;  }
.slideshow .wrapper .loader{ display: none; }
.rslides{ width: 100% !important; height: auto !important; }
.rslides li{ width: 100% !important; height: auto !important; }
#slides img { width: 100% !important; height: auto !important; margin: 0 !important; }

#instagram_feed{ margin: 0; }

#footer{ height: auto; float: left; position: relative; bottom: inherit; left: inherit; }
.touch #footer{ background: #000; }
#footer .section{ width: 100%; height: auto; max-height: none; border-right: 0; border-bottom: 1px solid #2b2b2b; }
#footer .section .box{ max-height: none; min-height: inherit; }
#footer .meta{ float: none; clear: both; display: block; padding: 20px; margin: 0; overflow: hidden; }
#footer .meta h4.menin{ float: left; }
#footer .meta span{ float: left; }
}

@media only screen and (max-width: 780px){
body{ background-image: none !important; }
#content{ background: #fff; }
}

@media only screen and (max-width: 680px){
html, body{ -ms-word-break: break-all; word-break: break-all; word-break: break-word; }

#header h1#logo{ margin: 35px 20px; }

#content{ max-width: none; }
#content .section{ padding: 40px 20px 15px; }
#content .section .header.title, #content .section.entry .header{ margin: 0 0 10px; }
#error404 .header, #error404 .content{ text-align: left; }
#press .content ul{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }

.section .header .nav{ clear: both; padding-top: 8px; }
.section .header .nav .acc{ width: 100%; }
.section .header .nav .acc a.btn{ float: left; clear: both; padding: 0; margin: 0 0 4px; }
.section .header .nav .acc .dropdown{ clear: both; max-width: 300px !important; padding: 0 0 8px; }
.section .header .nav .acc ul li{ padding: 0 0 4px; }
.section .header .nav .acc .tags .tag_cloud{ padding: 0 0 4px; }

.post.preview .header h1{ font-size: 22px; line-height: 26px; margin: 0 0 5px; }

#instagram_feed a{ width: 33.3333%; }

.controls span{ width: 30px; height: 30px; font-size: 16px; line-height: 30px; }
.controls .close_modal{ margin-left: -15px; }
.controls .next_btn, .controls .prev_btn{ font-size: 19px; line-height: 25px; margin-top: -15px; }
.controls span a{ width: 30px; height: 30px; }
}

@media only screen and (max-width: 620px){
ul#team li{ width: 50%; }
}

@media only screen and (max-width: 580px){
.content-block .gallery .gallery_item{ width: 25%; }
}

@media only screen and (max-width: 480px){
#content .section .header.title h2{ font-size: 30px; line-height: 33px; }
#content .section.entry .header h1{ font-size: 30px; line-height: 33px; }

.post.preview .thumb{ width: 100%; margin: 0 0 12px; }
.post.preview .header{ width: 100%; float: left; padding-top: 0; }
.post.single .header h1{ font-size: 30px; line-height: 34px; }

.event.single .header ul li span{ min-width: inherit; display: block; font-size: 12px; }

#the_menu .acc .acc_content ul li{ font-size: 13px; line-height: 17px; padding: 10px 6px }
#the_menu .info{ width: 78%; }
#the_menu .info span.local{ font-size: 11px; }
#the_menu .price{ width: 20%; }

.content-block .alignleft { display: block; float: none; margin: 0 auto 20px; }
.content-block .alignright { display: block; float: none; margin: 0 auto 20px; }
.content-block .gallery .gallery_item{ width: 33.3333%; }
}

@media only screen and (max-width: 440px){
.bio.single .thumb{ width: 100%; float: left; margin: 0 0 20px; }
ul#team li{ width: 100%; padding-right: 0; }
}

@media only screen and (max-width: 380px){
#press .content ul{ -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
}

@media only screen and (max-width: 340px){
#header{ text-align: center; }
#header h1#logo{ float: none; display: block; margin: 20px auto; }
#nav_btn{ width: 100%; float: left; margin: 0; background-color: transparent; border: 0; border-top: 1px solid #ad9669; }
#header #nav ul#social{ margin-left: -2px; }
#header #nav ul#social li{ display: inline-block; float: none; margin: 2px 0; }

#instagram_feed a{ width: 50%; }
.content-block .gallery .gallery_item{ width: 50%; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
.loader{
background: url(images/loader-2x.gif) no-repeat center #222;
-webkit-background-size: 16px 16px; 
-moz-background-size: 16px 16px;
-o-background-size: 16px 16px;  
background-size: 16px 16px;
}

#header h1#logo{ 
background: url(images/logo-2x.png) no-repeat center;
-webkit-background-size: 206px 70px; 
-moz-background-size: 206px 70px; 
-o-background-size: 206px 70px; 
background-size: 206px 70px; 
}

#nav_btn{ 
background: url(images/nav_btn-2x.png) no-repeat center; 
-webkit-background-size: 15px 15px !important; 
-moz-background-size: 15px 15px !important;  
-o-background-size: 15px 15px !important; 
background-size: 15px 15px !important;  
}

#header #nav ul#social li a{ 
-webkit-background-size: 30px 30px; 
-moz-background-size: 30px 30px; 
-o-background-size: 30px 30px; 
background-size: 30px 30px;
}
#header #nav ul#social li.rss a{ background-image: url(images/rss-2x.png); }
#header #nav ul#social li.spotify a{ background-image: url(images/spotify-2x.png); }
#header #nav ul#social li.yelp a{ background-image: url(images/yelp-2x.png); }
#header #nav ul#social li.facebook a{ background-image: url(images/facebook-2x.png); }
#header #nav ul#social li.twitter a{ background-image: url(images/twitter-2x.png); }
#header #nav ul#social li.instagram a{ background-image: url(images/instagram-2x.png); }
#header #nav ul#social li.foursquare a{ background-image: url(images/foursquare-2x.png); }

#footer .meta h4.menin{ 
background: url(images/menin-2x.png) no-repeat center;
-webkit-background-size: 122px 16px; 
-moz-background-size: 122px 16px; 
-o-background-size: 122px 16px; 
background-size: 122px 16px;
}
}