/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  /* CSS */
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  /* CSS */
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {


  .filas{

      max-height: 300px;
  }
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {



  .filas{

      max-height: 300px;
  }

  
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

  .filas{

      max-height: 250px;
  }

}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {


  .filas{

      max-height: 250px;
  }

}


@media (max-width: 767px) {
  /* Estilos específicos para móviles */
  body {
    font-size: 16px;
  }

  .page-subtitle{
    font-size: x-small!important;
  }

  .page-title{
      font-size: medium !important;

  }

  .modal-body {
    padding: 1rem 1rem !important;
  }

  .modal-dialog {
    position: relative;
    width: auto;
    margin: 0rem !important;
    
  }
 .form-check-label {
    margin-bottom: 0;
    font-size: 0.9rem !important;
  }

  .table-min{
        font-size: 0.65rem !important;
  }

  .td-atributo {
    font-weight: 700;
    width: auto !important;
    padding-bottom: 20px;
    padding-bottom: 20px;
    width: 100px !important;
    max-width: 100px;
   
    
  }

  .form-normal {

    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  h5{

    font-size:  1.0rem !important;
  }


}