@media (min-width:0px) and (max-width:400px) {   
    .getbasket{
        width:100%; 
    }

    .basketname{
        width:87px; 
    }
    .basket-bottom{
        width:358px; 
    }


    .basket-hide{
        margin-right:52px;
    }
    .safe-link{
        margin-right:41px;
    }

    .basket-user-data{
       
    }
   
    .r-basketname{
        width:85px;
    }
    
    .r-basketprice{
        width:75px; 
    }
    
    

}

@media (min-width:401px) and (max-width:450px) {   
    .getbasket{
        width:100%; 
    }

    .basketname{
        width:140px;
    }
    .basket-bottom{
        width:448px; 
    }


    .basket-hide{
        margin-right:68px;
    }
    .safe-link{
        margin-right:68px;
    }

    .basket-user-data{
      
    }
   
    .r-basketname{
        width:195px;
    }
    
    .r-basketprice{
        width:75px; 
    }
    
    

}
/* 5 blue */






@media (min-width:451px) and (max-width:600px) {        
  .getbasket{
        width:100%; 
    }

    .basketname{
        width:140px;
    }
    .basket-bottom{
        width:450px; 
    }


    .basket-hide{
        margin-right:68px;
    }
    .safe-link{
        margin-right:68px;
    }

    .basket-user-data{
       
    }
   
    .r-basketname{
        width:180px;
    }
    
    .r-basketprice{
        width:75px; 
    }
    
    


} /* 4 green */












@media (min-width:601px) and (max-width:768px) {        
    .getbasket{
        width:400px; 
    }

    .basketname{
        width:140px;
    }
    .basket-bottom{
        width:400px; 
    }


    .basket-hide{
        margin-right:68px;
    }
    .safe-link{
        margin-right:68px;
    }

    .basket-user-data{
        float: right;
    }
   
    .r-basketname{
        width:140px;
    }
    
    .r-basketprice{
        width:75px; 
    }
    
    


} /* 4 green */

















@media (min-width:769px) and (max-width:992px) {  
    .getbasket{
        width:400px; 
    }

    .basketname{
        width:140px;
    }
    .basket-bottom{
        width:400px; 
    }


    .basket-hide{
        margin-right:68px;
    }
    .safe-link{
        margin-right:68px;
    }  

    .basket-user-data{
        float: right;
    }
   
    .r-basketname{
        width:140px;
    }
    
    .r-basketprice{
        width:75px; 
    }  
    
    

} /* 3 brown */








@media (min-width:993px) and (max-width:1000px) {          
    .getbasket{
        width:400px; 
    }

    .basketname{
        width:140px;
    }
    .basket-bottom{
        width:400px; 
    }


    .basket-hide{
        margin-right:68px;
    }
    .safe-link{
        margin-right:68px;
    }

    .basket-user-data{
        float: right;
    }
   
    .r-basketname{
        width:140px;
    }
    
    .r-basketprice{
        width:75px; 
    }  
    
    

} /* 2  orange */










@media (min-width:1001px) and (max-width:1199px) {          
    .getbasket{
        width:400px; 
    }

    .basketname{
        width:140px;
    }
    .basket-bottom{
        width:400px; 
    }


    .basket-hide{
        margin-right:68px;
    }
    .safe-link{
        margin-right:68px;
    }

    .basket-user-data{
        float: right;
    }
   
    .r-basketname{
        width:150px;
    }
    
    .r-basketprice{
        width:130px; 
    }    
    
} /* 2  darkorange */


















@media (min-width:1200px) and (max-width:5000px) {      

    .getbasket{
        width:400px; 
    }

    .basketname{
        width:140px;
    }
    .basket-bottom{
        width:400px; 
    }


    .basket-hide{
        margin-right:68px;
    }
    .safe-link{
        margin-right:68px;
    }
    .basket-bottom{
        width:400px; 
    }

    .basket-user-data{
        float: right;
    }
    
   .r-basketname{
        width:200px;
    }
    
    .r-basketprice{
        width:130px; 
    }
} 







/* 1 yellow 1 */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */


 
    .r-basket-bottom{
        width:400px; 
    }


    .r-basket-hide{
        margin-right:68px;
    }
    .r-safe-link{
        margin-right:68px;
    }
    .r-basket-bottom{
        width:400px; 
    }
    
    
    
    

.r-basketrow{
    width:100%; height: 65px; background-color:#fff; padding-top:5px; padding-bottom: 5px;  border-bottom: 1px solid #ccc;
}


.r-basketrow:hover{
     background-color:#eee; 
}

.r-basketimg{
    width:50px; height: 50px; float: left; text-align: center;  overflow: hidden;   
}

.r-basketimg img{
    height: 100%;
}


.r-basketname{
    height: 50px; padding:5px 0px 0px 5px;   float: left; text-align: left;  overflow: hidden; color:#000;
}

.r-basketprice{
    font-size: 15px;   height: 50px; padding:5px 5px 0px 0px; color:#000;     float: right; text-align: right;  overflow: hidden;
}

.r-basketaction{
    font-size: 18px; font-weight: bold;  float: right;   width:30px; height: 50px; padding-top:15px; text-align: center; color:#000;   
}
.r-basketquent{
    width:80px; height: 50px; float: right;    text-align: center; color:#000;
}

.r-basketquent input{
    width:50px; height: 30px;  float: left;    color:#000;  text-align: center;
}
.r-basketquenttopneg{
    width:29px; float: right; height: 100%;  
}

.r-basketquenttop{ width:100%; height: 23px;  background-color:#fff;  color:#ffbc6a; font-size: 23px; font-weight: bold; }
.r-basketquentneg{ width:100%; height: 23px;  background-color:#fff;  color:#ff9c9c; font-size: 23px; font-weight: bold; margin-top:5px; }
.r-basketquentnegpasif{ width:100%; height: 23px;  background-color:#fff;  color:#666; font-size: 23px; font-weight: bold; margin-top:5px; }
.r-basketaction:hover,.basketname:hover,.basketprice:hover,.basketquent:hover{
     background-color:#fff; 
}


.r-basketquenttop:hover,.r-basketquentneg:hover,.r-basketaction:hover{
    color:#1bb100; 
}









    
    
    
    
    
    
    
    
    
    
    
    
    


.getbasket{
    position: fixed;  bottom:0px; right:-500px; max-height: 100%; min-height: 200px; border:3px solid black;
    z-index:199999999; background:rgba(0,0,0,0.8); color:#fff; overflow: auto;
}


.basket-bottom{
    position:fixed; bottom: 0px; right: -500px;  height: 150px; background:rgba(0,0,0,0.7);
}

.getbasket:hover{
    background:rgba(0,0,0,0.9);
}

.basketrow{
    width:100%; height: 50px; background:rgba(0,0,0,0.3); margin-top:10px; 
}

.basketrow:hover{
    background:rgba(0,0,0,0.7); 
}

.basketimg{
    width:50px; height: 50px; float: left; text-align: center;  overflow: hidden; background:rgba(0,0,0,0.1);
}

.basketimg img{
    height: 100%;
}


.basketname{
    height: 50px; padding:5px 0px 0px 5px;   float: left; text-align: left;  overflow: hidden; color:#fff;
}
.basketprice{
    font-size: 15px;  width:75px; height: 50px; padding:5px 5px 0px 0px; color:#fff; background:rgba(0,0,0,0.1);  float: right; text-align: right;  overflow: hidden;
}

.basketaction{
    font-size: 18px; font-weight: bold;  float: right;   width:22px; height: 50px; padding-top:15px; text-align: center; color:#f30000; background:rgba(0,0,0,0.5); 
}
.basketquent{
    width:80px; height: 50px; float: right; background:rgba(0,0,0,0.1); text-align: center; color:#fff;
}

.basketquent input{
    width:50px; height: 30px;  float: left; background:rgba(0,0,0,0.2); color:#fff; border: 0px solid #666; text-align: center;
}
.basketquenttopneg{
    width:29px; float: right; height: 100%; background:rgba(0,0,0,0.1);
}

.basketquenttop{ width:100%; height: 23px; background:rgba(0,0,0,0.5); color:#ffbc6a; font-size: 23px; font-weight: bold; }
.basketquentneg{ width:100%; height: 23px; background:rgba(0,0,0,0.5); color:#ff9c9c; font-size: 23px; font-weight: bold; margin-top:5px; }
.basketquentnegpasif{ width:100%; height: 23px; background:rgba(0,0,0,0.5); color:#666; font-size: 23px; font-weight: bold; margin-top:5px; }
.basketaction:hover,.basketname:hover,.basketprice:hover,.basketquent:hover{
    background:rgba(0,0,0,0.7);
}


.basketquenttop:hover,.basketquentneg:hover,.basketaction:hover{
    color:#1bb100; 
}

.basket-bottom-f{
    width:100%; height: 150px; 
}



.basket-bottom-row{
    width:100%; height: 40px; margin-top:0px;  padding:10px 0px 0px 0px; background:rgba(0,0,0,0.3); font-size: 18px;  text-align: right;
}
.basket-bottom-row-buttons{
    width:100%; height: 55px; margin-top:0px;  padding:0px 0px 0px 0px; background:rgba(0,0,0,0.3); font-size: 18px;  text-align: right;
}

.basket-bottom-row:hover{
    background:rgba(0,0,0,0.9);
}
.basket-bottom-title{
    float:right; height: 40px; margin-right:10px; width:153px; padding-right:5px; text-align: right;
}

.basket-bottom-data{
    float:right; height: 40px; width:153px; text-align: right; padding-right: 25px;
}

.basket-link{
    font-size:16px;  width:100px; height: 40px;  font-weight: bold; float: right; margin-right:20px; background-color: #ed8300; text-align: center; border-radius: 5px; padding-top:10px; color:#fff;
}

.basket-hide{
    font-size:16px;  width:100px; height: 40px;  font-weight: bold; float: right; background-color: #e74124; text-align: center; border-radius: 5px; padding-top:10px; color:#fff;
}


.safe-link{
    font-size:16px;   width:100px; height: 40px;  font-weight: bold; float: right;  background-color: #004eff; text-align: center; border-radius: 5px; padding-top:10px; color:#fff;
}

.basket-link:hover,.safe-link:hover,.basket-hide:hover{
    background-color:#1bb100; color:#dfffe0; 
}

.basket-show{
    position: fixed; bottom: 0px; right: 5px; width:150px; height: 50px; padding: 5px 0px 0px 0px;
    background-color: #ff5639; color:#fff; text-align: center; font-weight: bold; font-size:16px;
    border-top-left-radius: 5px; border-top-right-radius: 5px; display: none;
}

.aratop{
    color:#aaa;
}


.pay-d{
    width:100px; height: 43px; float: left; margin-left:6px; text-align: center; background-color: #fff; padding-top: 10px;
}

.havale-p{
   clear: both; width:100%; height: auto; text-align: center; padding-top:15px;
}




.r-basketrow-down{
    height:40px; font-weight: bold;
}

.r-basketdown1{ width:125px; height:30px; }
.r-basketdown2{ width:161px; height: 30px; }
.r-basketdown3{ width:125px; height:30px;  font-size:18px; }
.r-basketdown4{ width:161px; height: 30px; font-size:18px; }
.r-basketdown5{ height:30px; }

.sipsonilktr td{ font-weight: bold; }

.siparissonuctable tr { height: 40px; }
.siparissonuctable tr td{ border:1px solid #ccc; padding-top: 10px; color:#000;  }
.siparissonuctable tr td a{ color:#000;  }

.siparissonuctable tr:hover { background-color:#dcefff; }
.sipsontrclass0{ background-color: #fff; }
.sipsontrclass1{ background-color: #efefef; }