.page-slots .left-column{
    background-image: url(../img/slots/BG-Red.png);
    z-index: 4;
}
.page-slots .girl {
    bottom: -39px;
    left: -100px;
    max-width: none;
}
.page-slots section {
    overflow: visible;
}
.page-slots .right-column{
    overflow: hidden;
    background-image: url(../img/black-jack/NewBackground.jpg);
}
.page-slots h1{
    margin: 10px auto 30px;
}
.sevens{
    left: 20px;
}
.lucky-slot{
    right: -30px;
    top: 130px;
}
.chery{
    top: 150px;
    left: -30px;
}
.page-slots a.spin-button{
    bottom: 124px;
    z-index: 3;
    width: 240px;
    height: 88px;
}
.page-slots a.spin-button .spin-button-hover, .page-slots a.spin-button .spin-button-click{
    opacity: 0;
}
.page-slots a.spin-button img{
    max-width: 100%;
    position: absolute;
}
.page-slots a.spin-button:hover .spin-button-hover{
    opacity: 1;
    top: -66px;
    left: -18px;
    max-width: none;
}
.page-slots a.spin-button:hover .spin-button-start, .page-slots a.spin-button.activ-slot .spin-button-hover, .page-slots a.spin-button.activ-slot .spin-button-click{
    opacity: 0;
}
.page-slots a.spin-button.activ-slot .spin-button-click{
    opacity: 1;
    top: 13px;
}
.page-slots .right-bottom-box{
    width: 714px;
    margin-left: auto;
    margin-right: auto;
}
.handle{
    left: 319px;
    top: -241px;
    cursor: pointer;
}
.handle2{
    left: 313px;
    top: -114px;
}
.spin-boll{
    top: -51px;
    left: 312px;
    transform: translate(36px, -189px);
    transition: 0.45s;
    cursor: pointer;
}
.spin-boll.boll-position3{
    transform: translate(40px, 180px)!important;
}
.spin-button.line-ball{
    top: -173px;
    left: 340px;
    transition: transform 0.30s;
}
.spin-button.line-ball.line-position{
    top: -90px;
    left: 343px;
}
.handle3{
    left: 319px;
    top: -114px;
}
.machine{
    position: relative;
    z-index: 2;
    max-width: 100%;
}
.right-bottom-box__center{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}
.itemsr-box{
    z-index: 1;
}
.items-machine{
    position: absolute;
    z-index: 5;
    top: -189px;
    height: 252px;
    width: 160px;
    object-fit: cover;
    object-position: 0 -103px;
}
.items-machine.items-machine-spin{
    transition: 1s;
}
.items-machine.items1{
    left: -246px;
}
.items-machine.items2{
    object-position: 0 -259px;
    left: -80px;
}
.items-machine.items3{
    left: 90px;
    object-position: 0 -1500px;
}
.arrow-machine{
    position: absolute;
    top: 229px;
    z-index: 6;
}
@media only screen and (max-width: 1350px) and (min-width: 1031px){
    .page-slots .right-bottom-box {
        width: 520px;
    }
    .page-slots .right-bottom-box {
        align-items: center;
    }
    .arrow-machine {
        width: 404px;
        top: 244px;
    }
    .items-machine {
        top: -145px;
        height: 182px;
        width: 116px;
        object-position: 0 -76px;
    }
    .items-machine.items1 {
        left: -59px;
    }
    .items-machine.items2 {
        object-position: 0 -191px;
        left: -180px;
    }
    .items-machine.items3 {
        left: 63px;
        object-position: 0 -1095px;
    }
    .handle{
        width: 75px;
        left: 230px;
        top: -185px;
    }
    .handle2{
        width: 63px;
        left: 225px;
        top: -96px;
    }
    .spin-boll {
        width: 55px;
        top: -50px;
        left: 224px;
        transform: translate(27px, -133px);
    } 
    .spin-boll.boll-position3{
        transform: translate(28px, 136px)!important;
    }
    .handle3 {
        left: 229px;
        top: -95px;
        width: 82px;
    }
    .page-slots a.spin-button {
        bottom: 160px;
        width: 162px;
    } 
    .page-slots a.spin-button:hover .spin-button-start{
        opacity: 1;
    } 
    .page-slots a.spin-button:hover .spin-button-hover, .page-slots a.spin-button.activ-slot .spin-button-start{
        opacity: 0;
    } 
    .spin-button.line-ball {
        top: -136px;
        left: 245px;
        width: 40px;
    }
    .spin-button.line-ball.line-position{
        top: -77px;
        left: 246px;
    }
}
@media only screen and (max-width: 1030px){
    .page-slots section {
        overflow: hidden;
    }
    .page-baccarat .right-column{
        overflow: visible;
    }
    .page-slots .girl{
        transform: scale(-1, 1);
        bottom: -25px;
        z-index: 2;
    }
    .chery {
        top: 0px!important;
        left: 190px;
    }
    .lucky-slot {
        right: 30px;
        top: auto!important;
        bottom: 0;
        width: 20%;
    }
    .page-slots a.spin-button:hover .spin-button-start{
        opacity: 1;
    }
    .page-slots a.spin-button:hover .spin-button-hover, .page-slots a.spin-button.activ-slot .spin-button-start{
        opacity: 0;
    } 
}
@media only screen and (max-width: 860px){
    .page-slots .right-bottom-box {
        width: 520px;
    }
    .page-slots .right-bottom-box {
        align-items: center;
    }
    .arrow-machine {
        width: 404px;
        top: 244px;
    }
    .items-machine {
        top: -145px;
        height: 182px;
        width: 116px;
        object-position: 0 -76px;
    }
    .items-machine.items1 {
        left: -59px;
    }
    .items-machine.items2 {
        object-position: 0 -191px;
        left: -180px;
    }
    .items-machine.items3 {
        left: 63px;
        object-position: 0 -1095px;
    }
    .handle{
        width: 75px;
        left: 230px;
        top: -185px;
    }
    .handle2{
        width: 63px;
        left: 225px;
        top: -96px;
    }
    .spin-boll {
        width: 55px;
        top: -50px;
        left: 224px;
        transform: translate(27px, -133px);
    }
    .spin-boll.boll-position3{
        transform: translate(28px, 136px)!important;
    }
    .spin-button.line-ball {
        top: -136px;
        left: 245px;
        width: 40px;
    }
    .spin-button.line-ball.line-position{
        top: -77px;
        left: 246px;
    } 
    .handle3 {
        left: 229px;
        top: -95px;
        width: 82px;
    }
    .page-slots a.spin-button {
        bottom: 164px;
        width: 162px;
    }   
    .page-slots .girl {
        bottom: -20px;
    }
}
@media only screen  and (max-width: 700px){
    .right-bottom-box{
        height: 635px;
    }
    .page-slots .left-column .girl {
        max-width: 130px;
    }
    .page-slots a.spin-button{
        top: auto;
    }
    .page-slots .right-bottom-box.finish{
        height: auto;
    }
}
@media only screen  and (max-width: 540px){
    .page-slots .right-bottom-box{
        height: 465px;
        width: 100%;
    }
    .machine{
        max-width: 400px;
    }
    .page-slots a.spin-button {
        bottom: 90px;
        width: 125px;
    }
    .arrow-machine {
        width: 310px;
        top: 175px;
    }
    .items-machine {
        top: -112px;
        height: 141px;
        width: 90px;
        object-position: 0 -64px;
    }
    .items-machine.items1 {
        left: -46px;
    }
    .items-machine.items2 {
        object-position: 0 -149px;
        left: -139px;
    }
    .items-machine.items3 {
        left: 47px;
        object-position: 0 -850px;
    }
    .handle {
        width: 58px;
        left: 175px;
        top: -143px;
    }
    .handle2 {
        width: 48px;
        left: 171px;
        top: -71px;
    }
    .spin-boll {
        width: 42px;
        top: -10px;
        left: 163px;
    }
    .spin-button.line-ball {
        top: -109px;
        left: 186px;
        width: 33px;
    }
    .spin-button.line-ball.line-position {
        top: -63px;
        left: 188px;
    }
    .spin-boll.boll-position3 {
        transform: translate(29px, 79px)!important;
    }
    .handle3 {
        left: 174px;
        top: -72px;
        width: 62px;
    }
    .page-slots .girl {
        bottom: -13px;
        left: 4px!important;
    }
}