@media (min-width: 567px){

	body {
		padding-top: 100px;
	}

	#topnav-social ul {
		text-align: right;
	}
	.article-page-default{
		padding-top:4.375rem;
		padding-bottom:4.375rem;
	}
	.has_thumb .article-page-default {
		/*margin-top: 0;*/
	}	
	body #navbar-wrapper{
		height:100px;
	}
	#navbar-wrapper a.navbar-brand{
		top: -16px;
	}
	#navbar-wrapper a.navbar-brand img{ 
		width: 100px;
	}
	#menu-topnav li{
		margin: 0;
	}	
	#menu-topnav li a {
		padding-right: .5rem;
		padding-left: .5rem;
		font-family: 'Marcellus', serif;
		font-size:.7rem;
		color:#262626;
		text-transform:uppercase;
	}
	#navbar-item-profile{
		padding-right:.5rem;
		padding-left: .5rem;
	}	
	#menu-topnav li a:hover{
		color: #be9c79;
	}	
	#menu-topnav li.current_page_parent > a,
	#menu-topnav li.current-menu-parent > a,
	#menu-topnav li.active > a{
		color: #be9c79;
	}
	#menu-topnav  .dropdown-item:hover{
		color: #be9c79;
		background: #fff;
	}
	#menu-topnav  .dropdown-item.active,
	#menu-topnav .dropdown-item:active{
		color: #fff;
		text-decoration: none;
		background: #be9c79;
	}
	#footer-block-contatti{
		margin-top: 1.5rem;
	}	
	body.home{
		padding-top:0;
	}	
	body.home #navbar-wrapper{
		position:relative;
/*		background: rgb(0,0,0);
		background: -moz-linear-gradient(180deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 95%);
		background: -webkit-linear-gradient(180deg, rgba(0,0,0,8) 0%, rgba(0,0,0,0) 95%);
		background: linear-gradient(180deg, rgba(0,0,0,8) 0%, rgba(0,0,0,0) 95%);
		filter: 	progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
		-moz-shadow: 		none;
		-webkit-box-shadow: none;
		box-shadow:			none;*/
	}
	body.home #navbar-wrapper .navbar-brand{
		/*display:none;*/
	}	
	body.home #therealnavbar{
		/*justify-content: center !important;*/
	}
	body.home #menu-topnav li a {
		/*color:#ffffff;*/
	}	
	#post-thumb-wrapper {
		height: 37em;
		overflow: hidden;
	}	
	.article-page-default header.entry-header .entry-title {
		margin-bottom:3rem;
	}	
	.entry-title, section .section-entry-title,
	.article-page-default header.entry-header .entry-title {
		font-size: 1.875rem;
	}		
	#section-brand {
		padding: 5rem 0 1rem;
	}	
	
	#section-brand h4{
		font-size:2rem;
	}
	.section-brand-logo{
		margin-bottom:2rem;
	}
	.section-brand-logo-img-wrapper {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content:center;
	}	
	.section-brand-logo-img-wrapper img{
		align-self:center;
	}			
	#section-brand-logo-taucafe img{
		height:100px;
	}
	#section-brand-logo-italianroasting img{
		height:140px;
	}
	#section-brand-logo-brownsoul img{
		height:144px;
		margin-left:14px;
	}
	#contatti-map {
		height: 37em;
	}	
	body #gform_wrapper_1{
		margin-top:0;
	}
	body #gform_wrapper_1 .gform_heading{
		display:none;
	}
	body .gform_wrapper .top_label .ginput_container.ginput_container_consent {
		position: relative;
		z-index: 11;
		width: 80%;
	}	
	body .gform_wrapper .gform_footer {
		position: absolute;
		left: 0;
		bottom: -5px;
		z-index: 10;
		width: 100%;
		text-align: right;
	}
	#section-home-intro{
	}
	#navbar-wrapper-sticky-wrapper{
		position:relative;
		z-index:10;
	}
	#section-home-intro{
		padding:4.375rem 0;
	}
	#section-home-intro .section-entry-title{
		width:65%;
		margin:0 auto 2.5rem;
	}
	#section-home-intro-img-wrapper{
		margin-top:3rem;
		text-align:center;
	}
	#section-home-intro-img-wrapper img{
		width:50%;
	}	

	#section-home-brand .section-entry-title{
		width:65%;
		margin:0 0 2.5rem;
		text-align:left;
	}	
	#section-home-brand .section-entry-content{
	padding-right:7rem;
	}		
	#section-home-brandlist{
		text-align:center;		
	}
	#section-home-brandlist .section-home-brand-wrapper{
		
	}
	#section-home-brandlist .section-home-brand-wrapper a{
	}		
	#section-home-brandlist .section-home-brand-wrapper img{
		display:inline-block;
		width:150px;
		margin:2rem 0;
	}	
	#section-home-brand-taucafe.section-home-brand-wrapper img{
		width:180px;
		margin-left:-10px;
	}
	#section-home-brand-italianroasting{
		
	}
	#section-home-brand-brownsoul{
		
	}
	#section-home-video{
		padding:4.375rem 0;		
		background:#fff url(../images/caffebottom.jpg) left bottom fixed repeat-x;
	}
	#section-home-video-wrapper {
		width: 920px;
		margin: 0 auto;
		padding: 2px;
		background: #62321f;
		border: 10px solid #552918;
	}
	#page-artig-content-wrapper .row{
		margin-bottom:3.75rem;
	}		
	#blog-wrapper article.inloop{
		-webkit-transition: padding .5s, background .3s;
		-moz-transition: 	padding .5s, background .3s;
		transition: 		padding .5s, background .3s;		
		cursor:pointer;
	}
	#blog-wrapper article aside div{
		display:block;
		height:300px;
		overflow:hidden;
	}
	#blog-wrapper article aside div span{
		display:block;
		height: 100%;
		overflow: hidden;
	}	
	#blog-wrapper article aside span img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}	
	#blog-wrapper article .entry-title a i{
		display:none;
		margin-right:1rem;
	}
	#blog-wrapper article.hover{
		background:rgba( 85, 41, 24, .7 );
	}	
	#blog-wrapper article.hover a{
		padding-left:.5rem;
	}
	#blog-wrapper article.hover .entry-title a i{
		display:inline-block;
	}	
	#blog-wrapper article aside div{
		position:relative;
	}		
	#blog-wrapper article aside span img {
		width:100%
		-webkit-transition:	opacity .3s,-webkit-transform .3s;
		transition:			opacity .3s,transform .3s;
		-webkit-backface-visibility:	hidden;
		backface-visibility:			hidden;
	}
	#blog-wrapper article.hover aside span img{
		-webkit-transform:	scale3d(1.1,1.1,1);
		transform:			scale3d(1.1,1.1,1)
	}
	#trebit-shop-secondary aside.sticky-top{
		top:160px;
		z-index:10;
	}
	.woocommerce-loop-thumb-wrapper a{
		height:180px;
	}
	#product-cat-deca-cover-wrapper{
		min-height:600px;
	}
	
}

@media (min-width: 567px) and (max-width: 767px){

	#page-artig-content-wrapper .row{
		margin-bottom:1rem;
	}
	#page-artig-content-wrapper .row:last-child{
		margin-bottom:0;
	}
	#page-artig-content-wrapper	.row-n-2 .page-artig-img{
		margin-bottom:1rem;
	}
	
}
@media (min-width: 567px) and (max-width: 991px){

	#navbar-wrapper a.navbar-brand {
		position: absolute;
		top: 45px;
		left: 50%;
		margin: 0 0 0 -50px;
	}
	#therealnavbar{
		margin-bottom:40px;
	}
	#page-shop-wrapper aside .widget-product_search,
	#page-shop-wrapper aside .widget-content.widget-desktop,
	#page-shop-wrapper aside .widget-content.widget-cart,
	#page-shop-wrapper aside .widget-content.widget-categories .widget-title{
		display:none;	
	}
	#page-shop-wrapper aside .widget-content.widget-mobile{
		display:block;
		margin-bottom:35px;
	}	

}