@media screen and (max-width: 480px) {
  .tablo{
      width: 300px;
  }
  .tablo-bottom{
    width: 300px;
  }
  .tablo-tr > td{
          max-width: 130px;
  }

}
@media screen and (max-width: 450px) {
  
  .tablo-tr > td{
          max-width: 110px;
  }

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

.tablo-tr > td{
      max-width: 95px;
}
}
@media screen and (max-width: 400px) {
  
  .tablo-tr > td{
          max-width: 80px;
  }
}