/**
 * Use this file to conditionally override styles for devices.
 * If you adjust the media queries in the theme settings you should
 * adjust them here so they match.
 */

/* Smartphone portrait */
@media only screen and (max-width:320px) {


#logo
{
	margin: 0;
}

#primary-menu-bar
{
	position: relative;
	top: 0;
	width: 100%;
	margin-top: 1em;
}

#primary-menu-bar ul.primary-menu
{
	max-width: 100%;
}

#primary-menu-bar li
{
display: inline;
float: left;
}

.nav li, .nav .menu li
{
	list-style-type: square;
}


.nav li a,
.nav .menu li a {
  display: inline;
  white-space: normal;
  padding: .5em .7em;
  color: #422108;
  text-decoration: none;
  	font-family: BrandonGrotesque-Regular;
	font-weight: normal;
	font-style: normal;
}

#site-slogan {
	
font-size: 1.2em;
padding-top: 2em;
margin-left: .5em;
display: none;
}

#addressline
{
	margin-left: .5em;
}


#block-block-2
{
	margin-top: 1em;
}

#block-block-2 form
{
	font-size: 1.2em;
	line-height: 2em;
}

#block-block-2 input#availabtn
{
	font-size: 1.2em;
}

#mapdiv
{
	display: none;
}

#mapdivmobile
{
	height: 150px;
	width: 235px;
	border-color: #960;
	border-width: 3px;
	border-style: solid;
	clear: left;
	display: block;
}

#mappageaddress
{
	clear: right;
	padding-top: 1em;
}

.field-slideshow .field-slideshow-slide img, .field-slideshow .field-slideshow-slide
{
	width: 280px;
}
.desktop
{
	display: none;
}

}

/* Smartphone landscape */
@media only screen and (min-width:321px) and (max-width:480px) {
#logo
{
	margin: 0;
}

#primary-menu-bar
{
	position: relative;
	top: 0;
	width: 100%;
	margin-top: 1em;
}

#primary-menu-bar ul.primary-menu
{
	max-width: 100%;
}

#primary-menu-bar li
{
display: inline;
float: left;
}

.nav li
{
	list-style-type: disc;
}

.nav li a,
.nav .menu li a {
  display: inline;
  white-space: normal;
  padding: .5em .7em;
  color: #422108;
  text-decoration: none;
  	font-family: BrandonGrotesque-Regular;
	font-weight: normal;
	font-style: normal;
}

#site-slogan {
	
font-size: 1.6em;
padding-top: 2em;
margin-left: 1em;
display: none;
}

#addressline
{
	margin-left: 1em;
}

#block-block-2 form
{
	font-size: 1.2em;
	line-height: 2em;
}

.field-slideshow .field-slideshow-slide img, .field-slideshow .field-slideshow-slide
{
	width: 440px;
}

.desktop
{
	display: none;
}

}

/* Tablet portrait */
@media only screen and (min-width:481px) and (max-width:768px) {
.smartphone
{
	display: none;
}
/*new css*/
#primary-menu-bar
{
	position: relative;
	top: 0;
	width: 100%;
	margin-top: 1em;
}

#primary-menu-bar ul.primary-menu
{
	max-width: 100%;
}

#primary-menu-bar li
{
display: inline;
float: left;
padding-right: .8em;
}
/*end new css*/
}

/* Tablet landscape */
@media only screen and (min-width:769px) and (max-width:1024px) {
.smartphone
{
	display: none;
}
}

/* Standard layout */
@media only screen and (min-width:1025px) {

.smartphone
{
	display: none;
}

}