.nav-mobile, .nav-click, .intro-nav{ display:none;}
img { max-width: 100%;}
.intro-content img{ width:100%;}

@media (max-width:1024px) {
	
.top-nav{ display:block;}

.intro-content, .intro-content > div{ width:100% !important;}
#wrapper{ overflow:inherit;}
.top-nav li:first-child{ background:none;}


}

@media (min-width:768px) and (max-width:991px) {
	
#wrapper{ max-width:760px;}	
img { max-width: 100%;}
.top-nav{ display:block;}
.top-nav a { font-size: 13px; letter-spacing: 0.3px;}
#footer p.rights, #footer address{ float:none; display:block; text-align:center; padding:8px 0;}	

/**/
h1.logo{position: absolute; top: 0; width: 130px; height:60px; background: url(../images/logo.png) no-repeat 0 0 / 130px auto;}
#nav, .menu-holder, .visual{ width:50%; float:left;}

.content-holder{ background:none;}
.aside{ width:46%;}
.intro_new {
    box-sizing: border-box;
    color: #ffffff;
    font-size: 14px;
    height: auto;
    line-height: 20px;
    padding: 0 15px;
    text-align: center;
    width: 100%;
}
.intro_new p, .intro_new h3 {
	background:rgba(0,0,0,.3);
	padding:20px;
}


}



@media (max-width:767px) {
	
	img {  max-width: 100%;}

/* Mobile navigation */
.nav-mobile {
	display: block; cursor: pointer; position: absolute; top:20px; right:10px;	background:#eee url(../images/open.png) no-repeat center center;	height: 40px;	width:40px;
	line-height: 40px;border-radius:0}
.nav-click { position: absolute;top: 0;	right: 0;display: block; border-left: 1px solid #c2c2c4;	height: 46px; width: 50px;	cursor: pointer;	z-index: 99;}
.nav-click i {display: block; height: 46px;	width: 46px;	background: url(../images/drop.svg) no-repeat center center;	background-size: 20px;}
.nav-click:hover {	background-color: #c6c7ca;}
i.nav-rotate { background-color: #c6c7ca;} 
.nav-rotate {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}


.top-nav.nav-list { background: #dbdcde; height: auto; left: 0;  margin: 0;  position: absolute; text-align: left; top: 60px;  width: 100%; z-index: 999; display:none;}
.top-nav.nav-list li {  border-bottom: 1px solid #c2c2c4;  float: left;  margin: 0;  padding: 0;  width: 100%; position:relative;}
.top-nav.nav-list li .nav-submenu li{ border:none;}
.top-nav.nav-list a { border-radius: 0; box-sizing: border-box; float: left; line-height: normal;  padding: 15px; width:100%;}
.top-nav.nav-list li ul li a{padding: 15px 15px 15px 25px; width:100%;}
.top-nav.nav-list li:hover .nav-submenu, .top-nav.nav-list li .nav-submenu li:hover .nav-submenu {
	display: none;
}
.top-nav.nav-list ul{ border-radius: 0; float: left; position: static; width: 100%; padding:0;}
.top-nav.nav-list li:hover ul a,
.top-nav.nav-list li.hover ul a {
	height:inherit; padding-left:25px;color:#000; text-transform:uppercase;	font-size:14px;	letter-spacing:2px;
}

#footer p.rights, #footer address{ float:none; display:block; text-align:center; padding:8px 0;}	



/**/
.intro-nav{ display:block; color:#222; padding:8px 10px; text-align:center; font-size:16px; font-weight:bold; width:96%; margin:0 2%; -webkit-border-radius:0; border-radius:0; border:1px solid #ccc; box-sizing:border-box;
background: #fff; 
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
}

.intro-nav:hover{ text-decoration:none;
background: #cccccc; 
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); 
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
}

h1.logo{position: absolute; top: 0; width: 130px; height:60px; background: url(../images/logo.png) no-repeat 0 0 / 130px auto;}
.menu-holder { box-sizing: border-box;  float: left; padding: 0 10px; text-align: center;  width: 100%; background:none;}
#nav{ display:none; width:96%; position:absolute; margin:0 2%; border:1px solid #ccc; -webkit-border-radius:0; border-radius:0; z-index:99;
background: #ffffff; 
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );

}

#nav li { border-bottom: 1px solid #ccc; box-sizing: border-box; float: left; line-height: 26px; margin: 0; padding: 5px 10px;  text-align: center; width: 100%;}
#nav li:last-child{ border:none;}
.heading, ul.menu-list , .menu-list-text{ float: left; padding: 0;  width: 50%; height:inherit;}
.logo-area{ background:none;}
.visual, .aside{ width:100%; padding:5%; box-sizing:border-box;}
.wine_page_title { float: none; text-align: center;  width: 100%;}
.title h2 { font-size: 24px; margin: 0 0 15px;}
#wines { margin:0; padding:0; width:100%; }
#wines li { float: none; display:block; line-height: 16px; margin: 5px 0;  width: 100%;}
#wines a { float:none; display:block; text-align:center; }

.intro_new {
    box-sizing: border-box;
    color: #ffffff;
    font-size: 14px;
    height: auto;
    line-height: 20px;
    padding: 0 15px;
    text-align: center;
    width: 100%;
}

.intro_new p, .intro_new h3  {
	background:rgba(0,0,0,.3);
	padding:20px;
}


.title a { float:right; }

.content-holder { background:none; }

.hide-mobile {display:none;}
.show-mobile { display:block;}

}

@media (min-width:768px) {
	.hide-mobile {display:block;}
	.show-mobile { display:none;}
}

@media (min-width:500px) and (max-width:767px) {.intro-content, .intro-content > div{ max-height:500px;}}

@media (min-width:320px) and (max-width:499px) {.intro-content, .intro-content > div{ max-height:300px;}}