.table_css {
    font-family: "robotomedium", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 96%;
    margin:2%;
}

.table_css td, .table_css th {
    border: 1px solid #ddd;
    padding: 8px;
}

.table_css tr:nth-child(even){background-color: #f2f2f2;}

.table_css tr:hover {background-color: #ddd;}

.table_css th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #c33;
    color: white;
    }

.table-url {
    display:inline-block;
    padding:3px;
}

.table-url a{
    display:inline-block;
    padding:5px 10px;
    border-radius:5px ;
    background-color: #c33;
    color:#fff;
    margin:2px;
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

.table-url a:hover{

    background-color: #f00;
    color:#fff;

}

@media all and (max-width : 1600px) {



}

@media all and (max-width : 1024px) {

}

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


 }


@media all and (max-width : 414px) {


}