@media (min-width:768px) and (max-width: 991px){
/*** GENERALE ***/
.container {padding: 15px; width: 100%;}
h1 {font-size:36px; line-height: 40px; padding: 0 0 50px; font-weight:400;}
h2, h3 {font-size:24px; line-height: 28px; font-weight:400;}
h4 {font-size:24px; line-height: 28px; font-weight:400;}
h5 {font-size:24px; line-height: 28px; font-weight: 400;}
h6 {font-size:24px; line-height: 28px; font-weight: 400;}

/* FANCY POPUP */
.insta div:nth-child(1) {padding: 25px 0 0;}
.insta div:nth-child(2) {padding: 20px 0 0;}
.insta .instacontent p.data {position: relative; bottom: 0; left: 0;}

/*** HEADER ***/
header {position:fixed; width: 100vw; min-height:auto; background-color: #fff; overflow-y: auto;}
#logo {margin-top:0;}
#logo a {display:block;}
#logo a img {width: 220px; height:auto;}
#menu {}
.menuitems {top: 70px;}
#menutop {height: 70px;}
.menutop.affix > #menutop { position:static; }

#nlmenutop {margin-top: 70px; display: inline-table;}
#nlmenutop .container {padding: 1px 15px;}
.nlmenutopbto a {padding: 5px 20px;}

/*** SLIDESHOW ***/
#slide .tp-leftarrow.default, #slide .tp-rightarrow.default {z-index: 20; display: none;}
#slide .tp-caption {left: 15px !important; top: 10px !important;}
#slide .tp-bullets {z-index: 20;}
#slide a {top: 100%; border: none; background: transparent; padding: 0px;}
#slide a:hover {text-decoration: underline !important; background-color: transparent !important; color: #cb9f67 !important; border: none;}

/*** MAIN ***/
main {margin-top:0px;}

/* homepage */
#homepage h2 {font-size:24px; line-height:28px; margin-bottom:50px;}
#homepage .viewall {display:none;}
#homepage .servizi .item > div { min-height: 470px;}
#homepage .servizi .item .testo {margin-top: 20px;}
#homepage .servizi h3 {line-height: 28px;}
#homepage .servizi .virus .testo {font-size:24px; line-height: 28px;}
#homepage .negozi h3 {line-height: 28px;}
#homepage .negozi {padding-top: 5px; border-top:1px solid #cb9f67;}

/* Servizi */
#servizi .servizi .item > div { min-height: 470px;}
#servizi .servizi .item .testo {margin-top: 20px;}
#servizi .servizi h3 {line-height: 28px;}
#servizi .servizi .virus .testo {font-size:24px; line-height: 28px;}

/* brands */
#brands div.brands {padding-right: 10px; }
#brands div.brands > div { text-align: center; margin-top: 0;}
#brands div.brands > div > div { float:none; display:inline-block; width:180px; height:100px; margin:0px 5px 5px 0px;}
#brands div.brands div > div:nth-child(6n+0) {margin-right:5px;}

/* promozioni */
#promozioni .item {display: table;}
#promozioni .item .contenuti {display: table-row; width: calc(100vw - 30px);}
#promozioni .item .contenuti .immagine {display: table-cell; width: calc(100vw - 30px);}
#promozioni .item .contenuti .testi {display: table-cell; width: calc(100vw - 30px); max-width: 840px; height: calc((100vw - 30px) * 0.714); max-height: 600px;}
#promozioni .item .contenuti .immagine img {width: calc(100vw - 30px); max-width: 840px; height: auto;}

/* lenti */
#lenti .intro .testo {padding-right: 50px;}
#lenti .lista .box1 {float: left;}
#lenti .lista .box2 {margin-left: 250px;}
#lenti .lista .box3 {margin-left: 0px; margin-top: 15px; float: left;}
#lenti .lista .box4 {margin-left: 15px;}
#lenti .lista .box8 {margin-top: 15px;}
#lenti .lista .box9 {float: left; max-width: 100%;}
#lenti .lista .box10 { float: right; display:inline;}

#lenti .trattamenti div.titolo {height: 120px;}
#lenti .trattamenti div.testo { margin-top: 0px;}

/* store */
#negozi h1 {font-weight:600;}
#negozi h3.titnegozi {font-size:22px; line-height:26px; font-weight:600;margin:30px 0px;}
#negozi div.form p {font-weight:600;}
#negozi div#allstore {display:table;}
#negozi div#allstore > div {width:340px;}
#negozi div#allstore > div#spacer {width:100% !important;}
#negozi div#allstore .moreinfo h5 {font-size: 22px; line-height: 26px;}
#negozi div#allstore > div > div.moreinfo a.buttonoro {width:280px;}
#negozi div#allstore > div > div.moreinfo img {margin-bottom: 15px;}
#negozi div#storeris {margin-top:30px; display:table; width: 100%;}

/* Pagine */
#pagine #slide p {font-size:36px; line-height:40px;}
#pagine .titolo h2 a {font-size:48px; line-height: 50px;}
#pagine h3.titpagine {font-size:22px; line-height:26px; font-weight:600; margin:30px 0px;}
#pagine h2 {font-size:14px; line-height:18px;}
#pagine .gallery {padding:0px 15px !important; display:block;}
#pagine .gallery li {padding:0px 15px;}
#pagine .gallery p {width:100% !important;}
#pagine .gallery img {max-width:100%; height:auto; margin-bottom:0px;}
#pagine div.contattaci {padding:0px 0px 30px;}
#pagine div.contattaci div {padding:0px 15px;}
#pagine div.lavora h2 {padding:0px 15px; margin-bottom:30px;}
#pagine .testo {padding: 60px 0 30px;}
#pagine div.gallery div:nth-child(2n+1) {padding-right: 0px;}


/* For you */
#pagine.for-you h2 {font-size: 48px; line-height: 50px;}

/* note legali */
#notelegali h1 {padding:0px !important; margin:30px 0px;}
#notelegali h3.titnotelegali {font-size:22px; line-height:26px; font-weight:600; margin:30px 0px;}
#notelegali div.societari {padding-bottom:30px;}
#notelegali div.societari > div {width:210px;}
#notelegali div.privacy {padding-bottom:30px;}
#notelegali div.cookies {padding-bottom:0px; border-bottom:0px;}

/* newsletter */
#newsletter h2 {font-size: 22px; line-height: 26px;}
#newsletter .cancellazione h2 {font-size: 28px; line-height: 28px;}

/* FOOTER */
footer {padding: 15px;}

}