/* ///////////////////////////////////////////////////////////////////////// */
@media (max-width:1360px)
{
	/* Banners */
	#photos, #footerinner {margin:0 0;}
	#lt_inner {padding:20px;}
	#rt_inner {padding-right:20px;}

	#bannertext {padding-right:20px;}
	#notch {width:80%; max-width:600px;}
	#btnarrivals {width:48%; margin-right:4px;}
	#btndepartures {width:48%;}
	
	#content {padding-left:0px; width:100%; margin-top:2px;}
	.ytVideoWrapper {padding-bottom: 50%;}
	#content-left, #content-right {display: none;}
}

/* /////////////////////////////////////////////////////////////////////// */
@media (max-width:1280px)
{
	#photos, body #footerinner {margin:0}
	
	nav {max-width:1120px; padding-left:160px;}
	nav a.tlvl {padding:14px 10px 14px 22px; font-size:31px;}
	nav ul.mlvl1 {top:52px;}
	
	.hours {width: 60%;}
}


/* /////////////////////////////////////////////////////////////////////// */
@media (max-width:1000px)
{
	header {height:120px; }
	
	#headergrad_bottom {height:120px;}
	#topbannercover-lt {top: 622px;}
	#topbannercover-rt {top: 622px;}	
	#lt_inner {padding:20px 20px 10px 10px;}
	.bcol {padding:15px 2% 15px 2%; float:left; vertical-align:top}
	.bcol:nth-child(2n+2) {clear:left;}
	
	#navholder {display:none; padding:0; left:0;}
	.hide{display:none !important;}
	#logo {top:22px; left:10px;}
		#logo img {width:auto; height:100px;}
		
	nav {top:122px; width:92%; padding:20px 4%; margin:0; left:0; background:rgba(255,255,255,0.98); -webkit-box-shadow: 0 8px 8px -8px rgba(0,0,0,0.5);
  		-moz-box-shadow: 0 8px 8px -8px rgba(0,0,0,0.5);
  		box-shadow: 0 8px 8px -8px rgba(0,0,0,0.5);}
	
	/* Show Mobile Nav */
	nav li {float: none;}
	nav li li {float: none; margin:0; padding:0}
	nav a.tlvl {padding:15px 30px; margin-bottom:1px; font-size:30px; line-height:30px; color:#6b86b2; margin-right:0; display:block; background:none;}
	
	nav h1 {display:none;}
	nav li ul {
		position: relative; 
		left: auto;
		opacity:1;
		z-index:100;
		background:transparent; 
		padding:0;
		margin:0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}
	
	nav ul.mlvl1, nav li.sfhover ul.mlvl1 {
		position: relative; 
		left: auto;
		opacity:1;
		padding:0;
		z-index:500;
		overflow:hidden;
		max-width:1280px;
		width:100%;
		top:auto;
		border-radius:0;
		box-shadow:none;
		background:transparent;
		-webkit-transition: all 500ms cubic-bezier(.22,.61,.36,1);
		transition: all 500ms cubic-bezier(.22,.61,.36,1);
	}

	nav ul.mlvl1.open {
		max-height: 1000px;
		overflow:hidden;
		-webkit-transition: all 750ms cubic-bezier(.71,.01,.21,.99);
		transition: all 750ms cubic-bezier(.71,.01,.21,.99);
	}

	nav ul.mlvl1 a, nav li li a {font-size:18px; font-weight:normal; font-family:'Roboto Slab'; text-align:center; display:block; padding:10px 10px 10px 10px; background:transparent; border-bottom:1px dotted #AEC0C7;}
	nav .mncol, nav .mncol:nth-child(3n+1), nav .mncol:nth-child(4) {width:100%; margin-right:0; float:none;}
	#mobilemenubtn {display:block;}
	
	
	
nav ul.mlvl1 a:hover {color:#005293;  background:rgb(100, 118, 92, 0.1);}
nav ul.mlvl1 li span.hcplus {position:absolute; cursor:pointer; color:#005681; border-radius:50%; top:-2px; right:5px; font-size:34px; line-height:34px; font-weight:normal; display:inline-block; padding:5px;}
nav ul.mlvl1 li span.hcplus.init {font-size:40px; line-height:40px; padding:0 5px 5px 5px;}
nav ul.mlvl1 li a.hc.init, nav ul.mlvl1 li a.hc.init:hover {text-decoration:none; color:#005293; background:rgba(44, 57, 48, 0.2);}
nav ul.mlvl1 li a.hc {}


#dotholder, #photos, #partyholder {display: none;}

.ImageWrapper{
		height: 100%;
		min-height: 527px;
		margin:0 auto 0 auto; 
		max-width:790px;
	}
	#listing_thumbs {display: none;}
	
	
	
	.homeh1orange {color:#ff7c1d; font-family: Ranchers; font-size: 50px; line-height: 50px; font-weight:bold; letter-spacing: 3px; padding-bottom: 20px; display:block;}

#notice-holder {position:relative; width:75%; top:0; background:#fff; margin:0 auto 0 auto; max-width:1366px; padding: 0px; overflow: auto;}	
	.notices {width: 95%;float:left; padding: 5px 0; border:solid 2px #6b86b2; height: 100%; margin: 5px; display:inline-block;}
	.notice{width: 100%;height: 160px;}
	.notice-image{width: 47%; float:left;}
	.notice-image img {width: 100%; max-width: 250px; padding-left:5px;}
	.notice-text{font-size: 15px; width: 50%; float:right;} 
	.notice-text ul{padding-left: 15px; text-align:left;}
	.notice-title{font-size: 24px;}
	.notice-thumb {font-size: 15px; width:150px; height: 130px; padding: 5px; border: solid 2px #6b86b2; display:inline-block;top:5px;position:relative; }
	
}
 

/* /////////////////////////////////////////////////////////////////////// */
@media (max-width:900px)
{
	
		#topradius-lt { left:30%;}
	#rt {position:relative; float:left; width:70%;}

	/* Index Only *///////////////////////
	#page-1 #rt {order:1; float:none; width:100%; margin:0; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
		#page-1 #rt #rt_innerlt {float:left; width:56%; padding-top:15px;}
		#page-1 #rt #rt_innerrt {position:relative; z-index:3; float:left; width:44%; margin-top: 0px;}

		#imageholder {width: 92%; left: 0; margin-left: auto; margin-right: auto; height: 550px;}
		#image {height: 550px;}
		
		
		.tilewrapper a .mnOuter1 {width:100%;}
	
}



/* PHONES ///////////////////////////////////////////////////////////////////////// */
@media (max-width:800px)
{
	#footercontactinfo {float:none;}
	#footercontactinfo .tblftwrapper {margin:0 auto; width:100%;}
	#footercontactinfo .tbl {display:inline-block; margin:0 auto;}
	
	#footertextwrapper { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: flex-start; justify-content: flex-start;}
	#footertextlt {float:none; width:100%; order:1}
	#footertextrt {float:none; width:100%; order:2}
	
	#footertextlt-inner {padding:15px 30px 30px 30px;}
	#footertextrt-inner {padding:0px 30px 0 30px;}
	
	#notch {margin:0 auto; position:relative; width:80%; display:block; text-align:center;}
	#topradius-lt, #topradius-rt {display:none;}
	
	#topbannercover-lt, #topbannercover-rt {display:none;}
	#btnarrivals, #btndepartures {border-left:2px solid #fff; border-radius:15px 15px 0 0; border-right:2px solid #fff;}
	
	header {
		
		-webkit-background-size: 100% 350px;
		-moz-background-size: 100% 350px;
		-o-background-size: 100% 350px;
		background-position:center -70px;
	}
	
	#content {top:0; margin:0 auto; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: flex-start; justify-content: flex-start; width:100%;}
	#lt {order:2; float:none; width:100%; margin:0;}
		#lt_header {margin:0 20px 5px 20px}
		#lt_inner {padding:0 20px 20px 20px;}
		#lt_inner .mn1 a, #lt_inner .mnOn1 a {font-size:20px; line-height:20px; padding:10px 25px;}
		
	#rt {order:1; width:100%; margin:auto; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: flex-start; justify-content: flex-start;}
		#rt_inner {margin-top:0; padding:20px;}

	/* index only */
	#page-1 #rt #rt_innerrt {position:relative; z-index:3; float:left; width:44%; margin-top:-50px;}
	
	
	#page-1 #rt #rt_innerlt {order:2; float:none; width:100%;  padding:0; margin:0; }
		#fidsminiwrapper {margin:0 10px 20px 10px;}
		
	#page-1 #rt #rt_innerrt {order:3; float:none; width:100%; padding:0; margin-top: 0px;}
		#rt_innerrt_inner {padding-right:10px;}
		.hl_paging {padding:0;}
		#aordholder .rt {text-align:center;}
	#featuresholder {margin-bottom:30px;}	
	
	.secure_form {max-width:300px; width:100%; float:none; margin: auto; padding:10px; border-radius:2px; border:1px solid #000;}
	
	#imageholder, #image {height: 500px;}
	
	.ImageWrapper{
		height: 100%;
		min-height: 460px;
		margin:0 auto 0 auto; 
		max-width:690px;
	}
	.contactblue {width: 100%; padding:0px;}
	.hours {width: 75%;}
}



@media (max-width:700px)
{
	#imageholder, #image {height: 400px;}
	
	.intro {
    	font-size: 1em;
		width: 100%;
	}
	.ImageWrapper{
		height: 100%;
		min-height: 393px;
		margin:0 auto 0 auto; 
		max-width:590px;
	}
	#notice-holder {position:relative; width:95%; top:0; background:#fff; margin:0 auto 0 auto;  padding: 0px; overflow: auto;}	
}

/* ///////////////////////////////////////////////////////////////////////// */
@media (max-width:640px)
{
	#searchboxinnerlt {}
	#searchboxinnerrt {}
	#searchbox {width:80%; max-width:280px; padding:0; margin:0; height:auto; background:none;}
	#searchfldholder #q {margin:0 -2px 0 -8px; padding:7px 3% 7px 3%; width:94%; line-height:14px; font-size:14px;}
	#searchfldholder #submit {padding:5px; top:5px; right:12px; width:29px; height:24px;}
	#searchboxinner {padding:0; margin:0;}
	#searchboxinnerlt {display:none;}
	#searchboxinnerrt {width:100%;}
	#searchfldholder {margin-top:5px;}
	#mobilemenubtn {right:20px}
	#page-1 #rt #rt_innerrt {margin-top:0px;}
	
	#imageholder, #image {height: 400px;}
	
	.tblflexitem {width: 100%; padding: 10px 2px 10px 2px;}
	
	.rowtext {font-size: 20px;}

	.tilewrapper a .mnOuter1 {position:relative; display:block; width:100%; height: 300px; margin-bottom:46px; text-align:center; cursor:pointer; background-color:rgba(255,255,255,0.95);}

	.mnInnerWrapper1 {height: 300px; max-height: 300px;}
}


/* PHONES ///////////////////////////////////////////////////////////////////////// */
@media (max-width:586px)
{
	#rt h1.firsth1 {font-size:32px; line-height:32px;}
	
	
	
	nav ul.mlvl1 a, nav li.sfhover ul.mlvl1 {
		text-align:left;
	}

	
	
	
	#mobilemenubtn {top:72px;}
		
	#bannertextholder {}
	#bannertext {font-size:30px; line-height:30px; padding:0 20px}
	#bannertext.init {font-size:30px; line-height:30px;}
	#bannertextholderinner {text-align:center;}
	
	#notch {width:100%; overflow:hidden;}
	#notch span {font-size:18px; line-height:18px;}
	#btnarrivals {width:48%; padding:0 1%; border-left:0; margin-left:-4px; border-radius:0 15px 0 0;}
	#btndepartures {width:48%; float:right; padding:0 1%; margin-right:-4px; border-right:0; border-radius:15px 0 0 0;}
	
	#btnarrivals span {padding:14px 0 13px 44px;}
	#btndepartures span {padding:14px 0 13px 48px;}
	
	#fidsminiwrapper {margin:0 0 20px 0;}
	
	.secure_form {max-width:300px; width:100%; margin:0 auto; padding:20px; border-radius:10px; border:1px solid #000;}
	

	#imageholder {top: 450px; height: 350px;}
	#image {height: 350px;}
	
	.orange-border, .blue-border {width:100%; min-width: 350px;}
	
	.ImageWrapper{
		height: 100%;
		min-height: 300px;
		margin:0 auto 0 auto; 
		max-width:450px;
	}
	#content {width: 100%;}
	
	.hours {width: 100%;}
	
	.inputfit {width: 100%; max-width: 250px;}
	
	
		.tilewrapper a .mnOuter1 {position:relative; display:block; width:100%; height: 250px; margin-bottom:46px; text-align:center; cursor:pointer; background-color:rgba(255,255,255,0.95);}

	.mnInnerWrapper1 {height: 250px; max-height: 250px;}
	
}




/* ///////////////////////////////////////////////////////////////////////// */
@media (max-width:420px)
{
	#bannertext {font-size:35px; line-height:35px; padding:0 20px}
	#bannertext.init {font-size:45px; line-height:45px;}
	
	.tblfidsmini th {font-size:11px;}
	.tblfidsmini td { padding:8px 2px; font-size:13px;}
	#footercontactinfo .td {line-height:16px; font-size:16px; padding:4px 2px;}
	
	.bcol {padding:15px 2% 15px 2%; float:none; width:96%;}
	.bcolheader {width:100%;}
	.bcollinks {}
	
	.galname {text-align:left; font-family:Raleway; font-size:13px; padding-bottom:5px;}
	
	#imageholder {top: 450px; height: 250px;}
	#image {height: 250px;}
	
	.orange-border, .blue-border {min-width: 200px; margin:0;}
	.activitytext {width: 100%; min-width:200px;}
	
	.ImageWrapper{
		height: 100%;
		min-height: 200px;
		margin:0 auto 0 auto; 
		max-width:300px;
	}
	.inputfit {width: 100%; max-width: 150px;}
	
	.tilewrapper a .mnOuter1 {position:relative; display:block; width:100%; height: 175px; margin-bottom:46px; text-align:center; cursor:pointer; background-color:rgba(255,255,255,0.95);}

	.mnInnerWrapper1 {height: 175px; max-height: 175px;}
}