.tvista
{
width:80%;
}
.Imalis
{
    padding: 0 20px 0 0px;
width: 30%;
}
.Titlis {
    font-size: 21px;
    color: #424242;
    font-weight: 500;
    width: 25%;
    padding: 0px 10px 10px 30px;
    vertical-align: text-top;
   }
   .deslis {
    font-size: 17px;
    color: #424242;
    font-weight: 400;
    width: 45%;
    vertical-align: text-top;
}
.lib
{
width: 50%;
    box-shadow: 11px 13px 10px #5a5c5b;
    border: 10px double #838988;
}
.ojo
{
width: 10%;
    float: right;
}
.visreg
{
color:#424242;
}
/*------------------------------------------------------------------------------------*/
@media (min-width: 980px) and (max-width: 1441px) {
.tvista
{
width:85%;
}
.Imalis
{
    padding: 0 10px 0 0px;
width: 20%;
}
.Titlis {
        width: 20% !important;
    padding: 0px 10px 10px 20px !important;

   }
   .deslis {
    font-size: 17px;
    color: #424242;
    font-weight: 400;
    width: 60%;
    vertical-align: text-top;
}
.lib
{
width: 55%;
    box-shadow: 11px 13px 10px #5a5c5b;
    border: 10px double #838988;
}
.ojo
{
width: 18%;
    float: right;
}
.visreg
{
color:#424242;
}
}
/*---------------------------------------------------------------------------------*/
@media (min-width: 767px) and (max-width: 979px) {
.tvista
{
width:100%;
}
.Imalis
{
    padding: 0 20px 0 0px;
width: 25%;
}
.Titlis {
    font-size: 22px !important;
    width: 20% !important;
    padding: 0px 10px 10px 15px !important;

   }
   .deslis {
    font-size: 20px !important;
    width: 55% !important;

}
.lib
{
width: 60%;
    box-shadow: 11px 13px 10px #5a5c5b;
    border: 10px double #838988;
}
.ojo
{
width: 20%;
    float: right;
}
.visreg
{
color:#424242;
font-size: 20px;
}
}
/*------------------------------------------------------------------------------------*/

@media only screen and (max-width: 766px) {
.tvista
{
width:80%;
}
.Imalis
{
    padding: 0 10px 0 0px;
width: 22%;
}

.Titlis
{
padding: 0px 6px 9px 8px !important;
width: 15% !important;
    font-size: 22px !important;
}
.deslis
{
width: 49% !important;
    font-size: 20px !important;
        padding: 0px 27px 0px 0px;
}
.visreg
{
	font-size: 19px;
}
.ojo
{    
width: 22%;
}
/*------------------------------------------------------------------------------------*/
@media (max-width: 480px) {
.lib {
    width: 70%;
        }
        .ojo
{    
width: 22%;
}
.tvista {
    width: 75% !important;
}

/*------------------------------------------------------------------------------------*/
@media (max-width: 320px) {
.lib {
    width: 70%;
        }
        .ojo
{    
width: 22% !important;
}

.tvista {
    width: 75% !important;
}
}