/*  X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap */

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    
 }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    
 }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .row.services-list img {
        width: auto;
        height: auto;
        max-width: 45px;
        max-height: 45px;
    }
    
.big-item .product-item {
	height: 100%;
}

.big-item .product-thumb {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.big-item .product-thumb .main-img{
	flex-grow: 1;
}
.big-item .product-thumb .main-img .square-container {
	padding-bottom: 0;
	height: 100%;
}

.custom-scrollbar::-webkit-scrollbar {
	width: 11px;
  }
  .custom-scrollbar {
	scrollbar-width: thin;
	scrollbar-color: #000 #dfdfdf;
  }
  .custom-scrollbar::-webkit-scrollbar-track {
	background: #dfdfdf;
  }
  .custom-scrollbar::-webkit-scrollbar-thumb {
	background-color: #000 ;
	border-radius: 6px;
	border: 3px solid #dfdfdf;
  }

 }

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    
 }

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
    
 }



 /********* DESKTOP FIRST **********************************************/


 /*  X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap */

/* // Small devices (landscape phones, 576px and up) */
@media (max-width: 575px) {
    
}

/* // Medium devices (tablets, 768px and up) */
@media (max-width: 767px) { 
   
}

/* // Large devices (desktops, 992px and up) */
@media (max-width: 991px) {  

	.page-wrapper > .container {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.pre-header-container { 
		  padding: 0;  
	}
	header {
		height: 88px; 
	}
	#mp-menu{
		display: block !important;
	}
	 
	header .search-toggle.d-inline-block { 
		font-size: var(--text-md);
		padding: 14px 8px;
	}
	header.search-open .search-toggle.d-inline-block { 
		display: none !important;
	}
	#search { 
		padding: 0.3rem 0; 
	}
	header nav > ul > li a { 
		padding: 14px 8px;
	}
	header nav > ul > li a > span > i {
		font-size: 21px;
	}
	#logo {
		width: 100%;
		margin: 8px auto;
	}
	#logo > img {
		width: auto;
		max-width: 100%;
		max-height: 42px;
	}


	
	body.noscroll {
		overflow: hidden;
	}

 


	.main-slide-content .main-slide-img { 
		position: static; 
	}
	.main-slide-content .container {
		height: 100%;
		position: static;
		transform: none;
		background-color: var(--bs-gray-100);
		padding-bottom: 25px;
	}
	.main-slide-content { 
		height: auto; 
	}
	.main-slide-content .container .text-light {
		color: var(--bs-primary) !important;
	}
	.main-slide-content .container .text-light:after{
		border-bottom: 2px solid var(--bs-primary);
	}


	.caption-slide  {
		text-align: center;
	}
	.caption-slide h2 {
		font-size: var(--text-mdup);
		line-height: 120%;
		margin: 0 0 25px 0;
	}
	.caption-slide h4 {
		margin: 25px 0 10px 0;
	}

	.brand-container h1, .brand-container .likeH1 {
		font-size: var(--text-mdup);
		font-weight: 500;
		line-height: 34px;
	}
	.brand-container .btn.text-nowrap {
		padding-top: 0.5rem; 
	}

	.brand-presentation {
		height: auto;
	}

	.brand-presentation > div.full-bg, .mh-banner > .full-bg {
		height: calc(100vw / 1.55);
	}
	.brand-presentation p {
		font-size: var(--text-mdup);
		line-height: 140%;
		width: 90% !important;
	}

	.brand-item-container .default-carousel.owl-carousel .owl-item > div {
		height: 100vw;
	}
	 
	.mh-banner h2 {
		font-size: var(--text-mdup);
	} 
	.mh-banner p.text-mdup {
		font-size: var(--text-md);
		line-height: 130%;
	}
	.container.journal > .row {
		  padding-top: 0; 
		padding-bottom: 0;
	}
	.container.journal::before, .container.journal::after { 
		display: none; 
	}
	.journal-title-xl {
		font-size: 75px; 
		line-height: 120px;
		padding: 0 8px;
	}
	.journal-item h3 {
		font-size: var(--text-md); 
	}
	.journal-item {
		border-bottom: 1px solid var(--bs-gray-200);
		padding-bottom: 0.5rem;
		margin-bottom: 2rem;
	}
	.container.journal .journal-item:first-child {
		border-top: 1px solid var(--bs-gray-200);
		padding-top: 2rem;
	}
	.container.journal > .row > .col-md-6 {
		max-height: none; 
	}
	 
	.container.journal > .row > .col-md-6::-webkit-scrollbar { 
		display: block;  /* Safari and Chrome */
	}

	.journal-title.likeH2{
		line-height: 1.2;
	}
	



#carousel-main-slide-tema.owl-carousel.owl-loaded{
	margin-left: 0;
	margin-right: 0;
}
.mh-slide {
	min-height: 0;
}
.mh-slide .full-bg {
	height: 0;
	padding-bottom: 54% !important;
	margin: 0 auto -27%;
	width: 54%;
	position: relative;
}
.mh-slide .full-bg + div{
	padding-top: 36% !important;
}


.sub-brand-presentation .full-bg {
	background-size: auto 100%;
	background-position: left;
	height: calc(100vw / 2);
	max-height: none;
	 position: relative;
}
.sub-brand-presentation .full-bg.order-lg-2 {
	background-position: right;
}

.sub-brand-presentation-title {
	width: 55%;
	padding: 3rem 1rem;
}

.sub-brand-presentation-title h2::after {
	content: "";
	display: inline-block;
	width: 21px;
	height: 19px;
	background-image: url("../images/slide-next.svg");
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 0 0 10px;
}

.sub-brand-presentation-link {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}


.sub-brand-presentation-title h2 {
	font-size: 27px;
}
.sub-brand-presentation-link {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
  

.category-slider{
	max-width: 100%;
	overflow: auto;
}
.evento-item h1 {
	font-size: var(--text-lg); 
	line-height: 130%; 
	letter-spacing: normal;
}

.filter-journal{
	max-width: 100%;
	overflow: auto;

}
.item.brand-item .square-container {
	width: 55%;
	padding-bottom: 55%;
}

.item.brand-item .square-container:hover > img {
	opacity: 1;
}
.item.brand-item .square-container:hover > p {
	opacity: 0;
}

.item > .btn-border::after {
	bottom: 1px;
}

.filter-fixed-bar .filter-trigger, .filter-fixed-bar .filtered-number, .filter-fixed-bar select {
	font-size: var(--text-xs);
	font-weight: 600;
}

.nav-down .filter-fixed-bar {
	top: 88px;
}
.square-container img {
	object-fit: contain;
}
.product-thumb .main-img .square-container img {
	max-width: 100%;
	max-height: 100%;
}

.product-thumb .product-name, .product-thumb .product-price, .product-other-info {
	padding-left: 10px;
	padding-right: 10px;
}


.slide-column-wrapper {
	height:100vh; 
height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
height: fill-available;
 
}
.slide-column-overlay {
	height:100vh; 
height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
height: fill-available;
}

.product-detail {
	padding-bottom: 2rem;
	margin-bottom: 2rem;
}

.product-detail .position-absolute.left-half {
	position: static !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 0 0 -0.75rem;
	width: calc(100% + 1.5rem);
	max-width: none;
}

#productTab > li {
	width: 33%;
	text-align: center;
}


.standard-tab .nav-link { 
	padding: 0;
	margin: 0 0.8rem 1rem 0; 
	line-height: 130%; 
	letter-spacing: 0;
}


scalapay-widget { 
	font-size: var(--text-xs);
}

.var-small .square-container {
	 padding-bottom: 100%;  
}

.product-detail .buy-box.buy-box-fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 1.5rem;
	background: #fff;
	z-index: 9;
}

.empty-state > i {
	font-size: 60px;  
}
.empty-state > span {
	font-size: var(--text-md); 
}

.table.table-responsive-horizzontal div[data-title]:not([data-title=""])::before {
	content: attr(data-title);
	display: inline-block;
	margin: 0 .25rem 0 0;
}




.store-locator-container > .row{
	height: auto !important;
}
.store-locator-container .position-absolute.left-half {
	position: static !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 0 0 -0.75rem;
	width: calc(100% + 1.5rem);
	max-width: none;
}

.store-locator-item { 
	margin: 0 0 2rem 0;
	padding: 1.5rem 0 0 0;
}


	footer {
		padding: 20px 0 60px;
	}
	footer > .container > .row > div > h4 {
		text-transform: uppercase;
		cursor: pointer;
		line-height: 24px;
		border-top: 1px solid var(--bs-primary);
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		margin: 0;
	}
	footer > .container > .row > div > h4::after {
		content: "\f067";
		display: inline-block;
		float: right;
		font-size: 16px;
		font-weight: 400;
		line-height: 28px;
		margin: -3px 2px 0 0;
		font-family: "Font Awesome 5 Pro";
	}
	footer > .container > .row > div.active > h4::after {
		content: "\f068";
	}
	footer > .container > .row > div p , footer > .container > .row > div ul{
		display: none;
	}
	footer > .container > .row > div.active p , footer > .container > .row > div.active ul{
		display: block;
	}
	footer ul.social-list{
		border-top: 1px solid var(--bs-primary);

	}
	footer ul.social-list > li {
		display: inline-block;
		margin: 1rem 0.5rem;
	}


	.owl-carousel .owl-nav button.owl-prev img, .owl-carousel .owl-nav button.owl-next img{
		transform: scale(0.75);
	}
	.owl-directnav6 .product-thumb .square-container img {
		max-width: 75%;
		max-height: 75%;
	}


.text-mobile-xxs{
	font-size: var(--text-xxs);
}

.text-mobile-xs{
  font-size: var(--text-xs);
}

.text-mobile-sm{
  font-size: var(--text-sm);
}

.text-mobile-md{
  font-size: var(--text-md);
}
.text-mobile-mdup{
  font-size: var(--text-mdup);
}

.text-mobile-lg, .text-mobile-lg.likeH1{
	font-size: var(--text-lg);
  }{
  font-size: var(--text-lg);
}

.text-mobile-xl{
  font-size: var(--text-xl);
}

.line-height-mobile-normal{
	line-height: 130%;
}

.fw-mobile-regular{
	font-weight: 400 !important;
}
.fw-mobile-medium{
	font-weight: 500 !important;
}
.fw-mobile-bold{
	font-weight: 600 !important;
}


#mp-menu.mp-menu {
	z-index: 9999999;
	height: 100%;
	max-height: -webkit-fill-available;
	position: sticky;
	position: -webkit-sticky;
	will-change: transform;
	margin-top: -88px;
}
.mp-pusher {
	position: static; 
}
 
#mp-menu.mp-menu:after{
	padding-top: 88px;
	content: " ";
	display: block;
}
header{
	position: -webkit-sticky;
}
#mp-menu.mp-cover > .mp-level.mp-level-open{
	position: -webkit-sticky;

}
#mp-menu.mp-menu ul ul ul {
	height: calc((var(--vh, 1vh) * 100) - 70px);
	overflow: auto; 
}
.journal-container {
	max-height: none;
	overflow: visible;
}

.journal-item-list .journal-item h3 {
	font-size: var(--text-sm);
	line-height: 20px; 
}

#mp-pusher.prod-detail-page + #fb-root , body.prod-detail-body .iubenda-tp-btn  {
	display: none !important;
}

.btn-filter.btn-light:hover {
	opacity: 1;
	background: var(--bs-white);
	color: var(--bs-dark);
	border-color: var(--bs-white);
	box-shadow: none;
}
.btn-filter.btn-dark:hover {
	opacity: 1;
	background: var(--bs-dark);
	color: var(--bs-white);
	border-color: var(--bs-dark);
	box-shadow: none;
}

body.noscroll .iubenda-tp-btn.iubenda-cs-preferences-link { 
	height: 0 !important;
}

body.noscroll .fb_dialog_content {
	display: none;
}
.product-thumb .main-img span.novita{
	font-size: 9px;
}
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1199px) { 
	ul.category-slider > li {
		margin: 0 8px; 
	}
	ul.category-slider > li > a { 
		font-size: var(--text-xs); 
	}
}



/* // XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1399px) { 
	ul.category-slider > li {
		margin: 0 8px; 
	}
	ul.category-slider > li > a { 
		font-size: var(--text-xs); 
	}
   
}