Weather

.currency-table-wrap {
width: 100%;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: 15px 0;
}

.currency-table {
width: 100%;
border-collapse: collapse;
font-family: Arial, sans-serif;
font-size: 15px;
background: #fff;
}

.currency-table th {
background: #1f4e78;
color: #fff;
font-weight: 600;
text-align: left;
padding: 10px 12px;
}

.currency-table td {
padding: 9px 12px;
border-bottom: 1px solid #e5e5e5;
color: #333;
}

.currency-table td:nth-child(2),
.currency-table td:nth-child(3),
.currency-table th:nth-child(2),
.currency-table th:nth-child(3) {
text-align: right;
white-space: nowrap;
}

.currency-table tr:nth-child(even) {
background: #f8f9fa;
}

.currency-table tr:hover {
background: #eef5fb;
}

/* Mobile */
@media (max-width: 600px) {
.currency-table {
font-size: 13px;
}

.currency-table th,
.currency-table td {
padding: 8px 7px;
}

.currency-table th:first-child,
.currency-table td:first-child {
width: 55%;
}

.currency-table th:nth-child(2),
.currency-table td:nth-child(2),
.currency-table th:nth-child(3),
.currency-table td:nth-child(3) {
width: 22.5%;
}
}