﻿.fa-content{
    min-height:calc(100% - 4.4rem);
}
.order-list .td-status .order-list .td-trans{
    width:10em;
}
.fa-footer{
    height:4.4rem;
}
.fa-footer .copyright{
    line-height:5.2;
}
.text-center{
    text-align:center !important;
}

@media(max-width:1200px) {
    .banner-cover {
        height: 450px;
    }
    .banner-cover .slick-ban {
        height: 450px;
    }
}

@media(max-width:768px) {
    .banner-cover{
        height:350px;
    }
    .banner-cover .slick-ban{
        height:350px;
    }
    .tab-cart thead, .cart-order td:nth-child(3) {
        display: none;
    }
    .cart-order tbody tr {
        border-bottom: 1px solid #dee2e6;
        background-color: #f8f8f8;
    }
    .cart-order tbody th, .cart-order tbody td{
        padding:0 0 0.5rem 0;
    }
    .cart-order .td-img{
        position:relative;
        width:80px;
        margin-top:20px;
    }
    .cart-order .td-img img {
        position: absolute;
        top: 0;
        left:.8rem;
    }
    .cart-order .td-img:before {
        display: none;
    }
    .cart-order .td-prod, .cart-order .td-count, .cart-order .td-price {
        min-width: 200px;
        padding-left: 30%;
        word-break: break-word;
        text-overflow: ellipsis;
    }
    .cart-order .td-action {
        position: relative;
    }

    .cart-order .td-action a {
        position: absolute;
        top: -30px;
        left: 14px;
    }

    .cart-order tbody th, .cart-order tbody td {
        border: none;
        padding: 0 0 0.5rem 0;
    }

    .cart-order tbody td, .cart-order tbody td strong {
        vertical-align: top;
    }
    .cart-order td, .ord-collapse td{
        display:block;
    }
    .cart-order td:before, .cart-order th:before, .ord-collapse td:before {
        content: attr(data-th);
        display: inline-block;
        width: auto;
        min-width: 10%;
        font-weight: 900;
        padding-right: 1rem;
    }
    .cart-order .td-prod {
        margin-top: -16px;
    }

    .cart-order .td-prod h5 {
        font-size: 16px;
        margin-top: 1rem;
    }

    .cart-order .td-count {
        width: auto;
    }

    .cart-order .td-action {
        margin-top: -6px;
        margin-left: 22px;
        background-color:transparent;
    }
    .td-prod, .td-price, .td-qty, .collapse-name, .collapse-qty, .collapse-price {
        width: auto;
    }
/*    .order-list thead {
        display: none;
    }*/
    .tab-cart td:before {
        content: attr(data-th);
    }
    .list-prod .prod-price .price-orignal{
        padding-left:1.2em;
    }
}

@media(max-width:690px) {
    .fa-footer {
        padding-top: 1em;
        padding-bottom: 1em;
    }
    .fa-footer .copyright{
        line-height:2.5;
    }
}

@media(max-width:624px) {
    .banner-cover {
        height: 250px;
    }

    .banner-cover .slick-ban {
        height: 250px;
    }
}

@media(max-width:600px){
    .order-action {
        width: auto;
    }
}

@media(max-width:480px) {
    .banner-cover {
        height: 195px;
    }
    .banner-cover .slick-ban {
        height: 195px;
    }

    .tab-basic th {
        text-align: center;
    }

    .order-list thead th {
        padding: 1rem .8rem;
    }

    .order-list tbody td:nth-child(1) {
        word-break: break-word;
        width: 200px;
    }
    .order-list .td-status, .order-list .td-trans {
        width: 13em;
    }
}
