/* ///////////////////////////////////////////////////////////////////////// */
@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:95%;}
	
}

/* /////////////////////////////////////////////////////////////////////// */
@media (max-width:1280px)
{
	#photos, body #footerinner {margin:0}
	#logo {left:10px; top:20px;}
		#logo img {width:180px; height:auto;}
	
	/*nav {top:106px; max-width:1120px; padding-left:160px;}*/
	nav a.tlvl {padding:14px 10px 14px 22px;}
	nav ul.mlvl1 {top:52px;}
}


/* /////////////////////////////////////////////////////////////////////// */
@media (max-width:1000px)
{
	header {height:80px !important; }

	#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;}
		
		
	nav {top:72px; width:50%;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);}
	#navtag.fixed, #navtag.normal{top:72px;left:150px;}
	/* 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; 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;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: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 {}


	
	
	
}
 

/* /////////////////////////////////////////////////////////////////////// */
@media (max-width:900px)
{
	
	#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;}
		
	#voyent2{display:none;}
}



/* PHONES ///////////////////////////////////////////////////////////////////////// */
@media (max-width:800px)
{
	#footercontactinfo {float:none; border-bottom:2px dotted #AEC0C7}
	#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:2}
	#footertextrt {float:none; width:100%; order:1}
	
	#footertextlt-inner {padding:15px 30px 30px 30px;}
	#footertextrt-inner {padding:30px 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;
	}
	
	
	#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 #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;}
}



@media (max-width:700px)
{
	#imageholder, #image {height: 400px;}
	
	.intro {
    	font-size: 1em;
		width: 100%;
	}
}

/* ///////////////////////////////////////////////////////////////////////// */
@media (max-width:640px)
{
	#searchboxinnerlt {}
	#searchboxinnerrt {}
	#searchbox {width:230px; 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}
	#page-1 #rt #rt_innerrt {margin-top:0px;}
	
	#imageholder, #image {height: 400px;}
	
	.tblflexitem {min-width: 225px;}
	
}


/* PHONES ///////////////////////////////////////////////////////////////////////// */
@media (max-width:586px)
{
	#rt h1.firsth1 {font-size:32px; line-height:32px;}
	#logo {top:22px; left:10px;}
		#logo img, #headerinner.fixed #logo a img {width:120px; height:auto;}
	
	nav {top:122px;}
	
	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;}
	
	#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;box-sizing:border-box;}
	

	#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;}

}




/* ///////////////////////////////////////////////////////////////////////// */
@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%;}
	.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;}
	#toplinks .td{position:relative; top:30px;right:18px;}
	.view{left:10px;}
	.tbllakelevels td{font-size:15px;}
}