/* #Media Queries
================================================== */


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1000px) {
	#map, #locations {
		width: 100%;
		display: block;
		clear: both;
	}
	.flex-direction-nav {
		display: none;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#map, #locations {
		width: 100%;
		display: block;
		clear: both;
	}
	.flex-direction-nav {
		display: none;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#headerwrapper, #header {
		height: 270px;
	}
	#header {
		max-width: 100%;
	}
	#header .socialwrapper {
		position: absolute;
		top: 20px;
	}
	#header .socialwrapper.left {
		left: 0;
	}
	#header .socialwrapper.right {
		right: 0;
	}
	.logo {
		width: 100%;
	}
	#showcasewrapper {
		min-height: 300px;
	}
	#showcase {
		min-height: 300px;
		padding: 20px;
	}
	#callout .left, #callout .right {
		width: 100%;
		clear: both;
	}
	#callout2 {
		max-width: 100%;
	}
	#mapwrapper {

	}
	#map {
		display: none !important;
	}
	#map, #locations {
		width: 100%;
		display: block;
		clear: both;
	}
	#locations {
		height: 860px;
	}
	#locations ul {
		padding: 30px 20px;
	}
	#locations ul li {
		width: 100%;
		display: block;
		clear: both;
		padding: 0 0 16px 0;
		text-align: center;
	}
	.icons {
		margin: 0 auto;
	}
	h2 {
		font-size: 40px;
		line-height: 40px;
	}
	#footer .left, #footer .right {
		float: none;
		width: 100%;
		display: block;
		clear: both;
		text-align: center;
	}
	#footer .right .fb-like {
		float: none;
		margin-top: 20px;
	}
	.flex-direction-nav {
		display: none;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#headerwrapper, #header {
		height: 270px;
	}
	#header {
		max-width: 100%;
	}
	#header .socialwrapper {
		position: absolute;
		top: 20px;
	}
	#header .socialwrapper.left {
		left: 0;
	}
	#header .socialwrapper.right {
		right: 0;
	}
	.logo {
		width: 100%;
	}
	#showcasewrapper {
		min-height: 348px;
	}
	#showcase {
		min-height: 348px;
		padding: 20px;
	}
	#callout .left, #callout .right {
		width: 100%;
		clear: both;
	}
	#callout2 {
		max-width: 100%;
	}
	#mapwrapper {

	}
	#map {
		display: none !important;
	}
	#map, #locations {
		width: 100%;
		display: block;
		clear: both;
	}
	#locations {
		height: 860px;
	}
	#locations ul {
		padding: 30px 20px;
	}
	#locations ul li {
		width: 100%;
		display: block;
		clear: both;
		padding: 0 0 16px 0;
		text-align: center;
	}
	.icons {
		margin: 0 auto;
	}
	h2 {
		font-size: 40px;
		line-height: 40px;
	}
	#footer .left, #footer .right {
		float: none;
		width: 100%;
		display: block;
		clear: both;
		text-align: center;
	}
	#footer .right .fb-like {
		float: none;
		margin-top: 20px;
	}
	.flex-direction-nav {
		display: none;
	}
}


