@media (max-width: 576px){

	html body {
		font-size: 1rem;
	}
	#topnav{
		display:none;
	}
	#navbar-wrapper-sticky-wrapper{
		position:relative;
		z-index: 1020;	
	}
	#navbar-wrapper{
		padding: .3rem 0;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 1020;	
		background:#fff;
	}	
	#navbar-wrapper button.navbar-toggler{
		margin-left:auto;
	}
	#navbar-wrapper .navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
	#navbar-wrapper .navbar-brand{
		z-index:10;
		width:100px;
		margin-left:.5rem;
		padding:0;
	}	
	#therealnavbar.right-to-left{
		position: fixed;
		top: 0;
		right: 0;
		z-index: 999999;
		overflow-y: auto;
		visibility: hidden;
		width: 280px;
		height: 100%;
		min-height: 100%;
		margin: 0;
		padding: 0;
		-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
		transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
		background: #fff;
		-webkit-overflow-scrolling: touch;
		-webkit-transform: translate3d(280px, 0, 0);
		-ms-transform: translate3d(280px, 0, 0);
		transform: translate3d(280px, 0, 0);
	}
	#therealnavbar.right-to-left.show{
	visibility: visible;
	overflow: visible;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	}
	#therealnavbar-btn-close{
		position: fixed;
		top: 0%;
		left: 4%;
		z-index: 999999;
		display:none;
		width: 24px;
		font-size:2rem;
		color: #fff;
		cursor: pointer;
	}	
	#therealnavbar-overlay{
		position: fixed;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.79);
		width: 100%;
		height: 100%;
		z-index: 99999;
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
	}
	#navbar-wrapper li.menu-item{
		border-bottom:1px solid #ddd;
		color: #000;
	}	
	#navbar-wrapper li.menu-item .nav-link{
		padding: .7rem 1rem;
	}	
	#navbar-wrapper li.menu-item a{
		color: #000;
	}
	#navbar-wrapper li.menu-item .dropdown-toggle::after {
		float: right;
		margin-top:10px;
	}	
	#navbar-wrapper li.dropdown .dropdown-menu{
		margin:0 0 1rem 0;
		border:none;
		border-radius:0;
	}	
	#navbar-wrapper li.menu-item.active,
	#navbar-wrapper li.dropdown.current-menu-parent,
	#navbar-wrapper li.current_page_parent{
		background:#be9c79;
	}
	#navbar-wrapper li.menu-item.active a,
	#navbar-wrapper li.dropdown.current-menu-parent > a,
	#navbar-wrapper li.current_page_parent > a{
		color:#fff;
	}	
	#navbar-wrapper li.dropdown.current-menu-parent .dropdown-menu a.active{
		width:auto;
		margin-left:2px;
		padding-left: 1rem;
		background:#fff;
		border-left: 5px solid #ddd;
	}
	#mobile-navbar-item-profile{
		position: absolute;
		top:7px;
		right:110px;		
		z-index:10;
	}
	#mobile-header-cart-button {
		position: absolute;
		top:7px;
		right:70px;
		z-index:10;
		display: inline-block;
		margin: 0;
		padding:0;
	}
	#mobile-header-cart-button .count {
		position: absolute;
		bottom: -2px;
		right:-15px;
		font-size: .7rem;
		color:#222;
	}	
	#header-profile-collassable,
	#header-cart-collassable{
		width: 100%;
		padding-top: 5px;
		font-size: .8rem;
	}	
	#header-profile-collassable-content,
	#header-cart-collassable .widget_shopping_cart {
		padding: 25px 15px 1em;
		background: #fff;
	}
	#header-profile-collassable-content a{
		display:block;
		padding:.5rem 0;
		font-size:1rem;
		color:#222;
	}
	#header-cart-collassable .widget_shopping_cart .buttons a{
		padding: 1em 2.5em;
	}	
	#footer-wrapper{
		line-height: 1.7rem;
	}
	#footer-wrapper,
	#footer-wrapper a {
		font-size: 0.8rem;
		color: #c2c2c2;
	}	
	#footer-wrapper h5{
		margin-bottom: 1rem;
	}	
	#sub-footer-wrapper{
		margin-top:2rem;
	}
	#footer-block-contatti{
		margin-top:1.5rem;
	}	
	#section-home-intro {
		padding: 2rem 0;
	}	
	#section-home-intro .section-entry-title {
		margin: 0 auto 1.5rem;
	}	
	#section-home-brand{
		padding:4.375rem 0;
		background:#cc8a40 url(../images/bg-caffe-giallo.jpg) left top fixed no-repeat;
	}
	#section-home-brand .section-entry-title {
		margin: 0 0 2.5rem;
	}
	#section-home-brand .section-entry-content a.btn-custom {
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	}
	#section-home-brandlist .section-home-brand-wrapper{
		text-align:center;
	}
	#section-home-brandlist .section-home-brand-wrapper img {
		display: inline-block;
		width: 150px;
		margin: 1rem auto;
	}
	#section-home-brand-taucafe.section-home-brand-wrapper img {
		width: 180px;
		margin-left: -10px;
	}	
	#section-brand{
		padding:4rem 0 2rem;
	}
	#section-brand h4{
		margin-bottom:1.5rem;
		font-size:1.875rem;
	}
	#section-brand .section-brand-logo{
		margin-bottom:2rem;
	}	
	#section-brand .section-brand-logo-img-wrapper img{
		align-self:center;
	}			
	#section-brand-logo-taucafe img{
		width:150px;
	}
	#section-brand-logo-italianroasting img{
		width:150px;
	}
	#section-brand-logo-brownsoul img{
		width:174px;
		margin-left:17px;
	}
	#section-brand .section-brand-logo p {
		font-size:1rem;
	}	
	.entry-title, section .section-entry-title,
	.article-page-default header.entry-header .entry-title{
		font-size:1.875rem;
	}
	.article-page-default header.entry-header .entry-title {
		margin-bottom: 2rem;
	}
	#page-artigianalita-wrapper article{
		padding-bottom:1.5rem;
	}
	#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;
	}
	#contatti-map {
		height: 18em;
	}	
	#page-blog-wrapper .page-entry-header{
		text-align:center;
	}	
	#page-blog-wrapper .page-entry-header .entry-title{
		display:inline-block;
		margin-bottom:1.5rem;
		padding:.5rem 1rem;
		background:rgba( 0, 0, 0, .8 );
		color:#be9c79;
	}
	#blog-wrapper article{
		margin:0 0 1.5rem;
		padding:1rem;
		background:rgba( 0, 0, 0, .9 );
	}
	body .breadcrumb {
		background: rgba( 0, 0, 0, .8 );
	}
	#page-shop-wrapper {
		padding: 3rem 0;
	}	
	.woocommerce-loop-thumb-wrapper a {
		height: 150px;
	}	
	.woocommerce ul.products li.product .trebit-wc-loop-info-wrapper .woocommerce-loop-category__title,
	.woocommerce ul.products li.product .trebit-wc-loop-info-wrapper .woocommerce-loop-product__title,
	.woocommerce ul.products li.product h3 {
		font-size: 1.2rem;
	}	
	.woocommerce ul.products li.product .trebit-wc-excerpt-wrapper{
		line-height:1.4;
	}
	#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;
	}
	body.archive  .product-cat-cover-sub-article {
		display:none;
	}
	body.archive  .product-cat-cover-sub-article.is_current{
		display:block;
		padding-top:2rem;
	}	
	.product-cat-cover-sub-header h3 {
		margin-bottom: 1rem;
		padding: 0 .6rem;
	}	
	#tau-cafe-cover-logo-wrapper,
	#brown-soul-cover-logo-wrapper,
	#italian-roasting-cover-logo-wrapper {
		display: block;
		margin-bottom: 0;
	}
	#product-cat-italian-roasting-cover-wrapper .product-cat-description{
		margin:1rem auto;
	}
	#product-cat-deca-cover-wrapper{
		min-height:600px;
	}	
	#product-cat-deca-cover-wrapper #product-cat-cover-content-wrapper{
		padding-top:1rem;
	}		
	#product-cat-cover-content-wrapper {
		padding: 4rem 0 3rem;
	}	
	#product-cat-extraz-wrapper ul {
		margin-top: 0;
	}	
	#product-cat-extraz-wrapper ul li {
		position:relative;
		float: left;
		width: 48%;
		display: block;
		margin: 1%;
		padding: .6rem 1rem;
		cursor:pointer;
		text-align:left;
	}
	#product-cat-extraz-wrapper ul li i{
		margin-right: 0.5rem;
		font-size: 0.6rem;
		position: relative;
		top: -1px;
	}	
	#product-cat-extraz-wrapper span{
		display:none;
	}	
	.product-cat-cover-wrapper .product-cat-description{
		padding-top:1rem;
	}
	#product-cat-brown-soul-cover-wrapper .product-cat-description p:last-child{
		margin-bottom:0;
	}
	#trebit-wc-product-cover,
	#trebit-wc-product-cover-col-1,
	#trebit-wc-product-cover-col-2,
	#trebit-wc-product-cover-col-2 .woocommerce-product-gallery__image a,
	#trebit-wc-product-cover-col-2 .slick-slide a {
		height: 200px;
	}	
	#single-product-cat-cover-logo-wrapper img {
		width: 60%;
		height: auto;
	}	
	.product-cat-cover-sub-description{
		display:none;
	}	
	.product-cat-cover-sub-header h3 a {
		font-size: 1rem;
	}
	#product-entry-summary-wrapper {
		padding: .375rem 0 3.375rem;
	}	
	body.woocommerce table.shop_attributes {
		margin: 2.125rem 0 0;
	}
	#trebit-wc-addtocart-wrapper {
		padding: 2.75rem 0;
	}
	#trebit-wc-addtocart-wrapper .single_add_to_cart_button {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	body.woocommerce-cart #coupon_code,
	body.woocommerce-checkout #coupon_code,
	body.woocommerce-cart table.cart td.actions .coupon .button,
	body.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon .button{
		width: 100%;
	}
	body.woocommerce-cart #coupon_code{
		margin-bottom:1rem;
	}
	body.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon p.form-row.form-row-first,
	body.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last{
		width: 100%;	
		padding: 3px;
		margin: 0 0 6px;
	}
	body.woocommerce-account .woocommerce-MyAccount-navigation ul {
		display: flex;
		flex-wrap: wrap;
	}	
	body.woocommerce-account .woocommerce-MyAccount-navigation li{
		flex: 1 0 33%;
	}	
	body.woocommerce-account .woocommerce-MyAccount-navigation li a{
		display: block;
		margin: .2rem;
		padding: 0.4rem 0.5px;
		border: 1px solid #ddd;
	}
	#wc-myaccount-welcome {
		margin: 2rem auto;
	}
	#trebit-wc-product-cover-col-2 .woocommerce-product-gallery__image img,
	#trebit-wc-product-cover-col-2 .slick-slide a img {
		object-fit: cover;
	}	
	#trebit-shop-secondary aside.sticky-top{
		z-index:10;
	}
	body.woocommerce-cart .cart-collaterals{
		display:flex;
		flex-direction:column-reverse;
	}
		body .woocommerce-notices-wrapper .woocommerce-message a.button.wc-forward{
			width:100%;
			margin-bottom:1rem;
		}	
}