@media (max-width: 900px),
(max-height: 750px) {
    .canvasFrame {
        display: none;
    }
}

@media only screen and (max-width: 720px) {
    .canvasContainer,
    .pannel-container,
    canvas {
        width: 100vw;
    }
    .endTitle {
        width: 80vw;
    }
    .tryAgainBtn {
        width: 30vw;
        height: 10vw;
    }
}

@media only screen and (max-height: 800px) {
    .title {
        margin-bottom: 50px;
    }
}

@media only screen and (max-height: 660px) {
    .title {
        font-size: 2rem;
        margin: 0;
        margin-bottom: 10px;
    }
}

@media only screen and (max-height: 540px) {
    .title {
        display: none;
    }
    .backgroundImage {
        display: none;
    }
}

@media only screen and (max-height: 480px) {
    .canvasContainer,
    .pannelContainer,
    canvas {
        height: 100dvh;
    }
    .startscreen {
        background-size: 175%;
    }
    .startBtn {
        margin-top: 100px;
        width: 150px;
        height: 50px;
    }
    .topPannel img {
        height: 8vh;
        width: 8vh;
        padding-top: 2vh;
        padding-right: 2vh;
    }
    .mobileControllerBtn {
        height: 5vh;
        width: 5vh;
        padding: 2vh;
    }
}

@media only screen and (max-height: 320px) {
    .settingTitle {
        font-size: 16px;
    }
    .settingPannel a img{
        height: 16px;
        width: 16px;
    }
    .settingPannel a span{
        font-size: 14px;
    }
}

@media only screen and (max-height: 200px) {
    .startBtn {
        margin-top: 50px;
        width: 100px;
        height: 35px;
    }
}

@media only screen and (max-width: 720px) and (max-height: 480px) {
    .slider{
        height: 50vh;
    }
    .slider{
        width: 50vw;
    }
    .sliderBtn {
        top: 40%;
    }
}

@media only screen and (max-width: 720px) and (min-height: 481px) {
    .slider{
        width: 80vw;
        height: 40vw;
    }
    .sliderBtn {
        top: 40%;
    }

}

@media only screen and (max-height: 480px) and (min-width: 721px) {
    .slider{
        height: 40vh;
        width: 80vh;
    }
    .sliderBtn {
        top: 40%;
    }
}