/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {


}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {


}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  

}

 
/* small mobile :320px. */
@media (max-width: 767px) {

  .progress-table .detalle{
    padding-left: 0.5em;
    font-size: 0.8em;
  }

  .genric-btn.primary,.genric-btn.success{
    width: 100%;
  }
}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}
.progress-table .detalle{
  padding-left: 0.5em;
  font-size: 0.9em;
}
 
}