/* ==========================
   Estilos Responsivos - móviles (máx. 768px)
   Poder Judicial Yucatán (rescate UX)
   ========================== */

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

  /* =============================
     GENERAL
  ============================== */

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

    #banner{
        height: 25rem !important;
    }

    #banner > .content-bg{
        background-position: right;
        height: 22rem !important;
    }
    
    #banner > .container.home-content > .row.col-lg{
        margin-left: auto;
        margin-right: auto;
    }

    .app-header.sticky-top-titulo .col-xs-3.col-sm-3.col-md-3.col-lg-3 a.d-none.d-sm-block{
        display: block !important;
    }

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

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

    #preambulo > .container.fadeInDown.contentAnimated.finishAnimated > .row > .col-sm-6.text-right
    {
        text-align: center !important;
    }

    #preambulo > .container.fadeInDown.contentAnimated.finishAnimated > .row > .col-sm-6 > iframe
    {
        width: 100% !important;
    }

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

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

    #que_es_poder_judicial > .container.fadeInDown.contentAnimated.finishAnimated > h2
    {
        height: 10rem;
    }

    #que_es_poder_judicial > .container.fadeInDown.contentAnimated.finishAnimated > .row > .col-sm-6 > iframe
    {
        width: 100% !important;
    }

    .container > .content-title.hd_header.hd_titulo.text-center{
        height: auto;
    }

    #page-container > .container > .row > .col-sm-6.text-center{
        margin-bottom: 1rem;
    }

    #page-container > .container > .row > .col-sm-12.text-center > iframe{
        width: 100%;
    }

    #que_es_poder_judicial .card.card-demo.shadow{
        margin-bottom: 1rem !important;
    }
}