.my-orders h1 {
    font-size: 26px;
    margin-top: 40px;
    text-align: center;
    font-weight: normal;
}

.my-orders a {
    color: #1a1a1a;
}

.my-orders .delivery-info {
    border: 1px solid #808080;
    padding: 20px;
}

.my-orders .delivery-info>table>tbody>tr>td:nth-child(1),
.my-orders .delivery-info>table>tbody>tr>td:nth-child(4) {
    font-weight: bold;
}

.pay {
    width: auto;
    height: 55px;
    border: 1px solid #19b419;
    background: #fff;
    vertical-align: middle;
    margin-top: 20px;
    background: url(/static/img/cc-24.png) 12px center no-repeat;
    padding: 0 10px 0 50px;
    font-size: 15px;
    font-weight: bold;
    color: #19b419;
    box-sizing: border-box;
}

.pay:hover {
    box-shadow: 0 0 3px #19b419;
    border-radius: 3px;
}

.pay.confirm {
    background: url(/static/img/status-4.png) 12px center no-repeat;
}

@media (max-width: 480px) {

    .order-list tr>th:nth-child(3), .my-orders tr>th:nth-child(4), .my-orders tr>th:nth-child(5),
    .order-list tr>td:nth-child(3), .my-orders tr>td:nth-child(4), .my-orders tr>td:nth-child(5) {
        display: none;
    }

    .order-details, .order-details>tbody, .order-details>tbody>tr, .order-details>tbody>tr>td {
        display: block;
    }

}