@media (max-width : 1366px){
	
}
@media (max-width : 1199px){
	html,body{
		-webkit-overflow-scrolling: touch;
	}
	.header{
		height: 60px;
		background-color: #1a1a19;
		position: fixed;
	}
		.header #nav{
		position: absolute;
		right: 0px;
		top: 60px;
		height: auto;
		background-color: #1a1a19;
		min-width: 200px;
		padding-bottom: 10px;
		padding-top: 10px;
		display: none;
	}
	html.csstransitions.csstransforms .header #nav{
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-o-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transition: transform .5s ease 0s, right 0s linear .5s;
		-webkit-transition: -webkit-transform .5s ease 0s, right 0s linear .5s;
		-moz-transition: -moz-transform .5s ease 0s, right 0s linear .5s;
		-o-transition: -o-transform .5s ease 0s, right 0s linear .5s;
		-ms-transition: -ms-transform .5s ease 0s, right 0s linear .5s;
	}
	html.menu-open .header #nav{
		right: 0px;
		display: block;
	}
	html.csstransitions.csstransforms.menu-open .header #nav{
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transition: transform .5s ease 0s, right 0s linear 0s;
		-webkit-transition: -webkit-transform .5s ease 0s, right 0s linear 0s;
		-moz-transition: -moz-transform .5s ease 0s, right 0s linear 0s;
		-o-transition: -o-transform .5s ease 0s, right 0s linear 0s;
		-ms-transition: -ms-transform .5s ease 0s, right 0s linear 0s;
	}
	.header #nav:after{
		content: '';
		display: block;
		position: absolute;
		width: 200px;
		left: 0px;
		top: 100%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 200px 0 0;
		border-color: #1a1a19 transparent transparent transparent;
	}
	.header #nav > #nav-wrapper > ul > li{
		display: block;
		text-align: right;
		margin: 0px;
		line-height: 1;
	}
	#trigger-menu{
		height: 60px;
		width: 60px;
		text-align: center;
		color: #eaeaea;
		line-height: 60px;
		font-size: 28px;
		position: fixed;
		right: 0px;
		top: 0px;
	}
	#main{
		margin-top: 60px;
	}
	.distance:before{
		height: 25px;
	}
	html.menu-open #trigger-menu{
		background-position: 0px -60px;
	}
	#nav li a{
		display: block;
		line-height: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#trigger-menu i.puntode-icon-close{
		display: none;
	}
	html.menu-open #trigger-menu i.puntode-icon-close{
		display: inline-block;
	}
	html.menu-open #trigger-menu i.puntode-icon-menu{
		display: none;
	}
	#language_switcher {
	    position: relative;
	    top: 0px;
	    right: 0px;
	    display: block;
	    margin-right: auto;
	    text-align: center;
	    margin-top: 20px;
	}
	.header #nav-logo {
		line-height: 60px;
	}
	.header #nav-logo a {
		display: block;
		margin-left: -32px;
	}

/*
	.header{
	    position: fixed;
	    background-color: #1a1a19;
	    top: 0px;
	}
	.header #nav-logo {
	    display: block;
	    line-height: 60px;
	}
	.header #nav {
	    float: right;
	    font-size: 12px;
	    height: 60px;
	}
	.header #nav ul {
	    letter-spacing: 0px;
	}
	.header #nav > #nav-wrapper > ul > li {
	    margin: 0px 8px;
	    line-height: 60px;
	}
	.header #nav > #nav-wrapper > ul > li:first-child {
	    margin-left: 0px;
	}
*/
	#blog-preview{
	background: url(images/brands-home-bg.jpg) no-repeat;
	background-position: 50% 0%;
	background-size:auto;
	background-attachment: scroll;
	color: #eee;
	}
	.brand-preview-slider-item .slider-item-container,
	.blog-preview-container{
		height: 70vh;
	}
	#tools .tools-container{
		height: 400px;
	}
	.brand-sheet-item:not(:last-child){
		border-bottom: solid 2px #2b8ad3;
	}
	.sheet-height{
		height: 70vh;
	}
	.blog-container{
		max-width: 650px;
	}
	#blog-toolbar,
	.affix-wrapper{
		width: 300px;
	}
	.toolbar-wrap{
		width: 330px;
	}
	#blog-body-wrapper{
		margin-right: 300px;
	}
	#brand-info{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#brand-info .cell-wrapper.right{
		padding-left: 10px;
		border-left: none;
	}
	#grill-features{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.grill-features-row-1 .cell-wrapper.left{
		padding-bottom: 40px;
		padding-right: 10px;
	}
	.grill-features-row-1 .cell-wrapper.right{
		vertical-align: bottom;
	}
	#grill-smartphone{
		width: 90%;
		margin: 0px auto;
	}
	span.grill-image{
		margin-bottom: -100px;
	}
	.grill-features-row-2, .wesco-features-row-2{
		margin-bottom: 100px;
	}
	.grill-features-row-2 .cell-wrapper.left{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#grill-premium .pagehead{
		height: 400px;
	}
	#grill-details .cell-wrapper.left img{
		width: 90%;
	}
	#grill-details-items li .detail-desc{
		max-width: 65%;
	}
	#grill-details-items{
		font-size: 13px;
	}
	#grill-details-items li .detail-image{
		width: 80px;
		height: 80px;
	}
	#grill-details-items li.detail-1 .detail-image,
	#grill-details-items li.detail-2 .detail-image,
	#grill-details-items li.detail-3 .detail-image,
	#grill-details-items li.detail-4 .detail-image,
	#grill-details-items li.detail-5 .detail-image{
		background-size: 100px 100px;
	}
	#caso-items .row .cell-wrapper.left{
		padding-right: 5%;
	}
	#caso-items .row:nth-child(even) .cell-wrapper.left{
		padding-right: 10px;
		padding-left: 5%;
	}
	.row.product-item .product-item-thumb{
		padding-left: 5%;
		padding-right: 5%;
	}
	#subcat-items .row:not(:last-child){
		margin-bottom: 40px;
	}
	#servizi{
/* 		background: url(images/servizi-head.jpg) no-repeat center top; */
		background-attachment: scroll;
		background-size: cover;
	}
	#page-formazione-details .cell-wrapper.right .wrap,
	#page-coaching-details .cell-wrapper.right .wrap,
	#page-consulenza-details .cell-wrapper.right .wrap,
	#page-femminile-details .cell-wrapper.right .wrap,
	#page-teambuilding-details .cell-wrapper.right .wrap{
	    max-width: 90%;
	}
	#coaching .cell-wrapper.right .wrap,
	#consulenza .cell-wrapper.right .wrap,
	#team-building .cell-wrapper.right .wrap,
	#al-femminile .cell-wrapper.right .wrap {
	    max-width: 90%;
	}
	#coaching h3,
	#consulenza h3,
	#team-building h3,
	#al-femminile h3{
		font-size: 30px;
	}
	#coaching .cell-wrapper.right,
	#consulenza .cell-wrapper.right,
	#al-femminile .cell-wrapper.right,
	#team-building .cell-wrapper.right {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
	.chef-sheet .desc,
	.chef-sheet:nth-child(odd) .desc{
	    font-size: 16px;
	    padding: 0px 50px 0px 50px;
	}
	.screen-1{
		top:-50px;
	}
	.screen-2{
		top:-100px;
	}
	#formazione-image{
		background-attachment: scroll;
	}
	div.post_gallery ul li img.portrait{
		max-width: 380px;
		height: auto;
		width: auto;
	}
	div.post_gallery ul li img.landscape{
		max-width: 580px;
		height: auto;
		width: auto;
	}
	#language_switcher{
		font-size: 14px;
		top: auto;
		bottom: 0px;
	}
	#store-locator-details{
	padding: 70px;
	}
	.no-link{
	display: none !important;
	}
	.vocemenu-mobile{
	display: block !important;
	} 
}

@media (max-width : 991px){
	html,body{
		overflow-x: hidden !important;
	}
/*
	.header #nav{
		position: absolute;
		right: -5000px;
		top: 60px;
		height: auto;
		background-color: #1a1a19;
		min-width: 200px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	html.csstransitions.csstransforms .header #nav{
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-o-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transition: transform .5s ease 0s, right 0s linear .5s;
		-webkit-transition: -webkit-transform .5s ease 0s, right 0s linear .5s;
		-moz-transition: -moz-transform .5s ease 0s, right 0s linear .5s;
		-o-transition: -o-transform .5s ease 0s, right 0s linear .5s;
		-ms-transition: -ms-transform .5s ease 0s, right 0s linear .5s;
	}
	html.menu-open .header #nav{
		right: 0px;
	}
	html.csstransitions.csstransforms.menu-open .header #nav{
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transition: transform .5s ease 0s, right 0s linear 0s;
		-webkit-transition: -webkit-transform .5s ease 0s, right 0s linear 0s;
		-moz-transition: -moz-transform .5s ease 0s, right 0s linear 0s;
		-o-transition: -o-transform .5s ease 0s, right 0s linear 0s;
		-ms-transition: -ms-transform .5s ease 0s, right 0s linear 0s;
	}
	.header #nav:after{
		content: '';
		display: block;
		position: absolute;
		width: 200px;
		left: 0px;
		top: 100%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 200px 0 0;
		border-color: #1a1a19 transparent transparent transparent;
	}
	.header #nav > #nav-wrapper > ul > li{
		display: block;
		text-align: right;
		margin: 0px;
		line-height: 1;
	}
*/
/*
	#trigger-menu{
		height: 60px;
		width: 60px;
		text-align: center;
		color: #eaeaea;
		line-height: 60px;
		font-size: 28px;
		position: absolute;
		right: 0px;
		top: 0px;
	}
*/
	#main{
		margin-top: 60px;
	}
	.distance:before{
		height: 25px;
	}
	html.menu-open #trigger-menu{
		background-position: 0px -60px;
	}
	#nav li a{
		display: block;
		line-height: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}
/* 	finenav */
	#welcome.full-height{
		height: auto;
	}
	#welcome:before{
		content: '';
		display: block;
		height: 0px;
		padding-top: 56.25%;
	}
	#welcome-content{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0px;
		top: 0px;
	}
	#welcome-content > .table-wrapper{
		height: 100%;
	}
	#welcome-video video{
		position: absolute;
	    top: 0px;
	    left: 0px;
	    min-width: none;
	    min-height: none;
	    width: 100%;
	    height: 100%;
	    z-index: 1;
	    transform: none;
	    -webkit-transform: none;
	    -moz-transform: none;
	    -o-transform: none;
	    -ms-transform: none;
	}
	#welcome-content h1 img{
		width: 220px;
		height: auto;
	}
	#welcome-content h1{
		font-size: 18px;
		letter-spacing: 1;
	}
	#welcome-content h2{
		font-size: 18px;
		letter-spacing: 1;
	}
	#welcome-content hgroup:before {
	    width: 100px;
	    height: 100px;
	    left: -100px;
	    background-size: 100px 100px;
	    top: 50px;
	}
	#punti-vendita-list ul li{
	width:33%;
	}
	#punti-vendita-list ul li:nth-child(4n+1){
	clear:none;
	}
	#punti-vendita-list ul li:nth-child(3n+1){
	clear:both;
	}
	#grandedistribuzione-list ul li{
	width:33%;
	}
	#grandedistribuzione-list ul li:nth-child(4n+1){
	clear:none;
	}
	#grandedistribuzione-list ul li:nth-child(3n+1){
	clear:both;
	}
	#store-locator-details{
		padding: 50px;
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){
		#welcome-content hgroup:before {
			background: url(images/marchio@2x.png) no-repeat center center;
			background-size: 100px 100px;
		}
	}
	#home-brands{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	/*#brands-toolbar .brands-title{
		text-align: center;
		padding-bottom: 50px;
	}*/
	.toolbar-slider-item{
		text-align: center;
	}
	.brand-item-icon-link img{
		margin: 0px auto;
	}
	.brand-preview-slider-item .slider-item-container,
	.blog-preview-container{
		height: 480px;
	}
	#brands-toolbar .table-wrapper,
	#brands-toolbar .cell-wrapper{
		display: block;
	}
	#brands-preview h4{
		font-size: 24px;
	}
	.brand-preview-slider-item .brand-logo{
		width: 150px;
		height: 150px;
	}
	#tools p.services-name{
		font-size: 14px;
		letter-spacing: normal;
	}
	#tools .tools-container{
		height: 320px;
	}
	#subscribe-box > .left{
		text-align: center;
		margin-bottom: 15px;
	}
	#footer > .container{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#trigger-menu i.puntode-icon-close{
		display: none;
	}
	html.menu-open #trigger-menu i.puntode-icon-close{
		display: inline-block;
	}
	html.menu-open #trigger-menu i.puntode-icon-menu{
		display: none;
	}
	.pagehead{
		height: 400px;
	}
	.social-post .cell-wrapper.right{
		padding-left: 15px;
		padding-right: 15px;
	}
	.social-post h4{
		font-size: 15px;
	}
	.social-post time,
	.social-post p.readmore a{
		font-size: 11px;
		letter-spacing: 1px;
	}
	#store-locator-app-wrapper{
		height: 140px;
	}
	#store-locator-app .container-bottom{
		margin-top: -70px;
	}
	#brand-info .cell-wrapper.left{
		padding-left: 10px;
		text-align: center;
	}
	.subtitle{
		font-size: 16px;
	}
	#grill-smartphone{
		width: auto;
	}
	
	span.grill-image,
	.grill-features-row-2{
		margin-bottom: auto;	
	}
	.block-title{
		font-size: 26px;
	}
	#caso-items .container{
		width: 600px;
	}
	#caso-items .row .cell-wrapper.left,
	#caso-items .row:nth-child(even) .cell-wrapper.left{
		padding-right: 10px;
		padding-left: 10px;
	}
	#caso-items .row .cell-wrapper.left{
		margin-bottom: 30px;
	}
	.sheet-height {
	    height: 400px;
	}
	.brand-sheet .brand-logo{
		width: 130px;
		height: 130px;
	}
	.brand-sheet h2{
		font-size: 46px;
	}
	.brand-sheet h3{
		font-size: 22px;
	}
	#store-locator-map{
		height: 450px;
	}
	#store-locator .page-title-logo:before{
		margin-right: auto;
		display: block;
		margin-bottom: 10px;
	}
	#store-locator h1.page-title span{
		text-align: center;
	}
	#posts-preview-container{
		float: left;
	}
	#page-formazione-details .cell-wrapper.right .wrap,
	#page-coaching-details .cell-wrapper.right .wrap,
	#page-consulenza-details .cell-wrapper.right .wrap,
	#page-femminile-details .cell-wrapper.right .wrap,
	#page-teambuilding-details .cell-wrapper.right .wrap{
	    max-width: 100%;
	}
	section#knoll .left {
	    padding: 40px 70px 40px 50px;
	}
	#subcat-items .row .cell-wrapper.left,
	#subcat-items .row .cell-wrapper.right,
	#subcat-items .row:nth-child(even) .cell-wrapper.left,
	#subcat-items .row:nth-child(even) .cell-wrapper.right{
		display: block;
	}
	#subcat-items .row .cell-wrapper.left{
		margin-bottom: 30px;
	}
	#single-post-body .blog-container{
		max-width: none;
		width: auto;
	}
	div.post_gallery ul li img.portrait{
		max-width: 320px;
		height: auto;
		width: auto;
	}
	div.post_gallery ul li img.landscape{
		max-width: 420px;
		height: auto;
		width: auto;
	}
	#language_switcher {
	    position: relative;
	    top: 0px;
	    right: 0px;
	    display: block;
	    margin-right: auto;
	    text-align: center;
	    margin-top: 20px;
	}
}