@media(max-width:768px)
{
    .col-xs-7 {
        width: 100% !important;
        height: auto !important;
        position: absolute !important;
        top: 0 !important;
        left: 20px !important;
    }
    .col-xs-2 {
        width: 100% !important;
        height: auto !important;
        display: block ruby!important;
    }
    .col-xs-2 a
    {
        font-size:15px!important;
    }
   .col-xs-2 a.epaper span
   {
       top:25px!important;
   }
   .col-md-12
   {
       width:100%!important;
       position:relative!important;
   }
   .card
   {
       margin:10px!important;
   }

}
@media(max-width:480px) {
    .col-xs-7 {
        width: 100% !important;
        height: auto !important;
        position: absolute !important;
        top: 0 !important;
        left: 20px !important;
    }
    .col-xs-2 {
        width: 100% !important;
        height: auto !important;
        display: block ruby!important;
    }
    .col-xs-2 a
    {
        font-size:15px!important;
    }
   .col-xs-2 a.epaper span
   {
       top:25px!important;
   }
   .col-md-12
   {
       width:100%!important;
       position:relative!important;
   }
   .card
   {
       margin:10px!important;
   }
}
@media(max-width:320px) {
    .col-xs-7 {
        width: 100% !important;
        height: auto !important;
        position: absolute !important;
        top: 0 !important;
        left: 20px !important;
    }
    .col-xs-2 {
        width: 100% !important;
        height: auto !important;
        display: block ruby!important;
    }
    .col-xs-2 a
    {
        font-size:15px!important;
    }
   .col-xs-2 a.epaper span
   {
       top:25px!important;
   }
   .col-md-12
   {
       width:100%!important;
       position:relative!important;
   }
   .card
   {
       margin:10px!important;
   }
}