/* ==========================
   Estilos Responsivos - móviles (máx. 768px)
   Poder Judicial Yucatán (rescate UX)
   ========================== */
   
@media screen and (max-width: 768px) {

  #page-container > nav.navbar.navbar-expand-sm.sticky-top.navbar-dark{
      top: 4.2rem !important;
  }

  #home{
     height: 19rem !important;
     padding-top: 2rem !important;
  }

  #home > .content-bg{
     background-position: right;
     height: 17rem !important;
  }

  #home > .container.home-content h1{
    font-size: 1.1rem !important;
    margin-top: 1.5rem;
  }
   
  #home > .container.home-content > .row.col-lg{
     margin-left: auto;
     margin-right: auto;
  }

  #nosotros.content.bg-silver-lighter{
     padding: 2rem .9375rem 1rem !important;
  }

  #nosotros > .container.fadeInDown.contentAnimated.finishAnimated
  {
     padding: 0rem 1rem 1rem !important;
  }

  #nosotros .card.card-demo.shadow{
    margin-bottom: 1rem;
  }

  #convocatoria.content.bg-silver-lighter{
     padding: 2rem .9375rem 1rem !important;
  }

  #convocatoria > .container.fadeInDown.contentAnimated.finishAnimated
  {
     padding: 0rem 1rem 1rem !important;
  }

  #services_mixtos.content.bg-silver-lighter{
     padding: 2rem .9375rem 1rem !important;
  }

  #services_mixtos > .container.fadeInDown.contentAnimated.finishAnimated
  {
     padding: 0rem 1rem 1rem !important;
  }

  #app_movil.content.bg-silver-lighter{
     padding: 2rem .9375rem 1rem !important;
  }

  #app_movil > .container.fadeInDown.contentAnimated.finishAnimated
  {
     padding: 0rem 1rem 1rem !important;
  }

  #app_movil .col-md-5{
    padding-top: 1rem;
  }
 
  #app_movil .col-md-5 .row.col-md-10.text-center{
    margin-left: -1.2rem !important;
  }

  #app_movil .col-md-5.col-sm-5{
    width: 10rem;
  }

  #conac.content.bg-silver-lighter{
     padding: 2rem .9375rem 1rem !important;
  }

  #conac > .container.fadeInDown.contentAnimated.finishAnimated
  {
     padding: 0rem 1rem 1rem !important;
  }

  #contact.content.bg-silver-lighter{
     padding: 2rem .9375rem 1rem !important;
  }

  #contact > .container.fadeInDown.contentAnimated.finishAnimated
  {
     padding: 0rem 1rem 1rem !important;
  }

    /* ==========================
    Para la imagen del Organigrama  de inicio.php
   ========================== */
    #modalOrganigrama .modal-dialog {
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 auto;
    }

    #modalOrganigrama .modal-content {
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0;
        padding: 0;
        border-radius: 0;
    }

    #modalOrganigrama .modal-body {
        padding: 0;
        margin: 0;
    }

    #modalOrganigrama .modal-body img {
        width: 100vw !important;
        max-width: 100vw !important;
        height: auto !important;
        display: block;
    }

    /* ==========================
    FIN imagen del Organigrama  de inicio.php
    ========================== */
}