@media (max-width:1370px) {

    .sezione {
        padding: 0px;
    }
}

@media (max-width:1290px) {
    .contattaci {
        left: 30px;
    }

    .social {
        right: 30px;
    }

    .container {
        width: 100%;
        padding: 0px 30px;
    }

    .cta {
        margin: 30px 6px 30px 0px;
    }

        .cta .btn {
            font-size: 16px;
            padding: 14px 20px;
        }
}

@media (max-width:1034px) {
    .banner.multipli .piccolo, .banner.multipli .medio, .banner.multipli .grande {
        height: auto
    }



    #ContentPlaceHolder1PopUp_box_popup_che_deve_comparire {
        padding: 40px;
    }

    .banner.multipli .piccolo, .banner.multipli .medio, .banner.multipli .grande {
        height: 290px;
    }

    .banner.scuola .container {
        background-size: 100% auto;
        padding: 152px;
    }

    .box .testo h3, .sezione.centrale .box h3 {
        min-height: 64px;
    }

    .banner.multipli .testo h4,
    .banner.multipli .testo h3 {
        margin: 5px 0px;
    }

    .banner.multipli .testo {
        padding: 24px;
        height: auto;
    }

    .payoff p {
        padding: 0px 8%;
    }

    section.carousel #bakery .item {
        border: 10px solid white;
    }

    .pulsanti li {
        width: 17%;
    }

    .banner .testo {
    }

    .menu_footer .box ul.social li {
        margin: 0px 10px 0px 0px;
    }

        .menu_footer .box ul.social li img {
            height: 38px;
        }

    .banner .testo {
        /* text-align: center; */
    }

        .banner .testo h4 {
            /* width: 100%; */
            /* text-align: center; */
            /* text-shadow: 4px 5px 0 #242424; */
        }

    .banner.scuola {
        margin-bottom: 30px
    }

        .banner.scuola .container {
            background-size: auto 100%;
            padding: 30px;
        }

    .cta .btn {
        font-size: 14px;
        padding: 8px 20px;
        font-weight: 600;
    }

    .banner .testo .btn {
        font-size: 15px;
    }

    .descrizione_prodotto div:nth-child(1), .documenti div:nth-child(1) {
        width: 22%;
    }

    .descrizione_prodotto div:nth-child(2), .documenti div:nth-child(2) {
        width: 78%;
    }

    .cta {
        margin: 0px 0px 10px 0px;
        clear: both;
        float: left;
    }

    section.unico.riservata {
        padding-right: 0px;
    }

    .selettori .btn.stampa {
        float: left;
        clear: both;
        margin-top: 20px;
    }

    #ContentPlaceHolder1PopUp_box_popup_che_deve_comparire {
        padding: 12% 0px;
    }

    .catalogo section .selettori .me-select {
        width: auto;
        display: inline-block;
        padding: 10px 0px;
        margin: 20px;
    }

    .item_catalogo .contenuto .nome_prod {
        width: 60%;
    }

    .item_catalogo .contenuto .prezzo {
        width: 35%;
    }

    .content.servizio section {
        padding: 0px 0px 0px 2%;
    }

    .box_newsletter {
        width: 72%;
    }

    footer hr {
        display: none;
    }

    footer hr, footer .sx h3, footer .newsletter h3 {
        margin: 20px 0px 15px 0px;
        padding: 0px
    }

    .menu_footer .dx .box.newsletter {
        display: inherit
    }

    footer .dx .box:nth-child(1) {
    }

    .menu_footer .dx.sub {
        width: 50%;
    }

    .menu_footer .sx.sub {
        display: none
    }

    .riepilogo_carrello ul li div {
        width: 150px;
    }

    .img_place img:nth-child(3) {
        margin: 0px 4px;
    }

    aside .titolo.disponibilita {
        font-size: 23px;
    }

        aside .titolo.disponibilita small {
            top: 5px;
        }

    .dettaglio aside .prezzo span {
        position: relative;
        top: 9px;
    }

    .dettaglio aside .preferiti input[type="checkbox"]:checked + label, .dettaglio aside .preferiti input[type="checkbox"] + label {
        left: 29px;
    }

    aside .titolo.opzione {
        font-size: 21px;
    }

        aside .titolo.opzione .btn, aside .titolo.opzione input[type="button"].btn, aside .titolo.opzione input[type="submit"].btn {
            top: -4px;
        }

    .dettaglio aside ul.info li, .dettaglio aside ul.info li:last-child {
        padding: 0px 10px;
    }

    .riepilogo .item .contenuto {
        width: 100%;
        padding-left: 0px;
    }

    .riepilogo .item .img_item {
        width: 100%;
        margin-bottom: 10px
    }

    .menu_footer .sx, .menu_footer .dx, .menu_footer .sx .box {
    }

    .menu_footer {
        padding: 20px 0px;
    }

        .menu_footer .dx {
            padding: 0px;
        }

        .menu_footer .sx .box ul {
            width: auto;
            margin: 0px 0px 20px 0px;
            float: left;
        }

    .box.newsletter .checkbox_text {
        width: 90%;
    }

    footer p {
    }

    .unico.services ul li img {
        width: 64px;
    }

    .unico.services ul li {
        margin: 10px 17px;
    }

    .slideshow .selettori .box .ricerca {
        margin: 0px 0px 22px 0px;
    }

    .selettori .box h3 {
        font-size: 19px;
        padding-left: 32px;
    }

    .selettori .label_module, .selettori .select_module {
        font-size: 15px;
        padding: 15px 11px;
    }

    .selettori .box .ricerca a {
        font-size: 13px;
    }

    .selettori .box h3 img {
        width: 23px;
    }

    .boxes h3 a, .boxes h3 a:hover {
        font-size: 19px;
    }

    .gallery img {
        height: 139px;
    }

    section .loghi .box {
        width: 31%;
    }

    .img_articolo {
        min-height: 300px;
    }

        .img_articolo header {
            margin: 52px 0px 0px 0px;
        }

    .menu_footer .dx .box {
    }

    section.carousel h2, h2.titolo {
        /* padding: 40px 0px 30px 0px; */
        font-size: 50px;
    }

    .map iframe, .img_articolo iframe {
        height: 400px;
    }

    .presentazione .box:nth-child(2) p {
        font-size: 17px;
    }

    .menusup ul li:nth-child(2) {
        margin: 0px 10px;
    }

    .testata .container:after {
        right: 63%;
    }

    article section ul.gallery li {
        width: 18%;
    }

    .banner.motorrad .img {
        width: 30%;
    }

    .banner.motorrad .testo {
        width: 70%;
    }

    .btn.shop {
        /*    width: 100%;
    margin-bottom: 10px;
    font-size: 17px;*/
    }

        .btn.shop.big {
            width: 100%;
            margin: 0px 0px 10px 0px
        }

    .video iframe {
        height: 520px;
    }

    .pulsante.scrivici {
        right: 20px;
    }

    .pulsante {
        bottom: 2%;
    }

        .pulsante.chiamaci {
            right: 160px;
        }

    section.virtualtour.unico h2 {
        font-size: 80px;
    }

    section.motorrad.unico h2 {
        font-size: 56px;
    }

    .tabelle_carrello .no_loggato p {
        width: 66%;
    }

    .newsletter h2 {
        font-size: 57px;
    }

    .item .copertina img {
    }

    .content .box .spedizione ul li {
        padding: 0px 10px 10px 10px;
    }

    .newsletter .cerca {
        width: 61%;
    }

    .newsletter input[type="text"] {
        width: 75%;
    }

    .loghi li {
        margin: 0px 10px;
    }

    .banner h2 {
        font-size: 23px;
        line-height: 33px;
    }

    .banner .testo p {
        font-size: 17px;
        line-height: 23px;
    }

    .servizi div svg {
        margin: 50px 20px;
    }

    .banner.home .colour {
        margin: 20px 0px;
        width: 40%;
    }

    .banner.home .testo {
        padding: 0px 20px;
    }

    .box_img div {
    }

    .about .container div {
        width: 55%;
    }

    .menusup .sx {
        max-width: 370px;
    }

    .presentazione .label_check {
        padding: 10px 0px;
    }

    li.mail {
        display: none
    }

    .menusup .dx {
        padding-right: 15px
    }

    .content .tabelle_carrello .box {
        min-height: auto;
    }

    footer {
        position: relative;
        display: inline-block;
        clear: both;
        height: auto;
        padding-bottom: 0px;
    }

    div.content {
        padding-bottom: 0px;
    }

    .header .banner {
        width: 34%;
        margin-top: 32px;
    }

    .lstpwd {
        float: left;
        width: 100%;
        text-align: center;
        padding: 20px 0px 0px 0px;
    }

    .presentazione ul.loghi img {
        max-height: 57px;
    }

    footer .box.card {
    }

    .prodotto2 section, .prodotto2 aside {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 20px
    }

    .tabelle_carrello fieldset a #help {
        margin-top: -50px;
    }

    .sezioni_home .box h3 {
        padding: 14px 0px 20px 0px;
    }

    .menu_footer .newsletter input[type="submit"].btn {
        width: 35%;
    }

    .menu_footer .newsletter input[type="email"] {
        width: 64%;
    }

    .box.specializzazioni {
        padding: 0% 20px;
    }

        .box.specializzazioni h3 {
            font-size: 20px;
        }

    .staff li {
        margin: 20px 3px;
    }

    .cataloghi .box {
        width: 31%;
    }

    .impianto .allegato img {
        margin-top: 0px;
    }

    #print.articolo .impianto .allegato p {
        font-size: 14px;
        line-height: 17px;
    }

    .cerca {
        /*width: 215px;*/
    }

    .testata .cerca {
    }

    .header .cerca input[type="text"] {
        width: 80%;
    }

    .banner h3 big {
        font-size: 19px;
    }

    .banner h3 {
        font-size: 21px;
    }

    .descrizione {
        width: 100%;
        position: relative;
        float: right;
    }

    .dx .img_item div img {
        max-width: 180px;
        max-height: 180px;
    }

    .dx .img_item {
        width: 180px;
        height: 180px;
        display: table;
    }

    .articolo.principale ul {
        padding: 4% 0%;
    }

    .content .tabelle_carrello .box .campo_form {
        width: 100%;
    }

    .menu_footer .box.social .clear {
        height: 150px;
    }

    .scarica {
        padding-top: 0px
    }

    .prezzo_totale {
        font-size: 40px;
    }

    .scopricome .btn {
        padding: 16px 20px;
    }

    .selettori .confezione {
        margin-top: 10px;
        padding-right: 5px;
        width: 100%;
        padding-left: 33%;
    }

    .descrizione .scopricome p {
        max-width: 300px;
    }

    .selettori .sconto {
        padding-top: 5px;
    }

    .box .titolo {
        font-size: 30px;
    }

    .payoff h2 {
        font-size: 40px;
    }

    .payoff h3 {
        font-size: 35px;
    }

    .selettori .quantita {
        width: 110px;
    }

    .ric_avanzata h1 {
        margin-right: 5px;
    }

    .container, .content.home .container {
    }

    .menusup .sx {
        padding-left: 0px
    }

    .container.testata .dx div.social {
        display: none
    }

    .boxes h3 {
        margin-bottom: 3px;
    }

    .box_img {
        height: 210px;
    }
    /*h3 {
	font-size: 30px;
}*/
    .menu_footer .box.social {
        zoom: 0.8;
        float: right;
        padding-top: 30px;
    }

    .scrollup {
        display: none !important
    }

    .menu_footer .dati {
        width: 100%;
        padding: 10px;
        margin: 20px 0px 0px 0px;
        padding-top: 30px;
        border-top: 1px solid #cdced3;
        border-left: none;
    }

    .menu_footer .box.dati ul li {
        position: relative;
        float: left;
        width: 23%;
        margin-right: 2%;
    }

    .banner_inf .newsletter, .banner_inf .pagamenti {
        min-height: 340px;
    }
}

@media (max-width:875px) {

    .sezione .img {
        padding-right: 0px;
        margin-bottom: 30px;
    }

    .banner.scuola {
        margin-top: 60px;
    }

    .banner.scuola .testo span p {
        font-size: 90px;
        text-align: center;
        margin-bottom: 20px;
        padding: 0px;
        text-align: center;
        width: 100%;
        line-height: 100px;
    }

        .banner.scuola .container {
            background-size: auto 65%;
            padding: 0px 0px 650px 0px;
            background-position: bottom;
        }
    .banner.scuola .testo {
        text-align: center;
        position: relative;
    }


    .banner.multipli .piccolo, .blog .box {
        width: 100%;
       margin:0px 0px 30px 0px
    }
    .sezione .testo, .sezione .img,
    header .box:first-child, header .box:last-child {
        width: 100%;
    }
  header .box:first-child {

        text-align: center;
    }
    .box .testo h3, .sezione.centrale .box h3 {
        min-height: inherit;
    }
    .banner.multipli .medio .testo,
    .banner.multipli .grande .testo {
        position: relative;
        /*border-top: 1px dashed #b3d3d2;*/
    }
    .banner.multipli .grande img {
        width: auto;
        max-width: inherit;
        height: 380px;
        float: right;
    }

    .banner .testo h4 {
        font-size: 80px;
        line-height: normal;
    }
    .banner.multipli .testo {
        padding: 20px 40px;
        height: auto;
    }
        .banner.multipli .testo h4 {
            margin: 15px 0px;
            font-size: 29px;
        }
        .banner.multipli .testo h3 {
            margin: 15px 0px;
            font-size: 52px;
        }
    .banner.multipli .piccolo, .banner.multipli .medio {
        height: auto;
        width: 100%;
        margin: 0px 0px 30px 0px
    }

    .banner.multipli .grande {
        height: auto;
        width: 100%;
        margin: 0px 0px 0px 0px
    }

    .payoff.home h1 {
        font-size: 84px;
        line-height: normal
    }

        .payoff.home h1 span {
            font-size: 73px;
            line-height: normal
        }

    .payoff p {
        padding: 0px;
    }

    .pulsanti li {
        width: 30%;
    }

    section .box {
        width: 100%;
    }

    .dati .img {
        height: auto;
    }

    .content.servizio.progetto section {
        float: left;
        padding: 30px 0px 0px 0px;
        border-right: none;
        border-left: none;
    }

    .riepilogo .item {
        width: 47%;
    }

    .div_cerca a {
        margin: 3px 0px 0px 30px;
    }

    .header .testata .container {
        padding: 0px 30px;
    }

    .header .container {
        padding: 0px
    }

    .cta .btn {
        font-size: 12px;
        padding: 15px 20px;
        font-weight: 600;
    }

    .logo {
        width: 100%;
        padding: 18px 0px 0px 0px;
        margin: 0px;
    }

        .logo img {
        }

    .shop .logo {
        width: auto;
        padding: 18px 0px 0px 0px;
        margin: 0px;
    }

        .shop .logo img {
            height: 80px;
        }

    .cta {
        margin: 20px 0px;
        clear: initial;
        float: left;
        width: 50%;
    }

    .div_cerca {
        float: right;
        position: relative;
        margin: 20px 0px;
        width: 50%;
    }

    .menu_footer .box ul.social li img {
        height: auto;
        margin: 5px;
    }

    footer .dx .box {
        max-width: inherit;
    }

    .intro .box {
        margin: 30px 0px 0px 0px !important;
        width: 100%;
    }

    .blog .item, .shop .item {
        width: 100%;
        margin: 0px 0px 30px 0px;
    }

    .intro img {
        margin: 20px 0px;
        height: auto;
    }

    .intro .box h3 {
        font-size: 34px;
    }

    .testata .cerca {
        /* width: 30%; */
    }

    div.content.catalogo {
        padding-right: 0px;
    }

    .header .cerca input[type="text"] {
        width: 77%;
    }

    .catalogo aside, .catalogo section {
        width: 100%;
        border: none;
        padding: 20px 0px
    }

    .content.servizio section {
        padding: 0px;
        border: none;
    }

    section.carousel h2, h2.titolo {
        font-size: 30px;
    }

    .primopiano .item {
        width: 50%;
    }

    .cerca_home .label {
        width: 100%;
        padding: 10px 0px;
    }

    #ContentPlaceHolder1PopUp_box_popup_che_deve_comparire {
        padding: 16% 30px;
    }

    footer .dx .box:nth-child(1), footer .dx .box:nth-child(2), footer .dx .box:nth-child(3), footer .dx .box:nth-child(4) {
        display: none;
    }

    .box_newsletter {
        width: 68%;
    }

    .dettaglio header .luogo {
        width: 100%;
    }

    .menu_footer .newsletter input[type="button"].btn {
        width: 30%;
    }

    footer .sx.sub h3 {
        display: none
    }

    .icone {
        width: 100%;
        text-align: center;
        margin-top: 32px;
    }

    header .icone {
        width: auto;
        margin: 10px 0px 0px 0px;
        float: left;
    }

    header .recensioni img {
        margin-right: 0px;
        top: 0px;
    }

    .dettaglio header {
        margin: 30px 0px 0px 0px;
    }

        .dettaglio header .recensioni {
            width: auto;
            float: left;
        }

    .qrcode {
        font-size: 200px;
    }

    .totale_conto {
        background: #b3d3d2;
        text-align: center;
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

    .item .azioni a.btn {
        font-size: 21px;
        margin: 0px 0px 10px 0px;
        padding: 10px 20px;
        text-align: center;
        width: 100%;
    }

    section.riservata .dx, section.riservata .sx {
        width: 100%;
        margin: 0px 0px 20px 0px;
        padding: 0px;
    }

    .riservata .sx .ui-datepicker td a {
        padding: 10px;
    }

    .pathway.riservata {
        width: 100%;
        padding: 20px 0px;
    }

    .riservata .item .testo_prodotto .luogo, .riservata .tab-panel .item .testo_prodotto .luogo {
        padding: 0px 0px 20px 0px;
        margin: 0px;
        top: 0px;
        text-align: center;
        width: 100%;
    }

    .riservata .tab-panel .item .testo_prodotto .titolo {
        width: 100%;
        margin: 20px 0px;
    }

    .riservata .tab-panel .item .testo_prodotto, .riservata .item .testo_prodotto {
        width: 100%;
        padding: 0px;
    }

    section.unico.riservata {
        padding: 20px;
    }

        section.unico.riservata h1 {
            font-size: 30px;
            color: #b3d3d2;
            margin: 0px 0px 20px 0px;
            padding-bottom: 10px;
        }

    section.riservata h2 {
        font-size: 18px;
    }

    .tabelle_carrello section {
        padding-bottom: 114px;
    }

    .tabelle_carrello aside h2 {
        font-size: 21px;
        padding: 10px;
    }

    .riepilogo_carrello {
        padding-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

        .riepilogo_carrello ul li div {
            width: 100%;
            font-size: 12px;
        }

        .riepilogo_carrello ul li {
            width: 32%;
            border-top: 1px dotted #b3d3d2;
            color: #b3d3d2;
            background: none;
            margin: 0px;
            padding: 8px 0px;
            height: auto;
            min-height: 20px;
            font-size: 13px;
            text-align: left;
            display: inline-block;
        }

            .riepilogo_carrello ul li:last-child {
                width: 50%;
                float: left;
            }

    .proposta .people {
        top: 0px;
    }

    section.contatti {
        margin: 0px
    }

        section.contatti .sx {
            width: 100%;
            margin-right: 0px;
            padding: 0px;
            margin-bottom: 40px;
        }

    section .grigio {
        padding: 20px 0px 30px 0px;
    }

    section.contatti .dx {
        width: 100%;
        padding: 0px;
    }

    ul.info-list li {
        padding: 20px 25px 20px 10px;
    }

    section.contatti .sx {
        width: 100%;
        margin-right: 0px;
    }

    section .grigio .btn.big {
        width: 100%;
        margin-top: 20px;
    }

    section .grigio .field_module {
        width: 100%;
        margin-right: 0%;
    }

    section.contatti .grigio .box {
        margin: 0px 0px 20px 0px;
        width: 100%;
    }

    section .loghi .box {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

    .content.blog .tabelle_carrello aside {
        display: inherit;
        position: fixed;
        bottom: 0px;
        width: 100%;
        background: rgba(255, 255, 255, 0.8);
        z-index: 99;
        margin: 0px;
    }

        .content.blog .tabelle_carrello aside .btn_semplici {
            display: none
        }

    .content.blog aside {
        display: none;
    }

    .condizioni {
        display: none
    }

    .content.blog section {
        margin-bottom: 0px
    }

    .blog section .condividi_articolo {
        padding: 0px 20px 20px 20px;
        width: 100%;
        text-align: center;
    }

    .gallery a {
    }

    .content.blog .container {
        padding: 0px;
    }

    .gallery img {
        height: 130px;
    }

    aside .people {
        top: -1px;
    }

    aside .check .people {
        top: 7px;
    }

    fieldset .field_module {
        width: 100%;
        height: 49px;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .campo_form {
        width: 100%;
        padding-bottom: 20px;
        padding-right: 0px;
    }

    .box.sx, .box.dx {
        width: 90%;
        margin: 5% 5% 0% 5%;
        padding: 20px;
    }

        .box.sx .btn, .box.dx .btn {
            float: left;
            font-size: 25px;
            padding: 16px 30px;
        }

    .modal-dialog.big #FormRegistrazione {
        padding: 20px 0px;
    }

    .box.sx input[type="button"].google_btn, input[type="button"].google_btn, .box.sx input[type="button"].facebook_btn, input[type="button"].facebook_btn {
        width: 100%;
        margin: 20px 0px 0px 0px;
        background-position: 39px 13px;
        font-size: 19px;
        padding: 10px 10px 10px 41px;
    }

    .login_box, .registrazione_box {
        width: 100%;
        margin: 0px 0px 20px 0px;
        padding: 20px;
    }

    .buttons .btn.acquista {
        border: 3px solid #666666;
    }

    .buttons .btn {
        font-size: 30px;
        padding: 10px;
        text-align: center;
        margin: 1%;
        width: 48%;
        font-weight: 600;
        position: relative;
        float: left;
    }

        .buttons .btn svg {
            display: none
        }

    .buttons {
        padding: 20px;
        position: fixed;
        z-index: 10;
        background: rgba(255, 255, 255, 0.68);
        bottom: 0px;
        width: 100%;
        left: 0px;
    }

    aside .titolo.disponibilita small {
        font-size: 23px;
        top: 6px;
    }

    aside .titolo.disponibilita {
        font-size: 30px;
        /* font-weight: 400; */
        /* color: black; */
    }

    .people {
        top: 8px;
    }

    aside .titolo.opzione .btn, aside .titolo.opzione input[type="button"].btn, aside .titolo.opzione input[type="submit"].btn {
        top: -3px;
        font-size: 14px;
    }

    aside .check ul li .old {
        top: 9px;
    }

    .img_place {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

    .dettaglio section .disclaimer {
        margin: 0px 0px;
        font-size: 30px;
        text-align: left;
        line-height: 36px;
    }

    .selettori_aside .panel_categorie {
        display: none;
    }

    .ordinatori .select_module {
        padding: 6px;
        width: 49%;
        font-size: 13px;
    }

    .selettori_aside p.slide {
        display: inherit
    }

    .selettori_aside .btn {
        display: inherit;
    }

    header .btn, aside.riepilogo h2.titolo, aside.riepilogo .owl-carousel {
        display: none !important
    }

    ul.info li, ul.info li:nth-child(2) {
        margin: 5px;
    }

    .contenuto ul.info li {
        margin: 0px;
    }

        .contenuto ul.info li:nth-child(2) {
            margin: 0px 5px;
        }

    aside ul.info li {
        margin: 2px;
    }

    section.riepilogo h1 {
    }

    section.riepilogo header img {
        margin-right: 15px;
        top: -5px;
        position: relative;
        float: left;
        width: 40px;
    }

    .riepilogo .item .contenuto .clear {
        display: none
    }

    aside.riepilogo {
        margin: 20px 0px 20px 0px
    }

    aside, section, section.riepilogo, .dettaglio section, .dettaglio aside {
        width: 100%;
        padding: 0px;
        margin: 0px 0px 20px 0px
    }

        aside .banner {
            display: none
        }

    .disclaimer {
        text-align: center;
    }

    .selettori .box h3 {
        font-size: 30px;
        position: relative;
        padding-left: 41px;
    }

        .selettori .box h3 img {
            width: 29px;
            top: 4px;
        }

    .slideshow {
        /*  min-height: 770px;*/
    }

        .slideshow .selettori .box .ricerca {
            margin: 10px 0px;
        }

            .slideshow .selettori .box .ricerca a {
                text-align: center;
                font-size: 18px;
                background: rgba(0, 0, 0, 0.61);
                padding: 15px;
                text-decoration: none;
                font-weight: 300;
            }

    .selettori .box {
        display: none;
    }

        .selettori .box:first-child, .selettori .box:last-child {
            display: inherit;
            width: 100%;
            position: relative;
            float: left;
            padding: 0px 20px;
        }

    .homepage .logo {
        width: 115px;
        height: 71px;
        margin-bottom: 0px;
    }

    .proposta .item {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

    section .proposta .veditutto {
        position: relative;
        right: 0px;
        top: 0px;
        padding: 0px 0px 20px 0px;
    }

    section .proposta h2 {
        padding: 10px 0px;
        font-size: 30px;
    }

    .menu_footer .sx .box {
    }
}

@media (max-width:600px) {
    .sezione .testo p a.btn {
        margin-bottom: 10px;
    }
    .sezione.centrale {
    
        padding-top: 0px;
    }

    .menu_footer {
        padding: 20px 20px 0px 20px;
    }
    .banner.multipli .grande img {
        height: 180px;

    }
    .banner.multipli .grande .testo .btn {
        width: 100%;
        margin-bottom: 10px;
    }


    .banner.scuola .container {
        background-size: auto 55%;
        padding: 0px 0px 350px 0px;
    }

    .banner.scuola .testo span p {
        font-size: 66px;
        line-height: 60px;
    }
    article header h1 {
        font-size: 44px;
        line-height: 41px;


    }
    .sezione.centrale h2 {
         font-size: 30px;
    }

    .sezione .testo {
       padding:0px
    }
    .banner.multipli .testo {
        padding: 10px 20px;
        height: auto;
    }
        .banner.multipli .testo h3 {
            margin: 15px 0px;
            font-size: 25px;
        }

    .banner.multipli .grande .testo h3,
    .banner.multipli .grande .testo h4,
    .banner.multipli .medio .testo h3,
    .banner.multipli .medio .testo h4 {
        text-align: center;
    }

    .banner .testo .btn {

    }
    .sezione .img {
        width: 100%;
  
        padding-right: 0px;
    }
    .banner img {
        margin-bottom: 0px;
    }
    .sezione {
  
        margin-bottom: 20px;
    }
    .sezione .testo p {



        font-size: 16px;
        color: #666666;
        line-height: 25px;
    }
    .banner.multipli .testo h4 {
        margin: 15px 0px;
        font-size: 21px;
    }
    .banner .testo h4 {
        font-size: 66px;
        text-align: center;
        margin-bottom: 20px;
        padding: 0px;
        text-align: center;
        width: 100%;
        line-height: 60px;
    }

    .banner .testo {
        text-align: center;
        position: relative;
    }
    .payoff.home h1 {
        font-size: 58px;
        line-height: 58px;
    }
        .payoff.home h1 span {
            line-height: 60px;
        }
    .payoff .btn {
        margin-top: 0px;
    }
    .payoff.home h1 br {
        display:none
    }
    .contattaci .btn {
        border: 3px solid #b3d3d2;
        color: #ffffff;
        background-color: #b3d3d2;
        font-size: 19px;
        padding: 3px 4px;
    }
        .contattaci .btn svg {
            margin-right: 0px;
            /* font-size: 20px; */
            width: 30px;
            height: 30px;
        }
    #ContentPlaceHolder1PopUp_box_popup_che_deve_comparire {
        padding: 20px;
        /* top: 100px; */
    }

        #ContentPlaceHolder1PopUp_box_popup_che_deve_comparire a.close {
            font-size: 52px;
        }
    div.header {
        margin-top: 0px;
    }
    #ContentPlaceHolder1PopUp_box_popup_che_deve_comparire img {
        margin-top: 90px;
    }
    .social {
        right: inherit;
        top: 7px;
        left: 49px;
    }
    .contattaci {
        left: 7px;
        top: 6px;
    }
    .contattaci span {
display:none;
    }

    .logo {
        padding: 80px 0px 0px 0px;
    }



    .servizio .articoli.principali .item, .servizio .articoli.principali .item:nth-child(2), .servizio .articoli.principali .item:nth-child(3) {
        padding: 0px;
        height: auto;
        margin-bottom: 10px;
        border: none;
    }

    div.content.servizio {
        margin-top: 0px;
    }

    .content.servizio section, .content.servizio aside {
        padding: 0px 0px;
        margin-bottom: 20px;
    }

    .menu_footer .box:last-child ul, .menu_footer .box:nth-child(2) ul {
        margin-right: 0%;
        width: 100%;
        text-align: center;
    }

    .menu_footer .box ul.social li {
        float: initial;
        margin: auto;
        display: inline-block;
    }

    .menu_footer .dx .box {
        width: 100%;
        text-align: center;
        margin: 0px;
    }



    .dl-menuwrapper span {
        padding: 6px 0px 6px 0px;
    }

    .pulsanti li {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

    .login_box h2, .registrazione_box h2 {
        margin-top: 0px;
        font-size: 22px;
    }

    .intro p {
        font-size: 16px;
    }

    .intro .box h3 {
        font-size: 27px;
    }

    .container {
        padding: 0px 20px;
    }

    .banner .container {
        padding: 0px;
    }

    .payoff {
        padding: 20px 0px;
    }

    .payoff {
        padding: 20px;
    }

    .intro .box {
        padding: 20px;
    }

    .payoff h1 {
        font-size: 22px;
    }

    .slideshow .item h4 {
        font-size: 21px;
    }

    .slideshow .item .testo p {
        font-size: 15px;
    }

    .slideshow .btn, .banner.home .colour .btn {
        font-size: 14px;
    }

    .cta .btn {
        font-size: 14px;
        padding: 9px 9px;
        font-weight: 600;
        width: 49%;
    }

    .header .testata .container {
        padding: 0px 20px;
    }

    .cta, .div_cerca {
        margin: 0px 0px 20px 0px;
        width: 100%;
    }

    .logo img, .shop .logo img {
        height: auto;
    }

    .dati .img {
        height: auto;
    }

    .riepilogo .item {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

    .item_catalogo .contenuto, .item_catalogo .contenuto .codice, section .box {
        width: 100%;
    }

        .item_catalogo .contenuto .dettagli {
            display: inline-block;
            width: 100%;
            float: right;
            padding-right: 10px;
            padding-top: 5px;
            text-align: center;
        }

        .item_catalogo .contenuto .prezzo {
            width: 50%;
            text-align: right;
            padding: 0px 10px;
        }

    .item_catalogo .disponibilita {
        display: inline-block;
        width: 50%;
        float: left;
        padding: 0px 20px;
        clear: both;
    }

    .item_catalogo .contenuto .componenti {
        width: 50%;
        text-align: left;
        padding: 0px 10px;
    }

    .item_catalogo .contenuto .nome_prod h4 {
        /* display: inline-block; */
        /* width: auto; */
        /* float: left; */
        font-size: 20px;
        margin: 2px 0px;
        text-align: center;
        width: 80%;
    }

    .item_catalogo .contenuto .nome_prod {
        width: 100%;
        text-align: center;
        padding: 0px 20px;
    }

    .item_catalogo .contenuto .brand {
        width: 100%;
        text-align: center;
    }

    .content.catalogo section {
        padding: 0px 20px;
        border-left: none;
        border-right: none;
        margin-top: 20px;
    }

    .selettori .label_module, .selettori .select_module {
        font-size: 14px;
        margin: 5px;
        padding: 10px 8px;
    }

    .content aside {
        margin-bottom: 0px;
    }

    section.carousel h2, h2.titolo {
        font-size: 33px;
        text-align: center;
    }

    .content aside {
        padding: 0px 20px;
    }

    .primopiano .item {
        width: 100%;
        padding: 10px 20px 0px 20px;
    }

    .articoli.principali .item {
        margin-bottom: 20px;
    }

        .articoli.principali .item:nth-child(2) {
            padding-right: 0px;
        }

    .articoli.principali .item {
        width: 100%;
    }

    .content.servizio .banner.top {
        margin: 0px 0px 20px 0px;
    }

    div.content.servizio {
        margin-top: 0px;
        padding-top: 10px;
  
    }

    .banner, .primopiano h2 {
        padding: 0px 20px !important;
    }
        .banner.multipli {
            padding: 0px !important
        }
       .homepage .banner.multipli {
            padding: 20px !important
        }
    .cerca_home {
        padding: 20px;
    }

    .content section {
        padding: 20px;
        border: none;
    }

    .cerca_home .label {
        width: 100%;
        padding: 10px 0px 0px 0px;
        font-size: 15px;
    }

    .cerca_home a {
        padding: 0px;
    }

    section.unico h1 {
        font-size: 30px;
        padding: 10px 0px;
    }

    .content section {
        margin-bottom: 0px;
    }

        section.unico, .content section.unico {
            padding: 20px 0px;
        }

    .js-open-left-menu {
        text-transform: uppercase;
        color: white;
        font-size: 18px;
        font-weight: 600;
        padding: 10px 16px;
    }

    .dl-menuwrapper button img, .btn.js-open-left-menu img {
        height: 32px;
        margin-right: 0px;
        top: 0px;
    }

    #box_popup_che_deve_comparire {
        padding: 23% 30px;
    }

        #box_popup_che_deve_comparire a.close {
            font-size: 50px;
        }

    .menu_footer .sx .box ul {
        margin: 0px;
    }

    footer .newsletter h3 {
        padding: 0px;
    }

    .box.newsletter .checkbox_text {
        width: 88%;
        font-size: 12px;
    }

    .box.newsletter .label_check {
        margin-top: 10px;
    }

    .menu_footer .newsletter input[type="button"].btn {
        width: 100%;
    }

    .box_newsletter {
        width: 100%;
    }

    .menu_footer .sx, .menu_footer .dx {
        padding: 0px 20px;
        width: 100%;
        border: none;
    }

    footer .dx .box:nth-child(1) {
        margin: 0px;
        padding-left: 0px;
    }

    .menu_footer .sx.sub, .menu_footer .dx.sub {
        width: 100%;
    }

    header .pathway {
        font-size: 13px;
    }

    .btn.js-open-left-menu span, .testata .cerca {
        /* display: none; */
        width: 100%;
        margin-top: 20px;
    }

    .avvisi .dl-trigger {
    }

    section.unico.riservata {
        padding: 20px;
    }

        section.unico.riservata.section_preferiti h1 {
            font-size: 20px;
        }

    .item_catalogo.dettaglio .descrizione_prodotto div:nth-child(2) {
        clear: inherit;
    }

    .item_catalogo.dettaglio .descrizione_prodotto div:nth-child(1) {
        width: 115px;
    }

    .item_catalogo .aggiungi input[type="number"] {
        width: 53px;
    }

    .item_catalogo.dettaglio .descrizione_prodotto div:nth-child(2) {
        width: auto;
    }

    section .item_catalogo.dettaglio .box.primo, section .item_catalogo.dettaglio .box.secondo {
        width: 100%;
        border: none;
        padding: 20px;
    }

    .spedizione, .documenti {
        margin: 0px;
    }

    .item_catalogo .btn.stampa {
        float: left;
    }

    fieldset .label_module, fieldset.note .field_module, fieldset .field_note {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }

    .btn.shop.ordina {
        float: left !important;
        margin-top: 20px;
    }

    .container section .slideshow.riservata {
        margin: 20px 0px 20px 0px !important;
    }
}