.tpa__front__gallery { background-color: #fff; transition: background-color ease 0.5s 0.6s; }
.tpa__front__gallery a { text-decoration: none; }
.tpa__front__gallery .site, 
.tpa__front__gallery .site-content { height: 100%; min-height: 100% !important; overflow: hidden; }
.tpa__front__gallery .content-area { max-width: initial; }
.tpa__front__gallery .tpa__gallery__container { content-visibility: auto; height: calc(var(--vh,1vh) * 100); overflow: hidden; padding-bottom: 25px; width: 100vw; -webkit-overflow-scrolling: touch; }
.tpa__front__gallery .tpa__gallery__inner { align-items: center; content-visibility: auto; display: flex; flex-wrap: nowrap; height: 1980px; justify-content: center; left: calc((100vw - 2640px) / 2); opacity: 1; position: absolute; padding-bottom: 25px; top: calc( ((var(--vh,1vh) * 100) - 1980px) / 2 ); transition: opacity ease 0.8s; width: 2640px; -webkit-box-align: center; }
.tpa__front__gallery .tpa__gallery__wrapper { align-items: center; display: grid; grid-template-columns: repeat(8, 320px); height: auto; padding: 40px 80px; touch-action: none; -webkit-box-align: center; }
.tpa__front__gallery .tpa__gallery__section { height: 330px; padding: 30px; width: 330px; }
.tpa__front__gallery section { padding: 0 18px; width: 100%; }
.tpa__front__gallery .tpa__gallery__section .tpa__gallery__item,
.tpa__front__gallery .tpa__gallery__section .tpa__gallery__box,
.tpa__front__gallery .tpa__gallery__section .tpa__gallery__img { height: 100%; width: 100%; }
.tpa__front__gallery .tpa__gallery__section .tpa__gallery__box { cursor: zoom-in; }
.tpa__front__gallery .tpa__gallery__section .tpa__gallery__img { overflow: hidden; }
.tpa__front__gallery .tpa__gallery__section .tpa__gallery__img img { min-height: 100%; min-width: 100%; max-height: 100%; max-width: 100%; object-fit: contain; }
.tpa__front__gallery .tpa__gallery__label { background-color: #fff; border: 2px solid #000; bottom: 40px; display: none; font-size: 18px; left: 50%; padding: 18px; position: fixed; text-align: center; transform: translateX(-50%); z-index: 20; width: 250px; }

/* MEDIAQUERIES
******************/
/* Notebook and up */
@media screen and (min-width: 1201px) {
	.tpa__front__gallery  .tpa__gallery__section .tpa__gallery__item { transition: transform ease 0.5s 0.6s; }
	.tpa__front__gallery  .tpa__gallery__section .tpa__gallery__item:hover { transform: scale(1.20); }
	.multiple__prods__list a:hover { color: #b3b3b2; }
}

/* Desktop */
@media screen and (max-width: 1950px) {

}

/* Small Desktop */
@media screen and (max-width: 1700px) {
	.tpa__front__gallery .tpa__gallery__container .tpa__gallery__inner { height: 1620px; left: calc((100vw - 2160px) / 2); top: calc( ((var(--vh,1vh) * 100) - 1620px) / 2 ); width: 2160px; }
	.tpa__front__gallery .tpa__gallery__wrapper { display: grid; grid-template-columns: repeat(8, 270px); padding: 30px 60px; }
	.tpa__front__gallery .tpa__gallery__section { height: 270px; padding: 20px; width: 270px; }
}

/* Notebook */
@media screen and (max-width: 1550px) {
	
}

/* Tablet */
@media screen and (max-width: 1200px) {
	/*.tpa__front__gallery .tpa__gallery__container { overflow: scroll; -webkit-overflow-scrolling: touch; }*/
	.tpa__front__gallery .tpa__gallery__container .tpa__gallery__inner { height: 1260px; left: 0; top: 0; transform: translate(calc((100vw - 1680px) / 2), calc( ((var(--vh,1vh) * 100) - 1260px) / 2 )); width: 1680px; }
	/*.tpa__front__gallery .tpa__gallery__container .tpa__gallery__inner { height: 1260px; left: 0; top: 0; transform: none; width: 1680px; } */
	.tpa__front__gallery .tpa__gallery__wrapper { grid-template-columns: repeat(8, 210px); padding: 0 30px; }
	.tpa__front__gallery .tpa__gallery__section { height: 210px; padding: 10px; width: 210px; }
}

/* Tablet Verticale */
@media screen and (max-width: 991px) {

}

/* Smartphone */
@media screen and (max-width: 720px), screen and (max-width: 991px) and (orientation: landscape) {
	.tpa__front__gallery .tpa__gallery__container .tpa__gallery__inner { height: 1780px; left: 0; top: 0; transform: translate(calc((100vw - 1200px) / 2), calc( ((var(--vh,1vh) * 100) - 1780px) / 2 )); width: 1200px; }
	/*.tpa__front__gallery .tpa__gallery__container { display: block; overflow: scroll; }
	.tpa__front__gallery .tpa__gallery__container .tpa__gallery__inner { display: block; height: 1780px; left: auto; position: relative; top: auto; transform: none; width: 1200px; }*/
	.tpa__front__gallery .tpa__gallery__wrapper { grid-template-columns: repeat(6, 200px); padding: 60px 0px; }
	.tpa__front__gallery .tpa__gallery__section { height: 200px; padding: 10px; width: 200px; }
}