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

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

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

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

    #banner{
        height: 23rem !important;
        padding-top: 2rem !important;
    }

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

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

    #competencias > .container.fadeInDown.contentAnimated.finishAnimated
    {
        padding: 0rem 1rem 1rem !important;
    }
    
    #integracion.content.bg-silver-lighter{
        padding: 2rem .9375rem 1rem !important;
    }

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

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

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

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

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

    #contacto > .container.fadeInDown.contentAnimated.finishAnimated > .card{
        padding-right: 1rem !important;
        text-align: left;
    }

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

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

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

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

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

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

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

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

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

}