@media only screen and (max-width: 1180px) {

#scrollmouse {
	display:none;
}
	
.presentazione {
	padding:4vw;
}
	
.logo {
	height:70px;
}

.blocca .logo {
	width:auto;
	height:60px;
	transition-timing-function: ease-in-out;
	transition-duration: 1s;
}
	
}



@media only screen and (max-width: 1023px) {
	
.header-top-bar-container {
	position:relative;
	width:100%;
	z-index:90;
}
	
#cont_top {
	width:100%;
	height:auto;
	position:relative;
}

#cont_top.blocca {
	position:relative;
}
	
#top {
	width:auto;
	height:auto;
	padding:0px;
	margin:0;
	position:relative;
  z-index:90;
}
	
.blocca #top {
	padding:0px;
	transition-timing-function: ease-in-out;
	transition-duration: 1s;
}

#intestazione {
  display:none;
}
	
.mission h1 {
font-size: 25px;
}

.mission p {
font-size:120%;
}

.presentazione {
	display:block;
	width:100%;
	font-size:16px;
	line-height:1.5em;
	padding:20px 20px 40px;
}
	
.image-presentazione {
	display:block;
	width:100%;
	padding:0px 0px 30px 0px;
}

.image-presentazione img {
	width:100%;
	height:auto;
	object-fit:contain;
}
	
.presentazione h1 {
  font-size:200%;
	line-height:normal;
	margin-bottom:0;
}

.presentazione h2 {
  font-size:180%;
	line-height:normal;
}
	
.azienda {
	width:130px;
	height:auto;
	overflow:hidden;
	margin-right:20px;
}

.azienda img {
	width:100%;
}
	
.azienda2 {
	width:130px;
	height:auto;
	overflow:hidden;
	margin-left:20px;
}

.azienda2 img {
	width:100%;
}

.vini2 {
	width:130px;
	height:auto;
	overflow:hidden;
	margin-left:20px;
}

.vini2 img {
	width:100%;
}

#slogan p {
	font-size:1.6vw;
}
	
.logo {
float: left;
position: relative;
z-index: 100;
width: auto;
top:0px;
height: 60px;
padding: 10px 0px 10px 20px;
transition-duration: 1s;
}
	
.blocca .logo {
	width:auto;
	height:60px;
	transition-timing-function: ease-in-out;
	transition-duration: 1s;
}
	
#top_menu {
	padding:0px;
}
	
#cont_fascia {
	width:100%;
	position:relative;
	padding-top:0px;
}
	
#contenuti-prodotti {
	margin: 0 auto;
	width:100%;
	max-width:1200px;
	padding:30px 20px 40px;
}
	
.prod-cont {
 width:50%;
 float:left;
 padding:10px;
 position:relative;
}
	
.cont-categorie-home {
 padding:10px 2px 40px;
}
	
.colonne {
	column-count: 2;
	column-gap: 30px;
	
	-moz-column-count: 2;
	-moz-column-gap: 30px;
	
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
}
	
#foto {
	height:200px;
}
	

}


@media only screen and (max-width: 980px) {
	
.prod-categorie {
 width:50%;
 padding:7px;
 float:left;
 margin:10px auto;
}
	
/*-------------------------
Categorie
-------------------------*/
	
.cont-categorie {
 width:50%;
 float:left;
 padding:10px;
}
	
.titolo-categoria p  {
	font-size:14px;
	line-height:normal;
	text-transform: uppercase;
	padding:10px;
}

.cont-categorie2 {
    width: 50%;
    float: left;
    padding: 5px;
}
	
/*-------------------------
FINE categorie
-------------------------*/
	
/*-------------------------
PREVENTIVI
-------------------------*/

.immagine-preventivi {
display:none;
}

.tab-preventivi {
float:left;
width:100%;
margin:10px 0px;
}

/*-------------------------
FINE PREVENTIVI
-------------------------*/
	
}



@media only screen and (max-width: 767px) {
	
html,body {
font: 400 16px/1.4em "Montserrat", sans-serif;
}
	
/* Nel titolo pagina prodotti */
h1 {
	font-size:120%;	
}
	
/* Titolo dettaglio */
h2{
	font-size:113%;	
}

h3 {
	font-size:105%;	
}
	
h4 {
	font-size:100%;	
}

/* Prenota adesso*/
h5 {
	font-size:120%;	
}
	
/* Prenota adesso*/
h6 {
	font-size:130%;	
}
	
.fissa {
display:none;
}
	
#slogan h1 {
	font-weight:700;
	animation-delay: 0.8s;
	line-height: 1em;
	font-size: 5vw;
}

#slogan h2 {
	color:rgb(255 255 255 / 75%);
	font-weight: 400;
	font-size:4.3vw;
	line-height:1.1em;
	animation-delay: 1.3s;
	font-family: "montserrat", sans-serif;
}

#slogan p {
	color: #ffc700;
	font-size:1.8vw;
	font-style: italic;
	font-weight:400;
	font-family: "Open Sans", sans-serif;
	margin-bottom:10px;
	line-height:normal;
	animation-delay: 1.6s;
}

.logo {
    top: 5px;
    height: 55px;
    padding: 0px 0px 10px 20px;
    }	
	
.header-top-bar {
   padding:10px 20px 0px 0px;
}
	
.via-top {
    display:none;
}
	
.tel-top {
    border-bottom: 0px;
	padding:0;
}
	
.social-top {
    border-bottom: 0px;
    margin-right: 0px;
	padding:0;
}
	
#carrello-smartphone {
display:inline;
}

#menu {
	width:100%;
	margin:0px;
	font-style: normal;
  position:relative;
}

#cont_menu {
	position:ralative;
	width:100%;
}

#menu-cont {
	width:100%;
	min-width:100%;
	margin:0 auto;
}
	
.overlay h2 {
font-size:300%;
}

	
.loghi img {
	width:49%;
	height:auto;
	padding:3px 10px;
	margin:0;
}

#foto {
	height:100px;
}
	
.overlay-foto h1 {
bottom:30px;
font-size:20px;
}

#contenuti {
	width:100%;
	min-width:100%;
	padding:30px 20px;
}
	
#opzioni {
	list-style: none;
	text-align:left;
	margin:0;
}

#opzioni:after {
content:'';
display:block;
clear:both;
}

#opzioni li {
  display:block;
	list-style: none;
	padding:5px 0px;
	margin-bottom:10px;
	border-right:none;
	border-bottom:1px solid #d1d1d1;
	font-size:14px;
	color:#838383;
}
	
#opzioni li h5{
font-size:16px;
margin-bottom:0;
}

#opzioni li p {
font-size:120%;
display: inline;
margin-right:35px;
}
	
#tabella-prezzi {
margin-top:20px;
width:100%;
font-size:70%;
}
	
.contact {
  float:left;
	width:100%;
	padding-right:0px;
	padding-bottom:35px;
}

#sx {
	display:block;
	float:left;
	width:100%;
	padding:0px 0px 30px;
}

#dx {
	display:block;
	width:100%;
	float:left;
	padding:0;
}

#dx2 {
	display:block;
	width:100%;
	height:auto;
	padding:30px 20px 60px;
}

#sx2 {
	display:block;
	width:100%;
}
	
.bianco {
width:100%;
clear:both;
position:relative;
/*! padding:20px 0px; */
}
	
.grigio-home {
	padding:20px 10px;
}

.colonne {
	column-count: 1;
	column-gap: 30px;
	
	-moz-column-count: 1;
	-moz-column-gap: 30px;
	
	-webkit-column-count: 1;
	-webkit-column-gap: 30px;
	}
	
.mission h1 {
font-size: 18px;
line-height:normal;
}

.mission p {
font-size:100%;
}
	
.cerchio {
 width:50%;
 margin-bottom:10px;
}
	
.cerchio h3 {
	font-size: 15px;
}

#cont-map {
    height: 200px;
}
	
#map img {
 transform: scale(2.9);
}

/* ==========================================*/
/*	grid vini
/* ==========================================*/

.grid-container {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(1, 1fr);
}

.table-vini-td2 h3 {
  font-size:14px;
}

/* ==========================================*/
/*	fine grid
/* ==========================================*/
	
/* ==========================================*/
/*	Chi siamo
/* ==========================================*/

#index-cont-foto {
width:auto;
display:table-cell;
float:left;
}

#index-cont-text {
vertical-align:middle;
width:auto;
display:block;
}
	
#index-cont-text h4 {
font-size:15px;
}

.table-home {
    margin-bottom:0px;
	padding:1px;
}

.mission h3 {
	font-size:20px;
}

.mission h4 {
	font-size:100%;
}
	
.presentazione h1 {
  font-size:150%;
	line-height:normal;
	margin-bottom:0;
}

.presentazione h2 {
  font-size:130%;
	line-height:normal;
}
	
.presentazione h2:after {
	margin-top:10px;
	margin-bottom:10px;
}


/* ==========================================*/
/*	Fine Chi siamo
/* ==========================================*/
	
#image_azienda {
width:100%;
height:auto;
border-radius:0;
margin: 0px 0px 20px 0px;
}
	
input.reservation {
width:100%;
}

select.reservation {
width:100%;
}

input.button-prenota {
width:100%;
}
	
/*-------------------------
Categorie
-------------------------*/
	
.cont-categorie {
 padding:5px;
}
	
.categorie {
  box-shadow:none;
}
	
.titolo-categoria {
  position:absolute;
	width:100%;
	/*! height: 40%; */
	z-index:15;
	text-align:center;
	bottom:0;
}
	
.titolo-categoria p  {
	/*! font-family: "Open sans", sans-serif; */
	font-size:12px;
	line-height:normal;
	text-transform: uppercase;
	padding:4px;
}

.cont-categorie-home {
    width: 100%;
	padding:10px 20px;
}
	
.titolo-categoria-home {
	min-height:auto;
}
	
.titolo-categoria-home h2  {
	line-height:normal;
	font-size:16px;
	margin-bottom:0;
	font-weight:700;
}
	
	
/*-------------------------
FINE categorie
-------------------------*/
	
/*-------------------------
MINIATURE dettaglio
-------------------------*/

.cont-box-image {
 width:100%;
 float:left;
}
	
.cont-box-image5 {
 width:100%;
 padding:10px 0px;
}

/*-------------------------
FINE MINIATURE
-------------------------*/

/*-------------------------
BOX auto vendita
-------------------------*/

.box-cont {
width:100%;
padding:0px;
float:left;
margin-bottom:50px;
}
	
.box-white {
font-size:100%;
}

.destinazione {
height:auto;
padding:20px 0px 0px;
overflow:hidden;
}

.destinazione h1 {
	color: #333;
	font-size:18px
}

/*-------------------------
FINE BOX auto vendita
-------------------------*/
	
/*-------------------------
MINIATURE offerte
-------------------------*/
#box_news {
	float:left;
	width:100%;
	padding:10px;
	margin-bottom:25px;
	background:#fff;
	border-radius:5px;
  box-shadow: 0px 2px 2px rgba(0,0,0,.10);
	border-top:1px solid #f5f5f5;
}
	
#miniatura_news {
	float:left;
	width:100px;
	height:auto;
	overflow:hidden;
	margin:-10px 20px 10px -10px;
	border-radius:0px;
}
	
#box_news h1 {
	color: #e74631;
	font: 400 16px/normal 'Open Sans', sans-serif;
	margin-bottom:2px;
	text-shadow: none;
}
	
#box_news p {
font-size:90%;
line-height: normal;
}
	
/*-------------------------
fine MINIATURE offerte
-------------------------*/
	
/*-------------------------
MINIATURE galleria
-------------------------*/

.cont-box-image {
 width:33.3%;
 float:left;
 padding:1px;
}
	
.cont-box-image2 {
 width:50%;
 padding:5px;
}
	
#image_dettaglio {
	width:100%;
	float:none;
	height:auto;
	margin:0px 0px 20px;
	overflow:hidden;
}
	
#image_dettaglio-shop {
	width:100%;
	float:none;
	height:auto;
	margin:0px 0px 20px;
	overflow:hidden;
}

#image_dettaglio-shop img {
	max-width: 100%;
	height: auto;
}

/*-------------------------
FINE MINIATURE galleria
-------------------------*/

.cont-contatti {
 width:100%;
 float:left;
 padding:10px 50px;
 text-align:center;
}
	
/*-------------------------
PRODOTTI HOME
-------------------------*/

.prod-index {
 width:100%;
 padding:0px;
}
	
	
.prod-categorie {
 width:100%;
 padding:0;
}
	
.prod-cont {
 width:100%;
 padding:0px;
	margin-bottom:15px;
}
	
.prod-home {
 width:100%;
 padding:0px;
}


.card-container {
	margin:10px 0px;
    flex: 0 0 calc(100% - 0px); /* Disabilita espansione e riduzione, larghezza base */
}

/*-------------------------
FINE PRODOTTI HOME
-------------------------*/
	
/*-------------------------
VIDEO RESPONSIVE
-------------------------*/
	
.cont-table-video {
 float:left;
 width:100%;
 padding:5px;
}

.cont-rwd-video {
 float:left;
 width:100%;
 padding:5px;
}

/*-------------------------
FINE VIDEO RESPONSIVE
-------------------------*/
	
.tab-foto-prodotti-e {
	display:block;
	width:100%;
	height:auto;
	padding:10px 0px;
}

.tab-foto-prodotti-econt {
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
	
.tab-contenuti-prodotti-e {
	display:block;
	width:100%;
	padding:10px 0px 10px 0px;
	position:relative;
}
	
.tab-foto-prodotti-econt img {
transition-duration: 2s;
position:relative;
z-index:1;
height:auto;
width:100%;
min-height:auto;
min-width:auto;
max-width:auto;
max-height:auto;
top:0;
left:0;
-webkit-transform: translate(-0%,-0%); 
-moz-transform: translate(-0%,-0%);
-ms-transform: translate(-0%,-0%);
-o-transform: translate(-0%, -0%);
transform: translate(-0%,-0%);
}
	

#footer {
	margin: 0 auto;
	width:100%;
	min-width:100%;
  font: 300 14px/1.6em "Open sans", Helvetica, sans-serif;
  padding:20px 10px;
}

.uno {
	float:left;
	padding:0px;
	width: 100%;
	padding:10px;
	margin-bottom:20px;
}
.due {
	float:left;
	padding:0px;
	width: 100%;
	padding:10px;
	margin-bottom:20px;
}
.tre {
	float:left;
	padding:0px;
	width: 100%;
	padding:10px;
	margin-bottom:20px;
}


#footer2 {
	margin: 0 auto;
	width:100%;
	min-width:100%;
  font: 400 13px/1.8em "Open sans", sans-serif;
}
	
   
    
}