/*------------------ tabella responsive-----------------*/
.responsive {
    border: 0px solid #ccc;
	border-top:0;
	border-bottom:0;
    width: 100%;
    margin:15px 0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }

.responsive tr {
    border: 0px solid #dfdfdf;
    padding: 5px;
  }

.responsive th, table td {
    padding: 15px;text-align: center;
  }

responsive th, table td img, responsive th, table td i{
	margin:4px 0;}

 .responsive .btn {padding: 0 0 0 2px;
	padding:0;
	height:30px !important; width:30px;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;}

 .responsive .btn i{padding:0; font-size:1.4em;line-height:30px;}

.responsive th {
	border: 1px solid #dfdfdf;
    text-transform: uppercase;
	font-weight:bold;
margin-top:10px;
  }
.responsive .prodotto img{height:120px; float:left;}
  @media screen and (max-width:980px) {

 .responsive {
      border: 0;
	  border-collapse: collapse;
    }

.responsive thead {
      display: none;
    }

.responsive tr {
      display: block;
	  padding:0;
      border-bottom: 1px solid #ddd !important;
    }

.responsive td {
	  background: #f5f5f5;
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
	  border-top:0;
	  border-right:0;
	  border-left:0;
    }

.responsive td:last-child {
      border-bottom: 0;
    }

.responsive td:before {content: attr(data-label);float: left;text-transform: uppercase;margin-right:30px;font-weight: bold;}
.responsive .prodotto img{float:right !important; padding: 0 10px 0 10px !important;}
.responsive .btn {font-size:12px;}
.responsive .tabella_grigio {background: #f0f0f0; border-top: 1px dotted #ccc;}

  }

   @media screen and (max-width: 550px) {
 }
/*-----------------tabella responsive------------------*/