#conttable {
    background-color: #ffffff;
    height: 85vh;
    overflow: auto;
    }
table.noclik, table.clik {
    margin-top: auto;
    margin-left: 0px; 
    border-collapse: collapse;
    table-layout:fixed;
    white-space:nowrap;
    z-index:1;
    width:100%;
    }
table.noclik tr {
    height: 6vh;
    color:#4a4848;
    }
table.clik tr {
    height: 4vh;
    color:#4a4848;
    }
table.noclik td, table.clik td {
    overflow:hidden;
    }
table.noclik td.cc, table.clik td.cc {
    text-align:center;
    }
table.noclik td.codice, table.clik td.codice {
    width: 5%;
    text-align:center;
    }
table.noclik td.sx, table.clik td.sx {
    padding-left:5px;
    text-align:left;
    }
table.noclik td.dx, table.clik td.dx {
    padding-right:5px;
    text-align:right;
    }

.clik tr:nth-child(even) { background-color: #e8e8e8; }
.clik tr:nth-child(odd) { background-color: white; }

table.clik tr:hover {
    background:#d8d8d8;
    cursor: pointer;
    }

@media (max-width: 720px) {
    table.noclik, table.clik {width:100%;}
    table.noclik tr {font-size:9px;}
    table.clik tr {font-size:8px;}
    table.noclik td.codice, table.clik td.codice {display: none;}
    table.noclik td.tipo, table.clik td.tipo {display: none;}
    table.noclik td.regione, table.clik td.regione {display: none;}
    table.noclik td.formato, table.clik td.formato {display: none;}
    table.noclik td.prezzo, table.clik td.prezzo {display: none;}
    table.noclik td.foto, table.clik td.foto {display: none;}
    img.lista {width: 15px;height: 15px;}
    }

@media (max-width: 1020px) and (min-width: 720px) {
    table.noclik, table.clik {width:100%;}
    table.noclik tr {font-size:12px;}
    table.clik tr {font-size:11px;}
    img.lista {width: 15px;height: 15px;}
    }

@media (min-width: 1021px) {
    table.noclik, table.clik {width:100%;}
    table.noclik tr {font-size:14px;}
    table.clik tr {font-size:12px;}
    img.lista {width: 18px;height:auto;}
    table.noclik td.formato, table.clik td.formato {text-align:center;}
    table.noclik td.prezzo, table.clik td.prezzo {text-align:center;}
    }

.clearfix:after {
        content: "";
        display: table;
        clear: both;
        }