/* ///////////////////////////////////////////////////////////////////////// */
@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%;}
	
}

/* /////////////////////////////////////////////////////////////////////// */
@media (max-width:1280px)
{
	#photos, body #footerinner {margin:0}
	nav{padding-left:150px;}
	nav a.tlvl{font-size:22px; padding:13px 13px 13px 17px;}
}

@media (max-width: 1100px)
{
	.oddleft, .oddright, .evenleft, .evenright{width:100%; height:auto; min-width: 525px;box-sizing: border-box;}
	.oddleft{float: left;background-color: #f9f1e5;	margin-bottom: 20px;}
	.oddright{float: left;background-color: #d9e2ea;margin-right:0;}

	.evenleft {float:right;padding-right: 10px;background-color: #f9f1e5;margin-bottom: 20px;}
	.evenright{	float:right;padding-right: 10px;background-color: #d9e2ea; margin:0;}
	.specialimage{position:relative; left: 10%;margin-bottom:10px;}
	.specialmsg{width: 45%;}
	#specials-form{width:80%;}
	.yt{width:400px; height:225px;}
		#reservations{top:2px; }
	.chineselink{top: 20px;}
	.giftcardlink{top:-1px;}
}

/* /////////////////////////////////////////////////////////////////////// */
@media (max-width:1045px)
{
	header{position:relative;}
	#booking-details{scroll-margin-top:0px;}
	#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:120px; height:auto;}
		
	nav {top:112px; 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;  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; text-align:center; display:block; padding:10px 10px 10px 10px; background:transparent; border-bottom:1px dotted #AEC0C7;}
nav li li a:hover{background:rgba(174, 192, 199, 0.2);}

	nav .mncol, nav .mncol:nth-child(3n+1), nav .mncol:nth-child(4) {width:100%; margin-right:0; float:none;}
	#mobilemenubtn {display:block; top:69px;}
	
	
	
nav ul.mlvl1 a:hover {color:#005293;  background:rgba(174, 192, 199, 0.2);}
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(174, 192, 199, 0.2);}
nav ul.mlvl1 li a.hc {}
	
.resholder {font-size:18px;}
	
	/* Tables //////////////////////////////// */
.tbldefault {width:100%; border-collapse: collapse;}
.tbldefault td {padding:5px 5px; font-size:15px; line-height:16px;}
.tbldefault th { padding:5px 5px 5px 0; font-size:18px; line-height:19px;}
.tbldefault td input.text, .tbldefault td .textbox {border:1px solid #AEC0C7; padding:3px; font-size:17px;}
.tbldefault td .select {border:1px solid #AEC0C7; padding:5px; font-size:17px;}
.tbldefault td .textarea {border:1px solid #AEC0C7; width:98%; padding:3px 1%; font-size:15px;}
	
#footercontactinfo .td {line-height:16px; font-size:16px; padding:4px 2px;}
			
#newsletterhead {padding-bottom: 5px; font-size: 16px;}
	#newsletterinner {margin:5px;}
	.text-opacity {opacity:0.9; margin-bottom: 8px; height:20px; font-family: calibri; font-size: 16px;}
	.newssubmit {background-color: #b1c7d9; font-family: calibri; font-size: 16px; padding: 2px 5px; cursor: pointer;}
	.newssubmit:hover{background-color:#bfcedb;}
			
}
 

/* /////////////////////////////////////////////////////////////////////// */
@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;}
	.resholder{height:140px; margin:0 auto;}
	.check-avail-holder, .check-avail-holder-wr{width: 100%;height:auto; padding-top: 10px;}
	.check-avail-holder input{width: 200px; margin:auto; display:block; padding:10px; position: static;}
	
	.check-in, .check-out{width:25%; padding: 0 5px;}
	.check-dd{width:14%; padding-left:5px;}	
	.check-dd-wr{width:14%; padding-left:5px;}	
	.check-avail-tan{width: 250px; margin-left:10px;font-size:16px;bottom:6px;}	
	.check-avail-tan-wr{width: 250px; margin:20px auto;font-size:16px;bottom:6px;}	
	/*.check-in{width:15%; color:#fff;float:left;}
	.check-out{width:15%; color:#fff;float:left;}
	.check-in-cal{width:5%;height:100%;float:left;position:relative;padding-right:30px;}
	.check-in-holder{width:5%; height:30px;color:#fff;float:left;padding-right:30px;}
	.check-dd{width:10%; color:#fff;float:left;}
	.resholder{font-size:14px;}*/
	.cal{height:26px;}
	.avail-text{font-size: 14px; height:24px;}
	.avail-text-dd{font-size: 14px; height:24px;}
	.displayCalEnd {left:32%;}
	.float-right-50-center, .float-left-50-center{width:100%; margin:0;padding:10px 10px 0 10px;float:none;}
	.float-left-50, .float-right-50{width:100%;margin:0;padding:10px 5px 0 5px;float:left;box-sizing: border-box;}
	.full-width-inner{width:100%;box-sizing: border-box;}
	#CDSWIDSSP{margin:0 auto;}
	.yt{width:750px; height:421px;}
	
	#footertextwrapper{height:auto;box-sizing: border-box;display:flex;}
	.contact-content{margin-top:10px;  padding-left: 10px !important;}
	.float-left-50 .bottomcontent {position: relative;}
}

/* PHONES ///////////////////////////////////////////////////////////////////////// */
@media (max-width:800px)
{


	#footertextcenter{margin-left:1%;}
	#footertextrt{padding-right:0px;}
	.float-left-50-center{width:95%;padding:0px; margin:5px;}
	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;}
	#lt {order:2; float:none; width:100%;margin-bottom:25px;padding:0px;}
		#lt_header {margin:0 20px 5px 20px}
		#lt_inner {padding:0 20px 20px 20px; margin-top:0px;}
		#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;}
	
	#specials-form{width:100%;}
	
	.ImageWrapper {width:95%; height:100%; min-height:470px; margin: 0 auto; max-width:690px; }
	#listing_thumbs{display:none; height:0;}
	.yt{width:500px; height:280px;}
	.check-in-cal, .check-in-holder {display:none;}
	.check-in, .check-out{width:29%; padding: 0 5px;}
	
	.displayCalEnd {top:55px;}
	.displayCalStart {top:55px;}
	.resholder {font-size: 16px;}
	.imgdislaimer{top: 80%;}
	
	.float-right-75, .float-left-75{width:100%; }
	.float-left-25, .float-right-25{width:100%;text-align:center;}
	.float-left-25 img, .float-right-25 img{width:50%;}

	#bannertextholder {}
	#bannertext, #bannerdesc {font-size:40px; line-height:40px; padding:0 20px}
	#bannertext.init {font-size:40px; line-height:40px;}
	#bannerdesc.init {font-size:19px; line-height:40px;}
	#bannertextholderinner {text-align:center;}	
}



@media (max-width:700px)
{
	#imageholder, #image {height: 400px;}
	
	.intro {
    	font-size: 1em;
		width: 100%;
	}
	
	
	footer {height: auto;}
	
	
	#footerinner{height:auto; width:100%;}
	#footerbgwrapper{height:auto;}
	#footerbgimage{}
	
	#footertextlt{width: 100%; height:300px; margin: 0 auto; display:block;}
	#newsletter{margin: 0 auto;}
	#footertextcenter{width: 100%; height:auto; margin: 0 auto 15px; display:block;}
	#footertextrt{width:100%; height:170px; margin: 0 auto; display:block;}
		#footertextrt-inner { float:none; margin:0 auto;}
			#footercontactinfo {float:none; margin:0 auto;}
	#footertextwrapper{height:100%; display:block;}
	#copyr{display:block;}
	.ImageWrapper{height: 100%; min-height:400px; max-width: 590px;}
	.resholder {font-size: 14px;}
	.displayCalEnd {top:52px;}
	.displayCalStart {top:52px;}
	
	
}

/* ///////////////////////////////////////////////////////////////////////// */
@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 {min-width: 225px;}
	/*.check-in-cal, .check-in-holder {display:none;}
	.check-in{width:20%; color:#fff;float:left;padding-right:30px;}
	.check-out{width:20%; color:#fff;float:left;padding-right:30px}
	.check-dd{padding-right:20px;}
	.avail-text{width:100px;}*/
	.avail-text-dd{width:40px;}
	.resholder{height:145px;}
	#dselStart, #dselEnd{top:60px;}
	
	.check-avail-tan{bottom:6px;}
	
	#footernavwrapper{position:relative; width:100%; height:300px;  max-width:600px; z-index:499; margin:0 auto; margin-bottom:10px;}
		#footernav, #footernav1, #footernav2, #footernav3 {width:50%;}	
		#footernav1{position:absolute; left:50%;}
		#footernav2{top:50%;left:0;}
		#footernav3{position:absolute; left:50%; top:50%;}
		
	#bannertextholder {}
	#bannertext, #bannerdesc {font-size:30px; line-height:30px; padding:0 20px}
	#bannertext.init {font-size:30px; line-height:30px;}
	#bannerdesc.init {font-size:19px; line-height:40px;}
	#bannertextholderinner {text-align:center;}	
}


/* PHONES ///////////////////////////////////////////////////////////////////////// */
@media (max-width:586px)
{
	#rt h1.firsth1 {font-size:32px; line-height:32px;}
	#logo {top:22px; left:10px;}
		#logo img {width:120px; height:auto;}
	
	nav {top:112px;}
	
	nav ul.mlvl1 a, nav li.sfhover ul.mlvl1 {
		text-align:left;
	}
	
	#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;}
	.ImageWrapper{height:100%;min-height:310px; max-width:450px;}
	
	.yt{width:450px; height:250px;}

	#mc_embed_signup form {margin:0;}
	#specials-form{padding:0px;}
}

@media (max-width: 550px){
	.oddleft, .oddright, .evenleft, .evenright{padding: 5px; min-width:350px;}

.specialimage
{position:relative; left: 2%; max-width:95%;width: 95%;}

.specialmsg{
	max-width: 95%; width: 100%; margin-right: 0px;float:left;
}
.specialtitle{font-size:24px;max-width:95%;}
.hlsubtitle{max-width:95%;}
.oddleft, .oddright, .evenleft, .evenright{height:auto;}


#footertextlt, #footertextcenter{width:100%;}
#footerbgwrapper{height:auto;}
.tbldefault th{font-size:14px;}
.tbldefault td{font-size:12px; padding:2px 2px;}
#breadcrumb{font-size:13px;}
.yt{width:320px; height:180px;}
#alertsbarinner span a{font-size:12px !important;}
.alertheader{font-size:12px;}

.check-dd {width: 15%;padding-left: 4px;}
.resholder{font-size:11px;}
.check-in, .check-out{width:25%; padding: 0 2px;}
.avail-text {width:100%;}
.check-dd-wr {width: 15%;padding-left: 2px;}
.avail-text-dd{width:50px;font-size:14px;height:21px;}
}
@media (max-width:450px){
	.oddleft, .oddright, .evenleft, .evenright{padding: 5px; min-width:300px;}
	/**.check-in{width:15%; color:#fff;float:left; padding-left:5px;padding-right:30px;}
	.check-out{width:20%; color:#fff;float:left;padding-right:30px;}
	.check-dd{padding-right:20px;}
	.avail-text{width:80px; font-size:12px;padding:0;}
	.avail-text-dd{width:40px;font-size:12px;}
	.resholder{height:120px;font-size:12px;}
	#dselStart{top:45px;}
	#dselEnd{top:45px;left:20%;}
	.check-avail-tan{width:25%; margin-left:5px; margin-top:5px;font-size:14px;}*/
.yt{width:320px; height:180px;}
}

/* ///////////////////////////////////////////////////////////////////////// */
@media (max-width:420px)
{
	#bannertext {font-size:30px; line-height:30px; padding:0 20px}
	#bannertext.init {font-size:30px; line-height:30px;}
	
	.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;}
	.ImageWrapper{height:100%;min-height:210px; max-width:300px;}
	
	
	/*.check-in{width:20%; padding-right:10px;}
	.check-out{width:20%; color:#fff;float:left;padding-right:10px;}*/
	
	/*.avail-text{width:70px; font-size:10px;padding:0;}*/
	
	.resholder{height:145px;/*font-size:14px;*/}
	#dselStart{top:55px; left:5px;}
	#dselEnd{top:55px;left:34%;}
	.check-avail-tan{margin-left:5px; margin-top:5px;font-size:14px;}
	#reservations{top:2px;font-size:15px;padding:2px;right:70px; }
	.chineselink{display:none;}
	.giftcardlink{/*display:none;*/}
	.giftcardlink img{height:48px; margin-top:2px;}
	
	.awards{width:95%; float:none;}
	.tareview {width:95%; float:none;}
	
	.tbldefault td{max-width:175px;}
	.tbldefault td input.text, .tbldefault td .textbox {max-width:150px;}
	
	#listing_prev, #listing_next {padding:4px 5px 5px 5px; font-size:20px;line-height:20px;}
	.imgdislaimer{top: 75%;}
	
	.float-left-25 img, .float-right-25 img{width:75%;}
}