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

    .tabcontent>ul>li {
        font-size: 12px;
       
    }
   
}

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

    /* Listas de los Temas */
    .tabcontent > ul{
        width :100%;
        height: auto;
        border : 0px solid #179b77;
        text-align: left;
        padding: 1px;

    }
    .tabcontent > ul > li{
        width : 100%;    
        border-top : 1px solid #CFD8DC;
        text-align: left;
        font-size: 12px;    
        cursor: pointer;    
        /*padding: 0.1em 0.2em 0.1em 0.2em;*/
    }
    .tabcontent > ul > li:hover{
        color: #1883ba;
        background-color: #ffffff;
        cursor: pointer;
    }

}

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

    .item_contenedor_X{
        float: left;
        width: 48%;
        border : 1px solid red;
    }
    .item_X{
        cursor : pointer; 
        width : 100%; 
        border : 1px solid green ; 
        padding : 0.5em; 
    }
}