.turntable-bg {
    width: 360px;
    height: 360px;
    margin: 0 auto;
    position: relative;
}
.turntable-bg ._pointer {
    width: 60px;
    position: absolute;
    left: calc(50% - 30px);
    top: calc(50% - 39px);
    z-index: 8;
    cursor: pointer;
}
.turntable-bg ._rotate {
    width: 360px;
    height: 360px;
    margin: 0 auto;
}
._nhanqua{
    font-weight: bold;
    color: #cc9407;
}
._phanqua{
    color: #cc9407;
}
.margin-bot-10{
    margin-bottom: 10px!important;
}

@media (max-width: 767px){
    .turntable-bg {
        width: 320px;
        height: 320px;
    }
    .turntable-bg ._rotate {
        width: 320px;
        height: 320px;
    }
    .turntable-bg ._pointer {
        width: 60px;
        left: calc(50% - 30px);
        top: calc(50% - 39px);
    }
}

@media (max-width: 350px){
    .turntable-bg {
        width: 268px;
        height: 268px;
    }
    .turntable-bg ._rotate {
        width: 268px;
        height: 268px;
    }
    .turntable-bg ._pointer {
        width: 46px;
        left: calc(50% - 23px);
        top: calc(50% - 30px);
    }
}