/* iPads (landscape) ----------- */
@media only screen and (max-width: 1024px) {

	.show-for-small-only{
		display: block;
	}
	.show-for-medium-up{
		display: none;
	}

	
.wrapper { width: 740px; }

#header a.logo{left:15px;}
#navs{left:15px;}

#content{width:69%;}

#sidebar{margin-left: -5px;}

.second-nav h4{display:none;}
.second-nav{
	display:block;
	border-left:2px dashed #bbbbbb;
	float:left;
	clear:both;
	width:100%;
	margin:5px 0 15px 10px;
	padding:0 0 0 10px;
}
.second-nav ul{margin:0;padding:0 0 0 20px;}
.second-nav li{margin:0;padding:0;}
.second-nav li a{color:#00529B;font-size:16px}
.second-nav li.current_page_item a{color:#222;}

#sertn{display:none;}

/* .vehicle{width:486px;} */
.fleet_container {float:left; margin-left:20px;}
/* .fleet{width:277px;float:left;margin: 0 36px 0 26px;} */


#home-quick{width:auto;}
/* body.home #content {
    padding: 0 30px 30px;
    width: 680px;
} */
#callout {
    margin: 105px 15px 0 0;
    width: 65%;
}
/* HOME VIDEO */
#home-video{
	margin-top:160px;
}
/* Home Testimonials */
#tes{max-width:330px;}

#home-video.homead,
#tes.homead{
	margin-top: 10px;
}


#tes .flex-direction-nav{display:block;}
#tes .flex-direction-nav a{top:95%;}
#tes .flex-control-nav{display:none;}

#home-footer > section {width:40%}
#home-footer section + section{width:50%}

#home-quick a{color:#00529B;}

.main-nav ul.dn ul{
	width: auto;
	position: relative;
	display:none;
	left:0;
	border-radius:0;
	box-shadow:none;
}
.main-nav ul.dn ul li{
	background: rgba(245,245,245,.3);
	float: none;
	text-align:right;
}
.no-rgba .main-nav ul.dn ul li{background:none;}
.main-nav ul.dn ul li a:hover{background: rgba(245,245,245,.35);}
.no-rgba .main-nav ul.dn ul li a:hover{background:#b2c1cd;}
.main-nav ul.dn ul li a{
	border-left:none;
	width: 175px;
	display: inline-block; /* IE 6 & 7 */
}
.main-nav ul.dn li > ul{ visibility: visible; }
.main-nav li.current-menu-item a,.main-nav li.current-menu-item a:hover{color:#b7cde5;}
.main-nav a.parent:hover{color:#acc4da;}
.main-nav a:hover{text-decoration:none;}

/* PROGRESS */
#Navigation a{
	padding:0;
	min-width:100px;
	font-size:13px;
	margin-bottom:10px;
}

}
@media only screen and (max-width: 640px) {
	
/* Phones don't love complex css gradients... */
body{/* background:#cadae8; */
background: #e2eaf2 url('../images/background-fallback.jpg') 0 0 repeat-x;
}

#tes.homead{
	margin-top: 30px;
}

.homead-block{
	margin-top: 0;
}

.wrapper{width:94%;}

.fleet_container {float:left; margin-left:0; clear:left;}

#header{height:auto;background:none;z-index:10;}
#header a.logo{
	background:url('../images/logo_mobw.png') 0 0 no-repeat;
	top:0;
	width:280px;
	height:89px;
	margin:15px auto 5px;
	position:relative;
}

#top-wrap{display:none;}
#top-bar{
	background:none;
	border:none;
	height:auto;
	position:relative;
	top:0;
	z-index:0;
}
#top-bar nav{display:none;}

#navs{
	top:0;
	left:0;
	right:0;
	width:100%;
	background:#124470;
	border:0;
	padding:0;
	display:none;
	z-index:500;
	box-shadow:0 2px 3px 0px #222;
}

#home-video img{display:block;width:340px;max-width:100%;margin:0 auto;}
#home-video iframe,#home-video .fluid-width-video-wrapper{display:none;}

.home-promo{float:none;margin-top:0;}

.mob{
	display:block;
	width:100%;
	height:59px;
	overflow:hidden;
    border-bottom: 1px solid #3E76A8;
    box-shadow: 0 1px 0 0 #022747;
background: #A6CCEC;
background: -moz-linear-gradient(center top , #C5DEF3 0%, #A6CCEC 49%, #98C4E9 52%, #98C4E9 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C5DEF3), color-stop(49%,#A6CCEC), color-stop(52%,#98C4E9), color-stop(100%,#98C4E9));
background: -webkit-linear-gradient(top,  #C5DEF3 0%, #A6CCEC 49%, #98C4E9 52%, #98C4E9 100%);
background: -o-linear-gradient(top,  #C5DEF3 0%, #A6CCEC 49%, #98C4E9 52%, #98C4E9 100%);
background: -ms-linear-gradient(top,  #C5DEF3 0%, #A6CCEC 49%, #98C4E9 52%, #98C4E9 100%);
background: linear-gradient(to bottom,  #C5DEF3 0%, #A6CCEC 49%, #98C4E9 52%, #98C4E9 100%);
}
.mob a{
	display:block;
	padding:10px 0;
	width:100%;
	line-height:1;
	margin:8px auto;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color:#00284b;
	text-transform:uppercase;
}

.mob a.active{
	background:#c4e1f7;
	border-radius:10px;
	-webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, .4);
	box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, .4);
	width:50%;
}

.mob a span{background:url('../images/menu-ico.png') 0 0 no-repeat;
display:inline-block;
width:18px;
height:18px;}
.mob a:hover{text-decoration:none;}

#navs {top: 1px;}

.main-nav > ul > li{text-align:left;}
.main-nav a.parent{margin:0;}

.main-nav ul.dn ul.sub-menu li, .main-nav ul.dn ul.sub-menu {background:#124470;}
.main-nav ul.dn ul.sub-menu{border-bottom: 1px solid #6384A1;}

.main-nav ul.dn ul li{text-align:left;}
.main-nav ul.dn ul li a{
	width:100%;
	border-left: 7px solid #6384a1;
	margin-left: 15px;
	border-bottom:1px solid #6384a1;
}
.main-nav li.current-menu-item a,.main-nav li.current-menu-item a:hover{color:#fff;}
.main-nav ul.dn ul li a:hover{background: #266FB9;}

.main-nav ul.dn ul li a:hover{color:#fff;}
.main-nav > ul > li > a:hover,.main-nav > ul > li > a.parent:hover{background:#266fb9;color:#fff;}
.main-nav > ul > li > a{border-bottom:1px solid #6384a1;}
.main-nav a{font-size:20px}
.main-nav > ul > li.menu-item-95.current_page_item a{border-radius:0 0 12px 12px;overflow:hidden;}
.main-nav > ul > li.menu-item-95 > a{border-bottom:none;}
.main-nav li a{padding:10px 20px 10px 8px;}
.main-nav .current_page_item > a{
	background:#062847;
	color:#fff;
}
.sub-nav-border{display:none;}

#content-wrap{
	width:91%;
	padding:4%;
	z-index:0;
}
#content{width:100%;z-index:0;}
#content img{max-width:100%;}
#sidebar{margin-top:0;}

#sidebar nav.socials{display:block;}
nav.socials{
	margin:35px 0 0 15px;
	float:right;
	padding:0;
	position:relative;
	font-size:13px;
	background:none;
	border:none;
	-webkit-border-radius: none;
	border-radius: none;
	-webkit-box-shadow: none;
	box-shadow: none; 
}
nav.socials a{
	float:right;
	color:#fff;
}
nav.socials a + a{
	margin:10px 0 0;
	clear:right;
	display:block;
}
nav.socials a + a:hover{opacity:.8;}


/* HOME */
body.home #content{
	border-radius:12px;
	padding:0;
	width:100%;
	background:#fff;
	overflow:hidden;
}

#callout {
    background: url("../images/home_lr.jpg") no-repeat scroll 20% 40% #fff;
    float: none;
    margin: 0 auto 25px;
    padding: 3% 3% 1%;
    text-align: center;
    width: 94%;
}

#home-video {
    float: none;
    margin: 0 auto;
    width: 90%;
	z-index:0;
}
#home-video h3 a{color:#00529B;text-shadow:none;}

#tes {
  float: none;
  margin: 30px auto 5px;
	max-width:94%;
}
#tes blockquote{color:#555;}
#tes p{font-size:11px;}
#tes footer{font-size:10px;}

#home-footer{
	padding:4%;
	width:92%;
	border-radius:0 0 12px 12px;
	border-top: 1px dashed #777;
}
#home-footer > section{border:none;width:100%;}
#home-footer section + section {
    clear: left;
    padding: 20px 0 0;
	/* margin-top:20px;
	border-top: 1px dashed #00529B; */
	width:100%;
}

#sidebar{
	clear:both;
	width:100%;
	margin-left:0;
	border-top:1px dashed #777;
}
#sidebar .widget{
	background: none;
	border: none;
	-webkit-border-radius: none;
	border-radius: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding:0;
	float:left;
}
#sidebar .widget ul, #sidebar .widget ol{padding:0 0 0 8px;}



/* FORMS */
#ReservationApplication{font-size:15px;}
#ReservationApplication label{
	width:auto;
	float:left;
	margin-bottom:3px;
}
#ReservationApplication label.lw{width:150px;}
#content #ReservationApplication li{
	margin-bottom:10px;
	height: auto;
	float:left;
}
#ReservationApplication input.text{
	padding:3px 3px 2px;
	font-size:15px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
#ReservationApplication li input.text,
#ReservationApplication textarea,
#ReservationApplication input.text, #cust_State,#payCreditCardType,#payBillingState{
	clear:left;
	width:94%;
}
#ReservationApplication #payExpDateMonth{clear:left;margin:0 10px 2px 0;}

#ReservationApplication #ItineraryInformation table td{display:table-row;}
#ReservationApplication #ItineraryInformation table.tripType td{display:table-cell;}

#ReservationApplication #ItineraryInformation .timeSelector select{margin-bottom:10px;}
#ReservationApplication #ItineraryInformation .datePicker{margin: 0 10px 0 0;}
#ReservationApplication #ItineraryInformation .ampm{display:block;width:auto;}
#ReservationApplication #ItineraryInformation .minutes{width:auto;}
#ReservationApplication #ItineraryInformation .hours{width:auto;}
#ReservationApplication #ItineraryInformation .datePickerButton{display:block;margin:4px 0 8px;}

.grat{clear:left;width:100%;}
#reqStar{margin-bottom:10px;}

.fac .fleet_container{max-width:380px}
#slideshow figure img{max-width:400px;max-height:210px;}

#menu-quick-links li{font-size:16px;margin-bottom:5px;}

.pudo > div,
.pudo.dest > div{
	width:96%;
	margin:10px 0 !important;
}

#footer .footer-copy{width:100%;margin-bottom:20px;}
#footer .footer-awards{width:100%;}

}

@media only screen and (max-width: 595px) {

	table.wine-table, .wine-table tbody, .wine-table th, .wine-table td, .wine-table tr { 
		display: block; 
	}
	.wine-table tr th { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.wine-table tr { border: 1px solid #ccc; }
	.wine-table td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 45%;
		text-align:center !important;
	}
	
	.wine-table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 35%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	.wine-table td:nth-of-type(1):before { content: "Select"; }
	.wine-table td:nth-of-type(2):before { content: "Name"; }
	.wine-table td:nth-of-type(3):before { content: "Tasting Fee"; }
	.wine-table td:nth-of-type(4):before { content: "Picnic Area"; }
	.wine-table td:nth-of-type(5):before { content: "Food Available"; }
	.wine-table td:nth-of-type(6):before { content: "Group Tours"; }
	.wine-table td:nth-of-type(7):before { content: "Known For"; }
}


}

@media only screen and (max-width: 480px) {
#home-footer input[type="email"]{width:65%;}
}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), 
only screen and (min-device-pixel-ratio : 1.5) {

/* Styles */
.facebook{
	background:url('../images/fb-hr48.png') 0 0 no-repeat;
	background-size:100%;
}
.linkedin{
	background:url('../images/li-hr48.png') 0 0 no-repeat;
	background-size:100%;
}
.newsletter{
	background:url('../images/news-hr48.png') 0 0 no-repeat;
	background-size:100%;
}

/* #ReservationApplication .subtract{
	background:url('../images/minus_hr.png') 0 0 no-repeat;
	background-size:100%;
}
#ReservationApplication .add{
	background:url('../images/add_hr.png') 0 0 no-repeat;
	background-size:100%;
} */

}