@media screen and (max-width: 600px){ 
      .site-wrap{
         float:left;
         width:100%;
         padding:0 10px;
         box-sizing:border-box; 
      }
     
}
@media screen and (max-width: 560px){
    .all-rewards .reward-box{
        width:30%;
    }
}
@media screen and (max-width: 540px){
    .listing-objects{
        gap:0px;
    }
    .object-box .bott-info-object span.title{
        font-size:13px;
    }
}
@media screen and (max-width: 515px){
    .object-box{
        width:155px;
    }
}
@media screen and (max-width: 500px){
    .top-part-box{
        width:455px;
    }
}
@media screen and (max-width: 485px){
    .object-box {
        width: 150px;
    }
}
@media screen and (max-width: 475px){
    .object-box {
        width: 140px;
        height: 255px;
    }
    .object-box.lock:before{
        left:45px;
    }
}

@media screen and (max-width: 450px){
    .all-rewards{
        gap:15px;
    }
    .top-part-box {
        width: 420px;
    }
    .top-part-box .text-wrap{
        left:175px;
    }
}
@media screen and (max-width: 445px){
    .all-rewards{
        gap:12px;
    }
    .tabs-hld .tab.tab1:before, .tabs-hld .tab.tab2:before, .tabs-hld .tab.tab3:before{
        top:13px;
        width:25px;
        height: 25px;
    }
}
@media screen and (max-width: 440px){
    .object-box {
        width: 130px;
        height: 240px;
    }
    .object-box img {
        position: absolute;
        top: 40px;
        left: 15px;
        width: 75%;
        height: 40%;
        z-index: 0;
        object-fit: contain;
    }
    .object-box .bott-info-object span.title{
        font-size:11px;
    }
    .object-box.lock:before {
        left: 40px;
    }
}
@media screen and (max-width: 425px){
    .top-part-box{
        width:385px;
    }
    .name-part{
        width:100%;
    }
}
@media screen and (max-width: 410px){
    .object-box {
        width: 125px;
        height: 225px;
    }
    .bottom-boxes{
        gap:5px;
    }
    .top-part-box .img-part{
        top:55px;
        left:25px;
    }
    .top-part-box .text-wrap{
        left:150px;
    }
}
@media screen and (max-width: 390px){
    .object-box {
        width: 115px;
        height: 215px;
    }
    .top-part-box {
        width: 365px;
    }
    .all-rewards .reward-box{
        width:48%;
    }
}