<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<style>
div#cart_items_shown {
display: none;
}
div.row {
position: relative;
}
div.remove_item {
position: absolute;
top: 50%;
left: 0px;
cursor: pointer;
font-size: 20px;
margin-top: -20px;
background: none repeat scroll 0% 0% rgba(121, 39, 39, 0.5);
color: #FFF;
line-height: 25px;
border-radius: 0;
width: 25px;
height: 25px;
text-align: center;
vertical-align: middle;
}
@media only screen and (max-width: 1023px) {
.post {
width: 100%;
float: none;
margin: 0;
padding: 0;
}
li.image_preview {
display: none;
}
li.product_title {
width: 33%;
}
li.quantity_w2t, li.price, li.total_price {
width: 21.666666%;
}
#cart_items_list div.view_product_w2t_start li {
height: 60px;
line-height: 60px;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
div.remove_item {
position: absolute;
top: 50%;
left: -25px;
}
div#update_cart {
margin: 20px auto;
width: 210px;
float: none;
}
div#checkout {
width: 200px;
float: none;
cursor: pointer;
margin: 10px auto;
}
}
@media only screen and (max-width: 460px) {
li.product_title {
width: 100%;
border: 1px solid black !important;
float: none !important;
}
li.quantity_w2t, li.price, li.total_price {
width: 100%;
float: none !important;
border: 1px solid black !important;
}
.row {
margin-top: 20px;
}
}
h3.post-title.entry-title {
background: url('http://b.dryicons.com/images/icon_sets/colorful_stickers_part_3_icons_set/png/256x256/shopping_cart.png') no-repeat right center;
text-align: left;
margin-bottom: 40px;
border-bottom: 2px solid #A1A1A1;
display: inline-block;
background-size: 40px;
padding-right: 60px;
color: rgba(161, 161, 161, 1);
}
</style>
<br />
<div id="cart_items_list">
<ul><div class="toprow">
<br />
<br />
<br />
<li class="image_preview">Product View</li>
<li class="product_title">Title</li>
<li class="quantity_w2t">Quantity</li>
<li class="price">Price</li>
<li class="total_price">Total Price</li>
<br />
<div style="clear: both;">
</div>
</div>
</ul>
</div>
<div id="update_cart">Update Cart</div>
<div id="checkout"><img src="https://www.paypalobjects.com/webstatic/en_US/mktg/merchant/product-selection/ec-button.png" /></div>
<div style='clear:both'></div>
</div>
<style>
div#sidebar {
display: none;
}
div#content {
width: 100%;
float: none;
margin-right: 0;
}
#blog-pager {
display: none;
}
div#comments {
display: none;
}
</style><br />