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

	#bannertext {padding-right:0px;}
	#notch {width:80%; max-width:600px;}
	#btnarrivals {width:48%; margin-right:4px;}
	#btndepartures {width:48%;}
	
	#content {padding-left:0px; width:95%;}
	
}

/* /////////////////////////////////////////////////////////////////////// */
@media (max-width:1100px)
{
	#footertextlt-inner{padding:30px 15px;}
	#footertextrt-inner{padding:15px;}
}


/* /////////////////////////////////////////////////////////////////////// */
@media (max-width:1000px)
{
	header {height:80px; }
	
	#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;}*/
	#highlightfeature{width:50%;}
	.hide{display:none !important;}
	#logo {top:22px; left:10px;}
	nav a.tlvl{font-size:20px; line-height:22px; margin: 13px 13px 13px 17px;}
	nav li.sfhover #m26{left:500px;}
	nav li.sfhover #m3{left:380px;}
	nav li.sfhover #m4{left:253px;}
	nav li.sfhover #m5{left:123px;}
	
	#bannertextholder{top:50px; margin-top:0;width:33%;}
	#bannertext{font-size:20px;}
	#bannertext.init {font-size:20px;}
	}
 

/* /////////////////////////////////////////////////////////////////////// */
@media (max-width:900px)
{	
	#navholder {display:none; padding:0; left:0;}		
	nav {top:100px; width:75%;max-width:350px; padding:20px 4%; margin:0; left:150px; 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);overflow-y:scroll; max-height: calc(100% - 150px);}
	#navtag.fixed, #navtag.normal{top:72px;left:150px;}
	/* Show Mobile Nav */
	nav li {float: none;text-align:center;}
	nav li li {float: none; margin:0; padding:0}
	nav a.tlvl {padding:15px 30px; margin-bottom:1px; margin-right:0;}
	nav ul.mlvl1 h1{display:none;}
	a#tlvl2{display:inline-block !important;margin: 0;
    font-family: 'Century Gothic';
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 24px;
    line-height: 24px;
    font-variant: normal;
    text-align: center;}
	nav h1 {display:block;}
	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; display:block; padding:10px 15px 10px 10px; background:transparent; border-bottom:1px dotted #AEC0C7;color:#000080;}
	nav .mncol, nav .mncol:nth-child(3n+1), nav .mncol:nth-child(4) {width:100%; margin-right:0; float:none;}
	#mobilemenubtn {display:block;top:20px;right:20px;}
	#searchbox{right:60px;}
	
	
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:-8px; 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 {}


	nav li.sfhover #m5{left:0;}
nav li.sfhover #m4{left:0;}
nav li.sfhover #m3{left:0;}
nav li.sfhover #m26{left:0;}
	
	

	
	#topradius-lt { left:30%;}
	#page-1 #rt {position:relative; float:left; width:70%;}
    #page-1 #lt {position:relative; float:left; width:30%;}
	/* 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:90%; padding-top:15px;}
		#page-1 #rt #rt_innerrt {position:relative; z-index:3; float:left; width:90%; margin-top: 0px;}

		#imageholder {width: 92%; left: 0; margin-left: auto; margin-right: auto; height: 550px;}
		#image {height: 550px;}

	.bcollinks{display:none;}
	.bcol{width:100%;}
	#footertextlt{box-sizing:border-box; width:50%;height:500px;}
	#footertextmid{width:50%;height:500px;}
	#footertextrt{width:100%;height:160px;padding-top:0;}
	#toprated{float:left; width:25%;box-sizing:border-box;}
	#toprated a img{width:100%; max-width:155px;}
	#footertextrt-outer{padding:5px;}
	#copyr{padding:0 15px; bottom:0;}
	#topranked{box-sizing:border-box;}
	#amazonsmile{padding:0;}
	.vimeovid{width:100%;}
	
	#donatebutton{position: relative;top: 46px;left: 105px;display:block;}
	#donatebutton a img{max-width:120px;border-radius:5px;-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4); box-shadow: 1px 1px 3px rgba(0,0,0,0.4); -webkit-transition:all 125ms ease-out; transition:all 125ms ease-out;}
	#donatebutton a img:hover{opacity:0.7; -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
	-ms-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
	-o-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
	box-shadow: 3px 1px 5px rgba(0,0,0,0.4);}
}



/* PHONES ///////////////////////////////////////////////////////////////////////// */
@media (max-width:800px)
{
		
	#footertextwrapper { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: flex-start; justify-content: flex-start;}
	
	#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;
	}
	
	
	#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:10px; width:100%;box-sizing:border-box;}
		#archiveholder{margin:0 auto;}
	/* index only */
	
	#page-1 #lt {position:relative; float:left; width:90%;}
	
	#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;}
	
	.listingdesc{position:relative; top:-24px;}
	
	
	.dnouter{width:100%; margin:10px auto;}
	#donationsholder{box-sizing:border-box; padding:5px;}
	#content{display:grid;}
	#sponsor_holder{float: none; width: 100%; padding: 5px;text-align:center;}		
	#foundation_holder{float: none; width: 100%; padding: 5px; margin:0 25px;}
	#archive_left{}
	#archive_right{}
	#breadcrumbholder{display:none;}
	#rt_gallery{width:100%;}
	.galitem{width:45%;}
	
	
}



@media (max-width:700px)
{
	#imageholder, #image {height: 400px;}
	
	.intro {
    	font-size: 1em;
		width: 100%;
	}
	
}

/* ///////////////////////////////////////////////////////////////////////// */
@media (max-width:640px)
{
	#page-1 #rt #rt_innerrt {margin-top:0px;}
	
	#imageholder, #image {height: 400px;}
	
	.programimg{min-width:300px;}
	
	nav {left:70px;}
	nav ul.mlvl1 a, nav li li a, nav ul.mlvl2 li a {font-size:15px;}
	#bannertextholder{top:10px; margin-top:0;width:100%;display:none;}
}


/* PHONES ///////////////////////////////////////////////////////////////////////// */
@media (max-width:586px)
{
	#rt h1.firsth1 {font-size:32px; line-height:32px;}
	
	nav {top:100px;}
	
	nav ul.mlvl1 a, nav li.sfhover ul.mlvl1 {
		text-align:left;
	}
	/*nav li {float: left;}*/
	nav li li {float: left; margin:0; padding:0}
	#bannertextholder {}
	#bannertext {font-size:30px; line-height:30px; padding:0 20px}
	#bannertext.init {font-size:30px; line-height:30px;}
	#bannertextholderinner {text-align:center;display:none;}
	
	#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;}
	.listingprice{font-size:20px;}
	.listingdesc{display:none;width:0%;}
	.listingcol1{width:40%;}
	.listingcol2{width:60%;}
	.listingaddr{font-size:20px;}
	.view{position:relative; left: 42px;width:20%;}
	.city{display:none;}
	.listingspecs{width:50%;}
	.feature1{width:100%;margin-right:0;}
	
	#listdetailimgholder{width:100%;float:none; margin:0 auto;}
	.detailcol1{width:100%; float:none;margin:0 auto;max-width:400px;}
	#viewholder{margin:20px 0 10px;}
	#lsrt{width:250px;}
	
	#footerbg{background-size:contain;}
	#footertextmid{width:100%;}
	#footertextlt{width:100%; height:120px;}
	#footertextlt-inner{padding:5px;}
	#footertextlt-inner div.bcol{padding:5px;height:25px; min-height:25px;}
	#footerinner{height:820px;}
	#copyr{bottom:58px;}
	
	#archive_left, #archive_right{width:80%;float:none; margin:0 auto;}
	.peoplecategories-listitem{width:100%;}
	#highlightfeature{width:100%;}
	#rt_gallery{width:100%;}
	.galitem{width:100%;}
	
}




/* ///////////////////////////////////////////////////////////////////////// */
@media (max-width:420px)
{
	#bannertext {font-size:35px; line-height:35px; padding:0 20px}
	
	
	.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 {text-align:center; width:100%;}
	.bcolheader a{font-size:16px;}
	.bcollinks {text-align:center;}
	
	.galname {text-align:left; font-family:Raleway; font-size:13px; padding-bottom:5px;}
	
	#imageholder {top: 450px; height: 250px;}
	#image {height: 250px;}
	#cwtemp{font-size:14px;}
	#currentweather{position:relative; left:80px;}
	
	.view{left:10px;}
	
	
	#searchboxinnerlt {}
	#searchboxinnerrt {}
	#searchbox {width:200px; padding:5px 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}
	nav {left:10px;width:85%;}
	#donateselect{max-width:250px;}
	#rt_inner{padding:0px;}
	.dnouter{margin;10px 0;}
	#footertextlt{width:100%; height:200px;}
	#comicholder{float: none; width: 100%; margin: 0 auto; text-align:center; padding-bottom:10px;}
	#comic{margin:0 auto;}
}