/*  
Theme Name: Corporate eCommerce Travel 
Theme URI: http://www.onlywebpro.com
Description: This is theme is suitable for corporate website with eCommerce functionality
Version: v1.0
Author: YT Low
Author URI: http://www.onlywebpro.com
*/

/**************************
Shopping Cart
***************************/

body#cart h2 {
	font-size: 24px;
}

.btn-red {
	margin: 20px auto;
    width: 70%;
}

body#cart .table img.product-photo,
body#cart .description {
	float: left;
}

body#cart .table img.product-photo {
	height: auto;
	margin-right: 8px;
	width: 80px;
}

body#cart .table .product-title {
	font-weight: bold;
}

#quantity-column {
	width: 200px;
}

body#cart .group-quantity {
	margin: 0 auto;
	width: 125px;
}

body#cart .group-quantity input[type=text] {
	border-left: none;
	border-right: none;
	border-radius: 0px;
	float: left;
	text-align: center;
	height: 35px;
	width: 50px;
}

body#cart .participant-group {
	margin-bottom: 5px;
}

body#cart .grand-total {
	font-size: 18px;
	font-weight: 700;
}

#contact-details {
	background: #e8e9e8;
}

@media screen and (max-width: 767px) {
	.table-wrapper {
		border: 1px solid #ddd;
	}
	
	.table-bordered {
		border: none;
	}
	
	body#cart .table thead tr {
		position: absolute;
		left: -99999px;
		top: -99999px;
	}
	
	body#cart .table tr {
		border-bottom: 1px solid #ddd;
		overflow: hidden;
		padding-bottom: 7px;
		position: relative;
	}
	
	body#cart .table .product-info {
		border: none;
		float: left;
	}
	
	body#cart .table .product-quantity {
		border-left: none;
		border-top: none;
		border-bottom: none;
		clear: both;
		float: left;
	}
	
	body#cart .table .product-price {
		border: none;
		clear: none;
		float: right;
	}
	
}