/* BARRIOTHEME > RESPONSIVE CSS  */

/* XS */

@media (max-width: 575px) {

	.wrapper {
    	width: calc(100% - 40px);
	}
	
	.logo,
	.logo:visited,
	.logo:focus,
	.logo:hover {
		width: 120px;
		height: 40px;
	}
	
	.mainMenu {
		padding: 50% 0px 0px 10%;
	}
	
	.menuHamburger li a, 
	.menuHamburger li a:visited, 
	.menuHamburger li a:focus {
		font-size: 1.0rem;
	}
	
	.subMenu .menuHamburger li a, 
	.subMenu .menuHamburger li a:visited, 
	.subMenu .menuHamburger li a:focus, 
	.subMenu .menuHamburger li a:hover {
		font-size: 0.9rem;
		line-height: 0.7em;
	}
	
	.subMenu {
		padding: 50% 0px 0px 10%;
	}
	
	header {
		padding: 150px 0px 0px 0px;
		height: 400px;
	}
	
	header h1 {
		font-size: 1.8rem;
	}
	
	header img {
		height: 300px !important;
	}
	
	.fullscreen {
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
	}
	
	.slider img {
		margin: 80px auto 30px auto !important;
		height: 40% !important;
		width: 100%;
	}
	
	.slider h1 {
		font-size: 1.6rem;
	}
	
	.payoff {
    	padding:80px 0px;
	}
	
	.foto {
		background-attachment: scroll;
	}
	
	.boxCategoria,
	.boxCategoria.half,
	.boxCategoria.third {
		padding: 40px 60px 80px;
	}
	
	.boxCategoria .fotoCat {
		min-width: 100%;
		width: 100%;
	}
	
	.boxCategoria.half .fotoCat {
		min-width: 100%;
		width: 100%;
	}
	
	.boxCategoria .descrCat {
		text-align: left !important;
	}
	
	.boxCategoria.half .descrCat p, 
	.boxCategoria.third .descrCat p {
		display: block;
	}
	
	.prodotti .container {
		max-width: 100%;
	}
	
	.prodotti ul {
		min-height: auto;
	}
	
	.prodotti ul li {
		width: 48%;
		margin-top: 50px;
	}
	
	.prodotti ul li h3 {
    	font-size: 1rem;
	}
	
	.schedaProdotto {
		margin-top: 50px;
	}
	
	.schedaProdotto .gallery {
		position: relative;
		top: auto;
		width: 100%;
		margin: 0px auto 50px auto;
	}
	
	.schedaProdotto table th {
		width: 70%;
	}
	
	.dettaglio .prodotti {
		margin-top: 50px;
	}
	
	.filtri {
    	margin-top: 100px;
	}
	
	.filtri label {
		display: block;
		margin: 0px 0px 10px 0px;
		text-align: left;
	}
	
	.intro {
    	margin: 380px 0px 0px;
	}
	
	.intro p {
		margin-top: 50px;
	}
	
	.contatto {
    	margin: 350px 0px 0px;
	}
	
	.contatto p {
		font-size: 1rem;
	}
	
	.scrivici {
    	margin-top: 80px;
	}
	
	.form {
		margin-top: 50px;
	}
	
	.testi {
    	margin-top: 50px;
	}
	
	.intro .storia h3 {
		margin-top: 50px;
	}
	
	.intro .storia p {
		margin-top: 50px;
	}
	
	.intro .storia .pattern {
		bottom: -75px;
		left: -75px;
		width: 250px;
		height: 250px;
		background: url("../img/pattern.png") no-repeat;
		background-size: cover;
		z-index: -1;
	}
	
	footer {
		padding: 50px 0px;
	}
	
	footer .barra {
		margin-top: 0px;
		padding-bottom: 50px;
		border-bottom: 3px solid #392d24;
	}
	
	.home footer .barra {
		margin-top: 0px;
		padding-top: 0px;
		border-top: none;
	}
	
	footer .logo {
		margin-top: 50px !important;
	}

}

/* SM */

@media (min-width: 576px) and (max-width: 767px) {
	
	.rotate {
		position: fixed;
		display: block;
		width: 100%;
		height: 100%;
		background: #392d24 url(../img/rotate.png) center center no-repeat;
		z-index: 10000;
	}
	
}

/* MD */

@media (min-width: 768px) and (max-width: 991px) {
	
	.wrapper {
    	width: calc(100% - 80px);
	}
	
	.logo,
	.logo:visited,
	.logo:focus,
	.logo:hover {
		width: 200px;
		height: 67px;
	}
	
	.mainMenu {
		padding: 35% 0px 0px 10%;
	}
	
	.subMenu {
		padding: 35% 0px 0px 10%;
	}
	
	.fullscreen {
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
	}
	
	.slider img {
		margin: 100px auto 0px auto !important; 
	}
	
	.payoff {
    	padding:80px 0px;
	}
	
	.foto {
		background-attachment: scroll;
	}
	
	.boxCategoria,
	.boxCategoria.half {
		padding: 80px 60px;
	}
	
	.boxCategoria.half .fotoCat {
		min-width: 300px;
		width: 50%;
	}
	
	.boxCategoria.half .descrCat p, 
	.boxCategoria.third .descrCat p {
		display: block;
	}
	
	.prodotti .container {
		max-width: 100%;
	}
	
	.prodotti ul li {
		width: 48%;
		margin-top: 50px;
	}
	
	.schedaProdotto .gallery {
		position: relative;
		top: auto;
		width: 100%;
		margin: 0px auto 80px auto;
	}
	
	.dettaglio .prodotti {
		margin-top: 100px;
	}
	
	.intro .storia p {
		margin-top: 50px;
	}
	
	footer {
		padding: 100px 0px;
	}
	
}

/* LG */

@media (min-width: 992px) and (max-width: 1199px) {
	
	.wrapper {
    	width: calc(100% - 80px);
	}
	
	.logo,
	.logo:visited,
	.logo:focus,
	.logo:hover {
		width: 240px;
		height: 80px;
	}
	
	.mainMenu {
		padding: 25% 0px 0px 20%;
	}
	
	.subMenu {
		padding: 25% 0px 0px 10%;
	}
	
	.fullscreen {
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
	}
	
	.slider img {
		margin: 100px auto 0px auto !important;
	}
	
	.payoff {
    	padding: 100px 0px;
	}
	
	.foto {
		background-attachment: scroll;
	}
	
	.boxCategoria {
		padding: 100px 0px;
	}
	
	.boxCategoria h3 {
		font-size: 1.3rem;
	}
	
	.prodotti .container {
		max-width: 100%;
	}
	
	.intro .storia p {
		margin-top: 50px;
	}
	
	footer {
		padding: 100px 0px;
	}

}