@media (min-width: 1470px) {
	
	.container {
		width: 1470px;
		max-width: 1470px;
	}
	.gatti-menu {
	width: 70%;	
	}

	.sticky-wrapper {
		height: 170px;	
		}

	
}

@media (max-width: 1469px) and (min-width: 1200px) {

	/* *** HEADER *** */

	header .logo {
		/* width: 540px;
		height: 130px;
		margin-top: -65px;
		margin-left: -270px; */
		
		/* width: 330px;
		height: 130px;
		margin-top: -22px;
		margin-left: -225px; */

		/* width: 330px; */
		width: 270px;
		height: 130px;
		margin-top: -9px;
		margin-left: 60px;
	}
	.sticky-wrapper {
		height: 170px;	
		}

	/* *** BOX INFORMAZIONI *** */

	.info-box .address {
		font-size: 16px;
		line-height: 26px;
	}

	.info-box .address {
		margin-right: 50px;
		margin-bottom: 20px;
	}

	.info-box .reserve {
		font-size: 18px;
		line-height: 24px;
		padding: 16px 20px 16px 30px;
	}

	.info-box .social {
		margin-top: 20px;
		margin-right: 50px;
	}

	/* *** SLIDESHOW *** */

	#header-slideshow .arrow {
		bottom: 70px;
	}

	#header-slideshow .owl-controls {
		bottom: 28px;
	}

	/* *** SEZIONI MENU RISTORANTE *** */

	.restaurant-menu .item-data .title {
		font-size: 46px;
		line-height: 100px;
	}

	.restaurant-menu .item-data .subtitle {
		font-size: 18px;
		line-height: 24px;
		margin: 0 auto 20px;
	}

	.restaurant-menu .item-data .link {
		padding-bottom: 22px;
	}
	
	/* *** SEZIONI MENU GATTI *** */
		
		.gatti-menu {
		
		}
		
		.gatti-menu .item-data .title {
			font-size: 70px;
			line-height: 100px;
		}
	
		.gatti-menu .item-data .subtitle {
			font-size: 18px;
			line-height: 24px;
			margin: 0 auto 20px;
		}
	
		.gatti-menu .item-data .link {
			padding-bottom: 22px;
		}

	/* *** EVENTI *** */

	.events mark {
		margin-bottom: 70px;
	}

	.events .image {
		margin-right: 15px;
	}

	.events .data {
		margin-right: 15px;
	}

	.events .title {
		font-size: 21px;
		line-height: 26px;
		margin-bottom: 10px;
	}

	.events .summary {
		font-size: 15px;
		line-height: 25px;
	}

	.events .summary p {
		margin-bottom: 15px;
	}

	.events .more {
		font-size: 17px;
	}

	/* Form per riservare tavolo */

	.utilities .defaultForm button,
	.utilities .defaultForm input.button,
	.utilities .defaultForm input.button.gform_button {
		padding: 13px 30px;
	}
	
/*	.utilities .hours, .utilities #reserve-form, .events .hours, .events #reserve-form {
	
		min-height: 446px !important;
	
	}*/

	.barra {
		margin: 0 7px;
	}

	.mypayoff {
		font-size: 60px;
		line-height: 0.9;
		padding: 100px 80px;
	}

}

@media (max-width: 1199px) and (min-width: 992px) {

	body {
		font-size: 16px;
		line-height: 26px;
	}

	h1,
	h1.entry-title {
		font-size: 34px;
		line-height: 38px;
	}

	/* *** HEADER *** */

	header .logo {
		/* width: 480px;
		height: 116px;
		margin-top: -58px;
		margin-left: -240px; */
		/* width: 330px;
		height: 82px;
		margin-top: 12px;
		margin-left: -175px; */

		/* width: 330px; */
		width: 270px;
		height: 82px;
		margin-top: -15px;
		/* margin-left: 75px; */
		margin-left: 50px;
	}

	.sticky-wrapper {
		height: 170px;	
		}

	/* *** MENU *** */

	#js-fixed-menu {
		top: 35px;
		/* top: 80px; */
		left: 40px;
	}

	button.navbar-toggle {
		width: 60px;
		height: 60px;
	}

	button.navbar-toggle .icon-bar {
		width: 20px;
	}

	button.navbar-toggle:after {
		font-size: 15px;
	}

	.menu-command {
		margin: 100px 60px 40px;
	}

	.menu-wrap {
		margin: 0 60px;
	}

	.main-navigation {
		font-size: 18px;
		line-height: 20px;
	}

	.main-navigation .sub-menu a {
		font-size: 16px;
		padding: 0;
	}

	/* *** BOX INFORMAZIONI *** */

	.info-box {
		top: 20px;
	}

	.info-box .address {
		font-size: 15px;
		line-height: 25px;
	}

	.info-box .address {
		margin-right: 40px;
		margin-bottom: 20px;
	}

	.info-box .reserve {
		font-size: 17px;
		line-height: 24px;
		padding: 15px 15px 15px 20px;
	}

	.info-box .reserve .fa {
		padding-left: 15px;
	}

	.info-box .social {
		margin-top: 20px;
		margin-right: 40px;
	}

	
	/* *** SLIDESHOW *** */

	#header-slideshow .arrow {
		bottom: 70px;
	}

	#header-slideshow .owl-controls {
		bottom: 28px;
	}

	/* *** MAIN CONTAINER *** */

	.site-content {
		padding: 55px 0 75px;
	}

	/* *** SINGOLO MENU *** */

	.single-menu h4 {
		font-size: 30px;
		line-height: 30px;
	}

	.single-menu h4:before {
		font-size: 20px;
	}

	.single-menu .entry-content {
		font-size: 20px;
		line-height: 34px;
	}

	h2.single-menu-subtitle {
		font-size: 23px;
		line-height: 28px;
	}

	.single-menu-content .title {
		font-size: 30px;
		line-height: 34px;
	}

	.single-menu-content .text {
		font-size: 20px;
		line-height: 34px;
	}

	.single-menu-content .price {
		font-size: 30px;
		line-height: 30px;
	}

	.single-menu-content .price span {
		font-size: 20px;
	}

	/* *** SEZIONI MENU RISTORANTE *** */

	.restaurant-menu .item-data .title {
		font-size: 40px;
		line-height: 74px;
	}

	.restaurant-menu .item-data .subtitle {
		font-size: 16px;
		line-height: 20px;
		margin: 0 auto 20px;
	}

	.restaurant-menu .item-data .link {
		padding-bottom: 22px;
	}

	/* *** EVENTI *** */

	.events mark {
		margin-bottom: 70px;
	}

	.events .image {
		margin-right: 15px;
	}

	.events .data {
		margin-right: 15px;
	}

	.events .title {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.events .summary {
		font-size: 14px;
		line-height: 20px;
	}

	.events .summary p {
		margin-bottom: 10px;
	}

	.events .more {
		font-size: 16px;
	}

	/* *** BOX UTILITÀ *** */

	.utilities .hours,
	.utilities #reserve-form {
		min-height: 626px;
	}

	/* Orari di apertura */

	.utilities .hours {
		padding: 30px 40px 0 15px;
	}

	.utilities .hours mark {
		font-size: 26px;
		line-height: 32px;
	}

	.utilities .hours .title {
		font-size: 18px;
		line-height: 22px;
		margin-top: 20px;
	}

	.utilities .hours .description {
		font-size: 14px;
		line-height: 18px;
	}

	/* Form per riservare tavolo */

	.utilities #reserve-form {
		padding: 30px 15px 0 40px;
	}

	.utilities #reserve-form mark {
		font-size: 26px;
		line-height: 32px;
	}

	.utilities .defaultForm button,
	.utilities .defaultForm input.button,
	.utilities .defaultForm input.button.gform_button {
		font-size: 20px;
		padding: 12px 20px;
	}

	/* *** FOOTER *** */

	footer {
		padding: 20px 0;
	}

	footer address {
		font-size: 14px;
		line-height: 20px;
	}

	footer address p {
		margin-bottom: 14px;
	}

	footer .copyright {
		font-size: 12px;
		line-height: 18px;
	}

	footer .social {
		margin-bottom: 15px;
	}

	footer .credits {
		font-size: 12px;
		line-height: 18px;
	}

	/* *** FORM FORMAT *** */

	.defaultForm {
		font-size: 16px;
		line-height: 20px;
	}

	.defaultForm li.gfield {
		margin-bottom: 28px;
	}

	.defaultForm input[type="text"],
	.defaultForm input[type="email"],
	.defaultForm input[type="date"],
	.defaultForm select,
	.defaultForm textarea {
		font-size: 16px;
	}

	.defaultForm button,
	.defaultForm input.button,
	.defaultForm input.button.gform_button {
		font-size: 21px;
		line-height: 22px;
	}

	.defaultForm .privacy {
		font-size: 16px;
		line-height: 20px;
	}
/*	.utilities .hours, .utilities #reserve-form, .events .hours, .events #reserve-form {
	
		min-height: 446px !important;
	
	}*/
	.mypayoff {
		display: none;
	}
	.barra {
		margin: 0 5px;
	}

}

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

	body {
		font-size: 16px;
		line-height: 26px;
	}

	h1,
	h1.entry-title {
		font-size: 34px;
		line-height: 38px;
	}

	/* *** HEADER *** */

	header .logo {
		/* width: 356px;
		height: 86px;
		margin-top: -43px;
		margin-left: -178px; */
	
		/* width: 330px;
    height: 86px;
    margin-top: -15px;
    margin-left: -115px; */

	/* width: 330px; */
	width: 270px;
    height: 86px;
    margin-top: -15px;
    margin-left: 50px;
	}

	.sticky-wrapper {
		height: 170px;	
		}

	/* *** MENU *** */

	#js-fixed-menu {
		top: 50px;
		left: 30px;
	}

	button.navbar-toggle {
		width: 54px;
		height: 54px;
	}

	button.navbar-toggle .icon-bar {
		width: 18px;
	}

	button.navbar-toggle:after {
		bottom: -25px;
		font-size: 14px;
	}

	.menu-command {
		margin: 70px 50px 40px;
	}

	.menu-wrap {
		margin: 0 50px;
	}

	.main-navigation {
		font-size: 18px;
		line-height: 20px;
	}

	.main-navigation .sub-menu a {
		font-size: 16px;
		padding: 0;
	}

	/* *** BOX INFORMAZIONI *** */

	.info-box {
		top: 10px;
	}

	.info-box .address {
		font-size: 14px;
		line-height: 24px;
	}

	.info-box .address {
		margin-right: 30px;
		margin-bottom: 10px;
	}

	.info-box .reserve {
		font-size: 16px;
		line-height: 20px;
		padding: 10px 10px 10px 20px;
	}

	.info-box .reserve .fa {
		padding-left: 10px;
	}

	.info-box .social {
		margin-top: 10px;
		margin-right: 30px;
	}

	/* *** SLIDESHOW *** */

	#header-slideshow .arrow {
		bottom: 60px;
	}

	#header-slideshow .owl-controls {
		bottom: 18px;
	}

	/* *** MAIN CONTAINER *** */

	.site-content {
		padding: 55px 0;
	}

	/*	WordPress Gallery
		------------------------------------------ */

	#primary main .entry-content .gallery {
		margin-bottom: 30px;
	}

	#primary main .entry-content .gallery-item {
		padding: 10px 0 0;
	}

	/* *** SINGOLO MENU *** */

	.single-menu h4 {
		font-size: 28px;
		line-height: 28px;
	}

	.single-menu h4:before {
		font-size: 18px;
	}

	.single-menu .entry-content {
		font-size: 18px;
		line-height: 32px;
	}

	h2.single-menu-subtitle {
		font-size: 23px;
		line-height: 28px;
	}

	.single-menu-content .title {
		font-size: 28px;
		line-height: 32px;
	}

	.single-menu-content .text {
		font-size: 18px;
		line-height: 32px;
	}

	.single-menu-content .text em {
		font-size: 14px;
		line-height: 22px;
	}

	.single-menu-content .price {
		font-size: 28px;
		line-height: 28px;
	}

	.single-menu-content .price span {
		font-size: 18px;
	}

	/* *** SEZIONI MENU RISTORANTE *** */

	.restaurant-menu .item {
		max-width: 50%;
	}

	.restaurant-menu .item-data .title {
		font-size: 60px;
		line-height: 100px;
		padding-top: 25% !important;
	}
	

	.restaurant-menu .item-data .subtitle {
		font-size: 20px;
		line-height: 26px;
	}

/* *** SEZIONI MENU GATTI *** */
.barra {
    margin: 0 10px;
}


	.gatti-menu .item {
		max-width: 50%;
	
	}

	.gatti-menu.item-data .title {
		font-size: 80px;
		line-height: 100px;
		padding-top: 25% !important;
	}
	

	.gatti-menu .item-data .subtitle {
		font-size: 20px;
		line-height: 26px;
	}

	/* *** EVENTI *** */

	.events mark {
		font-size: 28px;
		line-height: 34px;
		margin-bottom: 70px;
	}

	/* *** BOX UTILITÀ *** */

	.utilities .row > .col-md-6 {
		padding: 0 15px;
	}

	/* Orari di apertura */

	.utilities .hours {
		min-height: 0;
		padding: 40px 0;
		text-align: center;
	}

	.utilities .hours:before {
		right: -50%;
		width: 200%;
	}

	/* Form per riservare tavolo */

	.utilities #reserve-form {
		min-height: 480px;
		padding: 40px 0;
	}

	.utilities #reserve-form:after {
		left: -50%;
		width: 200%;
	}

	.utilities #reserve-form mark {
		text-align: center;
	}

	/* Cartina + Video */

	.utilities .map,
	.utilities .video {
		float: none;
		width: 100%;
	}

	/* *** FOOTER *** */

	footer address {
		font-size: 14px;
		line-height: 20px;
	}

	footer address p {
		margin-bottom: 14px;
	}

	footer .copyright {
		font-size: 12px;
		line-height: 18px;
	}

	footer .social {
		margin-bottom: 15px;
	}

	footer .credits {
		font-size: 12px;
		line-height: 18px;
	}
/*	.utilities .hours, .utilities #reserve-form, .events .hours, .events #reserve-form {
	
		min-height: 446px !important;
	
	}*/
	.mypayoff {
		display: none;
	}

	}

@media (max-width: 767px) {
	
	/* *** HEADER *** */

	header {
		background: #ffffff;
	}

	header .logo {
		/* position: static;
		width: auto;
		height: auto;
		margin: 0 15px;
		padding: 20px 0 0; */

		position: absolute;
		width: 168px;
		height: auto;
		margin-top: 0px;
		margin-left: -10px;
	}

	header .logo img {
		margin: 0 auto;
	}

	.events .image {
		max-width: 100%;
		width: 100%;
		margin-bottom: 10px;
	}

	/* *** MENU *** */

	#js-fixed-menu {
		position: static;
		width: 100%;
		padding: 20px 0 14px;
		background: #ffffff;
		z-index: 105;
	}

	#js-fixed-menu.scroll {
		position: fixed;
		top: 0;
		left: 0;
	}

	.navbar-header {
		float: left;
	}

	button.navbar-toggle {
		width: 58px;
		height: 58px;
		/* margin-left: 15px; */
	}

	button.navbar-toggle:after {
		content: none;
	}

	.mobi-buttons {
		float: right;
		padding: 0;
		/* margin-right: 15px; */
	}

	.mobi-buttons a {
		margin: 0 4px;
		text-decoration: none;
	}

	.mobi-buttons .mail {
		/* display: none; */
	}
	.mobi-buttons .whatsapp {
		display: none;
	}

	.mobi-buttons .path {
		fill: #ab5050;
	}

	.mobi-buttons .icon-label {
		font-size: 10px;
		font-weight: 700;
		line-height: 12px;
		text-transform: uppercase;
		font-family: 'Montserrat';
		    font-size: 9px;
	}

	.menu-offcanvas {
		left: -100%;
	}

	.menu-command {
		margin: 30px;
	}

	.menu-wrap {
		margin: 0 30px;
	}

	/* *** BOX INFORMAZIONI *** */

	.info-box {
		position: static;
	}

	.info-box .social {
		margin: 10px 0;
		text-align: center;
	}

	/* *** MAIN CONTAINER *** */

	.site-content {
		padding: 40px 0;
	}

	/*	WordPress Gallery
		------------------------------------------ */

	#primary main .entry-content .gallery {
		margin-bottom: 30px;
	}

	#primary main .entry-content .gallery-item {
		padding: 10px 0 0;
	}

	/* *** MAPPA *** */

	#map_container button {
		margin: 20px auto 0;
		padding: 12px 20px;
	}

	/* *** SINGOLO MENU *** */

	.single-menu h4 {
		font-size: 30px;
		line-height: 30px;
	}

	.single-menu h4:before {
		font-size: 20px;
	}

	.single-menu .entry-content {
		font-size: 18px;
		line-height: 30px;
	}

	h2.single-menu-subtitle {
		font-size: 23px;
		line-height: 28px;
	}

	.single-menu-content .gutter-sizer {
		width: 0;
	}

	.single-menu-content .item {
		width: 100%;
		margin-bottom: 50px;
	}

	.single-menu-content .title {
		font-size: 28px;
		line-height: 32px;
	}

	.single-menu-content .text {
		font-size: 18px;
		line-height: 30px;
	}

	.single-menu-content .text em {
		font-size: 14px;
		line-height: 20px;
	}

	.single-menu-content .price {
		font-size: 30px;
		line-height: 30px;
	}

	.single-menu-content .price span {
		font-size: 20px;
	}

	/* *** SEZIONI MENU RISTORANTE *** */

	.restaurant-menu .item {
		max-width: 100%;
		float: none;
		margin-top: 10px;
	}

	.restaurant-menu .item.disable {
		display: none;
	}

	.restaurant-menu .item-data {
		display: block;
		/*position: static;*/
		padding: 30px 0;
	}

	.restaurant-menu .item-data .title {
		font-size: 60px;
		line-height: 70px;
		padding-top: 0;
	}

	.restaurant-menu .item:hover .item-data .title {
		display: block;
	}

	.restaurant-menu .item:hover .item-data .subtitle {
		display: none;
	}

	.restaurant-menu .item-data .link {
		padding-bottom: 12px;
	}
	
		/* *** SEZIONI GATTI RISTORANTE *** */
	
		.gatti-menu .item {
			max-width: 100%;
			float: none;
			margin-top: 10px;
		}
	
		.gatti-menu .item.disable {
			display: none;
		}
	
		.gatti-menu .item-data {
			display: block;
			/*position: static;*/
			padding: 30px 0;
		}
	
		.gatti-menu .item-data .title {
			font-size: 60px;
			line-height: 70px;
			padding-top: 0;
		}
	
		.gatti-menu .item:hover .item-data .title {
			display: block;
		}
	
		.gatti-menu .item:hover .item-data .subtitle {
			display: none;
		}
	
		.gatti-menu .item-data .link {
			padding-bottom: 12px;
		}

	/* *** EVENTI *** */

	.events {
		padding: 40px 0;
	}

	.events mark {
		margin-bottom: 40px;
	}

	.events .data {
		margin-right: 0;
		margin-top: 10px;
		min-height: 170px;
	}

	#events-slideshow .owl-controls {
		margin-top: 40px;
	}

	/* *** BOX UTILITÀ *** */

	.utilities .row > .col-md-6,
	.events .row > .col-md-6 {
		padding: 0 15px;
	}

	.utilities .hours,
	.utilities #reserve-form,
	.events .hours,
	.events #reserve-form {
		min-height: 0;
	}

	/* Orari di apertura */

	.utilities .hours,
	.events .hours {
		padding: 40px 0;
		text-align: center;
	}

	.utilities .hours:before,
	.events .hours:before {
		right: -50%;
		width: 200%;
	}

	.utilities .hours mark,
	.events .hours mark {
		font-size: 24px;
		line-height: 30px;
	}

	.utilities .hours .title,
	.events .hours .title {
		font-size: 18px;
		line-height: 22px;
	}

	.utilities .hours .description,
	.events .hours .description {
		font-size: 14px;
		line-height: 18px;
	}

	/* Form per riservare tavolo */

	.utilities #reserve-form, .events #reserve-form {
		padding: 40px 0;
		    text-align: center;
	}

	.utilities #reserve-form:after, .events #reserve-form:after {
		left: -50%;
		width: 200%;
	}

	.utilities #reserve-form mark, .events #reserve-form mark {
		font-size: 24px;
		line-height: 30px;
		text-align: center;
		/*text-align: left;*/
	}

	.utilities .defaultForm li.gfield50, .events .defaultForm li.gfield50 {
		float: none;
		width: 100%;
	}

	.utilities .defaultForm li.gfieldLeft,
	.utilities .defaultForm li.gfieldRight,
	.events .defaultForm li.gfieldLeft,
	.events .defaultForm li.gfieldRight {
		margin: 0 0 20px;
	}

	.utilities .defaultForm button,
	.events .defaultForm button  {
		float: none;
		margin: 0 auto;
	}

	/* *** FOOTER *** */

	footer {
		/* padding: 30px 0px; */
		text-align: center;
	}

	footer address {
		font-size: 16px;
		line-height: 20px;
	}

	footer .copyright {
		font-size: 14px;
		line-height: 18px;
	}

	footer .social {
		margin: 25px 0;
		text-align: center;
	}

	footer .credits {
		font-size: 14px;
		line-height: 18px;
		text-align: center;
	}

	/* *** FORM FORMAT *** */

	.defaultForm {
		font-size: 16px;
		line-height: 20px;
	}

	.defaultForm input[type="text"],
	.defaultForm input[type="email"],
	.defaultForm input[type="date"],
	.defaultForm select,
	.defaultForm textarea {
		font-size: 16px;
	}

	.defaultForm button,
	.defaultForm input.button,
	.defaultForm input.button.gform_button {
		font-size: 21px;
		line-height: 22px;
	}

	.defaultForm .privacy {
		font-size: 16px;
		line-height: 20px;
	}

	.container-vantaggi {
		position: fixed;
		top: initial;
		right: 0;
		bottom: 0;
		max-width: initial;
		width: 100%;
		z-index: 9999;
	}

	.button-prenotaora .title {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.icon-whatsapp-mobile .path {
		fill: #4caf51;
	}	

	.mypayoff {
		display: none;
	}

	.utilities .hours .title {
		margin-top: 30px;
	}

	.form-box {width: 100%;}


	.restaurant-menu {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Due colonne */
        gap: 10px;
		padding-bottom: 40px;
    }

    .restaurant-menu .item {
        width: 100%; /* Occupa la larghezza della colonna */
        height: auto; /* Altezza automatica */
        max-width: 100%;
    }
	.restaurant-menu .item-data .title {
        font-size: 17px; /* Ridotto per mobile */
        line-height: 22px;
        padding-top: 10px;
		margin-top: 66px;
    }

	  /* Riduzione della dimensione del bottone su mobile e margine inferiore */
	  .bt_bb_button.bt_bb_icon_position_left:not(.bt_bb_style_clean) .bt_bb_link {
        padding: 0.5em 1.2em; /* Ridotto rispetto al desktop */
        font-size: 14px; /* Dimensione testo più piccola */
    }

  
		.bt_bb_button {
			margin-top: 108px;
			position: absolute;
			bottom: 5px;
			left: 50%;
			transform: translateX(-50%);
		}
		.bt_bb_color_scheme_3.bt_bb_button.bt_bb_style_outline a {
		background-color: #fff;	
		}
		.restaurant-menu .item .image {
			padding: 0px 25px 55px 25px;
			max-width: 184px;
		}
    
}

@media (max-width: 767px) { /* Per mobile */
    .icon-slideshow .item img {
        max-width: 150px; /* Riduce la dimensione su schermi piccoli */
    }
}
@media (max-width: 768px) {
    .portfolio-title {
        margin-bottom: 40px; /* Più spazio sui dispositivi piccoli */
    }
}


@media (min-width: 768px) and (max-width: 1023px) { /* Per tablet */
    .icon-slideshow .item img {
        max-width: 150px;
    }
}

@media (min-width: 1024px) { /* Per desktop */
    .icon-slideshow .item img {
        max-width: 150px; /* Dimensione più grande per desktop */
    }
}



  @media screen and (max-width: 768px) {
	.third {
	  flex: 0 0 50%;
	}
  }
  @media screen and (max-width: 480px) {
	.third {
	  flex: 0 0 100%;
	}
  }

  @media (max-width: 768px) {
	.card {
	  flex: 1 1 calc(50% - 20px);
	}
  }
  
  /* Breakpoint mobile: 1 colonna */
  @media (max-width: 480px) {
	.card {
	  flex: 1 1 100%;
	}
  }