/* #Tablet (Portrait)
================================================== */
@media only screen and (min-width:768px) and (max-width:959px) {
	#container {width:748px;}
}

/* Note:Design for a width 1024 Desktop
================================================== */
@media only screen and (min-width:960px) and (max-width:1199px) {
	#container {width:940px;}
}

/*  #Mobile (Portrait)
================================================== */
@media only screen and (max-width:767px) {
	#container {width:300px;}
}

/* #Mobile (Landscape)
================================================== */

@media only screen and (min-width:480px) and (max-width:767px) {
	#container {width:420px;}
}
   
   

/* #Media Queries
================================================== */
	@media only screen and (max-width:1199px) {
		.homepage-callout {width:250px;}
		#main-content {width:465px;padding-right:30px;border-right:2px solid #eee;}
		#main-left {width:200px;margin-right:30px;}
		#sidebar-content-wrapper {background:none;}
		.full-width-content {width: 673px !important;}
		#main .ngg-album-compact{margin-right: 5px !important;margin-left: 5px !important;}


	}
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width:959px) {
		#logo-container {padding-top:25px;}
		#logo {width:260px;height:64px;background: url(../images/logo-mid.png) no-repeat;}
		#logo a {width:260px;height:64px;}
		#tagline {font-size: 24px;margin: 54px 0 0 0;padding: 0 0 0 27px;line-height: 43px;}

		#homepage-slideshow,
		.home-slide,
		.slide-link {height: 350px;}
		.slide-text,
		.st-bottom,
		.st-middle,
		.st-top {top:85px;}
		#homepage-slideshow img {width:100%;height:auto;}

		.facebook-callout {width:190px;}
		.homepage-callout {width:200px;}
		#main .home-quicklinks {padding:0;margin-right:50px;}

		#main-content {width:460px;padding-bottom:70px;}
		.mobile-sidebar {display:block;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee;}
		#main-left {display:none;}
		#main-right {width:200px;}
		.full-width-content {width: 440px !important;}
		#main .ngg-album-compact{margin-right: 2px !important;margin-left: 2px !important;}

		#footer-left,
		#footer-right {width:100%;float:none;margin-bottom:20px;text-align:center;}
	}
	
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width:768px) and (max-width:959px) {
		.home-callout-title img {display:block;top:0;left:0;}
		#sub-nav .icon{background: url(../images/arrow_subnav_left.png);left: -10px;	}
	}
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width:767px) {
		#logo-container {width:260px;float:none;margin:0 auto;padding:40px 0 0;}
		#tagline {width:260px;float:right;font-size:25px;text-align:right;margin:5px 70px 0 0;padding:0;line-height:36px;}

		#homepage-slideshow,
		.home-slide,
		.slide-link {height: 190px;}
		.slide-text,
		.st-bottom,
		.st-middle,
		.st-top {top:30px;}

		.slide-title {font-size: 32px;}
		.slide-sub-title {font-size:18px;}

		.homepage-callout {width:100%;float:none;margin:0 0 20px;padding:0 0 20px;border:none !important;border-bottom:1px solid #eee !important;}
		.facebook-callout {width:150px;padding:0;margin:0;}
		#main .home-quicklinks {padding:0;margin-right:0;}
		
		.quote-entry,
		#quote-wrap {padding: 60px 50px 30px;}
		
		#main-content {width:100%;max-width:370px;float:none;margin:0 auto;padding-bottom:20px;padding-right:0;border:none;border-bottom:1px solid #eee;}
		#main-right {float:none;width:100%;max-width:370px;margin:0 auto;padding-bottom:70px;}
		#sub-nav .icon{display:none !important;}
		.full-width-content {width: 100% !important;max-width:370px !important;float:none;margin:0 auto !important}

		.mainNav {display:none;}
		nav.mobile { display: block }
		.menu li.mobile-nav-btn { float: right }
		#showLeft { display: inline-block; font-size: 15px; color: gray; border: none; cursor: pointer; background: 0 0; text-align: center }
		.cbp-spmenu-vertical { font-size: 90%; width: 190px }
		.cbp-spmenu-left { left: -190px }
		
		#footer {max-width:420px;}
		#footer img {width:100%;height:auto;}
	}
	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width:480px) and (max-width:767px) {
		
	}
	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width:479px) {
		#header-top-right {left:20px;right:auto;}
		#header-search .search-text {width:100px;}
		#tagline {width:250px;font-size:23px;margin:5px 20px 0 0;}

		#homepage-slideshow,
		.home-slide,
		.slide-link {height: 140px;}
		.slide-text {width:200px;}
		.slide-text,
		.st-bottom,
		.st-middle,
		.st-top {top:15px;}
		.slide-title {font-size: 24px;}
		.slide-sub-title {font-size:14px;}

		.home-callout-title img {display:block;top:0;left:0;}
		.facebook-callout {width:100%;float:none;}

		.quote-entry,
		#quote-wrap {padding: 40px 30px;}

		#footer {max-width:300px;}
	}