.ba-slider {
    position: absolute;
    left: 37%;
    width: 26%;
    height: 26.5%;
    bottom: 30%;
}
.ba-slider img {
    width: 100%;
    display: block;
    max-width: none;
    height: 100%;
}
.ba-slider .resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden 
}
.ba-slider .handle {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 0.25rem;
    margin-left: -0.125rem;
    display: block;
    background: rgba(255,255,255,.7);
    cursor: ew-resize ;
 
    
}
.ba-slider .handle:after {
    position: absolute;
    top: 56%;
    width:1.875rem;
    height:1.875rem;
    margin: -0.9375rem 0 0 -0.9375rem;
    content: '';
    border: 0.0625rem solid #eee;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/y17.png) center center no-repeat;
    background-size: 100% 100%;
    border-radius: 50%;
    transition: all .3s ease;
    transform: scale(1);
    z-index: 5;
}
.ba-slider .handle.ba-draggable:after {
    transform: scale(.8) 
}

@media (max-width: 1500px) {
    .ba-slider {
        width: 26%;
        height: 26.5%;
    }
  }
@media(max-width:480px){
    .ba-slider {
        position: absolute;
        left: 36%;
        width: 27%;
        height: 28%;
        bottom: 29%;
    }
  }