.onlymobile { display: none; }
.nomobile { display: block; }

@media screen and (max-width:1600px) {
}

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

}

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

}

@media screen and (max-width:1024px) {
	body { font-size: 0.7em; }
	#langbots { top:3%; right:4%; line-height: 1em;}
	#page6 .content_col2 { left: 31%; width: 45%; line-height: 3.4em; margin-top: -0.9%;}
	#page6 .content_col3 { left: 36%;  width: 40%; margin: 0px; 
		transform: none; padding: 0px;  margin-top: 22%;}
		
}

@media screen and (max-width:730px) {
	
}


@media screen and (max-width:720px) {
	.onlymobile { display: block; }
	.nomobile { display: none; }
	body { font-size: 0.77em; }
	#langbots a { display: block; color:inherit; text-decoration: none; padding: 0.1em; }
	#langbots { top:3%; right:4%; line-height: 1em; width: 10%;}
	#langbots span { display: none !important; }
	#logo1 {margin-left: -0.1% ; width: 11.28341%; left: 0% !important; margin-left: -1% !important; top:4.8%; 
		transform: translateY(-50%) rotate(45deg); transform-origin: center;}
	#logo2 { right: -44.7% ; margin-left: -0% ;  width: 63.5205%; top:97%; padding-left: 10%; }
	#logoc {  transform: translateX(0%) translateY(50%) rotateZ(35deg); transform-origin: center;}
	.letra1 { opacity: 0; transition: all 0.5s; }

	.setpage0 #logoc {  transform: translateX(0%) translateY(0%) rotateZ(0deg);}
	.setpage1 #logoc {  transform: translateX(0%) translateY(0%) rotateZ(0deg);}
	.setpage2 #logoc {  transform: translateX(0%) translateY(0%) rotateZ(0deg);}

	.setpage0 .letra1, .setpage1 .letra1, .setpage2 .letra1 { opacity: 1; }

	#logo1.setpage0 {  left: 14% !important; margin-left: 0%; transform: translateY(-50%); top: 50%;}
	#logo2.setpage0 {  right: 15%;  margin-left: -16%; transform: translateY(-50%); top: 50%;}

	#logo1.setpage1 {left: 0% !important; margin-left: -1% !important; top:4.8%; 
		transform: translateY(-50%) rotate(45deg); transform-origin: center;  }
	#logo2.setpage1 {left: inherit !important; right: -0.1% !important; margin-left: -0% !important;
		top: 76%;
	  }

	  #homeimg { width: 80%; left: 2%;transform: translateY(50%);}
	#homeimg.setpage1 { bottom:50%; transform: translateY(50%); width: 80%; left: 2%; }
	#homeimg2 { width: 28%; position: absolute; left: 74.5%; top: 50%; transform-origin: center; transform: rotateZ(0deg);}

	#homeimg.setpage2 { bottom:50%; transform: translateY(50%); width: 80%; left: 2%; }

	#logo1.setpage2 {left: 0% !important; margin-left: -1% !important; top:4.8%; 
		transform: translateY(-50%) rotate(45deg); transform-origin: center;  }
	#logo2.setpage2 {left: inherit !important; right: -0.1% !important; margin-left: -0% !important;
		top: 93%;
	  }



.showqr #lohoqrmenu1 { left: -0.5em; width: 55%; top:-0.2em; z-index: 2; 
	transform-origin: center;  transform: rotateZ(55deg); animation: fadein 1s; }
.showqr #lohoqrmenu2 { right: -0.3em; width: 55%; top: 69% !important;   z-index: 2; 
	transform-origin: center; transform: rotateZ(230deg); animation: fadein 1s; }

.showqr #qrmenuslogan {  bottom: 0px; left:0px; transform: none; }
.showqr #qrfecha {  opacity: 1; }
.showqr ul { opacity: 1 !important; }


	#homeimg.setpage2 { bottom:30.5% !important; transform: translateY(50%); width: 80%; left: 2%; }

	#page2 .pagecontent { position: absolute; width: 85%; top:10%; left:7.5%; }
	
	#page3 .pagecontent { position: absolute; width: 100%; top:44%; 
		left:0%;  transform: none; height: 20%; }
	
	#page3 .content_img { width: 70%; transform: rotateZ(-5deg); left:0.5%; top:13%; }
	#page3 .content_col1 { right: inherit;  width: auto; text-align: left; left: 0px; 
		transform: none;   }
	#page3 .content_col2 { left: 0%;  width: 70%; margin: 0px; left: 50%; 
		transform: translateX(-50%); padding: 0px;  margin-top: 17%;}

	#page4 .pagecontent { position: absolute; width: 100%; top:14%; 
		left:0%;  transform: none; height: 20%; }
	
	#page4 .content_img { width: 70%; transform: rotateZ(-5deg); left:0.5%; bottom:1%; }
	#page4 .content_col1 { right: inherit;  width: auto; text-align: left; left: 0px; 
		transform: none;   }
	#page4 .content_col2 { left: 0%;  width: 70%; margin: 0px; left: 50%; 
		transform: translateX(-50%); padding: 0px;  margin-top: 17%;}


	#page5 .pagecontent { position: absolute; width: 100%; top:12%; 
		left:0%;  transform: none; height: 20%; }
	
	#page5 .content_img { width: 70%; transform: rotateZ(-5deg); left:0.5%; bottom:1%; }
	#page5 .content_col1 { right: inherit;  width: auto; text-align: left; left: 0px; 
		transform: none;   }
	#page5 .content_col2 { left: 0%;  width: 70%; margin: 0px; left: 50%; 
		transform: translateX(-50%); padding: 0px;  margin-top: 13%;}

	#prodslider { position: absolute; top:-1.3em; width: 100%; height: 100%; left:0px; overflow: hidden; }
#prodswrapper { position: absolute; top:0px; width: 600%; height: 100%; left:0px; z-index: 0; }
.prod { float: left; width: 600px; height: 100%;   position: relative;; }
.prod .content_img {  position: absolute; transform-origin: center; width: 44% !important; 
	transform: rotateZ(-5deg); right:56%; top:39%;}
.proddesc { position: absolute; top:65%; left:5.2%; }
		#prodsflechas { position: absolute; top:83%; width: 20%; left:5.2%; z-index: 1; }


		#page6 .pagecontent { position: absolute; width: 100%; top:16%; 
		left:0%;  transform: none; height: 20%; }
	
	#page6 .content_img { width: 60%; transform: rotateZ(-5deg); left:0.5%; top:22%; }
	#page6 .content_col1 { right: inherit;  width: auto; text-align: left; left: 0px; 
		transform: none;   }
	#page6 .content_col2 { left: 0%;  width: 70%; margin: 0px; left: 50%; 
		transform: translateX(-50%); padding: 0px;  margin-top: 55%; line-height: 2.6em;}
		#page6 .content_col3 { left: 0%;  width: 70%; margin: 0px; left: 50%; 
		transform: translateX(-50%); padding: 0px;  margin-top: 86%;}

.finalpage .prod .content_img { top:40%; width: 39.5% !important;  }


		.expotit1 { font-family: 'Sohne Breit Leitch'; font-size: 2.4em;  }
.expotit2 { font-family: 'numbers_deuceregular'; font-size: 2.4em; margin-top: 2%;  }
.expotit3 { font-family: 'gt_alpina_typewriterLtIt'; font-size: 2.4em;  }


	#footer { font-size: 0.67em; height: auto;}

	.footerline { position: relative; width: 100%; left:0px; height: auto; border-top: 1px solid #000; }

	.footerline1 { top:0px; position: relative; height: auto; padding: 2% 0%; }
	.footerline2 { top:0px; font-size: 1em !important; position: relative; height: auto;line-height: 1.6em;}
	#footer ul { position: relative; left:50%; list-style: none; font-size: 1.4em;
	transform: translateX(-50%); font-style: italic; width: 80%; text-align: center; }
	.footerline2 .fullcenter { position: relative; top:0px; left:0px; transform: none; padding: 2% 4%;
		width: 92%; text-align: center;  }

	#footerauto #footer {  height: auto; }
	#footerlogo { position: absolute; width: 3%;  left:3%; top:50%; cursor: pointer;
	transform: translateX(-50%) translateY(-50%);}


	/*MENU*/
	#menuimg1 { width: 14%; position: absolute; top:-0.5%; left:-0.1%; }
#menuimg2 {width: 14%; position: absolute; bottom:-0.5%; right:-0.1%; transform-origin: center; transform: rotateZ(180deg); }

	/*CARTA*/
	#logocarta1, #logocarta2 { display: none; }
	.cartaprods { width: 88%; margin-top: 5em; }
	.cartaprod { font-size: 1.4em; }

	.prodsupertit h1 { font-size:3.3em;  }

	#cartaclose { width: 6%; }

#cartamplitxt { position: absolute; left:5%; width: 70%; top:9%; transform: translateY(0%); }
#cartamplitxt h1 { font-size: 2.8em; width: 100%; }
#cartamplifotos { position: absolute; width: 90%; bottom: 6em; height: 0px; padding-top: 33%;
 right: 1em;}

 	/*VINOS*/

 	.vinopage .prodsupertit { position: absolute; top: 13%; margin-top: 0px;}
#vinosintrotxt { position: absolute; top:22%; left:50%; width: 85%; transform: translatex(-50%); }
#vinosintrofoto { position: absolute; bottom:38%; right: 2%;  width: 62%; 
 transform: rotateZ(10deg); }
#vinosintrobotella { position: absolute; left:-0.5%; bottom: 21%;  width: 50%;  }
.cartaprodvino { font-size: 0.4em; width: 40%;  }


#logovino1 { position: fixed; left: 0px; width: 18%; top:0px; z-index: 2; 
	transform-origin: center; animation: fadein 1s; }
#logovino2 { position: fixed; right: 0px; width: 18%; bottom:0px; z-index: 2;
 transform-origin: center;  animation: fadein 1s; }

#logocarta1 { position: fixed; left: -0.1%; width: 15%; top:50%; z-index: 2; transform-origin: center;
	transform-origin: center;  transform: translateY(-50%) rotateZ(-11deg);
	animation: fadein 1s; 
}
#logocarta2 { position: fixed; right: -0.1%; width: 15%; top:50%; z-index: 2; transform-origin: center;
 transform-origin: center;  transform: translateY(-50%) rotateZ(169deg);
 animation: fadein 1s; 
}

.vinosprods { width: 85%; left: 50%; position: relative; transform: translateX(-50%);
	margin-top: 3.2em;
}
.vinosprods .ptit { font-size: 0.8em; }
.vinosprods h2 { display: block; text-align: center; width: 100%; font-size: 1.8em; padding: 1.3em 0px; }

	/*RESERVAS*/
	.reservapage { position: relative; height: auto !important; }
	#logovino3 { position: fixed; right: -0.2em; width: 15%; bottom:-0.2%; z-index: 2;
 transform-origin: center;  transform: rotateZ(230deg);animation: fadein 1s;}
#rescol1 { position: relative; left: 50%; transform: translateX(-50%); width: 85%; margin-top:20%;  }
#rescol2 { position: relative; left: 50%; transform: translateX(-50%); width: 85%; top:0%; margin-top: 10%; }
#rescol2 h1 { font-family: 'Sohne Breit Leitch'; font-size:3.8em; font-weight: normal; }
#map { width: 100%; height: 0px; padding-top: 50%; border: 1px solid #000; margin-top: 8%; }
#api { width: 120%; height: auto; padding-top: 0%; background-color: #fff; border: 1px solid #000; 
	margin-top: 15%; height: 68em; margin-left: -10%; }
.reservapage #footer { position: relative; margin-top: 24%; }

	  /*QRMENU*/
	  #qrmenu { position: fixed; top:0%; width: 100%; height: 100%; background-color: #e94f2b;
	transition: all 0.4s; animation-timing-function: ease-in-out; z-index: 10; overflow: hidden;}
	#qrmenu #qrmenubot { opacity: 1; position: absolute; }
	#qrmenu.show { top:0px !important; }

	#qrmenu ul { position: absolute; text-align: center; list-style: none; left:50%; top:50%; font-family: 'Sohne Breit Leitch';
		transform: translateX(-50%) translateY(-50%); font-size: 4em; line-height: 1.5em; }
	#qrmenu li { position: relative; transform-origin: center; transition: all 1s; animation-timing-function: ease-in-out;}
	#qrmenu a { display: inline-block; text-decoration: none; color:inherit; }


	#lohoqrmenu1 { position: fixed; left: 21%; width: 55%; top:35%; z-index: 2; transition: all 1.4s;
		transform-origin: center;  transform: translateY(-50%) rotateZ(0deg); animation: fadein 1s; }
	#lohoqrmenu2 { position: fixed; right: 23.5%; width: 55%; top:36%; z-index: 2; transition: all 1.4s;
		transform-origin: center;  transform: translateY(-50%) rotateZ(190deg); animation: fadein 1s; }
	#qrmenuslogan { position: fixed; width: 28%; bottom: 12%; left: 50%; transform: translateX(-50%) rotateZ(10deg); 
		transition: all 1.4s;animation: fadein 1.6s;}

	#qrfecha { position: fixed; width: 28%; top: 5%; right: 8%; width: 40%; font-size: 1.4em; transition: all 1.4s;
		white-space: nowrap; text-align: right; display: inline-block; opacity: 0; }
	#qrmenu ul { opacity: 0; transition: all 1.4s;}

.sellofooter { width: 6.1em; right: 9.5em; top:-4.5em;  }
.sellofooter2 { right: 2.5em; }
.body_reserva .sellofooter { display: block; }

.cartaprodvino { float: right; width: 35%; font-size: 0.6em; line-height: 1.3em; }
.cartaprodvinopvp { float: right; width: 25%;  margin-right: -0.6em; }


.cartaprodvino strong { font-family: 'Sohne Breit Leitch'; font-weight: normal; font-style: normal !important; }

.vinosprods .cartaprod { padding-bottom: 1em; }
.vinosprods .ptit { width: 42%; line-height: 1.1em; }
.vinosprods .ptit p { font-size: 0.9em !important;  }

}


@media screen and (max-width:375px) and (-webkit-max-device-pixel-ratio: 2) {
	body { font-size: 0.71em; }
	#page3 .content_img, #page4 .content_img { width: 63%;  }
	.prod .content_img { width: 43% !important; }
	.finalpage .prod .content_img { bottom:15%; width: 38% !important;  }

	#page6 .content_img { width: 55%;  }
	#page6 .content_col2 { margin-top: 52%; }
	#page6 .content_col3 { margin-top: 80%; }

}

@media screen and (max-width:375px) and (-webkit-max-device-pixel-ratio: 1) {
	body { font-size: 0.46em; }
	
	#page6 .content_img { width: 55%;  }
	#page6 .content_col2 { margin-top: 52%; }
	#page6 .content_col3 { margin-top: 80%; }

}