@charset "utf-8";
@import url(responsive.css);

@media (max-width:875px) {
    .popup .popuptext {
        bottom: -207%;
    }

        .popup .popuptext::after {
        }

        .popup .popuptext::after {
            top: -11%;
        }

    .descrizione {
        width: 100%;
    }

    .content .dx .banner.banner_corpo .titolo {
        font-size: 48px;
    }

    ul.login {
        margin: 25px 10px;
    }

        ul.login div {
            max-width: 206px;
        }

    .sx,
    label.btn_menu {
        width: 30%;
    }

        label.btn_menu::before {
            top: 0px;
        }

    .dx {
        width: 70%;
    }

    label.btn_menu {
        padding: 15px 12px;
        font-size: 22px;
    }

    .select_module.select_modelli, .select_module.select_marca {
        max-width: 175px;
    }

    .cerca {
        position: fixed;
        top: 0px;
        height: 50px;
        width: 250px;
        margin: 0px;
        z-index: 999999;
        left: auto;
        left: 20%;
        border-bottom: 1px solid #ccc;
    }

    .header .cercabtn {
        padding: 15px;
        background-color: #ca4c4c;
        height: 50px;
    }

    .header .cerca input[type="text"] {
        height: 50px;
    }

    .header .cerca input[type="text"] {
        font-size: 16px;
    }

    .cerca {
        left: 245px;
    }

    .menu_footer .box {
        padding: 20px 10px;
    }

        .menu_footer .box.categorie {
            width: 40%;
        }

            .menu_footer .box.categorie ul {
                height: 186px;
                overflow: hidden;
            }

            .menu_footer .box.categorie .tutte {
                display: inherit;
                font-size: 16px;
                color: #4ccaca;
                text-decoration: underline;
                font-weight: 600;
            }

    .login_box, .registrazione_box {
        margin-bottom: 20px;
        height: auto;
    }

    .menu_footer .box.categorie ul li a {
        font-size: 15px;
    }

    .login_box .field_module {
        width: 100%;
        margin-right: 0%;
        float: left;
    }

    .registrazione_box .btn, .login_box .btn {
        position: relative;
        bottom: auto;
        right: auto;
    }


    .descrizione .descrizione_prod {
        max-height: none;
    }

    .menusup .dx {
        width: 65%;
        width: calc(100% - 245px);
    }

    ul.login {
        margin: 0px;
        width: 260px;
    }

    .carrello {
        margin: 20px 20px 0px 0px;
        float: right;
    }

    .header .cerca input[type="text"], .liste .cerca input[type="text"] {
        height: 50px;
        width: calc(100% - 52px);
    }

    .box_news .box {
        padding: 20px;
        width: 100%;
        margin-bottom: 20px;
    }

    .menu_footer {
        margin-top: 0px;
    }

    ul.login {
        margin: 6px 15px 0px 15px;
        width: 240px;
    }

        ul.login li {
            width: auto;
            margin: 10px;
        }

    .box_news .box_img {
        height: 300px;
    }

        .box_news .box_img img {
            max-height: 300px;
        }
}

@media screen and (max-width:778px) {



    .testata_agente ul.login {
        max-width: 73%;
    }

    .header .testata_agente .cerca {
        width: 60%;
    }

    .cerca {
        left: 231px;
    }

    .content .sx.menuscomparsa {
        width: 62%;
    }
}


@media screen and (max-width:670px) {

    .content .sx.menuscomparsa {
        width: 100%;
    }


    .tabelle_carrello legend {
        max-width: 72%;
    }



    .tabelle_carrello .btn.svuota {
        top: -95px;
    }

    .content .dx .banner.banner_corpo .titolo {
        font-size: 64px;
    }

    ul.login {
        width: 180px;
        margin: 6px 10px;
    }

    .tabelle_carrello .btn.svuota {
        top: auto;
        float: inherit;
    }

    .carrello {
        background-size: auto 36%;
        padding: 15px 15px 15px 36px;
        background-position: 9px 15px;
        margin-right: 10px;
        height: auto;
    }

        .carrello:hover {
            background-size: auto 36%;
            background-position: 9px 15px;
        }
}

@media screen and (max-width:600px) {

    .testata_agente ul.login {
        max-width: 66%;
        height: auto;
    }
    .testata_agente .login .btn.small {
     margin-bottom:5px;
    }
        .testata_agente ul.login li {
            padding: 10px 0px;
        }

    .header .testata_agente .cerca {
        width: 100%;
    }

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

    .tabelle_carrello fieldset {
        margin-top: 10px;
    }

    .tabelle_carrello legend {
        font-size: 14px;
    }

    ul.login div {
        max-width: 134px;
    }

    ul.login li img {
        margin-right: 5px;
    }

    .login .btn.small {
        font-size: 16px;
        padding: 5px;
        font-size: 12px;
        float: right;
        margin-left: 10px;
        top: 0px;
    }

    .testata .carrello span {
        display: none
    }

    .popup .popuptext {
        bottom: 125%;
    }

    .logo {
        background: #f2f2f2;
        padding: 20px 20px 0px 20px;
    }

    .popup .popuptext::after {
        border-color: #c14343 transparent transparent transparent;
        top: 100%;
    }

    .popup .popupt

    .content .sx.menuscomparsa {
        width: 100%;
    }

    .descrizione {
        width: 100%;
    }

    .riepilogo_tabella .descrizione {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

        .riepilogo_tabella .descrizione p {
            display: none;
        }

    .riepilogo_tabella .immagine_prodotto div img {
        max-height: 200px;
        max-width: 100%;
    }

    .riepilogo_tabella .immagine_prodotto {
        width: 100%;
        margin-bottom: 5px;
        padding: 0px;
        height: 200px;
        border: none;
        text-align: center;
    }


    .carrello, .carrello:hover {

    }

    .campo_form {
        width: 100%;
    }

    .testata .dx {
   
        padding: 20px 20px 0px 20px;
    }

    ul.login {
        margin: 10px 0px;
        width: 100%;
    }

    .carrello {
        margin: 10px 0px 0px 0px;
        float: right;
        padding: 10px 20px 10px 50px;
     
    }
        .carrello, .carrello:hover {
            background-size: auto 20px;
            background-position: 15px 10px;
        }
    ul.cataloghi li {
        width: 100%;
    }

    ul.login li {
        margin: 0px;
        padding: 0px 10px;
    }
        ul.login li div img {
            margin-right: 5px;
            margin-bottom: 24px;
            margin-bottom: 10px;
        }

        ul.login li:last-child {
            margin-right: 0px;
            margin-bottom: 10px;
        }

    .sx, .dx, .colonna, .dx, .testata .dx, .content .dx, .menusup .dx {
        width: 100%;
    }

    .carrello {
        /* width: 100%; */
    }

    .menu_footer .box.categorie {
        width: 100%;
        margin: 0px;
        padding: 0px 20px;
    }

    .colonna {
        background: #4a4a4a;
    }

    .wrapper {
        background: none;
    }

    .box_news .box_img {
        height: 200px;
    }

        .box_news .box_img img {
            max-height: 200px;
        }

    .content .dx .banner.banner_corpo {
        text-align: center;
    }

    .btn {
        /*  display: block;
            width: 100%;
            margin: 10px 0px;*/
    }

    label.btn_menu.btn {
        width: 48%;
        margin: 0px;
        min-width: 175px;
    }

    .selettori .btn {
        width: inherit;
        margin: 0px !important;
    }

    .content .dx .banner.banner_corpo .titolo {
        font-size: 29px;
        width: 50%;
    }

    .menusup .sx a {
        width: 87%;
        z-index: 999;
    }

    .cerca {
        position: relative;
        /* top: 4px; */
        z-index: 0;
        width: 100%;
        left: 0px;
    }

    .sx .banner, .sx .titolo, .sx .owl-carousel, .dx .box_news {
        display: none !important;
    }

        .dx .box_news.mgrid {
            display: inherit !important;
        }

    .banner_sx {
        display: inherit;
    }
}

@media screen and (max-width:320px) {
    .testata_agente ul.login li {
        font-size: 12px;
    }

.testata_agente .login .btn.small.cliente,
.testata_agente .login .btn.small {
    font-size: 9px;
}

    .testata_agente ul.login div,
    .testata_agente ul.login {
        height: auto;
    }
    .dx ul.login {
         width: 175px;
    }
        .dx ul.login li {
            margin: 0px 0px 10px 0px;
        }
}

    @media screen and (max-height:1024px) {

        .content .sx.menuscomparsa {
            height: 95%;
        }
    }

    @media screen and (max-height:768px) {

        .content .sx.menuscomparsa {
            height: 94%;
        }
    }

    @media screen and (max-height:670px) {
        .descrizione .label {
            width: inherit;
            font-weight: 600;
        }

        .content .sx.menuscomparsa {
            height: 93%;
        }
    }

    @media screen and (max-height:375px) {

        .content .sx.menuscomparsa {
            width: 61%;
            height: 87%;
        }
    }