/* MEDIA 375 - IPHONE 8/X/XS */
@media only screen and (min-width : 1025px) and (max-width : 1440px) {
    .fascia-laterale a.link-news{/*top: 33%;*/}
  
    span.endquote{ font-size: 3.5vw; }

    .composizione-foto .scritta-composizione-foto:nth-of-type(1){position: absolute; left: -100px; top: 50%; transform: rotate(270deg);}
    .composizione-foto .scritta-composizione-foto:nth-of-type(2){position: absolute; right: -100px; top: 50%; transform: rotate(270deg);}
    .composizione-foto .scritta-composizione-foto:nth-of-type(3){position: absolute; right: 0px; left:0; bottom: -15%; }
    .contenitore-loop-news{max-width: 50%;}

}

@media only screen and (min-width : 966px) and (max-width : 1024px) {
    
}
/* MEDIA 768 - IPAD PORTRAIT */
@media only screen and (min-width : 966px) and (max-width : 1024px) {
    .fascia-laterale a.link-news{/*top: 34.5%;*/}
    section.intro{background-size: 30%;}
    .filter-button-group button{width: 15vw; height: 15vw;}
}

/* MEDIA 768 - IPAD PORTRAIT */
@media only screen and (min-width : 481px) and (max-width : 965px) {
    /* GENERALI */
    .mobile-ko{display: none;}
    .mobile-ok{display: block;}
    .testo-boxato{max-width: 70%;}
    body, .post, .page{overflow-x: hidden;}
    .pum-container.pum-responsive.pum-responsive-normal{padding: 0; margin-left: auto!important; width: fit-content!important; margin-right: auto!important; left: 0!important; right: 0!important; max-width: 50%!important;}

    /* HEADER */
    .fascia-laterale{position: relative; width: 100%; height: auto; flex-direction: row; justify-content: space-between; padding: 10px 5%; left: auto; right: auto;}
    .fascia-laterale p.hamburger{display: none;}
    .fascia-laterale a.link-home{margin: 0; width: 20%; align-items: flex-start;}
    img.logo-fascia{max-width: 35px;}
    button.hamburger{display: flex;}

    .menu-mobile{display: grid; position: relative; top: 0; left: 0; right: 0;}
    .menu-mobile.is-down{transform: translateY(0);}
    .menu-mobile a, .menu-mobile span{width: 100%; text-align: center; font-family: 'Zilla Slab', serif; font-weight: normal; font-size: 20px; line-height: 24px; text-transform: uppercase; color: #3c3c3b!important; text-decoration: none!important; padding: 20px 0; background-size: contain; background-repeat: repeat;}
    .menu-mobile span:nth-child(2){background-image: url('https://www.ristorantenolli.it/wp-content/themes/nolli/svg/nolli-texture-mobile-news.svg'); }
    .menu-mobile a:nth-child(1){background-image: url('https://www.ristorantenolli.it/wp-content/themes/nolli/svg/nolli-texture-mobile-prenota.svg'); }
    .menu-mobile a:nth-child(3){background-image: url('https://www.ristorantenolli.it/wp-content/themes/nolli/svg/nolli-texture-mobile-prenota.svg'); }
    .menu-mobile a:nth-child(4){background-image: url('https://www.ristorantenolli.it/wp-content/themes/nolli/svg/nolli-texture-mobile-news.svg'); }
    .menu-mobile span.bottone-prenota{margin:0;}

    .quandoo-button{
        display: none;
    }

    /* OVERLAY */
    .overlay{z-index: 9999; overflow-y: scroll;}
    .bg-overlay{left: 0;}
    .overlay .contenitore-form-prenotazione{max-width: 80%; transform: none; top: 40%;}
    .overlay .overlay-close{ top: 10px; right: 10px;  width: 30px; height: 30px;}
    .overlay .wpcf7{margin-top: 40px;}
    .bg-overlay img{height: 100vh;}

    /* INTRO */
    section.intro{background-image: none;}
    .composizione-foto img{max-width: 70%;}
    section.intro h2.titolo-std{margin: 75px auto;}
    .scritta-composizione-foto p{font-size: 28px;}

    .composizione-foto .scritta-composizione-foto:nth-of-type(1){position: absolute; left: -100px; top: 50%; transform: rotate(270deg);}
    .composizione-foto .scritta-composizione-foto:nth-of-type(2){position: absolute; right: -100px; top: 50%; transform: rotate(270deg);}
    .composizione-foto .scritta-composizione-foto:nth-of-type(3){position: absolute; right: 0px; left:0; bottom: -15%; }

    .sezione-semplice{margin: 125px auto 0 auto;}

    /* LOOP NEWS */
    .sezione-loop-news{margin:100px auto 175px auto;}
    .contenitore-loop-news .lSSlideOuter{max-width: 90%; margin: 25px auto;}
    .contenitore-loop-news .lSSlideOuter .contenitore-flex{flex-direction: column;}
    .sezione-loop-news .lSSlideOuter ::after, .sezione-loop-news .lSSlideOuter ::before{display: none;}
    .sezione-loop-news .un-terzo, .sezione-loop-news .due-terzi{flex-basis: 100%;}
    .sezione-loop-news .due-terzi{padding: 20px 10%; text-align: center; align-items: center;}

    .sezione-loop-news .lSAction{position: relative; margin-top: 30px; display: flex; justify-content: center; }
    .sezione-loop-news .lSAction > .lSNext{right: 0;}
    .sezione-loop-news .lSAction > .lSPrev{left: 0;}
    .sezione-loop-news  .lSAction > a{position: relative; margin:0 10px; margin-top: 0;}
    .filter-button-group button{width: 20vw; height: 20vw;}

    span.endquote{font-size: 50px; max-width: 80%;}

     /* GALLERY 1 */
     .sezione-gallery-1{padding: 75px 0 250px 0;}
     .contenitore-gallery-1 > .lSSlideOuter:first-of-type{max-width: 80%!important; margin-left: auto; margin-right: auto;}
     .contenitore-gallery-1 > .lSSlideOuter:last-of-type{max-width: 80%!important;}
     .contenitore-gallery-1 .lSSlideOuter li img{max-width: 100%;}
     .lSSlideWrapper.usingCss .lSFade > *{text-align: center;}
 
     .gallery-1 li:nth-child(1)  p.desc-2{position: absolute; left: 70%; width: fit-content; width: -moz-fit-content!important; top: 120%; text-align: right;}
     .gallery-1 li:nth-child(1)  p.desc-2::before{content: ""; position: absolute; top: -10vw; width: 20vw; background-color: #fff; height: 1px; transform: rotate(109deg); left: 4vw;}
     .gallery-1 li:nth-child(1)  p.desc-1{position: absolute; right: 60vw; top: -140px; text-align: left; left: auto;}
     .gallery-1 li:nth-child(1)  p.desc-1::after{content: ""; position: absolute; top: 90px; width: 8vw; background-color: #fff; height: 1px; transform: rotate(220deg); right: 0;}
 
     .gallery-1 p, .gallery-2 p, .gallery-3 p{font-size: 35px;}
     .contenitore-gallery-1 .controlli-gallery{max-width: 80%!important; margin:30px auto 0 auto; text-align: center;}
 
     /* GALLERY 2 */
     .sezione-gallery-2{background-repeat: no-repeat; padding: 75px 0; background-image:url('https://www.ristorantenolli.it/wp-content/uploads/2020/04/nolli-bg-piatti.png');  background-position: center; background-size: 100%;  align-items: center; position: relative;}
     .contenitore-gallery-2 > .lSSlideOuter:first-of-type{max-width: 60%!important; margin:0 auto;}
     .contenitore-gallery-2 > .lSSlideOuter:last-of-type{display: none;}
     .contenitore-gallery-2 .lSSlideOuter li img{max-width: 100%;}
 
     .contenitore-gallery-2 .controlli-gallery{max-width: 60%!important; margin:110px auto 0 auto; text-align: center;}
     .gallery-2 li p{position: absolute; left: auto!important; top: 66vw!important; width: 100%!important;  right: auto!important; margin: 0 auto!important; text-align: center;}
     .gallery-2 li p br{display:none;}
     .gallery-2 li p::after{content: none!important;}
 
     .cornice{height: 9px; width: 90px;}
     .cornice:nth-child(1){top: 4vw;}
     .cornice:nth-child(2){left: 4vw; top: calc(50% - 90px);}
     .cornice:nth-child(3){right: 4vw; top: calc(50% - 90px);}
     .cornice:nth-child(4){bottom: 44vw;}

     /* GALLERY 3 */
    .sezione-gallery-3{padding: 175px 0 0px 0;}
    .contenitore-gallery-3 .lSSlideOuter li img{max-width: 70%; width: 100%;}
    .contenitore-gallery-3 > .lSSlideOuter:first-of-type{max-width: 100%!important; margin:180px auto 0 auto; text-align: center;}
    .contenitore-gallery-3 .controlli-gallery{max-width: 90%; margin-left: auto; margin-right: auto; text-align: center;}

    /* SEZIONE MAPPA */
    .sezione-mappa{background-position: 50%; background-size: 250%; margin-bottom: 0;}
    .contenitore-mappa{max-width: 60%;}
    .sezione-mappa .contenitore-mappa::after, .sezione-mappa .contenitore-mappa::before{display: none;}

    .sezione-chiusura{background-size: 150%; margin: 0 auto;  background-position: center;}
    .sezione-chiusura img{width: 100%; height: auto;}
    .sezione-chiusura picture{max-width: 80%; width: 100%; margin-top: 0; margin-left: auto; margin-right: auto;}
    span.endquote{font-size: 30px; max-width: 80%;}
     
}

/* MEDIA 375 - IPHONE 8/X/XS */
@media only screen and (max-width : 480px) {
    /* GENERALI */
    .mobile-ko{display: none;}
    .mobile-ok{display: block;}
    .testo-boxato{max-width: 80%;}
    .overlay .form-prenotazione p.testo-boxato, .sezione-form-prenotazione p.testo-boxato{max-width: 100%; width: 100%;}
    .form-prenotazione p.testo-boxato a{margin-top: 10px;}
    h2.titolo-std{font-size: 16px;}
    body, .post, .page{overflow-x: hidden;}

    .sws-preloader {background-size: 80%!important}
    .pum-container.pum-responsive.pum-responsive-normal{padding: 0; margin-left: auto!important; width: fit-content!important; margin-right: auto!important; left: 0!important; right: 0!important; max-width: 70%!important;}

    /* HEADER */
    .fascia-laterale{position: relative; width: 100%; height: auto; flex-direction: row; justify-content: space-between; padding: 0px 5%; left: auto; right: auto;}
    .fascia-laterale p.hamburger{display: none;}
    .fascia-laterale a.link-home{margin: 0; width: 20%; align-items: flex-start;}
    img.logo-fascia{max-width: 35px;}
    button.hamburger{display: flex;}

    .menu-mobile{display: grid; position: relative; top: 0; left: 0; right: 0; }
    .menu-mobile.is-down{transform: translateY(0);}
    .menu-mobile a, .menu-mobile span{width: 100%; text-align: center; font-family: 'Zilla Slab', serif; font-weight: normal; font-size: 20px; line-height: 24px; text-transform: uppercase; color: #3c3c3b!important; text-decoration: none!important; padding: 20px 0; background-size: contain; background-repeat: repeat;}
    .menu-mobile span:nth-child(2){background-image: url('https://www.ristorantenolli.it/wp-content/themes/nolli/svg/nolli-texture-mobile-news.svg'); }
    .menu-mobile a:nth-child(1){background-image: url('https://www.ristorantenolli.it/wp-content/themes/nolli/svg/nolli-texture-mobile-prenota.svg'); }
    .menu-mobile a:nth-child(3){background-image: url('https://www.ristorantenolli.it/wp-content/themes/nolli/svg/nolli-texture-mobile-prenota.svg'); }
    .menu-mobile a:nth-child(4){background-image: url('https://www.ristorantenolli.it/wp-content/themes/nolli/svg/nolli-texture-mobile-news.svg'); }
    .menu-mobile span.bottone-prenota{margin:0;}

    /* OVERLAY */
    .overlay{z-index: 9999; overflow-y: scroll;}
    .bg-overlay{left: 0;}
    .overlay .contenitore-form-prenotazione{max-width: 80%; transform: none; top: 20%;}
    .overlay .overlay-close{ top: 10px; right: 10px;  width: 30px; height: 30px;}
    .overlay .wpcf7{margin-top: 40px;}
    .bg-overlay img{height: 200vh;}

    /* INTRO */
    section.intro{background-image: none;}
    section.intro h2.titolo-std{margin: 75px auto;}
    section.intro h2.titolo-std.typewriter{margin: 170px auto 0 auto;}
    .scritta-composizione-foto p{font-size: 28px;}

    .composizione-foto .scritta-composizione-foto:nth-of-type(1){position: absolute; left: -100px; top: 50%; transform: rotate(270deg);}
    .composizione-foto .scritta-composizione-foto:nth-of-type(2){position: absolute; right: -100px; top: 50%; transform: rotate(270deg);}
    .composizione-foto .scritta-composizione-foto:nth-of-type(3){position: absolute; right: 0px; left:0; bottom: -15%; }

    .sezione-semplice{margin: 125px auto 0 auto;}

    /* GALLERY 1 */
    .sezione-gallery-1{padding: 75px 0 250px 0;}
    .contenitore-gallery-1 > .lSSlideOuter:first-of-type{max-width: 80%!important; margin-left: auto; margin-right: auto;}
    .contenitore-gallery-1 > .lSSlideOuter:last-of-type{max-width: 80%!important;}
    .contenitore-gallery-1 .lSSlideOuter li img{max-width: 100%;}
    .lSSlideWrapper.usingCss .lSFade > *{text-align: center;}

    .gallery-1 li:nth-child(1)  p.desc-2{position: absolute; left: 50%; width: fit-content; width: -moz-fit-content!important; top: 120%; text-align: right;}
    .gallery-1 li:nth-child(1)  p.desc-2::before{content: ""; position: absolute; top: -18vw; width: 40vw; background-color: #fff; height: 1px; transform: rotate(109deg); left: 10vw;}
    .gallery-1 li:nth-child(1)  p.desc-1{position: absolute; right: 40vw; top: -140px; text-align: left; left: auto;}
    .gallery-1 li:nth-child(1)  p.desc-1::after{content: ""; position: absolute; top: 90px; width: 17vw; background-color: #fff; height: 1px; transform: rotate(220deg); right: 0;}

    .gallery-1 p, .gallery-2 p, .gallery-3 p{font-size: 35px;}
    .contenitore-gallery-1 .controlli-gallery{max-width: 80%!important; margin:30px auto 0 auto; text-align: center;}

    /* GALLERY 2 */
    .sezione-gallery-2{background-repeat: no-repeat; padding: 75px 0; background-image:url('https://www.ristorantenolli.it/wp-content/uploads/2020/04/nolli-bg-piatti.png');  background-position: center right; background-size: 140%;  align-items: center; position: relative; margin-top: 120px;}
    .contenitore-gallery-2 > .lSSlideOuter:first-of-type{max-width: 70%!important; margin:0 auto;}
    .contenitore-gallery-2 > .lSSlideOuter:last-of-type{display: none;}
    .contenitore-gallery-2 .lSSlideOuter li img{max-width: 100%;}

    .contenitore-gallery-2 .controlli-gallery{max-width: 60%!important; margin:110px auto 0 auto; text-align: center;}
    .gallery-2 li p{position: absolute; left: auto!important; top: 120vw!important; width: 100%!important;  right: auto!important; margin: 0 auto!important; text-align: center;}
    .gallery-2 li p br{display:none;}
    .gallery-2 li p::after{content: none!important;}
    img.texure-gallery-2{display: none;}

    .cornice{height: 9px; width: 90px;}
    .cornice:nth-child(1){top: 4vw;}
    .cornice:nth-child(2){left: -4vw; top: calc(50% - 90px);}
    .cornice:nth-child(3){right: -4vw; top: calc(50% - 90px);}
    .cornice:nth-child(4){bottom: 44vw;}


    /* SEZIONE MENU */
    .sezione-menu-carta{background-size: 240%; background-position: 50% 36%;}
    a.bottone-carta-menu{margin: 25px auto 100px auto;}
    .sezione-gallery-2 + .sezione-semplice{margin-top: 0px; background-image: none; max-height: none;}
    .sezione-menu-carta{flex-direction: column;}
    .sezione-menu-carta .contenitore-menu-carta{margin-right: 0;}
    .contenitore-menu-vino{text-align: center;}


    /* GALLERY 3 */
    .sezione-gallery-3{padding: 35px 0 0px 0;}
    .contenitore-gallery-3 .lSSlideOuter li img{max-width: 70%; width: 100%;}
    .contenitore-gallery-3 > .lSSlideOuter:first-of-type{max-width: 100%!important; margin:50px auto 110px auto; text-align: center;}
    .contenitore-gallery-3 .controlli-gallery{max-width: 90%; margin-left: auto; margin-right: auto; text-align: center;}
    .gallery-3 li:nth-child(1) p.desc-2{right: auto; left: 10vw; top: -35vw; transform: none;}
    .gallery-3 li:nth-child(1) p.desc-2::before{top: 58px; width: 18vw; left: 0;}
    .gallery-3 li:nth-child(1) p.desc-1{bottom: -50vw; }
    .gallery-3 li:nth-child(1) p.desc-1::after{top: -13vw; width: 30vw; transform: rotate(120deg); left: -2vw;}


    /* SEZIONE PRENOTAZIONI */
    .sezione-form-prenotazione{padding: 125px 0;}
    .sezione-form-prenotazione .contenitore-form-prenotazione{max-width: 80%;}
    .sezione-form-prenotazione .contenitore-form-prenotazione .wpcf7{max-width: 100%; margin:25px auto;}
    .wpcf7-form .un-mezzo{flex-basis: 100%;}
    .wpcf7-form .intero.box-messaggio{margin-top: 50px;}
    .wpcf7 .wpcf7-form{flex-direction: column;}
    .wpcf7 input[type="date"]{min-height: 25px;}
    .bottone-invio-form .wpcf7-submit{margin: 0 auto; left: 0; right: 0; position: absolute;}

    /* SEZIONE MAPPA */
    .sezione-mappa{background-position: 50%; background-size: 250%; margin-bottom: 0; margin: 110px auto;}
    .contenitore-mappa{max-width: 80%;}
    .sezione-mappa .contenitore-mappa::after, .sezione-mappa .contenitore-mappa::before{display: none;}

    .sezione-chiusura{background-size: 240%; margin: 0 auto;  background-position: center;}
    .sezione-chiusura img{width: 100%; height: auto;}
    .sezione-chiusura picture{max-width: 80%; width: 100%; margin-top: 0; margin-left: auto; margin-right: auto;}


    /* LOOP NEWS */
    .sezione-loop-news{margin:100px auto 110px auto;}
    .contenitore-loop-news .lSSlideOuter{max-width: 90%; margin: 25px auto;}
    .contenitore-loop-news .lSSlideOuter .contenitore-flex{flex-direction: column;}
    .sezione-loop-news .lSSlideOuter ::after, .sezione-loop-news .lSSlideOuter ::before{display: none;}
    .sezione-loop-news .un-terzo, .sezione-loop-news .due-terzi{flex-basis: 100%;}
    .sezione-loop-news .due-terzi{padding: 20px 10%; text-align: center; align-items: center;}

    .sezione-loop-news .lSAction{position: relative; margin-top: 30px; display: flex; justify-content: center; }
    .sezione-loop-news .lSAction > .lSNext{right: 0;}
    .sezione-loop-news .lSAction > .lSPrev{left: 0;}
    .sezione-loop-news  .lSAction > a{position: relative; margin:0 10px; margin-top: 0;}

    span.endquote{font-size: 30px; max-width: 80%;}

    /* SINGOLA NEWS */
    .gallery-columns-3 .gallery-item{width: 100%; max-width: 100%!important; margin:10px 0!important;}
    .filter-button-group{max-width: 90%; }
    .filter-button-group button{width: 100%; height: auto; margin:0 auto; max-width: 100%; border-radius: 0; padding: 15px 0px; background-image: none!important; color:#3c3c3b; }
    .filter-button-group button.butt-tutti{background-image: none;}
    .contenitore-news{background-color: transparent;}
    .blog .contenitore-template-news > div{margin:50px auto;}

    /* FOOTER */
    .site-info{flex-direction: column;}
    .recapiti{order: 2; margin:0 auto 30px auto;}
    .recapiti p, .recapiti a{font-size: 14px; line-height: 20px;}
    .social-footer{position: relative; right: 0; left: 0; order: 1; margin:20px auto 30px auto}
    .credits{justify-content: center;}

    /* COOKIE BAR */
    #cookie-law-info-bar{font-size: 12px; line-height: 15px;}
    .cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited{width: 100%; margin: 20px 0!important;}
    #cookie-law-info-bar span{font-size: 14px!important;}

    .quandoo-button{
        display: none;
    }

}

@media screen and (max-width: 1440p), screen and (max-height: 700px) {

}