﻿/*@media screen and (min-width: 1000px) and (max-width: 1100px) {
    .produttore .dx-interno {
        width: 230px;
    }

    .produttore.dx {
        padding-left: 25px;
    }

    .produttore.sx {
        padding-right: 25px;
    }
}*/

@media screen and (min-width: 0) and (max-width: 1300px) {
    .rotator-box-prodotti .owl-next {
        top: 50%;
        bottom:auto;
        right: 0;
        background-color: #0096d3;
        padding: 5px 7px 5px 15px;
        transform: translate(0px, -50%);
        -webkit-transform: translate(0px, -50%);
        -moz-transform: translate(0px, -50%);
        -o-transform: translate(0px, -50%);
        -ms-transform: translate(0px, -50%);
    }
    .rotator-box-prodotti .owl-prev {
        top: 50%;
        bottom: auto;
        left: 0;
        background-color: #0096d3;
        padding: 5px 7px 5px 15px;
        transform: translate(0px, -50%);
        -webkit-transform: translate(0px, -50%);
        -moz-transform: translate(0px, -50%);
        -o-transform: translate(0px, -50%);
        -ms-transform: translate(0px, -50%);
    }
    .centratore-produttori-home {
        max-width:100%;
    }
    .rotator-box-produttori .owl-next {
        top: 50%;
        bottom: auto;
        right: 0;
        background-color: #f5f4f3;
        padding: 5px 7px 5px 15px;
        transform: translate(0px, -50%);
        -webkit-transform: translate(0px, -50%);
        -moz-transform: translate(0px, -50%);
        -o-transform: translate(0px, -50%);
        -ms-transform: translate(0px, -50%);
    }
    .rotator-box-produttori .owl-prev {
        top: 50%;
        bottom: auto;
        left: 0;
        background-color: #f5f4f3;
        padding: 5px 7px 5px 15px;
        transform: translate(0px, -50%);
        -webkit-transform: translate(0px, -50%);
        -moz-transform: translate(0px, -50%);
        -o-transform: translate(0px, -50%);
        -ms-transform: translate(0px, -50%);
    }
}

@media screen and (min-width: 0) and (max-width: 1200px) {
    .menu-principale li .menu-principale_liv2 li:before {
        content: "";
        display:none;
    }

    .menu-principale li a:link,
    .menu-principale li a:visited {
        padding-left: 32px;
    }
    .menu-principale li.hafigli a:link,
    .menu-principale li.hafigli a:visited {
        padding-left: 0;
    }
    .menu-principale li.hafigli:before {
        content: "+";
        padding-left: 0;
        padding-right: 5px;
        color: #0698d1;
        font-size: 35px;
        line-height: 30px;
    }
        .menu-principale li.hafigli:before li:before {
            content: "";
        }
    #menu {
        height: 52px;
        width: 100%;
        position: fixed;
        left: 0px;
        top: 0px;
        
    }

    .click-menu {
        display: block;
    }
    .click-menu .hamburger-inner,
    .click-menu .hamburger-inner::after,
    .click-menu .hamburger-inner::before {
        background-color: #0096d3;
    }

    .click-menu {
        position: absolute;
        right: 10px;
        overflow: hidden;
    }

    .content-menu {
        position: fixed;
        top: 52px;
        width: 80%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        bottom: 0px;
        right: -100%;
        background-color: #ffffff;
        -webkit-transition: all 600ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
        transition: all 600ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
        -moz-transition: all 600ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
    }

        .content-menu.aperto {
            width: 90%;
            right: 0px;
            overflow:auto;
        }
    #menu .logo {
        left: 26px;
    }

        #menu .logo img {
            width: 90px;
            position: relative;
            z-index: 20;
        }

    #menu {
        text-align: left;
    }

    .menu-principale .menu-principale_liv2 li {
        padding-bottom: 5px;
    }

        .menu-principale .menu-principale_liv2 li a:link, .menu-principale .menu-principale_liv2 li a:visited {
            line-height: 15px;
            font-size: 13px;
        }

    .menu-principale li a:link, .menu-principale li a:visited {
        color: #0698d1;
        text-decoration: none;
        font-size: 19px;
        line-height: 35px;
        font-weight: 600;
        position: relative;
        top: -4px;
        text-transform: uppercase;
    }

    .menu-principale li {
        display: block;
        margin-left: 0px;
    }
        .menu-principale li:first-child {
            margin-left: 0;
        }

    .menu-principale .menu-principale_liv2,
    #tendina_28944,
    #tendina_29009 {
        position: relative;
        padding-left: 10px;
        left: auto;
        top: auto;
        width: auto;
        z-index: 1;
    }

        .menu-principale .menu-principale_liv2 li.first {
            padding-top: 10px;
        }

        .menu-principale .menu-principale_liv2 li.last {
            padding-bottom: 10px;
        }
        .menu-principale .menu-principale_liv2#tendina_29008 {
            display: block;
            width: auto;
            left: 0;
            transform: none;
            -webkit-transform: none;
            -moz-transform: none;
            -o-transform: none;
            -ms-transform: none;
        }

            .menu-principale .menu-principale_liv2#tendina_29008 li {
                width: auto;
            }
}

@media screen and (min-width: 0) and (max-width: 1100px) {
    .produttore .sx-interno .img {
        height: 115px;
    }
    .produttore .sx-interno {
        margin-right: 15px;
    }
    .box-dettaglio-prodotto-titolo,
    .box-consigli-utili .box-dettaglio-prodotto-titolo {
        font-size: 30px;
        line-height: 30px;
    }
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
    .item-testata-text {
        font-size: 36px;
        width:50%;
    }

    #content-produttori .img.logo img {
        max-width: 100%;
        height: auto;
    }

    #content-produttori .img.logo {
        height: 100px;
    }

    /*.produttore .dx-interno {
        width: 100px;
    }*/

        .produttore .dx-interno .titolo {
            font-size: 15px;
            margin-bottom: 10px;
        }

    .produttore.dx {
        height: 150px;
    }

    .produttore.sx {
        height: 150px;
    }
    
    .produttore .dx-interno .desc {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .produttore .dx-interno .btn {
        padding-left: 25px;
        padding-right: 25px;
        line-height: 35px;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 15px;
    }

    .produttore.dx {
        padding-left: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .produttore.sx {
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }   

    .centratore-prodotti-home {
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    
    .centratore-testo {
        margin-top: 15px;
        margin-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 15px;
        line-height: 25px;
        box-sizing: border-box;
        width: 100%;
    }

    .pagina-testo {
        font-size: 15px;
        line-height: 25px;
    }
    .pagina-titolo-condividi {
        display:block;
        margin-bottom:30px;
    }
    .condividi-testo {
        margin-top: 25px;
        font-size: 15px;
        line-height: 15px;
    }
    
    #testata-landing #testata {
        margin-top: 54px;
        height: 300px;
    }
    #testata-landing #testata .item-testata {
        height: 300px;
    }

    #testata {
        margin-top: 54px;
        height: 300px;
    }

        #testata .item-testata {
            height: 300px;
        }

    .box-prodotti {
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .box-prodotti > div > .titolo {
            font-size: 25px;
            line-height: 30px;
            margin-bottom: 25px;
        }

    .item-prodotto-home .img {
        height: 120px;
    }

    .item-prodotto-home {
        height: 250px;
    }

        .item-prodotto-home .titolo {
            font-size: 20px;
            line-height: 25px;
        }

        .item-prodotto-home .btn {
            line-height: 35px;
            padding-left: 30px;
            padding-right: 30px;
            font-size: 18px;
        }

    #fascie-verde {
        padding-top: 15px;
        padding-bottom: 15px;
    }

        #fascie-verde .scopri {
            margin-top: 25px;
            line-height: 35px;
            padding-left: 30px;
            padding-right: 30px;
            font-size: 18px;
        }

    #fascia-produttori {
        padding-top: 15px;
        padding-bottom: 15px;
    }

        #fascia-produttori .titolo {
            font-size: 25px;
            line-height: 30px;
            margin-bottom: 25px;
        }

        #fascia-produttori a img {
            height: auto;
            width: auto;
        }

    .centratore-footer {
        width: 100%;
        padding-left: 15px;
        box-sizing: border-box;
        padding-right: 15px;
    }

    .content-text {
        width: 100%;
    }

    .logo-trentino {
        position: relative;
        right: auto;
        top: auto;
        margin-bottom: 15px;
        text-align: center;
    }

    #footer {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .freccie {
        display: none;
    }

    .centratore-interna {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    h1.pagina-titolo {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 25px;
        margin-top: 25px;
    }

    #sito-breadcrumb {
        margin-top: 25px;
    }

    #mappa {
        height: 350px;
        margin-top: 15px;
    }

    .marchio {
        margin-top: 15px;
    }

    .titolo-produttore {
        line-height: 15px;
        margin-top: 20px;
        padding-bottom: 10px;
    }

    .info {
        font-size: 15px;
        line-height: 16px;
    }

    #titolo-info {
        font-size: 25px;
        padding: 25px 0 30px 0;
    }

    .info-item-dx {
        font-size: 20px;
    }

    #rotator-info {
        margin-bottom: 30px;
    }

        #rotator-info .owl-dots {
            margin-top: 30px;
        }
    .pagina-titolo-allergeni {
        display:block;
    }
}

@media screen and (min-width: 0px) and (max-width: 850px) {
    .produttore.dx {
        float: none;
        width: 100%;
        display: block;
        padding-right: 15px;
        text-align: center;
    }

    #content-produttori .produttore.dx {
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #content-produttori .produttore.sx {
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .produttore.sx {
        float: none;
        width: 100%;
        padding-left: 15px;
        text-align: center;
        display: block;
    }

    .produttore.invertito.sx {
        background-color: #ffffff;
    }

    .produttore.invertito.dx {
        background-color: #eceae8;
    }

    .produttore .sx-interno {
        width: 220px;
    }

    /*.owl-next,
.owl-prev{
	display:none;
}*/

    .menu-principale li {
        height: auto;
    }

    #tendina_28944 {
        left: auto;
        width: auto;
    }

    #testata.testata-interna .item-testata,
    #testata.testata-interna {
        height: 200px;
    }

    #scroll {
        background-size: 10%;
    }

    .item-prodotto-home {
        padding: 15px 20px 20px 20px;
    }

        .item-prodotto-home .img {
            height: 175px;
        }

    #lista-risultati.lista-risultati-tre .box-tipo1 {
        width: 48%;
        padding-top: 33%;
        margin-left: 4%;
    }

        #lista-risultati.lista-risultati-tre .box-tipo1.first {
            margin-left: 0;
        }
        #lista-risultati.lista-risultati-tre .box-tipo1.third {
            margin-left: 0;
        }

    #lista-risultati.lista-risultati-tre .box-tipo1-content {
        font-size: 36px;
        line-height: 32px;
    }

    #lista-risultati.lista-risultati-tre .btn {
        font-size: 18px;
        padding: 0 25px 0 25px;
        line-height: 36px;
        height: 36px;
    }
    .caratteristiche-ricetta img {
        width: 25%;
    }

    .box-tipo1 {
        width: 100%;
        padding-top: 50%;
        float: none;
        margin-bottom: 4%;
    }
    .box-dettaglio-prodotto {
        width: 100%;
        float:none;
    }

    .video_img_sx {
        float: none;
        width: 100%;
    }

    .video_img_dx {
        float: none;
        width: 100%;
    }
    #fascia-campagna,
    #fascia-campagna-sx,
    #fascia-campagna-dx {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    #fascia-campagna-dx {
        padding: 5%;
    }

    #fascia-campagna .scopri {
        margin-top: 25px;
        line-height: 35px;
        padding-left: 30px;
        padding-right: 30px;
        font-size: 18px;
    }
    #fascia-ricette-mese {
        margin: 40px 0 60px 0;
    }
    #fascia-ricette-mese .titolo {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 25px;
    }
    #fascia-ricette-mese .box-tipo1 {
        width: 100%;
        padding-top: 50%;
    }
    #fascia-ricette-mese .lista{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    .ingredienti-ricetta {
        width: auto;
    }
    .preparazione-ricetta {
        width: auto;
    }
}

@media screen and (min-width: 0px) and (max-width: 640px) {
    #fascia-produttori a.item-produttore-home {
        width: 100%;
        height: auto;
    }

    .rotator-box-prodotti .owl-next img,
    .rotator-box-prodotti .owl-prev img,
    .rotator-box-produttori .owl-next img,
    .rotator-box-produttori .owl-prev img {
        width: 25px;
    }
    .item-testata-text {
        width: 80%;
    }
    .box-ingredienti-ricetta {
        float: none;
        width: 100%;
    }
    .ricette .campo-form-filtri {
        width: 100%;
        float: none;
        margin-bottom:15px;
    }
    .fascia-curiosita-sx {
        width:36%;
    }
    .fascia-curiosita-mid {
        width: 61%;
        margin: 0 0 0 3%;
    }
    .fascia-curiosita-dx {
        display:none;
    }
    .fascia-curiosita-testo {
        font-size: 15px;
        line-height: 25px;
    }
}

@media screen and (min-width: 0px) and (max-width: 550px) {

    #master {
        margin: auto;
    }


    .form-filtri,
    .form-filtri-multipli {
        margin: 25px 0 20px 0;
    }

    .titolo-form-filtri {
        font-size: 16px;
        margin: 0 0 10px 0;
    }

    .campo-form-filtri {
        font-size: 16px;
        text-align: left;
    }

        .campo-form-filtri strong {
            margin: 0 0 10px 0;
        }

        .campo-form-filtri .DropDownList {
            width: 100%;
            float: none;
        }

        .campo-form-filtri .btn {
            width: 100%;
            float: none;
            margin-top: 15px;
            padding-left: 20px;
            padding-right: 20px;
            height: 40px;
            line-height: 40px;
            font-size: 18px;
        }

    .risultati-form-filtri {
        margin: 20px 0 0 0;
        font-size: 16px;
    }

    .DropDownList select {
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        padding: 0 15px 0 15px;
    }

    .DropDownList .arrow-dd {
        top: 14px;
    }

    .info-item-spacer {
        display: none;
    }

    .info-item {
        display: block;
    }

    .info-item-sx {
        width: 100%;
        display: block;
        margin-bottom: 30px;
    }

    .info-item-dx {
        width: 100%;
        display: block;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
    }

    .produttore .sx-interno {
        margin-right: 0px;
    }

    .testo-home {
        display: none;
    }

    .menu-principale li:hover .menu-principale_liv2 {
        max-height: 0;
    }

    .menu-principale li.open .menu-principale_liv2 {
        max-height: 1000px;
        transition: max-height 0.50s ease-in;
        -moz-transition: max-height 0.50s ease-in;
        -webkit-transition: max-height 0.50s ease-in;
    }

    .item-testata-text {
        font-size: 32px;
        text-align: center;
    }

    .caratteristiche-ricetta img {
        width: 32%;
    }

    .immagine-ricetta img {
        width: 100%;
    }

    .ingredienti-ricetta {
        width: 100%;
        margin-left: 0;
    }

    .persone-ricetta {
        font-size: 15px;
    }

    .titolo-ingredienti-ricetta {
        font-size: 15px;
    }

    .descrizione-ingredienti-ricetta {
        font-size: 14px;
    }

    .titolo-ricette-collegate {
        font-size: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #0096d3;
        margin-bottom: 15px;
    }

    #lista-risultati.lista-risultati-tre .box-tipo1 {
        width: 100%;
        padding-top: 66%;
        margin-left: 0;
    }

    #lista-risultati.lista-risultati-tre .box-tipo1-content {
        font-size: 20px;
        line-height: 22px;
    }

    #lista-risultati.lista-risultati-tre .btn {
        font-size: 13px;
        padding: 0 15px 0 15px;
        line-height: 26px;
        height: 26px;
    }

    .box-tipo1 {
        padding-top: 66%;
    }

    #lista-risultati .box-tipo1-content {
        font-size: 20px;
        line-height: 22px;
    }

    #lista-risultati .btn {
        font-size: 13px;
        padding: 0 15px 0 15px;
        line-height: 26px;
        height: 26px;
    }

    .box-dettaglio-prodotto {
        height: 385px;
    }

    .btn {
        font-size: 15px;
    }

    .fascia-curiosita-sx {
        width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 20px;
    }

    .fascia-curiosita-mid {
        width: 100%;
        float: none;
        margin: 0;
    }

    .fascia-curiosita-sx img {
        width: 50%;
    }

    .box-consigli-utili .box-dettaglio-prodotto-testo {
        font-size: 15px;
        line-height: 18px;
    }

    #fascia-campagna-dx h3 {
        font-size: 25px;
        line-height: 30px;
    }

    #fascia-campagna-dx div {
        font-size: 16px;
        line-height: 20px;
    }

    .content-menu.aperto {
        width: 100%;
    }

    .menu-principale .menu-principale_liv2#tendina_29008,
    .menu-principale #li_menu_29008 .menu-principale_liv2 {
        width: 100%;
    }

    #testata .owl-nav .owl-next,
    #testata .owl-nav .owl-prev {
        width: 15px;
        height: 27px;
        background-size: contain;
    }

    #condividi-mobile {
        margin-bottom: 30px;
    }

    .scheda_dettaglio_produttore_img {
        max-width: none;
        max-height: none;
        display: block;
        text-align: center;
        width: 100%;
    }

        .scheda_dettaglio_produttore_img img {
            max-width: 300px;
            max-height: 300px;
        }

    .scheda_dettaglio_produttore_descrizione {
        text-align: center;
        margin-left: 0;
        width: 100%;
    }

    #fascia-ricette-mese .box-tipo1-content {
        font-size: 20px;
        line-height: 22px;
    }
    .produttore .sx-interno {
        width: 150px;
    }
}
@media screen and (min-width: 0px) and (max-width: 400px) {
    .produttore .sx-interno {
        width: 110px;
    }
    .produttore .dx-interno .btn {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 10px;
    }
}