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

 
 .row-2-colum{
 display:flex;
 flex-wrap:wrap;
 }

 .row-2-colum > .col-6{
 flex:0 0 100%;
 max-width:100%;
 }
 .wpanel{
 width:100%;
 }
 
 .list-group{
 max-height:240px;
 width:100%;
 margin-bottom:10px;
 overflow:scroll;
 -webkit-overflow-scrolling:touch;
 }

 .list-group .list-group-item{
 color:#192f4e!important;
 }
}


@media screen and (min-width:767px) and (max-width:1023px){
 .row-2-colum{
 display:flex;
 flex-wrap:wrap;
 }

 .row-2-colum > .col-6{
 flex:0 0 100%;
 max-width:100%;
 }

 .wpanel{
 width:100%;
 }
 
 .list-group{
 max-height:240px;
 width:100%;
 margin-bottom:10px;
 overflow:scroll;
 -webkit-overflow-scrolling:touch;
 }

 .list-group .list-group-item{
 color:#192f4e !important;
 }
}


@media screen and (min-width:1024px){
 .po{
 background-color:yellow;
 }

 .content-publicacion{
 background-color:white !important;
 padding-top:20px !important;
 padding-bottom:13px;
 
 }

 
 .btn-p{
 display:flex;
 justify-content:center;
 align-items:center;
 }

 .title-indicador{
 background-color:#2a72b5;
 border-radius:20px 20px 20px 20px;
 width:200px;
 }

 .title-indicador h6{
 color:white;
 font-weight:600;
 font-size:13px;
 text-align:center;
 text-transform:uppercase;
 padding:5px 5px 5px 5px;
 }

 .title-pub{
 background-color:#2a72b5;
 border-radius:20px 20px 20px 20px;
 }

 .title-pub h6{
 color:white;
 font-weight:600;
 font-size:11px;
 text-align:center;
 text-transform:uppercase;
 padding:5px 5px 5px 5px;
 }

 .btn-dash{
 margin-top:5px;
 }
 
 .list-group{
 max-height:390px;
 width:300px;
 margin-bottom:10px;
 overflow:scroll;
 -webkit-overflow-scrolling:touch;
 }

 .list-group .list-group-item{
 color:#19446d;
 }
}