@media only screen and (max-width:480px) {
/*
1.) Home Page Content
-----------------------------------------------*/
body {
background:url(../images/ipod-body.png) center top repeat;
}
 footer {
position:static;
}
.left-shadow, .right-shadow {
background-image:none;
width:auto;
height:auto;
display:block;
position:relative
}
.content {
padding: 0 2% 25px;
 margin-bottom:0
}
.home-info {
width:100%;
float:none;
}


.home-info > a {
text-align:center
}
.social-icon span {
padding-right:3%
}
.info-text nav {
padding-left:2%;
background-size: 100% 100%;
}
.nav-left {
width:80%;
}
.nav-light {
width:20%;
}
.time strong {
margin-left:0;
background:url(../images/ipod-bg.png) left 4px no-repeat;
padding-left:27%;
display:block;
overflow:hidden
}
.time small {
padding:0;
display:block;
text-align:center;
}

.new-hours {
	font-size: 1.6em;
	letter-spacing: 3px;
}
	
.hide {
display:none;
}
.ipod-time {
display:block
}
.elixer-left, .social-icon {
background-size: 100% 100%;
}
.time {
max-width:none;
background-size:100% auto;
}
.menus a {
width: 83%;
text-align:center
}
.menus, .about-block, .contact, .blog, .photo-stream, .photo-two, .community, .botanical-1, .media, .botanical-2, .photo-three, .photo-temporary, .patio-btn {
margin-left:0;
width:100%;
text-align:center;
margin-top:28px;
}
.menus {
	background:url(../images/menus.png) center top no-repeat;
	padding-left:0;
	margin: 0 auto;
	float:none;
	width:260px;
	height: 386px;
	padding: 87px 0 0 0;
}
 .home-info {
margin-bottom:45px;
}
 .home-info {
margin-bottom:45px;
}
.photo-one {
margin-top:28px;
}
.light-box {
left:4%;
width:92%;
}
.lightbox-top {
padding-top:14%;
}
.lightbox-top, .lightbox-bottom, .lightbox-mid {
background-size:100% auto;
}
.inindividual {
width:100%;
}
.lightbox-panel-10, .lightbox-panel-8, .lightbox-panel-9 {
position:absolute !important;
}
.light-box {
top:0;
}
/*
2.) About-us lightbox start here
-----------------------------------------------*/
.para-text p {
 column-count:1;
 -moz-column-count:1;
 -webkit-column-count:1;
 column-gap:0;
 -moz-column-gap:0;
 -webkit-column-gap:0;
}
/*
3.) MENUS lightbox start here
-----------------------------------------------*/
.cocktail-left {
width:100%
}
/*
4.) PHOTO STREAM lightbox start here
-----------------------------------------------*/
.slider {
margin: 50px auto 0;
}
.slider ul li ul li {
width:100%;
text-align:center;
float:none
}
.flex-viewport {
max-height:none;
}
.press-media span {
padding: 25px 4%;
}
.flexslider .slides > li, .flexslider-1 .slides > li {
display:block;
}
.photo-stream-content .slider ul li {
float:none !important;
}
.flex-control-nav {
display:none;
}
.flexslider-1 .slides > li, .flexslider .slides > li {
display:block !important;
}
.flexslider-2 .flex-control-nav {
 display:block;
 bottom:-50px;
}
.about-us-content .slider {
 margin-bottom:80px;
}
.instagram li {
width:100% !important;
}
.flexslider-1 .flex-viewport .slides, .flexslider .flex-viewport .slides {
 transform:none !important;
 -ms-transform:none !important;
 -webkit-transform:none !important;
 transition-duration:0 !important;
 -moz-transition-duration: 0 !important;
 -webkit-transition-duration: 0 !important;
 -o-transition-duration: 0 !important;
 width:100% !important;
}
/*
6.) COMMUNITY lightbox start here
-----------------------------------------------*/
.community-list {
width:100%;
padding:0;
float:none;
margin-top:27px;
}
.community-list:first-child {
margin-top:7px;
}
.top-close {
display:block;
top: -72px;
width:100%;
position:absolute;
}
.close-btn {
display:none
}
h2 {
font-size:2.4em;
}
.community-content .heading h2 {
letter-spacing: 8px;
padding-left:3%
}
.community-content .heading, .photo-stream-content .heading, .heading {
background-size:90% 100%;
}
.photo-stream-content .heading h2 {
padding-left:4%;
letter-spacing:5px;
}
.lightbox-panel-6 {
position:absolute !important;
top:30px !important;
}
/*
7.) CONTACT lightbox start here
-----------------------------------------------*/
.contact-content {
padding-top:23px;
}
.contact-right, .contact-left {
width:96%
}
.street-address, .contact-right .social-icon span {
font-size:1.7em;
}
.contact-right address .tel {
font-size:2.1em;
background:url(../images/time-rep.png) left bottom repeat-x;
padding-bottom:5px
}
.contact-right .time {
width:auto;
font-size:1.5em;
background:none;
padding-top:2px;
}
.contact-right .social-icon {
width:100%;
background-size: 100% 100%;
}
.contact-left {
padding:25px 2% 0
}
.contact-left p {
padding: 0 9% 10px;
}
.contact-form {
margin-top:25px;
padding-left: 1%;
}
.contact-form label, .file {
font-size:.8em;
}
.file {
top:8px;
}
.pic-upload span div {
background:url(../images/choose-file1.png) left top no-repeat !important;
height:10px !important;
margin-top:6px;
}
.pic-upload span div:hover {
background-position:0 -10px !important;
}
.submit-btn {
width:45%;
}
/*
8.) Footer
-----------------------------------------------*/
.footer-inner span {
padding-right:0;
width:100%;
text-align:center
}
/*
8.) Blog content start here
-----------------------------------------------*/
.blog-ipod {
display:block;
}
.blog-content-right {
width:100%
}
.blog-title span {
font-size:2.2em;
padding-bottom:5px;
}
.blog-title h2 {
font-size:2.4em;
}
.blog-content .home-info {
display:none;
}
.blog-ipod {
overflow:hidden;
height: auto;
padding: 16px 2% 20px;
width:96%;
position:fixed;
top:0;
z-index:9999;
background:url(../images/sticky-header.jpg) left top no-repeat;
background-size:100% 100%;
}
.blog-ipod .visit-site, .blog-ipod .logo {
float:left;
width:48%;
}
.blog-ipod .logo img, .blog-ipod .logo {
float:right;
}
.blog-ipod .visit-site {
margin-top:7px;
opacity: 0.5;
filter: alpha(opacity=50);
}
.blog-ipod .visit-site:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.blog-content-right {
margin-top:25px;
}
.ipod-blog-heading {
display:block;
}
.ipod-header {
display:none;
}
 #report {
top:3px;
}
}
@media only screen and (min-width:481px) and (max-width:767px) {
 body {
background:url(../images/ipod-body.png) center top repeat;
}
 footer {
position:static;
}
.content {
padding-bottom:25px;
margin-bottom:0
}
.left-shadow, .right-shadow {
background-image:none;
width:auto;
height:auto;
display:block;
position:relative
}
.left-shadow, .right-shadow {
background-image:none
}
.content {
padding: 0 2% 25px;
}
.home-info {
width:48%;
float:left;
}
.home-info > a {
text-align:center
}
.info-text nav {
padding-left:0%;
background-size: 100% 100%;
}
.info-text nav ul li a {
font-size: 1.5em;
word-spacing: 2px;
letter-spacing: 1px;
}
.nav-left {
width:80%;
text-align:center
}
.nav-light {
width:20%;
font-size:1.5em;
}
.time strong {
margin-left:0;
background:url(../images/ipod-bg.png) left 4px no-repeat;
padding-left:27%;
display:block
}
.time small {
padding:0;
display:block
}
.hide {
display:none;
}
.ipod-time {
display:block
}
.elixer-left {
padding-left:0
}
.elixer-left, .social-icon {
background-size: 100% 100%;
}
.elixer-left span {
font-size: 1.6em;
padding: 7px 0 8px;
}
.elixer-left span small {
margin-top:-1px;
padding-right:2%;
}
.tel {
font-size: 1.2em;
letter-spacing:0;
padding-top:5px;
}
.hours {
padding-left:0;
}
.hours small {
max-width:159px;
}
.time {
max-width:none;
background-size:100% auto;
font-size: 1.3em;
}
.time strong {
overflow:hidden
}
.time small {
text-align: center;
}
.home-info p {
	font-size:1.5em;
	text-align: center;
}
.social-icon {
width:100%;
text-align:center;
}
.social-icon ul {
padding-left:0;
width:100%;
text-align:center;
padding-top: 21px;
}
.social-icon ul li {
display:inline-block;
float:none;
margin-bottom:4px;
}
.social-icon ul li:first-child {
margin-left:0
}
.social-icon span {
padding-right:0;
display:block;
float:none;
padding-bottom:12px;
}
.menus a {
width: 83%;
text-align:center
}
.menus {
margin-left:0;
text-align:center;
margin-top:28px;
float:right
}
.menus {
background:url(../images/menus.png) center top no-repeat;
padding-left:0;
width: 48%;
background-size:100% 100%;
}
.photo-one {
margin-top:28px;
}
.light-box {
left:4%;
width:92%;
}
.lightbox-top {
padding-top:40px;
}
.lightbox-top, .lightbox-bottom, .lightbox-mid {
background-size:100% auto;
}
.about-block {
margin-left:0;
width:100%;
overflow:hidden;
margin-top:45px;
clear:both
}
.about-block a.about-us, .about-block a.photo-one {
float:left;
width:48%;
}
.about-block a.photo-one {
float:right;
margin-top:7px;
}
.about-block a.photo-one img {
float:right
}
.row-2 {
margin-top:45px;
}
.contact {
width: 26%;
margin-left:0;
margin-top:0;
text-align:left
}
.blog {
width: 26%;
}
.blog img {
float:right;
}
.photo-stream {
width:46%;
margin-top: 11px;
}
.photo-two, .community, .botanical-1, .photo-temporary {
margin-top:0;
width:32%;
}
.community {
margin-top:5px;
}
.botanical-1 {
margin-left:0
}
.close-btn {
right:0;
top:-40px;
}
.media {
width: 33%;
margin:0;
height:auto
}
.botanical-2 {
width:24%;
margin-top:0
}
.photo-three {
width:33%;
margin-left:0
}

.patio-btn{ 
width: 22%; 
margin: 0;
}

.lightbox-top {
 padding-top: 14%;
}
 .contact-form {
background-size:100% 100%
}
.flex-control-nav {
display:block
}
.slider .flexslider-1 ul li ul li {
width:33.33%;
float:left
}
.flexslider-1 .slides > li {
display:block !important;
}
.flexslider .slides > li {
display:block !important;
}


/*
7.) CONTACT lightbox start here
-----------------------------------------------*/
.contact-content {
padding-top:23px;
}
.contact-right, .contact-left {
width:96%
}
.street-address, .contact-right .social-icon span {
font-size:1.7em;
}
.contact-right address .tel {
font-size:2.1em;
background:url(../images/time-rep.png) left bottom repeat-x;
padding-bottom: 20px;
}
.contact-right .time {
width:auto;
font-size:1.5em;
background:none;
padding-top:2px;
padding-bottom: 16px;
}
.contact-right .social-icon {
width:100%;
background-size: 100% 100%;
}
.contact-left {
padding:25px 2% 0
}
.contact-left p {
padding: 0 9% 10px;
}
.contact-form {
margin-top:25px;
padding-left: 1%;
}
.contact-form label, .file {
font-size:.8em;
}
.pic-upload span div {
background:url(../images/choose-file1.png) left top no-repeat !important;
height:10px !important;
margin-top:6px;
}
.pic-upload span div:hover {
background-position:0 -10px !important;
}
.submit-btn {
width:45%;
}
/*
4.) PHOTO STREAM lightbox start here
-----------------------------------------------*/
.slider {
margin: 50px auto 45px;
}
.slider ul {
text-align:center
}
.slider ul li ul li {
width:185px;
display:inline-block;
float:none
}
.flex-viewport {
max-height:2280px;
}
.press-media span {
padding: 25px 4%;
}
/*
6.) COMMUNITY lightbox start here
-----------------------------------------------*/
.community-list {
width:100%;
padding:0;
float:none;
margin-top:27px;
}
.inindividual {
width:100%;
}
.lightbox-panel-10, .lightbox-panel-8, .lightbox-panel-9, .lightbox-panel-6 {
position:absolute !important;
top: 30px !important;
}
 
/*
8.) Blog content start here
-----------------------------------------------*/
.blog-ipod {
display:block;
}
.blog-content-right {
width:100%
}
.blog-title span {
font-size:2.2em;
padding-bottom:5px;
}
.blog-title h2 {
font-size:2.4em;
}
.blog-content .home-info {
display:none;
}
 .blog-ipod .visit-site, .blog-ipod .logo {
float:left;
width:48%;
}
.blog-ipod .logo img, .blog-ipod .logo {
float:right;
}
.blog-ipod .visit-site {
margin-top:7px;
opacity: 0.5;
filter: alpha(opacity=50);
}
.blog-ipod .visit-site:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.blog-content-right {
margin-top:25px;
}
 /*.ipod-header {
display:none;
}*/
 .ipod-blog-heading {
display:block;
}
 .blog-ipod {
overflow:hidden;
height: auto;
 padding: 28px 2% 36px;
width:96%;
position:fixed;
top:0;
z-index:9999;
background:url(../images/sticky-header2.jpg) left top no-repeat;
background-size:100% 100%;
}
 .blog-content {
padding-top: 32% !important;
}
}
@media only screen and (min-width:321px) and (max-width:479px) {
 .info-text nav {
 background-size:100% 100%;
 padding-left:0
}
.nav-left {
 width:79%;
 text-align:center;
}
.info-text nav ul li a {
 word-spacing: 2px;
 letter-spacing:1px;
 font-size: 1.5em;
 padding: 12px 0 8px;
 word-spacing:0
}
.nav-light {
 font-size:1.8em;
 width:21%;
 padding: 12px 0 0;
}
.elixer-left {
 padding-left: 1%;
 background:url(../images/ipod-navigation-line2.png) center top no-repeat;
 background-size:100% 100%;
}
.elixer-left span {
 width:31%;
 font-size:1.3em;
 padding-top:13px;
}
.elixer-left span small {
 padding-right:5%;
 margin:0
}
.tel {
 width:69%;
 font-size:2.1em;
 letter-spacing:2px
}
.hours small {
 max-width:218px;
}
.hide {
 display:none;
}
.ipod-time {
 display:block
}
.time strong {
 margin-left:0;
 background:url(../images/ipod-bg.png) left 4px no-repeat;
 padding-left:27%;
 display:block
}
.time small {
 padding:0;
 display:block;
 letter-spacing: 1px;
}
.home-info p {
 font-size: 1.8em;
 /* text-align:justify; */
}
.elixer-left small {
 float:none;
 padding:0;
 margin:0;
}
.hours {
 margin-left:0;
 font-size:1.1em
}
.ipod-social-icon {
 background-size:100% 100%
}
.ipod-social-icon span {
 font-size:1.5em;
 letter-spacing:1px;
 padding-left:1%
}
.ipod-social-icon ul li {
 background-image:url(../images/ipod-social-sprite.png);
 margin-bottom: 7px;
}
.ipod-social-icon ul {
 padding-left:0
}
.ipod-social-icon ul li a {
 height:33px;
 width:41px;
}
.ipod-social-icon ul li.tw {
 background-position: -46px 0;
}
.ipod-social-icon ul li.vimeo {
 background-position: -93px 0;
}
.ipod-social-icon span {
 padding: 20px 3% 0 0;
}
.ipod-social-icon ul li.fb:hover {
 background-position:0 -33px;
}
.ipod-social-icon ul li.tw:hover {
 background-position:-46px -33px;
}
.ipod-social-icon ul li.vimeo:hover {
 background-position:-93px -33px;
}
.lightbox-panel-15,  .lightbox-panel-10, .lightbox-panel-8, .lightbox-panel-9 {
 position:fixed !important;
}
 .blog-content {
padding-top: 27%
}
	
}
@media only screen and (min-width:568px) and (max-width:767px) {
 .blog-content {
padding-top: 30% !important;
}
}

.delivery-phone{ font-family: 'special_eliteregular'; display:inline-block; color: #a14c3d!important; font-size: 2.8em; line-height: 1.2; letter-spacing: 2px; margin-top: 0px; margin-bottom: 15px; }