@charset "utf-8";

@media (max-width:1370px) {
    .btn.btn_header, input[type="button"].btn.btn_header, input[type="submit"].btn.btn_header {
        top: 18px;
    }

    .label_module {
        font-size: 14px;
    }

    .content ul.categorie li svg {
        margin: 30px auto;
    }

    .label_module.sottotitolo {
        margin-left: 56px;
    }

    header span {
        font-size: 17px;
        top: -11px;
    }

    section.unico h1 svg {
        margin-right: 5px;
    }

    .btn, input[type="button"].btn, input[type="submit"].btn {
        font-size: 18px;
    }

        .btn.btn_header, input[type="button"].btn.btn_header, input[type="submit"].btn.btn_header {
            top: 2px;
            background-color: #919ca0 !important;
        }

            .btn.btn_header:hover, input[type="button"].btn.btn_header:hover, input[type="submit"].btn.btn_header:hover {
                background-color: #758084 !important;
            }

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

    .contenitore {
        max-width: 1100px;
    }
}

@media (max-width:1280px) {

    .btn.selezionatutto, input[type="submit"].btn.small.selezionatutto, .btn.small.selezionatutto {
        margin: 10px 0px 0px 0px;
    }

    .contenitore {
        max-width: 980px;
    }

    .container {
        width: 100%;
        /* padding: 0px 20px; */
    }

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

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

    .banners a {
        width: 25%;
    }
}

@media (max-width:1034px) {


    .contenitore_tabellabig table.tableresponsive {
        border-left: 2px solid #12c3be;
        border-right: 2px solid #12c3be;
        border-top: 0px solid #12c3be;
        border-bottom: 0px solid #12c3be;
        margin: 0px 0px;
    }

    .contenitore_tabellabig::-webkit-scrollbar {
        width: 15px;
        background: rgba(0,0,0,0.1);
    }
    /* this targets the default scrollb
    .navbar-body::-webkit-scrollbar-track {
        background-color: #b46868;
    } */ /* the new scrollbar will have a flat appearance with the set background color */
    .contenitore_tabellabig::-webkit-scrollbar-thumb {
        background-color: #12c3be;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }
    /* this will style the thumb, ignoring the track */
    .contenitore_tabellabig::-webkit-scrollbar-button {
        background-color: #f1f1f1;
    }
    /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
    .contenitore_tabellabig::-webkit-scrollbar-button {
        background-color: #f1f1f1;
        display: none
    }
    /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
    .contenitore_tabellabig::-webkit-scrollbar-corner::before {
    }

    .contenitore_tabellabig::-webkit-scrollbar-corner {
        background-color: rgba(0,0,0,0.1);
    }


    .label_module.sottotitolo {
        max-width: 77%;
    }



    input[type="submit"].btn.btn_header.btn_tabset {
        top: -100px;
    }

    .select2-container, .select2-container--default .select2-search--dropdown .select2-search__field, .select2-search--dropdown, .select2-container--open .select2-dropdown--below {
        max-width: 650px !important;
    }

    .content ul.categorie li {
        width: 23%;
    }

        .content ul.categorie li svg {
            margin: 30px auto 10px auto;
        }

    .contenitore {
        /*max-width: 760px;*/
        max-width: 100% !important
    }

    .header-btn {
        right: 20px;
    }

    .box_newsletter {
        width: 72%;
    }

    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) {
        margin: 0px 0px 0px 80px;
    }

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

    .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 .immagine_prodotto {
        width: 100%;
        margin-bottom: 10px
    }

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

    .menu_footer {
        padding: 20px 0px;
    }

        .menu_footer .dx {
            padding: 0px;
        }

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

    footer p {
        padding: 20px;
    }

    .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;
    }

    .banners 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 {
        display: none
    }

    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 {
        width: 39%;
    }

    .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 .immagine_prodotto div img {
        max-width: 180px;
        max-height: 180px;
    }

    .dx .immagine_prodotto {
        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 {
        width: 100%;
        /* padding: 0px 20px; */
    }

    .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;
    }



    .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) {

    .dettaglio_email table {
     width:100% !important;
    }


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

    header {
        display: inline-block;
        /*border-bottom: 1px dotted #ccc;*/
        padding-bottom: 20px;
    }

    section.unico h1 span svg {
        top: 22px;
    }

    section.unico h1 svg {
        min-width: 35px;
    }

    .buttons.scelte .btn {
        font-size: 17px;
    }

    section.unico h1,
    section.unico h2 {
        width: 70%;
    }

    .content header h2 {
        font-size: 20px;
        margin: 0px 0px 0px 0px;
    }



    .label_module.sottotitolo {
        margin-left: 41px;
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .campo_form .select2-container {
        margin: 17px 0px 40px 0px;
    }

    .btn.btn_header, input[type="button"].btn.btn_header, input[type="submit"].btn.btn_header {
        top: 2px;
        /* position: relative; */
        /* float: right; */
        /* top: -17px; */
        /* background: #829298; */
        font-size: 17px;
        padding: 10px 15px;
    }

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

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

    .btn.btn_icone, .tableresponsive .btn.btn_icone, .tableresponsive input[type="button"].btn.btn_icone, .input[type="button"].btn.btn_icone, .tableresponsive input[type="submit"].btn.btn_icone, input[type="submit"].btn.btn_icone, .content ul.storico li a.btn.btn_icone {
        background-size: auto 16px;
        height: 19px;
    }



    .select2-container, .select2-container--default .select2-search--dropdown .select2-search__field, .select2-search--dropdown, .select2-container--open .select2-dropdown--below {
        max-width: 450px !important;
    }

    .content ul.categorie li {
        width: 31%;
    }




    .contenitore {
        /* max-width: 600px; */
    }

    .campo_form .campo_form {
        padding-bottom: 10px;
    }

    .header-btn {
        top: 25px;
        right: 20px;
    }

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

    .box_newsletter {
        width: 68%;
    }

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

    .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: #f1f1f1;
        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: #12c3be;
            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: 27px;
        padding: 10px 20px 10px 20px;
    }

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

    .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 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;
    }

    .banners a {
        width: 50%;
    }

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

    .banners img {
        height: 130px;
    }

    .pathway {
        width: 100%;
        padding: 20px;
        line-height: 23px;
        text-align: center;
    }

    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;
        }

    .logo {
        margin: 13px 0px;
    }

    .amodal-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 #03303d;
    }

    .buttons .btn {
        font-size: 30px;
        padding: 10px;
        text-align: center;
        margin: 1%;
        width: 48%;
        font-weight: 500;
        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;*/
    }

        .buttons.scelte {
            /*padding: 30px 0px;
            position: relative;
            z-index: auto;
            bottom: auto;
            background: none;*/
        }

    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: 20px 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 {
        margin-bottom: 5px;
        color: #03303d;
        padding: 0px;
        font-size: 25px;
        /* text-transform: uppercase; */
        font-weight: 300;
    }

    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 {
        text-align: center;
    }

    .btn.btn_header, input[type="button"].btn.btn_header, input[type="submit"].btn.btn_header {
        float: right;
        position: relative;
        right: 0px;
        top: 0px;
    }

    section.unico h1, section.unico h2 {
        width: 100%;
    }

    .label_module.sottotitolo {
        max-width: 95%;
        font-size: 16px;
    }
}

@media (max-width:670px) {
    section.unico h1 {
        font-size: 27px;
        line-height: 32px;
        margin: 20px 0px 10px 0px;
        width: 100%;
    }

    .select2-container, .select2-container--default .select2-search--dropdown .select2-search__field, .select2-search--dropdown, .select2-container--open .select2-dropdown--below {
        max-width: 400px !important;
    }

    .fake_label {
        height: 0px;
        width: 100%;
    }

    .label_module.sottotitolo {
        font-size: 14px;
        padding: 10px 0px;
        max-width: 88%;
    }

    .big.btn {
        font-size: 14px;
    }

    .btn, input[type="button"].btn, input[type="submit"].btn {
        font-size: 15px;
        padding: 10px 20px;
        margin: 0px 2px;
    }

    .buttons.scelte .btn {
        font-size: 15px;
        margin: 3px;
        padding: 11px 11px;
    }


    .testata.login .campo_form {
        padding: 10px;
    }

    .testata.login {
        margin-bottom: 20px
    }

        .testata.login .label_module {
            font-size: 14px;
            margin-right: 0px
        }

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

    .btn.btn_header.indietro, input[type="button"].btn.btn_header.indietro, input[type="submit"].btn.btn_header.indietro, .btn.indietro {
        background-color: #919ca0;
        font-size: 14px;
        padding: 10px 10px;
        float: left;
    }

    .select2-container, .select2-container--default .select2-search--dropdown .select2-search__field, .select2-search--dropdown, .select2-container--open .select2-dropdown--below {
        /*max-width: 240px !important;*/
    }

    .campo_form .select2-container--default .select2-selection--single .select2-selection__rendered {
        height: 40px;
        padding: 5px 10px;
    }

    .campo_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
        top: 80%;
    }

    section.unico h1 svg {
        min-width: 37px;
        margin-right: 5px;
    }

    header {
        margin: 0px 0px 0px 0px;
        padding: 0px;
        border: none;
    }

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

    .content ul.categorie li {
        width: 96%;
        margin: 2%
    }

    .contenitore {
        /* max-width: 400px; */
        /*padding: 0px 10px;*/
    }

    .btn.btn_header.btn_tabset, input[type="button"].btn.btn_header.btn_tabset, input[type="submit"].btn.btn_header.btn_tabset {
        top: -75px;
    }

    .btn.btn_header, input[type="button"].btn.btn_header, input[type="submit"].btn.btn_header {
        margin: 0px 10px;
        position: relative;
        float: left;
        top: 0px;
        margin-bottom: 0px;
    }

    section .unico h1 svg {
        margin-right: 4px;
    }

    section.unico h1 span svg {
        top: 12px;
        margin: 0px 5px;
    }

    section.unico h1 {
        /* width: 100%; */
        /* margin: 20px 0px 0px 0px; */
    }

    section.unico h2 {
        width: 100%;
        margin: 0px 0px;
    }

    .header-btn {
        padding: 10px 15px;
        top: 26px;
        font-size: 16px;
    }
}

@media (max-width:360px) {


    .nav .flexnav li a {
        font-size: 19px;
        padding: 18px 20px;
    }

    .contenitore {
    }
}