/* CELL PICCOLI PORTRAIT */
@media only screen and (max-width:550px) and (orientation:portrait) {
  .mrg{
    margin:10px 0;
  }
  .centro{
    text-align:center!important;
  }
  #serv{
    max-width:300px;
    font-size: 12px;;
  }
  .tit{
    font-size: 18px!important;
  }
  #contenuto{
    margin:20px!important;
  }
  .larg{
    width: 100%;;
  }
  #catenasco{
    left:0%;
    WIDTH:100%;
  }
  #nome{
    font-size: 18px!important;
  }
  .subt{
    font-size: 14px!important;
    margin:10px!important;
  }
.prova{
  margin-top:28px!important;
}
  .mgs{
    margin-top:16px;
  }

  .padd{
    padding:20px !important;
  }
.title{
  font-size: 20px;
}

#sopra{
  border:none!important;
  text-align: center;
}





.x{
font-size: 14px!important;
}
#benvenuto{
  position: absolute;
left: 0!important;
font-size: 10px;
}

#esci{
  right:0!important;
  border-radius: 0!important;
}
.btn-esco
{
  padding:0px 4px!important;

}
}
/* CELL PICCOLI LANDSCAPE */
@media only screen and (min-width: 550px) and (max-width: 820px) and (orientation:landscape) {
  .mrg{
    margin:10px 0;
  }
.larg{
  width: 500px;
}
.table_col th {
  border-right: 5px solid white!important;
  border-left: 5px solid white!important;
  padding: 5px 0px!important;
  font-size: 14px!important;
}

.table_col td {
  border-right: 5px solid white!important;
  border-left: 5px solid white!important;
  padding: 10px 0px!important;
  font-size: 14px!important;

}
.table_col3 th {
  padding: 5px 0px!important;
  font-size: 14px!important;
}

.table_col3 td {
  padding: 10px 0px!important;
  font-size: 14px!important;

}
.x{
font-size: 16px!important;
}


}
/* TABLET PICCOLI PORTRAIT*/
@media only screen and (min-width: 539px) and (max-width: 769px) and (orientation:portrait) {
  .mrg{
    margin:10px 0;
  }
}
/* TABLET LANDSCAPE */
@media only screen and (min-width: 780px) and (max-width: 1025px) and (orientation:landscape) {
  .centro{
    text-align:center!important;
  }
}