@media screen and (min-width: 768px) {

	body {
		background-image: url('/images/sfondi/bg-riga.jpg');
		background-position: center center;
	}

	div.page-container {
		width: 720px;
		padding-left: 15px;
		padding-right: 15px;
	}
	div#page-center {
		width: 100%;
		margin: 0 50px 0 0;
		margin-bottom: 50px;
	}
	div#page-side {
		width: 100%;
		margin: 0;
		margin-bottom: 50px;
	}
	div.page-center2 {
		width: 100%;
		margin: 0;
		margin-bottom: 50px;
	}
	div.page-side2 {
		width: 100%;
		margin: 0;
		margin-bottom: 50px;
	}
	div.grid-3-1 {
		width: 200px;
		margin-left: 30px;
		margin-right: 30px;
	}
	div.grid-3-2 {
		width: 200px;
		margin-left: 0;
		margin-right: 30px;
	}
	div.grid-3-3 {
		width: 200px;
		margin-left: 0;
		margin-right: 30px;
	}
	div.grid-3 {
		height: auto;
		float: left;
		width: 60%;
		margin-bottom: 50px;
		margin-left: 20%;
	}
	div.grid-3:last-child {
		margin-right: 0;
		margin-bottom: 0;
	}
	div.grid-2-1 {
		width: 330px;
		margin-right: 30px;
	}
	div.grid-2-2 {
		width: 330px;
		margin-right: 0;
	}
	div.grid-2-att {
		height: auto;
		float: left;
		width: 50%;
	}
	div.grid-2-att-inv {
		height: auto;
		float: right;
		width: 50%;
	}
	div.grid-2-perc {
		height: auto;
		float: left;
		width: 45%;
		margin-right: 10%;
		margin-bottom: 0;
	}
	div.grid-2-perc:last-child {
		margin-right: 0;
		margin-bottom: 0;
	}
	div.grid-3-att {
		height: auto;
		float: left;
		width: 33.33%;
	}
	div.grid-4-1 {
		width: 315px;
		margin-left: 30px;
		margin-right: 30px;
	}
	div.grid-4-2 {
		width: 315px;
		margin-left: 0;
		margin-right: 30px;
	}
	div.grid-4-3 {
		width: 315px;
		margin-left: 30px;
		margin-right: 30px;
	}
	div.grid-4-4 {
		width: 315px;
		margin-left: 0;
		margin-right: 30px;
	}
	.mtop {
		margin-top: 100px!important;
	}
	.mbottom {
		margin-bottom: 100px!important;
	}
	.mtopb {
		margin-top: 200px!important;
	}
	.mbottomb {
		margin-bottom: 200px!important;
	}
	.mtops {
		margin-top: 50px!important;
	}
	.mbottoms {
		margin-bottom: 50px!important;
	}
	.ptop {
		padding-top: 100px!important;
	}
	.pbottom {
		padding-bottom: 100px!important;
	}
	.ptopb {
		padding-top: 200px!important;
	}
	.pbottomb {
		padding-bottom: 200px!important;
	}
	.ptops {
		padding-top: 50px!important;
	}
	.pbottoms {
		padding-bottom: 50px!important;
	}
	.tmediumText {
		font-size: 1.5vw;
		line-height: 1.5vw;
	}
	.tmedium {
		font-size: 2vw;
		line-height: 2vw;
	}
	.tbig {
		font-size: 3vw;
		line-height: 3vw;
	}
	.thuge {
		font-size: 7vw;
		line-height: 7vw;
	}


  .overlay.open::before {
  	width: 50%;
  }

  .overlay.open {
  	width: 50%;
  }

	.overlay nav {
		position: relative;
		height: auto;
		font-size: 25px;
		font-weight: 400;
		text-align: left;
		float: left;
		width: 100%;
		margin-left: 10%;
		margin-right: 0%;
		padding-top: 200px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.overlay ul.menu-list li {
		display: block;
		height: calc(100%/5);
		width: 100%;
		position: relative;
		opacity: 0;
		float: left
	}
	div.socialMenu {
		position: relative;
		height: 100%;
		text-align: left;
		float: left;
		color: var(--testosporco);
		width: 30%;
		margin-left: 10%;
		margin-right: 10%;
		padding-top: 200px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	div.socialMenu h2 {
		display: block;
	}
	.underscrollhome {
		position: absolute;
		bottom: -200px;
		right: -20vw;
		z-index: 1
	}
	.carousel-cell {
		width: 30%;
		margin-right: 1%;
		height: auto;
		color: var(--testosporco)
	}
	 :root {
		--space: 2rem;
		--space-xs: calc(var(--space) / 3);
		--space-sm: calc(var(--space) / 2);
		--space-md: calc(var(--space) / 3)
	}
	main {
		display: flex;
		flex-wrap: wrap;
	}
	.article {
		flex-basis: 0;
		flex-grow: 1;
		min-width: 50%;
	}
	.sidebar {
		--offset: var(--space);
		flex-grow: 1;
		flex-basis: 300px;
		align-self: start;
		position: sticky;
		top: var(--offset);
		top: calc(var(--offset) + 80px);
	}
	.claimCenter {
		width: 40%;
		height: auto;
		text-align: center;
		z-index: 1;
		position: absolute;
		bottom: -10%;
		left: 10%;
		opacity: 1;
		transform: translate(0%, 0%);
		transition: all 1s;
		-webkit-transition: all 1s;
		-o-transition: all 1s;
		-ms-transition: all 1s;
		-moz-transition: all 1s;
	}

	.claimCenter h2 .bigApice {
		width: 30%;
		position: absolute;
		height: 1px;
		background: #fff;
		top: -20%;
	}
	.cameraWrp:nth-child(odd) img {
		width: 80%;
		height: auto;
		float: right;
		z-index: 1
	}
	.cameraWrp:nth-child(odd) .cameraInfo {
		position: absolute;
		width: 40%;
		top: 50%;
		left: 0%;
		transform: translate(0%, -50%);
		background: #fff;
		padding: 5%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		z-index: 2;
		overflow: hidden;
	}
	.cameraWrp:nth-child(even) img {
		width: 80%;
		height: auto;
		float: left;
		z-index: 1
	}
	.cameraWrp:nth-child(even) .cameraInfo {
		position: absolute;
		width: 40%;
		top: 50%;
		right: 0%;
		transform: translate(0%, -50%);
		background: #fff;
		padding: 5%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		z-index: 2;
		overflow: hidden;
	}
	.servizioList {
		width: 90%;
		margin-left: 10%;
		float: left;
		height: auto;
		margin-bottom: 100px
	}

	.sidebarMenu
	{
		position: fixed;
		height: auto;
		width: 10%;
		top:50px;
		left: 50px;
		z-index: 20
	}

	.LogoMenu svg {
		height: 120px;
		margin: 10px;
		opacity: 1;
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-moz-transition: all 0.5s;
	}

		.menumob
		{
			display: block
		}





	.titoloMenu h3
	{
		font-size: 3vw;
		line-height: 4vw;
	}
	.titoloMenu2 h3
	{
		font-size: 2vw;
		line-height: 2vw;
	}

	.titoloMenu .barradestra-titoloMenu
	{
		line-height: 3vw;
	}
	.titoloMenu .barrasinistra-titoloMenu
	{
		line-height: 3vw;
	}

	ul.piattiMenu li div.descPiatti,
	ul.piattiMenu li div.sottotitoloPiatti
	{
		width: 80%;
	}
	ul.pinseMenu li div.descPiatti
	{
		width: 80%;
	}

	ul.viniMenu li.titoloVini
	{
		text-transform: uppercase;
		font-size: 15px;
		line-height: 50px;
		font-weight: 400;
		display: block;
	}
	ul.viniMenu li .viniMenuDen
	{
		width: 40%;
	}
	ul.viniMenu li .viniMenuCasa
	{
		width: 40%;
	}
	ul.viniMenu li .viniMenuBot
	{
		width: 10%;
		float: left;
		text-align: center;
		background-image: none;
			line-height: inherit;
				padding-left: 0px;
	}
	ul.viniMenu li .viniMenuCal
	{
		width: 10%;
		float: left;
		text-align: center;
		background-image: none;
			line-height: inherit;
				padding-left: 0px;
	}


	ul.bevandeMenu li
	{
		width: 45%;
		margin: 10px 2.5%;
	}

	.barraImgFM
	{
		width: 200px;
		height: 200px;
			bottom: 0px;
	}

div.wrp a.qrcode
{
	    width: 95%;
	    margin: 20px 2.5%;
}


.boxlogoinfo img
{
	max-width: 200px;
	width: 40%;
	float: left;
	margin-left: 30%
}


.mobileIconMenu
{
	display: block;
}

.menu-button_container {

	top: 70px;
	right: 20px;

}


.menu-button_container_tel
{
	height: 70px;
	width: 70px;
}
.menu-button_container_tel a
{
	height: 70px;
	width: 70px;
	line-height: 70px;
}
#topImage {
  width: 40%;
}

#topImageBg {
  width: 40%;
}


.claimTop {
	top: 50px;
		text-align: center;
}

.claimTop h1{
	font-weight: 300;
	font-size: 40PX
}


.btnsq {
	width: 150px;
	height: 150px;
	line-height: 150px;
}
.squarelinkMenuWrp
{
	width: 150px;
	height: 150px;
	margin-left: -75px;
	margin-bottom: 0
}
.squarelinkEventWrp
{
	width: 150px;
	height: 150px;
	margin-left: -75px;
	margin-bottom: 0
}

.testoAboutHome
{
	padding-left: 40px;
	text-align: left;
}

.testoEventitHome
{
	padding-right: 40px;
	text-align: right;
}


div.eventhomeImg img
{
	width: 90%;
	margin-left: 10%
}

.lavoraconnoiLink
{
	margin-left:-30%;
	padding: 80px 0
}

.copertinaPagineWrp
{
	margin-left: 20%;
	width: 80%;
	float: left;
}

.imgCopertina img
{
		width: 120%;
				margin-left: 0%;
		float: left;
}




form div.form1campi{
	width: 100%;
}
form div.form2campi{
	width: 49%;
	margin-right: 2%;
}
form div.form3campi{
	width: 32%;
	margin-right: 2%;
}
form div.formnomargin{
	margin-right: 0%;
}

label,.activeForm,input,textarea
{
	font-size: 20px;
}





	ul.contatti-footer {
		width: 70%;
	}
	ul.contatti-footer li {
		width: 96%;
		float: left;
		border-bottom: 0 solid var(--principale);
		border-left: 2px solid var(--principale);
		text-align: left;
		padding: 10px 2%;
		margin-bottom: 20px;
		font-size: 18px;
	}
	ul.social-footer {
		width: 30%;
		margin: 0;
		text-align: right;
	}
	div.section-container.iubendaclass {
		padding: 0 0 20px 0;
		text-align: right;
	}
	.footer-contact-title {
		border-bottom: 1px #585857 solid;
		padding-left: 40px;
		padding-right: 0;
		padding-bottom: 10px;
	}
	.infoMappa {
		height: 400px;
		margin-left: 10%;
		width: 40%!important;
		text-align: left;
	}
	html body div#pre-footer div.page-container div.height-container div#Pre-footer-container div.grid-2-1 {
		text-align: right;
	}
	html body div#pre-footer div.page-container div.height-container div#Pre-footer-container div.grid-2-2 {
		text-align: left;
	}
}