html[dir="rtl"] main .checkout-progress li::before {	
	right: -22%;
	left:auto;	
}

html[dir="rtl"] main .checkout-progress li.active::before {	
	right: -22%;
	left:auto;	
}

html[dir="rtl"] main .myaccount-cat-nav{	
	text-align:right;
}
html[dir="rtl"] main .myaccount-cat-nav > li {    
    margin-left: 3%;
    margin-right:auto;  
}

html[dir="rtl"] main .procard-accountdata dl, 
html[dir="rtl"] main .procard-carddata dl{
    font-size: 0.9rem;
    display: flex;
    flex-wrap: wrap;
}

html[dir="rtl"] .myorder-delivery, 
html[dir="rtl"] .myorder-deliverydata{	
	margin-left:auto;
}

html[dir="rtl"] main .myorders-table tr th:nth-child(3n), 
html[dir="rtl"] main .myorders-table tr td:nth-child(3n), 
html[dir="rtl"] main .myorders-table tr th:nth-child(4n), 
html[dir="rtl"] main .myorders-table tr td:nth-child(4n), 
html[dir="rtl"] main .myorders-table tr th:last-child, 
html[dir="rtl"] main .myorders-table tr td:last-child,
html[dir="rtl"] main .transactions-table tr th:nth-child(3n), 
html[dir="rtl"] main .transactions-table tr td:nth-child(3n), 
html[dir="rtl"] main .transactions-table tr th:nth-child(4n), 
html[dir="rtl"] main .transactions-table tr td:nth-child(4n), 
html[dir="rtl"] main .transactions-table tr th:last-child, 
html[dir="rtl"] main .transactions-table tr td:last-child{
  text-align:left;
}

html[dir="rtl"] main .checkout-wrap .basket-products input[type="text"] {	
	text-align:left;
}

html[dir="rtl"] main .checkout-wrap .basket-products .bkt-prod-img {
	width: 8.5em;
	padding-right: 0;
}

html[dir="rtl"] main .checkout-wrap .basket-products .bkt-prod-price {
	text-align: left;
	padding-left: 0;		
}

html[dir="rtl"] main .checkout-wrap .basket-products .product-procard-exclude{  
    left: 0;
    right:auto;     
}

html[dir="rtl"] main .checkout-wrap .basket-products .update-cart,
html[dir="rtl"] main .checkout-wrap .basket-products .remove-item {	
	padding-right: 25px;
	padding-left:0;
	text-align: right;
}


html[dir="rtl"] main .checkout-wrap .basket-products .bkt-prod-upd span::after{
    background-position: -5px -1040px;  
    left: auto;
    right: 0;
}

html[dir="rtl"] main .checkout-wrap .basket-products .btn-cross span::after {
    background-position: -5px -311px;  
    left: auto;
    right: 0;
}


html[dir="rtl"] main .checkout-wrap .basket-products .subtotal {
	text-align: left;
	padding-left: 0;	
}

html[dir="rtl"] main .checkout-wrap .btn-shopping {		
	background-position: -20px -990px;	
	padding-right: 30px;
}
html[dir="rtl"] main .checkout-wrap .btn-shopping::after{
 	background-position: -10px -933px;  
    left: auto;
    right: 0;
}


html[dir="rtl"] main .transactions-table caption, 
html[dir="rtl"] main .customer-data h2, 
html[dir="rtl"] main .form-wrap h2, 
html[dir="rtl"] main .checkout-wrap h2, 
html[dir="rtl"] main .form-wrap legend, 
html[dir="rtl"] main .checkout-wrap .basket-products caption, 
html[dir="rtl"] main .checkout-wrap legend {	
	text-align: right;		
}

html[dir="rtl"] main .customer-data h2 {
	padding-left: 4rem;
	padding-right:0;
}

html[dir="rtl"] main .customer-data .payment-basket h2[aria-expanded="false"]::after{	
	background-position: -10px -17px;	
	left: 0;
	right:auto;
}
html[dir="rtl"] main .customer-data .payment-basket h2[aria-expanded="true"]::after{
	transform:rotate(-180deg);
	background-position: -17px -17px;	
	left: 0;
	right:auto;
}

html[dir="rtl"] main .customer-data h2 .edit {
	left: 0;
	right:auto;
}

html[dir="rtl"] main .customer-data h2 .edit a {	
	text-align: left;		
	padding-right: 1.55rem;
	padding-left:0;
}

html[dir="rtl"] main .customer-data h2 .edit a::before{
	background-position: -13px -366px;	
	left:auto;
	right:0;
}

html[dir="rtl"] main .form-wrap .btn-wrapper .btn {
	margin: 0 auto 0 0;
	width: 100%;
}


html[dir="rtl"] .payment-basket-box .basket-summary-wrap .sub-total-wrap .value,
html[dir="rtl"] .myorder-basket-box .basket-summary-wrap .sub-total-wrap .value {	
	text-align: left;
}

html[dir="rtl"] .payment-basket-box .basket-summary-wrap .grand-total,
html[dir="rtl"] .myorder-basket-box .basket-summary-wrap .grand-total {
	text-align: left;	
}

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


	html[dir="rtl"] main .checkout-progress li::before {		
		right: -22%;
		left:auto;		
	}


	html[dir="rtl"] main .checkout-progress li.active::before {		
		right: -22%;
		left:auto;	
	}
}
@media only screen and (min-width: 600px) {
	html[dir="rtl"] main .myorder-button-wrap, 
	html[dir="rtl"] main .procard-carddata .button-wrap{
	    display: flex;
	    justify-content: space-between;
	}
	
}
@media only screen and (min-width: 768px) {


	html[dir="rtl"] main .checkout-progress li::before {		
		right: -22%;
		left:auto;		
	}


	html[dir="rtl"] main .checkout-progress li.active::before {		
		right: -22%;
		left:auto;		
	}
	html[dir="rtl"] main .form-wrap .form-type-radio legend {
		float: right;
		margin-left: 2em;
		margin-right:auto;
	}

	html[dir="rtl"] main .form-wrap .btn-wrapper .btn {
		margin: 0 auto 0 0;
		width: auto;
	}

}
@media only screen and (min-width: 870px) {
	
	html[dir="rtl"] main .procard-carddata .button-wrap{
		display:flex;
		justify-content:space-between;
	}

}
@media only screen and (min-width: 992px) {
	html[dir="rtl"] .flexbox main section.checkout-section {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	html[dir="rtl"].flexbox main .checkout-head {
		flex: 1 100%;
	}

	html[dir="rtl"].flexbox main .checkout-wrap {
		order: 1;
	}

	html[dir="rtl"].flexbox main .customer-data {
		order: 2;
	}
	
	html[dir="rtl"].no-flexbox main .checkout-wrap, 
	html[dir="rtl"].no-js main .checkout-wrap {
		float: right;
	}

	html[dir="rtl"].no-flexbox main .customer-data, 
	html[dir="rtl"].no-js main .customer-data {
		float: left;
	}

	html[dir="rtl"] main .checkout-wrap .btn-shopping {
		float: right;
		margin: 0;		
	}

	html[dir="rtl"] main .checkout-wrap .btn-checkout {
		float: left;	
	}
	html[dir="rtl"] main .form-wrap, 
	html[dir="rtl"] main .intro-wrap {			
	    margin-right: auto;
	    margin-left: auto;	   
	}
	
}
@media only screen and (min-width: 1200px) {

 
}
@media only screen and (min-width: 1500px) {
   html[dir="rtl"] main .form-wrap, 
   html[dir="rtl"] main .intro-wrap {		
	    margin-right: auto;
	    margin-left: auto;	   
	}

}
@media only screen and (max-width: 860px) {

	/* Force table to not be like tables anymore */
	html[dir="rtl"] table.basket-products, 
	html[dir="rtl"] .basket-products thead, 
	html[dir="rtl"] .basket-products tbody, 
	html[dir="rtl"] .basket-products th, 
	html[dir="rtl"] .basket-products td, 
	html[dir="rtl"] .basket-products tr,
	html[dir="rtl"] table.myorders-table, 
	html[dir="rtl"] .myorders-table thead, 
	html[dir="rtl"] .myorders-table tbody, 
	html[dir="rtl"] .myorders-table th, 
	html[dir="rtl"] .myorders-table td, 
	html[dir="rtl"] .myorders-table tr,
	html[dir="rtl"] table.transactions-table, 
	html[dir="rtl"] .transactions-table thead, 
	html[dir="rtl"] .transactions-table tbody, 
	html[dir="rtl"] .transactions-table th, 
	html[dir="rtl"] .transactions-table td, 
	html[dir="rtl"] .transactions-table tr {
		display: block;
	}
	html[dir="rtl"] main .myorders-table tr th:nth-child(3n), 
	html[dir="rtl"] main .myorders-table tr td:nth-child(3n), 
	html[dir="rtl"] main .myorders-table tr th:nth-child(4n), 
	html[dir="rtl"] main .myorders-table tr td:nth-child(4n), 
	html[dir="rtl"] main .myorders-table tr th:last-child, 
	html[dir="rtl"] main .myorders-table tr td:last-child,
	html[dir="rtl"] main .transactions-table tr th:nth-child(3n), 
	html[dir="rtl"] main .transactions-table tr td:nth-child(3n), 
	html[dir="rtl"] main .transactions-table tr th:nth-child(4n), 
	html[dir="rtl"] main .transactions-table tr td:nth-child(4n), 
	html[dir="rtl"] main .transactions-table tr th:last-child, 
	html[dir="rtl"] main .transactions-table tr td:last-child{
	  text-align:right;
	}
	html[dir="rtl"] .myorders-table thead tr, 
	html[dir="rtl"] .transactions-table thead tr {
	    position: absolute;
	    top: -9999px;
	    right: -9999px;
	    left:auto;
	}

	html[dir="rtl"] .myorders-table td, 
	html[dir="rtl"] .transactions-table td {	 
	    position: relative;
	    padding:1rem;
	    padding-right: 55%;
	    padding-left:0;
	}
	html[dir="rtl"] .myorders-table td{
		padding-right:60%;
		padding-left:0;
	}
	html[dir="rtl"] .myorders-table td::before, 
	html[dir="rtl"] .transactions-table td::before {	    
	    right: 1rem;
	    left:auto;
	    width: 45%;
	    padding-left: 10px;
	    padding-right:0;	   
	}

	table.basket-products td.bkt-prod-img, 
	table.basket-products td.bkt-prod-name, 
	table.basket-products td.bkt-prod-price, 
	table.basket-products td.bkt-prod-itemprice, 
	table.basket-products td.bkt-prod-qty, 
	table.basket-products td.bkt-prod-upd, 
	table.basket-products td.btn-cross {
		display: inline-block;
	}

	html[dir="rtl"] main .checkout-wrap table.basket-products td.bkt-prod-itemprice {
		margin-right: 19%;
		margin-left:auto;	
		padding-right: 0;
	}

	html[dir="rtl"] main .checkout-wrap table.basket-products td.bkt-prod-qty {
		text-align: left;
		padding-left: 0;
		padding-right: 0;
	}


	html[dir="rtl"] main .checkout-wrap table.basket-products td.bkt-prod-upd, 
	html[dir="rtl"] main .checkout-wrap table.basket-products td.btn-cross, 
	html[dir="rtl"] main .checkout-wrap table.basket-products td.bkt-prod-price {		
		padding-right: 0;
		padding-left: 0;
	}


	html[dir="rtl"] table.basket-products td.btn-cross {
		text-align: left;
	}

	html[dir="rtl"] table.basket-products td.btn-cross .remove-item {
		text-align: left;		
		padding-left: 0;		
	}

	html[dir="rtl"] main .checkout-wrap table.basket-products td.bkt-prod-img {		
		padding-left: 2%;
		padding-right:0;
	}

	html[dir="rtl"] main .checkout-wrap table.basket-products td.bkt-prod-name {		
		padding-left: 0;
		padding-right: 0;
	}


	/* Hide table headers (but not display: none;, for accessibility) */
	html[dir="rtl"] .basket-products thead tr {
		position: absolute;
		top: -9999px;
		right: -9999px;
		left:auto;
	}

}