/*
breakpoint-xs:0;
breakpoint-sm:576px;
breakpoint-md:768px;
breakpoint-lg:992px;
breakpoint-xl:1200px;
*/


@media screen and (max-width: /*767*/991px) {
body {font-size: 15px; line-height: 20px;}
.container-fluid {padding-right: 10px; padding-left: 10px;}
.row {margin-right: -10px; margin-left: -10px;}
h1 {font-size: 22px; line-height: 60px; margin-bottom: 20px;}
h2 {font-size: 15px; line-height: 15px;}
.breadc {display: none;}
.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 30px;}
.TestoPiccolo {font-size: 15px !important; line-height: 20px !important;}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right: 10px; padding-left: 10px;}

* {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
*::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}

.tipologia h1, .projects h1 .realizations h1, .news h1 {margin-left: -5px;}
.testo-categoria > div:last-child > p:last-child {margin: 0;}

.in-evidenza img {margin-bottom: 50px;}
.in-evidenza .item .sopra .testi {top: auto; bottom: 10px; left: 0px;}
.in-evidenza .item .sopra .testi .nome-prodotto {margin-bottom: 0px;}
.in-evidenza .item .sopra .testi .nome-designer {font-size: 12px; line-height: 15px; color: #00000030;}

/* FOOTER */
footer {padding: 90px 15px 15px; display: flex; flex-direction: column;}
footer .container-fluid {padding: 0px;}
footer .dati {order: 5; border-top: solid 1px #00000010; margin-top: 20px; padding: 20px 15px;}
footer .menu {order: 1; width: 50%; border-top: solid 1px #00000010;}
footer .social {order: 2; width: 50%; border-top: solid 1px #00000010;}
footer .menu li, footer .social li {padding: 5px 0;}
footer .newsletter {order: 4; border-top: solid 1px #00000010; margin-top: 40px; padding: 20px 15px;}
footer .fine > div {order: 6;}
footer .language {display: none;}
footer .where {display: none;}
footer .footer-logo {padding-top: 90px;padding-bottom: 60px;}


/* HOMEPAGE */
.homepage .slide .testi {bottom: 15px; left: 15px; font-size: 18px; line-height: 20px;}
.homepage .slide .testi .link {font-size: 12px; line-height: 20px;}
.homepage .slide .numero {bottom: 15px; right: 15px; font-size: 12px; line-height: 20px;}
.homepage .testo-home {margin-top: 20px;}
.homepage .testo-home a {font-size: 15px; line-height: 20px;}
.imgtip, .all {display: none;}
.homepage .in-evidenza, .homepage .projects, .homepage .altre-tipologie, .homepage .altre-cat, .homepage .community  {margin-top: 90px;}
.homepage .in-evidenza .testi {top: auto; bottom: 10px; left: 10px;}
.homepage .in-evidenza img {margin-bottom: 50px;}
.homepage .in-evidenza .testi .nome-prodotto {font-size: 15px; line-height: 20px; margin-bottom: 0px;}
.homepage .in-evidenza .testi .nome-designer {font-size: 12px; line-height: 15px; color: #00000030;}

.altre-tipologie a {font-size: 15px; line-height: 40px;}
.homepage .altre-tipologie .titolo, .homepage .altre-cat .titolo, .homepage .community .titolo  {padding:15px 0 30px;}
.homepage .altre-cat .col-lg-4 {height: 150px; overflow: hidden;}
.contatti-box .testo {font-size: 15px; line-height: 20px;}

/* PRODOTTO */
.prodotto-categoria h1 {font-size: 32px; line-height: 32px; left: 15px;}
.prodotto-categoria .intro {margin-top: -60px; height: 60vh;}
.prodotto-categoria .intro video {width: auto !important; height: 100%;}
.testo-categoria, .prodotto-categoria .testo-categoria > div, .prodotto-categoria .testo-categoria a {font-size: 15px; line-height: 20px; margin-bottom: 50px;}
.menu-categoria {
    font-size: 15px;
    line-height: 20px;
    padding: 25px 10px;
    margin-bottom: 0;
    position: fixed;
    top: calc(100vh - 70px);
    left: 0;
    z-index: 2;
    background: #ffffff;
    width: 100vw;
    overflow-x: auto;
    border-top: 1px solid #00000010;
  }
.menu-categoria > div {padding-left: 0; padding-right: 0; overflow: auto; display: flex;}
.menu-categoria .lista::after {height: 20px;}
.menu-categoria .all {position: relative; display: inline-block;}
.menu-categoria .filtro {display: none;}

.in-evidenza .titolo, .prodotto-categoria .applicazioni .titolo {padding: 15px 0;}
.prodotto-categoria .applicazioni {margin-top: 90px;}
.prodotto-categoria .applicazioni .lista .item {margin-right: 20px;}
.prodotto-categoria .applicazioni .applicazione {font-size: 12px; line-height: 15px;}
.prodotto-categoria-all h1, .tipologia h1, .collezioni h1, .realizations h1, .prodotti-new h1 {font-size: 32px; line-height: 32px; margin-left: 0px; margin-top: 20px; margin-bottom: 40px;}
.lista-categoria {margin-bottom: 0px;}
.lista-categoria .item {margin-bottom: 20px;}
.lista-categoria .item .nome-prodotto {font-size: 12px; line-height: 15px; margin-top: 10px; margin-bottom: 0px;}
.lista-categoria .item .applicazione, .lista-categoria .item .nome-designer {font-size: 12px; line-height: 15px; margin-bottom: 0px;}
.lista-collezioni-txt div {font-size: 18px; line-height: 35px; text-align: left;}
.collezione h1 {font-size: 32px; line-height: 32px; margin-left: 0px; margin-top: 20px; margin-bottom: 5px;}
.collezione p {margin-bottom: 40px; font-size: 12px; line-height: 20px;}

.prodotto .foto-prodotto {margin-top: 0px; padding-right: 0;}
.prodotto .foto-prodotto > img:first-child {display: block;}
.open-gallery {display: none;}
.gallery .immagine {padding-top: 50px;}
.gallery .close {right: 15px;}
.entrante {width: 100%; height: 100vh;}
.entrante.active img {display: block;}
.prodotto .dati-prodotto h1 {font-size: 22px; line-height: 20px ;margin-top: 15px;}
.prodotto .dati-prodotto .nome-designer {font-size: 12px; line-height: 20px;}
.prodotto .dati-prodotto {display: flex; flex-direction: column;}
.prodotto .dati-prodotto .testo {font-size: 15px; line-height: 20px; padding-bottom: 20px; margin-top: 10px; order: 2;}
.prodotto .dati-prodotto .more {font-size: 15px; line-height: 18px; order: 3; display: none;}
.prodotto .dati-prodotto .opzioni {margin-top: 20px; font-size: 12px; line-height: 18px; order: 1;}
.prodotto .dati-prodotto .opzioni .link {display: none;}
.prodotto .dati-prodotto .opzioni .modelli-lista p {margin: 0;}
.prodotto .dati-prodotto .opzioni .modelli-lista > div {padding: 0 10px; cursor: pointer; border-right: 1px solid #000000; margin: 0;}
.prodotto .dati-prodotto .opzioni .modelli-lista > div:first-child {padding-left: 0;}
.prodotto .dati-prodotto .opzioni .modelli-lista > div:last-child {border-right: none;}
.prodotto .dati-prodotto .opzioni .modelli img {display: none;}
.prodotto .testo-collezione > div {margin-top: 0px;}
.prodotto .testo-collezione > div {font-size: 15px; line-height: 20px;}
.prodotto .info-tecniche {padding-bottom: 30px; margin-top: 40px;}
.prodotto .info-tecniche .titolo {padding: 15px 0;}
.prodotto .info-tecniche .valori {overflow: auto; width: calc(100vw - 10px);}
.prodotto .info-tecniche .valori .scrolla {display: flex; overflow:auto;}
.prodotto .info-tecniche .valori .img-tec, .prodotto .info-tecniche .valori .txt-tec > div > div {min-width: 250px; max-width: 100% !important;}
.prodotto .info-tecniche .valori .txt-tec {max-width: unset;}
.prodotto .row.varianti {flex-wrap: nowrap; flex-direction: column;}

.prodotto .info-tecniche .download {margin-top: 0px;}
.prodotto .info-tecniche .download a {display: inline-block; margin-bottom: 10px;}

.prodotto .contatti-box {margin-top: 0px; margin-left: 10px; margin-right: 10px;}
.prodotto .contatti-box .immagine {display:none;}
.prodotto .designer {margin-top: 40px; font-size: 15px; line-height: 20px;}
.prodotto .designer .titolo {padding: 20px 0;}
.prodotto .designer p:first-child {margin-top: 10px; margin-bottom: 20px;}
.prodotto .correlati {margin-top: 40px; font-size: 15px; line-height: 20px;}
.prodotto .correlati .lista .item {margin-right: 50px;}
.prodotto .correlati .nome-prodotto {font-size: 12px; line-height: 15px; margin-top: 10px !important;}
.prodotto .correlati .nome-designer {font-size: 12px; line-height: 15px;}
.prodotto .correlati .titolo {padding: 15px 0;}

.prodotto .video, .prodotto .caratteristiche, .prodotto .panoramica, .prodotto .progetto  {margin-top: 40px;}

.prodotto .video .titolo, .prodotto .caratteristiche .titolo, .prodotto .panoramica .titolo, .prodotto .progetto .titolo {padding-bottom: 30px;}

.prodotto .caratteristiche .lista .item {margin-right: 10px;}
.prodotto .progetto .nome-progetto  {font-size: 12px; line-height: 15px; margin-top: 10px;}
.prodotto .progetto .categoria-progetto {font-size: 12px; line-height: 15px;}
.prodotto .caratteristiche .lista .item {margin-right: 50px;}
.prodotto .caratteristiche .lista .item p {font-size: 12px; line-height: 15px;}

.prodotto .panoramica a {width: 20px; height: 21px; font-size: 11px; line-height: 15px; text-indent: 25px; padding-right: 10px;}

/* NUONI PRODOTTI */
.prodotti-new .in-evidenza .item {margin-bottom: 20px;}
.prodotti-new .in-evidenza .sopra .testi {top: auto; bottom: 10px; left: 0px;}
.prodotti-new .in-evidenza img {margin-bottom: 50px;}
.prodotti-new .in-evidenza .sopra .testi .nome-prodotto {font-size: 15px; line-height: 20px; margin-bottom: 0px;}
.prodotti-new .in-evidenza .sopra .testi .nome-designer {font-size: 12px; line-height: 15px; color: #00000030;}

/* DESIGNERS */
.designers h1 {margin-bottom: 20px;}
.designers-list .item {margin-bottom: 20px;}
.designers-list span {margin-top: 10px; font-size: 12px; line-height: 15px;}
.designer .img-main {margin-bottom: 30px;}
.designer .txt-main {margin-bottom: 20px;}
.designer .txt-main .more {margin-top: 10px; font-size: 15px; line-height: 20px;}
.designer .details .split-two {column-count: 1;}
.designers-lamps-list div .lamp {font-size: 12px; line-height: 15px;}
.designers-lamps-list div .applicazione {font-size: 12px; line-height: 15px; margin-bottom: 20px; color: #00000030;}
.designers-lamps-list > div {margin-top: 40px;}

/* PROJECTS */
.projects h1 {margin-bottom: 20px; margin-left: 0; font-size: 22px; line-height: 30px;}
.projects .testo {padding-bottom: 30px;}
.projects .lista > div:first-child {padding-bottom: 20px;}
.projects .lista > div p:last-child {margin: 0px;}
.projects .col-lg-12 {padding: 30px 0; border-top: 1px solid #00000010; border-bottom: 1px solid #00000010;}
.projects .col-lg-12 img {height: calc(100vw - 20px); width: auto;}
.realizations .testi p, .realizations .testi ul {display: none;}
.realizations .lista .testi h3 {font-size: 12px; line-height: 15px; margin-top: 10px; margin-bottom: 5px;}

.realizations .menu-categoria {display: none;}
.realizations h2 {margin-top: 30px; margin-bottom: 20px; margin-left: 0; font-size: 22px; line-height: 30px;}
.realizations .lista .row {margin-bottom: 20px;}

/* NEWS */
.news h1, .news h1.scheda, .realizations h1.scheda {margin-bottom: 20px; font-size: 22px; line-height: 30px;}
.news .allnews, .realizations .allrealizations {margin-top: 30px;}

/* DOWNLOADS */
.downloads h1 {margin-bottom: 20px;}
.downloads .lista-categoria {margin-bottom: 0;}
.lista-categoria .item .nome-download {font-size: 12px; line-height: 15px; margin-top: 10px;}
.lista-categoria .item .download {font-size: 12px; line-height: 15px;}

/* CONTACTS */
.contacts .lista {margin-top: 0; margin-bottom: 0px; padding-top: 10px; font-size: 15px; line-height: 20px;}
.contacts .office {font-size: 18px; line-height: 20px; margin-bottom: 20px;}
.contacts .contatti-box {margin-bottom: 40px;}
.contatti-box {font-size: 15px; line-height: 20px; margin-top: 40px;}

/* WHERE TO BUY */
.where-to-buy .lista .row {padding-top: 10px; border-bottom: none;}
.where-to-buy .categoria {font-size: 18px; line-height: 20px; margin-bottom: 20px;}
.where-to-buy .lista .item {padding: 20px 15px 20px 0;}
.where-to-buy .lista .item, .where-to-buy .lista .item h2 {font-size: 15px; line-height: 20px;}
.where-to-buy .lista .item:nth-child(1), .where-to-buy .lista .item:nth-child(2), .where-to-buy .lista .item:nth-child(3) {border-top: 1px solid #00000010; padding-top: 20px;  }

/* ABOUT */
.about {padding-top: 20px;}
.about .two-images img, .about .three-images img {margin-bottom: 15px;}

/* HTML TEMLATES */
.html-templates > .row {margin-bottom: 20px;}
.html-templates > .row.two-images > div {margin-bottom: 20px; width: 50%;}

/* CMS */
.cms h1 {font-size: 32px; line-height: 32px; margin-top: 20px; margin-bottom: 30px;}
.cms .testo {font-size: 12px; line-height: 15px; margin-bottom: 20px;}
.cms h2, .cms h3, .cms h4, .cms h5, .cms h6 {font-size: 18px; line-height: 20px;}
.fancybox-content {margin:0; width: 100%;}

}

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

/* HEADER */
.logo-grande, .submenu-product-img {display: none;}
nav.home .logo img { display:block;}
header nav {height: 60px;}
header nav .logo {padding: 20px 10px;}

header nav:hover, header nav.hover {background-color: #ffffff; box-shadow: none; border-bottom: solid 1px #00000010;    }
header nav > ul {
  width: 100%;
  padding-left: 0;
  display: block;
  height: 100vh;
  overflow-x: auto;
  position: absolute;
  top: 0;
  left: -200vw;
  padding: 50px 15px 15px;
  border-top: solid 1px #00000010;
  background: #ffffff;
  z-index: 5;
  transition: left ease 0.4s;
}
header nav > ul.active { left:0px; }
header nav .menu {position: absolute; right: 10px; top: 15px; display: inline-block;}
header nav .chiudi {position: absolute; right: 15px; top: 0px; display: inline-block; z-index: 5; border: none !important; cursor: pointer;}
header nav .lang, header nav .cerca {position: relative; right: 0;} 
header nav > ul > li {border-bottom: solid 1px #00000030; padding: 15px 0;}
header nav > ul > li:first-child {border-top: solid 1px #00000031;}
header nav > ul > li#menu-products {position: relative; overflow:hidden;}
header nav > ul > li#menu-products.open .openclose {width: 20px; height: 20px; position: absolute; right: 0;}
header nav > ul > li#menu-products .openclose:before {content: ''; background: url('../images/icons/plus.svg') no-repeat; background-size: cover; float: right; width: 20px;  height: 20px; transition: all 0.3s ease;}
header nav > ul > li#menu-products.open .openclose:before {background: url('../images/icons/minus.svg') no-repeat; background-size: cover; height: 15px; margin-top: 0px; transition: all 0.3s ease;}
header #menu-products .submenu {position: relative; display: block; opacity: 1; top: 45px; max-height: 0px; transition: height ease 0.3s; z-index: 1;}
header #menu-products.open .submenu {max-height:1000px; min-height: 600px;}
header .submenu .submenu-product-txt {width: 100%; padding-left: 0px; display: block;}
header .submenu .submenu-product-txt > div {width: 100%; border-top: solid 1px #00000010; margin-top: 5px; margin-bottom: 15px;}
header .submenu .submenu-product-txt ul {margin-left: 50%;}
header .submenu .submenu-product-txt li {width: 100%;}
header .submenu .submenu-product-txt > div > div {margin-top: 5px; margin-bottom: 0px; font-size: 12px;}


/* HOMEPAGE */
.homepage {margin-top: 0px;}
.imgtip {display: none;}

/* PRODOTTO */
.in-evidenza .item .sotto {display: none;}
.in-evidenza .item .sopra {margin: 0; margin-top: 0px; margin-right: 0 !important; width: 100%; height: auto;}
.in-evidenza .item .sopra .nome-prodotto {font-size: 15px; line-height: 20px;}
.in-evidenza .item .sopra .nome-designer {font-size: 12px; line-height: 15px;}
}

@media screen and (min-width: 768px) {
nav .chiudi, nav .menu, nav .where {display: none;}
}

@media screen and (max-width: 992px) {
.homepage .community .contatti-box .col-lg-6, .contacts .contatti-box .col-lg-6 {margin-bottom: 15px;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
.tipologia h1, .projects h1, .realizations h1, .news h1 {font-size: 80px; line-height: 80px; margin-bottom: 90px; margin-left: -5px;}
.prodotto .foto-prodotto {padding-right: 0;}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

}

@media screen and (min-width: 768px) and (max-width: 1200px) {

}

@media screen and (min-width: 992px) and (max-width: 1500px) {
header nav {font-size: 1.1vw;}
header .submenu li {font-size: 1.1vw; line-height: 25px;}
.tipologia h1, .projects h1 .realizations h1, .news h1 {font-size: 80px; line-height: 80px; margin-bottom: 90px;margin-left: -5px;}
}

@media screen and (min-width: 1200px) {
    /*.owl-carousel .owl-item {max-width: calc(100vw - 40px);}*/
}

/*@media (hover: none) {*/
@media screen and (max-width: 1199px){
.prodotto .panoramica a {
  width: auto;
  background-color: #ffffff;
  border: 1px solid #000000;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(0, 0, 0);
  border-left: 0;
  transition: background-color 0.3s;
  color: #000000 !important;
}
}