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

    .mobile {
        display: inline-block;
    }

    .desktop {
        display: none;
    }


    .tableCarrello tr {
        border-top: 2px solid #A9BBC2;
        padding: 1.5% 0%;
        display: inline-block;
        padding-bottom: 3%;
        width:100%
    }

    .tableCarrello td {
        
    }

    .tableCarrello td {
        float: left;
        padding: 1%;
        border-top-width: 0px;
        border-bottom-width: 0px;
        
    }

    /* Keep table header visible on very small screens so column labels like
       "Pezzi/Confezione" and "Master-Box" are readable. Use table-header-group
       to avoid breaking layout while preserving mobile transformations. */
    .tableCarrello thead {
        display: table-header-group !important;
    }

    .width25 {
        width: 25%;
    }
    .width50 {
        width: 50%;
    }
    .width33 {
        width: 33%;
    }

    .tdImage {
        width: 25%;
        text-align: center;
    }

        .tdImage img {
            width: 100%;
            max-height: 70px;
        }

    .tdCodice, .tdDescr {
        width: 75%;
    }

    .tdDescr {
        min-height: 45px;
        padding-bottom: 15px !important;
    }

    .testoSconti {
        font-size: inherit;
        width: 25%;
    }

        .testoSconti label {
            margin-top: 0px;
        }

    .totRiga {
        width: 33%;
        margin-top: 10px !important;
        padding-top: 10px !important;
    }

    .TotFIX {
        width: 100%;
        margin-left:-15px;
    }

    .qtCell {
        width: 50%;
        clear:both;
    }

        .qtCell input[type="image"] {
            width: 22%;
            margin-top: -1%;
        }

    .omaggioTD, .qtCell {
        height: 45px;
        /*max-height:5px;*/
    }

    .omaggioTD label {
        display:inline-block;
        margin-top:8px;
    }
    .omaggio {
        width: 60%;
        float: right
    }

    .tdPrezzi {
        margin-top: 10px !important;
        padding-top: 10px !important;
    }

    .tableRiass .tdDescr, .tableRiass .tdCod {
        float: left;
        /*        padding: 1%;
        border-top-width: 0px;
        border-bottom-width: 0px;*/
    }
}