.basket_right{
float:right;
width:923px;
margin:30px 66px 0 0
}
.basket_right .basket_head_row{
float:right;
width:100%;
height:86px;
border-bottom:4px solid #00aeef
}
.basket_right .basket_head_row .basket_title{
float:right;
color:#662e91;
font-size:60px;
margin:14px 24px 0 0;
letter-spacing:-1px;
width:516px
}
.basket_right .basket_head_row .basket_row_cells{
float:right;
margin:50px 0 0 0;
width:383px
}
.basket_right .basket_head_row .basket_row_cells .cell{
float:right;
color:#00aeef;
font-size:22px;
margin:0 0 0 95px;
font-weight:bold
}
.basket_right .basket_head_row .basket_row_cells span:last-child{
margin:0 0 0 0
}
.basket_right .basket_items{
float:right;
width:100%
}
.basket_right .basket_items .item{
float:right;
width:100%;
min-height:189px;
border-bottom:4px solid #00aeef
}
.basket_right .basket_items .item .item_img{
float:right;
margin:26px 29px 0 0;
height:135px
}
.basket_right .basket_items .item .item_img img{
max-width:83px;
height:135px
}
.basket_right .basket_items .item .item_info{
float:right;
margin:30px 44px 0 0;
width:340px
}
.basket_right .basket_items .item .item_info .item_title{
float:right;
width:100%;
font-size:18px;
color:#00aeef;
margin:0 10px 0 0
}
.basket_right .basket_items .item .item_info .item_title a{
float:right;
width:100%;
font-size:18px;
color:#00aeef;
margin:0 10px 0 0;
text-decoration:none
}
.basket_right .basket_items .item .item_info .item_desc{
float:right;
margin:7px 0 0 0;
width:290px;
font-size:18px
}
.basket_right .basket_items .item .item_price{
float:right;
margin:60px 0 0 0;
font-size:20px;
color:#652d92;
width:170px;
text-align:center
}
.basket_right .basket_items .item span.amount {
text-align:center;
float:right;
width:100%;
margin:6px 0 0 0;
font-size:20px
}
.basket_right .basket_items .item .item_amount{
float:right;
margin:56px 0 0 0
}
.basket_right .basket_items .item .item_amount .add{
float:right;
font-size:20px;
font-weight:bold;
color:#652d92;
margin:5px 4px 0 0;
cursor:pointer
}
.basket_right .basket_items .item .item_amount input{
float:right;
padding:0;
margin:0 4px 0 0;
text-align:center;
width:39px;
height:37px;
border-radius:2px;
border:1px solid #7e7e7e;
font-size:20px
}
.basket_right .basket_items .item .item_amount .subtract{
float:right;
font-size:20px;
font-weight:bold;
margin:6px 5px 0 0;
color:#652d92;
cursor:pointer
}
.basket_right .basket_items .item .item_total{
float:right;
margin:64px 22px 0 0;
width:140px
}
.basket_right .basket_items .item .item_total .total{
float:right;
margin:0 57px 0 0;
font-size:20px
}
.basket_right .basket_items .item .item_total .item_remove{
float:right;
margin:15px 0 0 0;
cursor:pointer
}
.basket_right .basket_items .item .item_total .item_remove .box{
float:right;
height:14px;
width:15px;
border:1px solid #919191;
margin:1px 2px 0 0
}
.basket_right .basket_items .item .item_total .item_remove .remove_btn{
float:right;
margin:0 10px 0 0;
font-size:16px
}
.basket_right .basket_buttons{
float:right;
width:100%;
margin:33px 0 0 0
}
.basket_right .basket_buttons .history{
float:right;
width:204px;
height:37px;
border-radius:3px;
background:#00adef;
margin:0 8px 0 23px;
text-align:center;
text-decoration:none;
color:white;
font-size:22px;
line-height:36px
}
.basket_right .basket_buttons .cashier{
float:right;
width:204px;
height:37px;
border-radius:3px;
background:#662e91;
color:white;
font-size:22px;
text-align:center;
text-decoration:none;
line-height:34px
}
.basket_right .orderInfo{
float:right;
width:100%;
padding:0;
margin:15px 0 0 0
}
.basket_right .orderInfo .orderInfoTitle{
border-top:4px solid #00aeef;
float:right;
width:100%
}
.basket_right .orderInfo .orderInfoItem{
float:right;
width:100%;
margin:10px 0 0 0
}
.basket_right .orderInfo .orderInfoItem .orderInfoItemName{
float:right;
margin:0 0 0 10px;
font-weight:bold
}
.basket_right .orderInfo .orderInfoItem .orderInfoItemValue{
float:right
}
.basket_left{
float:right;
margin:106px 30px 0 0;
width:374px
}
.basket_left .order_sum{
float:right;
background:#cdeffb;
min-height:220px;
width:100%;
color:#6d6e70
}
.basket_left .order_sum .order_sum_title{
float:right;
margin:36px 0 0 0;
width:100%;
text-align:center;
font-size:33px;
font-weight:bold
}
.basket_left .order_sum .middle_sum{
float:right;
margin:40px 16px 0 0;
padding:0 27px 0 0;
width:315px;
color:#494949
}
.basket_left .order_sum .middle_sum .title{
float:right;
font-size:19px
}
.basket_left .order_sum .middle_sum .sum{
float:left;
margin:0 0 0 15px;
font-size:20px
}
.basket_left .order_sum .middle_tax{
float:right;
margin:0 16px 0 0;
border-bottom:1px solid #a4a4a4;
padding:0 27px 44px 0;
width:315px;
color:#494949
}
.basket_left .order_sum .middle_tax .title{
float:right;
font-size:19px
}
.basket_left .order_sum .middle_tax .tax{
float:left;
margin:0 0 0 15px;
font-size:20px
}
.basket_left .order_sum .total_sum{
float:right;
color:#494949;
border-bottom:1px solid #a4a4a4;
padding:0 27px 8px 0;
width:315px;
margin:8px 16px 0 0
}
.basket_left .order_sum .total_sum .title{
float:right;
font-size:22px;
font-weight:bold
}
.basket_left .order_sum .total_sum .sum{
float:left;
margin:0 0 0 15px;
font-size:20px
}
.basket_left .order_sum .finish{
float:right;
background:#662e91;
border-radius:3px;
color:white;
text-decoration:none;
margin:30px 18px 20px 0;
line-height:46px;
width:338px;
height:48px;
text-align:center;
font-size:28px
}
.basket_left .order_sum .offer{
float:right;
background:#a4a4a4;
border-radius:3px;
color:white;
text-decoration:none;
margin:0 18px 20px 0;
line-height:46px;
width:338px;
height:48px;
text-align:center;
font-size:28px
}
.basket_left .backto{
float:left;
background:#00adef;
color:white;
text-decoration:none;
text-align:center;
line-height:37px;
height:37px;
width:204px;
margin:34px 0 0 18px;
border-radius:3px;
font-size:22px;
cursor:pointer
}
.item_id{
display:none
}
.prices,.amounts,.item_basket_place,.size_basket_place{
display:none
}
@media (max-width:1440px){
.basket_right{
width:630px;
margin:30px 0 0 0
}
.basket_right .basket_head_row .basket_title{
font-size:40px;
margin:14px 0 0 0;
width:270px
}
.basket_right .basket_head_row .basket_row_cells{
margin:50px 20px 0 0;
width:340px
}
.basket_right .basket_head_row .basket_row_cells .cell{
margin:0 0 0 35px;
width:80px
}
.basket_right .basket_items .item .item_info{
margin:30px 20px 0 0;
width:160px
}
.basket_right .basket_items .item .item_info .item_desc{
width:160px
}
.basket_right .basket_items .item .item_price{
width:80px
}
.basket_right .basket_items .item .item_amount{
margin:56px 20px 0 0
}
.basket_right .basket_items .item .item_total{
margin:64px 10px 0 0
}
.basket_left{
margin:106px 20px 0 0;
width:330px
}
.basket_left .order_sum .middle_sum{
margin:40px 5px 0 0;
padding:0 20px 0 0;
width:295px
}
.basket_left .order_sum .middle_sum .sum{
margin:0
}
.basket_left .order_sum .middle_tax{
margin:0 5px 0 0;
padding:0 20px 0 0;
width:295px
}
.basket_left .order_sum .middle_tax .tax{
margin:0
}
.basket_left .order_sum .total_sum{
margin:0 5px 0 0;
padding:0 20px 0 0;
width:295px
}
.basket_left .order_sum .total_sum .sum{
margin:0
}
.basket_left .order_sum .finish{
width:298px
}
.basket_left .order_sum .offer{
width:298px
}
}
/*----------------- Tablets and Mobile sizes -----------------*/
@media all and (max-width:640px),(max-device-width:640px){
.basket_right{
width:640px;
margin:0
}
.basket_right .basket_head_row{
text-align:center;
padding:0 0 22px 0
}
.basket_right .basket_head_row .basket_title{
font-size:48px;
margin:14px 0 0 0;
width:100%
}
.basket_right .basket_head_row .basket_row_cells{
margin:42px 0 0 0;
width:640px
}
.basket_right .basket_items .item_details {
float:right;
padding:0 170px 0 0;
width:445px
}
.basket_right .basket_items .item{
padding:0 0 10px 0
}
.basket_right .basket_items .item .item_img img{
max-width:103px
}
.basket_right .basket_items .item .item_info{
width:450px;
margin:22px 44px 0 0
}
.basket_right .basket_items .item .item_info .item_title{
margin:0
}
.basket_right .basket_items .item .item_info .item_desc{
margin:0 0 0 0;
width:100%
}
.basket_right .basket_items .item .item_amount{
margin:36px 40px 0 0
}
.basket_right .basket_items .item .item_amount .amount_title{
float:right;
width:100%;
margin:0 20px 10px 0
}
.basket_left{
margin:26px 30px 0 0;
width:584px
}
.basket_left .order_sum{
width:590px;
margin:0 0 0 60px;
font-size:40px;
padding:10px 0 0 0;
min-height:auto
}
.basket_left .order_sum .order_sum_title{
margin:20px 0 0 0
}
.basket_left .order_sum .finish{
margin:20px 18px 10px 0;
width:548px
}
.basket_left .order_sum .offer{
margin:0 18px 10px 0;
width:548px
}
.basket_left .order_sum .middle_sum{
width:515px
}
.basket_left .order_sum .middle_tax{
width:515px
}
.basket_left .order_sum .total_sum{
width:515px
}
.basket_left .backto{
height:56px;
width:457px;
margin:24px 0 0 58px;
font-size:40px;
padding:14px 0 0 0
}
}