@media (max-width: 1500px){
    main{
        width: calc(800px + ((100vh - 1000px) / 2));
    }
    .design .jackpot {
        top: 82%;
    }
    .jackpot-number{
        font-size: 37px;
        height: 47.5px;
    }
    .jackpot-number span {
        height: 47.5px;
    }
    .jackpot-number::after{
        text-shadow: 1px -2px 0px rgb(176 176 176 / 50%), 0px -1px 2px rgb(0, 0, 0);
    }
    .qr-container p {
        font-size: 10px;  
    }
}

@media (max-width: 850px){
    .design .wheel{
        padding-top: 80px;
    }
    .design .glow{
        top: 60px;
    }
}

@media (max-width: 767px){
    .design .glow{
        top: 1.4rem;
        width: 82%;
    }
    .bg {
        background-image: url(../image/mobile/bg.png);
        background-size: 100%;
    }
    main{
        width: 100%;
        height: calc(100dvh - 80px);
    }
    .design .wheel-carousel{
        width: 68%;
        padding-left: 0;
    }
    .design .wheel{
        padding-top: 1.70rem;
        padding-left: 0;
    }
    .design{
        height: auto;
    }
    .design .jackpot{
        /* bottom: 11.5%; */
        top: 83.5%;
        left: 0
    }
    .jackpot-number{
        font-size: .58rem;
        height: 34.5px;
    }
    .jackpot-number span {
        height: 34.5px;
    }
    .jackpot-number::after {
        text-shadow: 1px -1.2px 0px rgb(176 176 176 / 50%), 0px -2px 2px rgb(51 51 51);
    }
    .download-container{
        display: block;
        width: 78%;
    }
    .download-container .download-image{
        width: 100%;
    }
    .qr-container{
        display: none;
    }
    footer{
        width: 100%; 
    }
    footer p{
        font-size: .2rem;
    }
    footer img{
        width: 40%;
    }
    .design .cerector{
        max-width: 100vw;
    }

}