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

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	h1 {
		font-size: 40px;
		line-height: 42px;
	}
	
	.lingue{
		line-height: 15px;
	}
	.wrTestata .lingue a {
		padding-bottom: 5px;
		font-size: 15px;
	}

	#mainbar1.navbar-collapse{
		background-color: var(--color2);
        position: absolute;
        left: 0;
        right: 0;
        top: 40px;
        width: 100vw;
        z-index: 9999;
	}

	.navbar-toggler{
		background-color: transparent;
    	order: -1;   /* prima di tutto → hamburger | LOGO | lingue */
        border: none;
        padding: 0;
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
	}
	.navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
	}
	
	#mainbar1{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#mainbar1 .nav-link {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.col-navbar{
		order: -1;
		padding-left: 0;
		padding-right: 0;
	}

	.navbar{
    	padding-top: 0;
	}
	.navbar-container{
		padding-left: 0;
	}

	.nav-static .wrsez{
		display: block;
        padding-top: 0;
        padding-bottom: 0;
        margin-left: 0;
	}
	.nav-static .wrsez img{
		display: none;
	}
	.nav-static .titsez {
    	margin-top: 3px;
        color: #969696;
	}
	.nav-static .dropdown-menu{
		position: relative !important;
        padding-left: 15px;
	}
	.nav-static .dropdown-item {
    	padding: 5px 0 7px 0;
		width: 100% !important;
	}

	.wrTestata{
		min-height: inherit;
	}
	.navbar{
		position: relative;
		top: 0;
		margin-bottom: 10px !important;
		}

	.breadcrumb>li {
    display: block;
	font-size: 14px;
	}
	.breadcrumb>li+li:before {
    padding: 0;
    content: "";
	}
	
	.wrNuances a{
        height: 80px;
        width: 80px;
		}
	.wrNuances .nome{
        font-size: 12px;
		}
	.wrNuances .statocol{
		top: 36%;
	}

	.wrFooter .rowMenu h3{
		font-size: 16px;
        line-height: 20px;
		margin-top: 15px;
	}
	.wrFooter .vcard{
		font-size: 16px;
	}

	#pHome .tDna2 {
    	font-size: 46px;
	}

	.carousel-caption {
        top: 24rem;
	}
	.carousel-caption h1 {
		font-size: 40px;
	}

	.carousel-inner,
	.carousel-item {
		height: 75svh;
	}

	.carousel-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}


	#pTile .wrPezziSpeciali .wrRow .pez {
		height: inherit;
        margin-top: 20px;
	}

	#collezioni .titColl{
		font-size: 14px;
	}
	#collezioni .collMenu {
		font-size: 18px;
	}
	#collezioni .collMenu .coll{
		display: block;
    	margin-bottom: 10px;
		margin-right: 0;
	}

	.wrFormati>a {
    	min-width: 200px;
		height: inherit;
		margin-top: 15px;
    	margin-bottom: 10px;
	}

	.rowdna1 h1 {
    	font-size: 40px;
	}
	.rowdna1 .txt {
		font-size: 20px;
	}
	.wrWideBlocDna .tit {
	    margin-top: 15px;
		margin-bottom: 15px;
    	font-size: 25px;
	}
	.text-ncs {
    	font-size: 46px;
	}
	
	.pezzispeciali .pezzo {
    	margin-bottom: 45px;
	}

}

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

	.wrNuances a{
    	width: 54px;
		height: 54px;
		padding: 10px;
		}
	.wrNuances .nome{
		font-size: 10px;
		}
	.wrNuances .statocol{
		top: 34%;
		font-size: 12px;
	}
	.wrWideBlocDna .tit {
    	font-size: 30px;
		line-height: 30px;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.wrNuances a{
    	width: 80px;
		height: 80px;
		padding: 10px;
		}
	.wrNuances .nome{
		font-size: 14px;
		}
	.wrNuances .statocol{
		top: 35%;
		font-size: 14px;
	}

	.rowdna1 h1 {
    	font-size: 64px;
	}
}

@media (min-width: 993px) and (max-width: 1199px) {
	.carousel-inner {
    	max-height: 690px;
	}
	.carousel-caption {
    	top: 30rem;
	}
}

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

	.wrNuances a{
    	width: 100px;
		height: 100px;
		padding: 20px;
		}
	.wrNuances .nome{
    	font-size: 14px;
		}
	.wrNuances .statocol{
		top: 40%;
		font-size: 16px;
	}
}

@media (min-width: 1400px) {
	.wrNuances a{
	    width: 100px;
	    height: 100px;
		}
	.wrBoxCard .card .p{
        min-height: 96px;
	}
}


@media print
{
	a[href]:after {
	  content: none !important;
	}

    .no-print, .no-print *
    {
        display: none !important;
    }

	
	#pTile .wrHeadNav, #pTile .wrFooter,
	#pTile .wrPezziSpeciali, #pTile .share
	{
        display: none !important;
	}

    .breadcrumb {
        display: flex !important;
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
		margin-left: 0;
		padding-left: 0;
    }
	.breadcrumb-item{
		margin-right: 10px;
	}

	#prodotto{
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
    }

    #prodotto > .col-sm-5,
    #prodotto > .col-5 {
        flex: 0 0 41.666667% !important;
        max-width: 41.666667% !important;
    }

    #prodotto > .col-sm-7,
    #prodotto > .col-7 {
        flex: 0 0 58.333333% !important;
        max-width: 58.333333% !important;
    }

	#prodotto .imgtile{
        max-width: 96% !important;
        width: 96% !important;
        height: auto !important;
	}
	#prodotto h3{
		margin: 0 !important;
		padding: 0 !important;
	}


    .wrFormati {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    
    .wrFormati > a {
        width: 30% !important;
        min-width: unset !important;
    }
	
}