@media (min-width: 1980px) {
  
	.sez-principale {
    min-height: calc(100vh - var(--h-header)) !important;
    background-position: right center !important;
  }
	
	/* ------------------------- TORREFAZIONE - RICONOSCIMENTI ------------------------- */
	.grid-ict .grid-ict-group-medal img:not(:first-child) {
		margin-left: -35px;
	}
	
}


@media (max-width: 1680px) {
	
	/* ------------------------- TORREFAZIONE - RICONOSCIMENTI ------------------------- */
	.grid-ict img {
		max-width: 75px !important;
	}
	
	
	/* ------------------------- PRODOTTI - SOFIA ------------------------- */
	.grid-ict.grid-ict-prod {
		grid-template-columns: auto;
		grid-row-gap: 30px;
	}
	.grid-ict.grid-ict-prod img {
		max-width: 100px !important;
	}
	
}


/* -------------------------------------------------- */
/* ------------- LAPTOP E TABLET GRANDI ------------- */
/* ------------- USARE XL- PER LE CLASSI ------------ */
/* -------------------------------------------------- */
@media (max-width: 1440px) {
	
	/* ------------------------- VARIABLES ------------------------- */
	:root {
		
		--h1-size: 72px;
		--h2-size: 16px;
		--text-size: 14px;
		
	}
	
	/* ------------------------- OBJECT ------------------------- */
	
	/* ----- other ----- */
	.bg-shadow-left:before {
		--shadow-w: 40%;
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: linear-gradient(to right, black, transparent var(--shadow-w));
		z-index: 1;
	}
	#torrefazioneRiconoscimenti.bg-shadow-left:before { --shadow-w: 70%; }
	#prodottiMiscele.bg-shadow-left:before { --shadow-w: 70%; }
	#prodottiNjuki.bg-shadow-left:before { --shadow-w: 80%; }
	#prodottiCompatibili.bg-shadow-left:before { --shadow-w: 80%; }
	#formazione.bg-shadow-left:before { --shadow-w: 70%; }
	.bg-shadow-left > * {
		position: relative;
		z-index: 10;
	}
	
	
	/* ------------------------- TORREFAZIONE - RICONOSCIMENTI ------------------------- */
	.grid-ict {
		grid-template-columns: auto;
		grid-row-gap: 30px;
	}
	.grid-ict .grid-ict-group-medal img {
		max-width: 25% !important;
	}
	.grid-ict .grid-ict-group-medal img:not(:first-child) {
		margin-left: -10%;
	}
	
	
	/* ------------------------- PRODOTTI - SOFIA ------------------------- */
	.grid-ict.grid-ict-prod {
		grid-template-columns: auto;
	}
	.grid-ict.grid-ict-prod .grid-ict-group-medal img:not(:first-child) {
		margin-left: -25px;
	}
	.grid-ict.grid-ict-prod img {
		max-width: 100px !important;
	}

}

/* -------------------------------------------------- */
/* ------------- TABLET E LAPTOP PICCOLI ------------ */
/* ------------- USARE LG- PER LE CLASSI ------------ */
/* -------------------------------------------------- */

@media (max-width: 1200px) {
	
	/* ------------------------- TEXT ------------------------- */
	
	/* ----- text - other ----- */
	h1.title-home {
		font-size: 42px !important;
	}
	
	/* ------------------------- OBJECT ------------------------- */
	
	/* ----- other ----- */
	#torrefazione.bg-shadow-left:before { --shadow-w: 80%; }
	#torrefazioneQualita.bg-shadow-left:before { --shadow-w: 70%; }
	#torrefazioneRiconoscimenti.bg-shadow-left:before { --shadow-w: 100%; }
	#prodotti.bg-shadow-left:before { --shadow-w: 70%; }
	#prodottiCaffedonne.bg-shadow-left:before { --shadow-w: 70%; }
	#prodottiNjuki.bg-shadow-left:before { --shadow-w: 110%; }
	#prodottiMonodose.bg-shadow-left:before { --shadow-w: 80%; }
	#prodottiCompatibili.bg-shadow-left:before { --shadow-w: 70%; }
	#formazione.bg-shadow-left:before { --shadow-w: 90%; }
	
	
	/* ------------------------- PRODOTTI - SOFIA ------------------------- */
	.grid-ict.grid-ict-prod img {
		max-width: 80px !important;
	}
	
}

/* -------------------------------------------------- */
/* ------------- TABLET ORIZZONTALI ----------------- */
/* ------------- USARE MD- PER LE CLASSI ------------ */
/* -------------------------------------------------- */

@media (max-width: 1024px) {
	
	/* ------------------------- VARIABLES ------------------------- */
	:root {
		
    --h1-size: 65px;
		
		--padding-content: 20px;
		
	}
	
	/* ------------------------- OBJECT ------------------------- */

	/* ----- general ----- */
	#torrefazioneMission.sez-principale,
	#torrefazioneImpianto.sez-principale,
	#torrefazioneQualita.sez-principale,
	#prodotti.sez-principale,
	#prodottiSofia.sez-principale,
	#prodottiNjuki.sez-principale,
	#prodottiMonodose.sez-principale, 
	#prodottiCompatibili.sez-principale,
	#formazione.sez-principale { min-height: calc(100vh - var(--h-header)); }
	
	/* ----- other ----- */
	#chisiamo.bg-shadow-left:before { --shadow-w: 90%; }
	#torrefazioneMission.bg-shadow-left:before { --shadow-w: 80%; }
	#torrefazioneQualita.bg-shadow-left:before { --shadow-w: 90%; }
	#torrefazioneRiconoscimenti.bg-shadow-left:before { --shadow-w: 130%; }
	#prodotti.bg-shadow-left:before { --shadow-w: 110%; }
	#prodottiMiscele.bg-shadow-left:before { --shadow-w: 120%; }
	#prodottiSofia.bg-shadow-left:before { --shadow-w: 90%; }
	#prodottiMonodose.bg-shadow-left:before { --shadow-w: 110%; }
	#prodottiCompatibili.bg-shadow-left:before { --shadow-w: 120%; }
	#formazione.bg-shadow-left:before { --shadow-w: 110%; }
	
	
	/* ------------------------- TORREFAZIONE - RICONOSCIMENTI ------------------------- */
	.grid-ict {
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 50px;
	}
	
	
	/* ------------------------- PRODOTTI - SOFIA ------------------------- */
	.grid-ict.grid-ict-prod {
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 10px;
	}
	.grid-ict.grid-ict-prod img {
		max-width: 70px !important;
	}
	
	
	/* ------------------------- PRODOTTI - CAFFE DELLE DONNE ------------------------- */
	.img-caffedonne {
    display: flex;
    justify-content: center;
    align-items: flex-end;
	}
	.img-caffedonne > div {
		margin-right: 15px;
		margin-left: 15px;
	}
	
	
	/* ------------------------- PRODOTTI - NJUKI ------------------------- */
	.grid-card-njuki {
		display: flex;
		margin-top: 50px;
	}
	.grid-card-njuki > a {
		margin-right: 25px;
		margin-left: 25px;
	}
	
	
	/* ------------------------- PRODOTTI - COMPATIBILI ------------------------- */
	#prodottiCompatibili {
		background-position-x: left;
	}
	
	
	/* ------------------------- CONTATTI ------------------------- */
	#contatti.sez-principale {
		padding-right: 0;
		padding-left: 0;
	}
	
	
}

/* -------------------------------------------------- */
/* ------------- TABLET VERTICALI ------------------- */
/* ------------- USARE SM- PER LE CLASSI ------------ */
/* -------------------------------------------------- */

@media (max-width: 768px) {
	
	/* ------------------------- VARIABLES ------------------------- */
	:root {

		--h1-size: 54px;
		--text-header-size: 24px;

	}
	
	
	/* ------------------------- OBJECT ------------------------- */

	/* ----- other ----- */
	.bg-shadow-left:before { background: rgba(0, 0, 0, 0.45); }
	#torrefazioneRiconoscimenti.bg-shadow-left:before { background: rgba(0, 0, 0, 0.75); }
	#prodotti.bg-shadow-left:before { background: rgba(0, 0, 0, 0.65); }
	#prodottiMiscele.bg-shadow-left:before { background: rgba(0, 0, 0, 0.75); }
	#prodottiSofia.bg-shadow-left:before { background: rgba(0, 0, 0, 0.65); }
	#prodottiNjuki.bg-shadow-left:before { background: rgba(0, 0, 0, 0.75); }
	#prodottiMonodose.bg-shadow-left:before { background: rgba(0, 0, 0, 0.65); }
	#prodottiCompatibili.bg-shadow-left:before { background: rgba(0, 0, 0, 0.65); }
	#formazione.bg-shadow-left:before { background: rgba(0, 0, 0, 0.65); }
	
	
	/* ------------------------- HEADER ------------------------- */
	
	/* ----- header - main menu open ----- */
	.mainMenu-open #header .header-inner {
		background-color: black !important;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu {
    position: absolute;
    top: var(--h-header);
    left: 0;
    width: 100vw;
		background-color: black;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul {
		flex-direction: column;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul li > a {
		line-height: 1em !important;
		text-transform: none;
		padding: 15px 0;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li:not(.current) > a,
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li ul.dropdown-menu li:not(.current) a,
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li ul.p-dropdown-content li:not(.current) a {
		color: white !important;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.current > a,
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li ul.dropdown-menu li.current a,
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li ul.p-dropdown-content li.current a {
		font-weight: 400 !important;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown {
		width: 100%;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown:before {
		content: '\f078';
		font-family: "Font Awesome 6 Pro";
    top: 0;
    display: flex;
    align-items: center;
    height: 40px;
    transform: rotate(0);
		transition: .2s transform ease-in-out;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown.hover-active:before {
		transform: rotate(180deg);
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown a {
		text-align: center;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown ul.dropdown-menu {
		position: relative;
		padding: 0;
		margin: 0;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown.hover-active ul.dropdown-menu {
		padding: 7.5px 0;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown ul.dropdown-menu:before,
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown ul.p-dropdown-content:before {
		backdrop-filter: unset;
		background-color: #1a1a1a;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown ul.dropdown-menu li,
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown ul.p-dropdown-content li {
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown ul.dropdown-menu li a,
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown ul.p-dropdown-content li a {
		padding: 7.5px 0;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul li.header-extras-mobile {
		display: none !important;
	}
	
	
	/* ------------------------- PRODOTTI - SOFIA ------------------------- */
	#prodottiSofia {
		background-position-x: right;
	}
	
	
	/* ------------------------- PRODOTTI - CAFFE DELLE DONNE ------------------------- */
	.img-caffedonne {
    display: block;
	}
	
	
	/* ------------------------- PRODOTTI - COMPATIBILI ------------------------- */
	#prodottiCompatibili {
		background-position-x: center;
	}
	
	
	/* ------------------------- CONTATTI ------------------------- */
	#formazione {
		background-position-x: center;
	}
	
	
	/* ------------------------- CONTATTI ------------------------- */
	#gmap {
    min-height: 400px !important;
	}
	
}

/* -------------------------------------------------- */
/* ------------- SMARTPHONE ------------------------- */
/* ------------- USARE XS- PER LE CLASSI ------------ */
/* -------------------------------------------------- */

@media (max-width: 576px) {
	
	/* ------------------------- VARIABLES ------------------------- */
	:root {
	
		--h1-size: 49px;

		--text-header-size: 20px;

		--text-footer-copyright-size: 10px;

	}
	
	
	/* ------------------------- TEXT ------------------------- */
	
	/* ----- text - other ----- */
	h1.title-home {
		font-size: 36px !important;
	}
	h1.title-certificazioni {
		font-size: var(--h1-size) !important;
	}
	.text-xs-left {
		text-align: left;
	}
	
	
	/* ------------------------- OBJECT ------------------------- */

	/* ----- general ----- */
	.sez-principale {
		min-height: calc(var(--vh, 1vh) * 100 - var(--h-header));
		padding-left: 0;
		padding-right: 0;
	}
	body.webp-support #sliderHome.sez-principale.slide-is-preloaded { background-image: url('/pages/_assets/nice/images/home/artcafe-parma-homepage-mobile-1.webp') !important; }
	body:not(.webp-support) #sliderHome.sez-principale.slide-is-preloaded { background-image: url('/pages/_assets/nice/images/home/artcafe-parma-homepage-mobile-1.jpg') !important; }
	#chisiamo.sez-principale,
	#torrefazione.sez-principale,
	#torrefazioneMission.sez-principale,
	#torrefazioneImpianto.sez-principale,
	#torrefazioneQualita.sez-principale,
	#torrefazioneRiconoscimenti.sez-principale,
	#prodotti.sez-principale,
	#prodottiMiscele.sez-principale,
	#prodottiSofia.sez-principale,
	#prodottiCaffedonne.sez-principale,
	#prodottiNjuki.sez-principale,
	#prodottiMonodose.sez-principale,
	#prodottiCompatibili.sez-principale,
	#formazione.sez-principale {
		min-height: unset;
		background-image: none !important;
	}

	
	/* ------------------------- HEADER ------------------------- */

	/* ----- header ----- */
	#header .header-inner {
		border-bottom: none;
		padding-left: 0;
		padding-right: 0;
	}
	
	/* ----- header - logo ----- */
	#header .header-inner .container-fluid #logo {
		position: relative !important;
		float: unset;
    width: auto;
	}
	#header .header-inner .container-fluid #logo img {
    max-width: 120px;
		padding: 0;
	}
	
	/* ----- header - menu trigger ----- */
	#header .header-inner .container-fluid #mainMenu-trigger {
		position: absolute;
		float: unset;
		height: var(--h-header);
		right: 14px;
	}
	#header .header-inner .container-fluid #mainMenu-trigger a .lines {
		top: 0;
	}
	
	/* ----- header - main menu open ----- */
	/*
	.mainMenu-open #header .header-inner {
		background-color: black !important;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu {
    position: absolute;
    top: var(--h-header);
    left: 0;
    width: 100vw;
		background-color: black;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul {
		flex-direction: column;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul li > a {
		line-height: 1em !important;
		text-transform: none;
		padding: 15px 0;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li:not(.current) > a,
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li ul.dropdown-menu li:not(.current) a,
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li ul.p-dropdown-content li:not(.current) a {
		color: white !important;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.current > a,
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li ul.dropdown-menu li.current a,
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li ul.p-dropdown-content li.current a {
		font-weight: 400 !important;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown {
		width: 100%;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown:before {
		content: '\f078';
		font-family: "Font Awesome 6 Pro";
    top: 0;
    display: flex;
    align-items: center;
    height: 40px;
    transform: rotate(0);
		transition: .2s transform ease-in-out;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown.hover-active:before {
		transform: rotate(180deg);
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown a {
		text-align: center;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown ul.dropdown-menu {
		position: relative;
		padding: 0;
		margin: 0;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown.hover-active ul.dropdown-menu {
		padding: 7.5px 0;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown ul.dropdown-menu:before,
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown ul.p-dropdown-content:before {
		backdrop-filter: unset;
		background-color: #1a1a1a;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown ul.dropdown-menu li,
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown ul.p-dropdown-content li {
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown ul.dropdown-menu li a,
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul > li.dropdown ul.p-dropdown-content li a {
		padding: 7.5px 0;
	}
	*/

	/* ----- header - extras ----- */
	#header .header-extras {
		display: none !important;
	}
	.mainMenu-open #header .header-inner .container-fluid #mainMenu nav > ul li.header-extras-mobile {
		display: block !important;
	}
	

	/* ------------------------- FOOTER ------------------------- */

	/* ----- footer - copyright ----- */
	#footer .copyright-content {
		padding: 10px 0;
	}
	
	
	/* ------------------------- TORREFAZIONE - IMPINATO ------------------------- */
	.box-impianto {
		padding: 0;
		border: none;
	}


	/* ------------------------- TORREFAZIONE - RICONOSCIMENTI ------------------------- */
	.grid-camaleonte-awards, .grid-ict {
		grid-template-columns: auto;
		grid-row-gap: 25px;
	}
	.grid-camaleonte-awards img {
		max-width: 50%;
    margin: auto;
	}
	.grid-ict .grid-ict-group-medal img:not(:first-child) {
		margin-left: -50px;
	}
	
	
	/* ------------------------- TORREFAZIONE - CERTIFICAZIONE ------------------------- */
	.logo-certificazione {
		max-width: 75%;
		margin-right: auto;
		margin-left: auto;
	}
	
	
	/* ------------------------- PRODOTTI - SOFIA ------------------------- */
	.grid-ict.grid-ict-prod {
		grid-template-columns: auto;
	}
	.grid-ict.grid-ict-prod .grid-ict-group-medal img:not(:first-child) {
		margin-left: -20px;
	}
	.grid-ict.grid-ict-prod img {
		max-width: 100px !important;
	}
	
	/* ------------------------- PRODOTTI - NJUKI ------------------------- */
	.grid-card-njuki {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 15px;
		margin-top: 10px;
	}
	.grid-card-njuki > a {
    margin-right: 0;
    margin-left: 0;
  }
	.grid-card-njuki .card-njuki h4 {
		font-size: 10px;
	}
	
	
	/* ------------------------- CONTATTI ------------------------- */
	form#formContatti {
		display: grid;
		grid-template-areas:	'nome'
													'cognome'
													'email'
													'telefono'
													'oggetto'
													'messaggio'
													'checkbox'
													'submit';
		grid-template-columns: 100%;
		grid-gap: 10px 0;
	}
	.checkbox-form label {
		font-size: 11px !important;
	}
	
}