.basket-full {
    display: block;
}

.basket-resp {
    display: none;
}

table.basket {
    border-collapse: collapse;
    border-top: 1px solid #532e1c;
    width: 100%;
}

table.basket td {
    border-bottom: 1px solid #532e1c;
    padding: 5px;
}

.basket-item-qty {
    width: 50px;
    text-align: center;
}

.basket-total {
    font-weight: bold;
}

.basket-buttons {
    margin: 20px 0px;
}

@media only screen and (max-width: 650px) {
    
    .basket-full {
        display: none;
    }
    
    .basket-resp {
        display: block;
    }
    
    .basket-resp .basket-row {
        padding: 10px 0px;
        border-top: 1px solid #532e1c; 
    }
    
    .basket-resp .basket-photo {
        float: left;
        width: 80px;
    }

    .basket-resp .basket-data {
        margin-left: 90px;
    }

    .basket-resp .basket-item-price {
        margin-top: 10px;
    }
    
    .basket-buttons {
        margin: 20px 0px;
    }
    
    .basket-buttons .btn {
        width: 100%;
        display: block;
        margin-top: 5px;
    }    
}