/* RESPONSIVE MEDIA QUERIES */
/* 
   Approccio Desktop-First: gli stili di base sono per desktop.
   Qui interveniamo con media query per adattare il layout a schermi più piccoli 
   (fino a 350px per dispositivi estremamente piccoli) o per schermi extra large (min-width: 1600px).
*/



@media (max-width: 1599px) {
	html { font-size: 16px; }
    .list-categories .url-box {
        font-size: 12px;
        width: 70px;
    }
}

/* 📌 Medium Devices (768px - 1023px) */
@media (max-width: 1023px) {
    html { font-size: 15px; }
    .site-content { width: 90%; }
    .site-navbar.top { height: 100px; }
	.navbar-section.searchbar-box {justify-content: flex-start;}
	.navbar-section.user-actions-box {justify-content: flex-end;}
    .site-navbar { padding: 0px 20px; }
    .video_homepage, .list-categories { display: none; }
    .searchbar.mobile {
        display: flex !important;
        width: 100%;
        max-width: unset;
    }
    .searchbar.mobile input {
        border: 2px solid var(--color-light-grey);
        padding: 3px 6px;
    }
    .searchbar.desktop { display: none; }
    #mobile-icon-open { display: block; }
}

@media (max-width: 767px) {
    html { font-size: 13px; }
    .site-content { width: 95%; }
	.site-header { position: static; }
	.navbar-section { flex: 1 0 auto; }
    .site-navbar.top { height: 75px; padding: 0px 10px; }
    .site-navbar.mid { height: unset; padding: 5px 20px; }
    .navbar-section.logocompany { padding: 13px; }
	.user-actions { gap: 15px; }
    #scrollTop { display: flex; }
    .page.prodotti-php { flex-direction: column; }
}

@media (max-width: 400px) {
    html { font-size: 12px; }
    .site-content { width: 97%; }
    .navbar-section { flex: 1 0 auto; }
	.navbar-section.logocompany { padding: 20px; }
    #cart-container { display: none; }
    .product-image img { width: 150px; height: 150px; }
    .site-product:hover { transform: unset; }
	.message-container {
        width: 80%;
        max-width: 300px;
        font-size: var(--font-lg);
    }
	.site-product {
		border: 1px solid #ddd;
		border-radius: 15px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	}
}


























@media only screen and (max-width:980px) {

}


@media only screen and (min-width: 980px) and (max-width: 1200px) {
	
}




@media only screen and (max-width: 300px) {



}

@media screen and (max-width: 350px) {

	#cart_inputs {
	  flex-wrap: wrap;
	}

	a[id^="qta_plus_"] {
		margin-right: 0px !important;
	}
  
	a[id^="add_or_remove_wishlist_"] {
	  order: 5;
	  margin-top: 10px;
	  flex: 1 1 100%;
	  margin-right: 0px !important;
	  margin-left: 0px !important;
	}
	a[id^='add_cart_'] {
	  flex: 1 1 100%;
	  margin-top: 10px;
	  margin-right: 0px !important;
	  margin-left: 0px !important;
	}
	.nav-header-logo {
		height: 80px;
	}
	.search-bar-md {
		display: none !important;
	}
	.navbar_mobile {
		padding: 0px !important;
	}
}
@media screen and (max-width: 400px) {

	#cart_inputs {
	  flex-wrap: wrap;
	}

	a[id^="qta_plus_"] {
		margin-right: 0px !important;
	}
  
	a[id^="add_or_remove_wishlist_"] {
	  order: 5;
	  margin-top: 10px;
	  flex: 1 1 100%;
	  margin-right: 0px !important;
	  margin-left: 0px !important;
	}
	a[id^='add_cart_'] {
	  flex: 1 1 100%;
	  margin-top: 10px;
	  margin-right: 0px !important;
	  margin-left: 0px !important;
	}
	.nav-header-logo {
		height: 80px;
	}
	.search-bar-md {
		display: none !important;
	}
	.navbar_mobile {
		padding: 0px !important;
	}
}









/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 1023px) {
	
	.navbar-nav>li {
		display: inline;
	}
	#slider-area {
		margin-top: 20px;
	}
	section+section {
		margin-top: 25px;
	}
	#features .block {
		margin-bottom: 8px;
	}
	.block-heading {
		margin: 30px 0;
	}
	.block-heading h2,.products-heading h2 {
		font-size: 30px;
	}
	#back-top {
		display: none !important;
	}
	.products {
		margin-bottom: 20px;
	}



	/*-----------Blog--------------*/
	#blog .blog-zone > li {
		margin-bottom: 80px;
	}
	#blog .blog-zone > li:last-child {
		margin-bottom: 0;
	}
	#blog .blog-zone {
		margin-top: 50px;
	}
	#topic-header {
		text-align: center;
	}
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	

}






/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	
}









/* Example Media Queries */
@media screen and (max-width: 65.375em) {
 
    #blog .blog-zone > li .cbp_tmtime span:last-child {
        font-size: 1.5em;
    }
}
 
@media screen and (max-width: 47.2em) {
    #blog .blog-zone:before {
        display: none;
    }
 
    #blog .blog-zone > li .cbp_tmtime {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }
 
    #blog .blog-zone > li .cbp_tmtime span {
        text-align: left;
    }
 
    #blog .blog-zone > li .blog-box {
        margin: 0 0 80px 0;
        padding: 1em;
        font-weight: 400;
        font-size: 95%;
    }
 
    #blog .blog-zone > li .blog-box:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #3594cb;
        top: -20px;
        display: none;
    }
 
    #blog .blog-zone > li:nth-child(odd) .blog-box:after {
        display: none;
    }
 
    #blog .blog-zone > li .blog-icon {
        position: relative;
        float: left;
        left: auto;
        margin: -55px 5px 0 0px;
    }
}


/* Media query for products */
/* @media only screen and (min-width: 990px) and (max-width: 1200) {
	.products {
		width: 80%;
		margin: 0 auto;
	}
}

@media only screen and (min-width: 1200px ) {
	.products {
		width: 60%;
		margin: 0 auto;
	}
} */

@media only screen and (max-width: 350px) {

	#cart_inputs {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;

	}

	a[id^='add_cart_'] {
		margin-top: 10px;
		margin-right: 0px;
	}

	.product .text {
		padding: 0px;
	}

	/* #cart_inputs a {
		width: 30px;
		height: 30px;
		padding: 5px;
	}

	a[id^='add_cart_'] {
		width: 50px;
	}

	#cart_inputs input.form-control {
		height: 30px;
		width: 50px;
	} */
}



/* DEFAULT MEDIA QUERY */
@media only screen and (max-width: 329px) {
	.heading h2 {
		font-size: 20px !important;
	}
}

/* Extra small devices (telefoni, 0-575px) */
@media only screen and (min-width: 330px) and (max-width: 575px) {
	.heading h2 {
		font-size: 25px !important;
	}
}

/* Small devices (tablet verticali, 576-767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.heading h2 {
		font-size: 25px !important;
	}
}

/* Medium devices (tablet orizzontali, 768-991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.heading h2 {
		font-size: 30px !important;
	}
}

/* Large devices (laptop/desktop, 992-1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {}

/* Extra large devices (grandi desktop e oltre, 1200px e oltre) */
@media only screen and (max-width: 1025px) {}

/* CUSTOM MEDIA QUERY */
@media only screen and (min-width: 1200px) and (max-width: 1350px) {}