@charset "utf-8";

/* CSS Document */

.font-weight-bold{

	font-weight:bold !important;

}

.clear{

	clear:both;

}

.captcha-error{

	color:#c32e2e;

	margin-bottom:10px;

}

.cat-name{

	font-size:12px;

}

.textMain ul.order-items{

	border:1px solid #ccc;

	float:left;

	width:100%;

	margin:0;

	margin-bottom:15px;

}

.textMain ul.order-items li{

	background:none;

	padding:0;

	text-align:center;

	clear:both;

	border-bottom:1px solid #ccc;

	float:left;

	width:100%;

}

.textMain ul.order-items li.table-headings{

	font-weight:bold;

}

.textMain ul.order-items li:last-child{

	border:none;

}

.textMain ul.order-items li div {

	width: 33%;

	border-right: 1px solid #ccc;

	float: left;

	box-sizing: border-box;

}

.textMain ul.order-items li div:last-child{

	border:none;

}

.textMain ul.order-items li div.item_details{

	text-align:left;

	padding: 10px;

	font-size:20px;

	width:34%;

}

.textMain ul.order-items li div.item_details img{

	width:100px;

	border:1px solid #ccc;

}

.textMain ul.order-items li div.item_details .remove{

	padding:0;

	margin:0;

	font-size:12px;

}

.textMain ul.order-items li div.item_quantity {

	padding: 16px 10px;

}

.change-quanity {

	border: 2px solid #000;

	display: inline-block;

	width: 26px;

	border-radius: 50%;

	height: 26px;

	font-size: 26px;

	line-height: 19px;

	margin:0 10px;

}

.change-quanity.plus{

	font-size:22px;

	line-height:21px;

}

.textMain ul.order-items li div.item_price{

	padding:20px 10px;

	font-weight:bold;
	/*text-align:left;*/

}

.textMain ul.order-items li.table-headings div {

	padding: 25px 10px 25px 2%;

	font-size: 20px;

	background: #999;

	color: #fff;

}

.textMain ul.order-items li.total-price div, #total_price, .textMain ul.order-items li.total-price div, #grand_total_price{

	color:#313da3;

	font-weight:bold;

	border:none;

}
.textMain ul.order-items li.total-price div.shipping_options{
	/*text-align:left;
	padding:10px 0 3px 2%;*/
}
.shipping_options label {
	color: inherit;
	cursor: pointer;
	clear: both;
	float: left;
	margin: 0 0 5px;
}
.grand_total_price{
	font-size:22px;
}
.textMain ul.order-items li.total-price div {

	padding: 10px 0 5px;

}

.textMain ul.order-items li.total-price .item_quantity, .proceed-to-pay{

	text-align:right;

}

.proceed-to-pay input {

	background: #303f9f;

	padding: 20px;

	color: #ffffff;

	border: none;

	cursor: pointer;

	font-size: 18px;

	border-radius: 2px;

}

.proceed-to-pay input:hover{

	background:#666;

}

.textMain ul.order-items.gift-items li div{

	width:50% !important;

}
/*.textMain ul.order-items.prices-list, .textMain ul.order-items.prices-list li{
	border:none;
}*/
.textMain ul.order-items.prices-list li .item_price{
	text-align:left;
	padding-left:5%;
}
.textMain ul.checkout-address {

	margin-bottom: 10px;

	float: left;

	width: 100%;

}

.textMain ul.checkout-address h2{

	color:inherit;

}

.textMain ul.checkout-address li{

	background:none;

	padding:0;

}

.checkout-address li{

	float:left;

	width:50%;

}

.textMain li p.checkout-fields {

	float: left;

	width: 100%;

	padding:0;

	margin:0 0 8px 0;

}

.checkout-fields label {

	float: left;

	width: 135px;

	margin: 8px 2% 0 0;

	color: #6d6e70;

}

.checkout-fields.full-width label{

	width:265px;

}

.checkout-fields input, .checkout-fields select {

	float: left;

	width: 55%;

	padding:10px;

	border: 1px solid #999;

	border-radius: 6px;

	color: #6d6e70;

}

.textMain li p.shipping-options {

	margin: 0;

	float: left;

	width: 100%;

	

}

#shipping-address {

	display: none;

}

.shipping-options label {

	float: left;

	width: 49%;

	margin: 0 1% 0 0;

	color: #6d6e70;

}

.checkout-address .term-con-list {

	margin-top: 10px;

	width: 100%;

}

.confirm-order{

	clear:both;

}

.confirm-order input {

	cursor: pointer;

	font-size: 16px;

	font-weight: bold;

	padding: 12px 24px;

}

.confirm-order #proceed_to_pay {

	background: #303f9f;

	color: #fff;

	letter-spacing: 1px;

	border:none;

}

.confirm-order #proceed_to_pay:hover{

	background:#666;

}

.confirm-order #back, .confirm-order #back-to-cart {

	background: none;

	border: 0;

	color: #09c;

	padding: 10px;

	font-weight: normal;

}



@media screen and (max-width : 1070px) {

    .textMain ul.order-items li div.item_details { width: 36%;}

    .textMain ul.order-items li div { width: 32%;}

}



@media screen and (max-width : 1023px) {

    .textMain ul.order-items li div.item_details img { display: block; margin: 2px auto;}

    .textMain ul.order-items li div.item_details { text-align: center;}

    .textMain ul.order-items li div.item_quantity { position: relative;}

    .textMain ul.order-items li:not(.total-price) div.item_quantity::before 

    { position: absolute; content: ''; width: 1px; height: 50%; background: #ccc; right: -1px; bottom: -28px;}    

    .textMain li p.shipping-options { font-size: 15px;}

    .checkout-address li { width: auto;}

    .textMain ul.checkout-address li 

    { width: auto; border-bottom: 1px dashed #000; float: none; clear: both;}

    .textMain li p.checkout-fields { margin: 0 0 10px 0;}

}



@media screen and (max-width : 640px) {

    .textMain ul.order-items li:not(.total-price) div.item_quantity::before

    {height: 110px; bottom: -27px;}

    .checkout-address li { width: auto;float: none; clear: both;}

}



@media screen and (max-width : 480px) {

    .textMain ul.order-items li:not(.total-price) div.item_quantity::before

    {height: 110px; bottom: -50px;}

}



@media screen and (max-width : 370px) {

    .change-quanity {margin: 0px 1px;}

    .textMain ul.order-items li:not(.total-price) div.item_quantity::before

    {height: 123px;}

    .shipping-options label 

    { float: none; clear: both; display: block; margin: 10px; width: auto;}

    .checkout-fields input, .checkout-fields select { width: 90%;}

    .checkout-fields label { width: 90px;}

    .checkout-fields label { font-size: 15px;}

    .textMain li p.checkout-fields span { font-size: 14px;}

}



@media screen and (max-width : 330px) {

    .confirm-order input { font-size: 14px; padding: 10px 12px;}

}