.game-panel{
    background-image: url('../media/wtc-boy-room.png');
    background-repeat: no-repeat;
}

.page-title-panel div {
    height: 150px;
    width: 430px;
    background-size: 100% 90%;
}
.page-title-panel div h2{
    line-height: 5.3;
}

ul#items, ul#bedroom{
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
}

ul#bedroom li, ul#items li{
    position: relative;
    display: inline-block;
}

.checkmark-active{
    display: initial!important;
}


@media(max-width: 599px){
    #hns-success{
        display: block;
        margin: 0 auto;
        position: relative;
        background: url('../media/PopUp-Congrats-6@2x.png') no-repeat center center;
        height: 100vh;
        width: 100vw;
        animation-duration: 1s;
        animation-name: slidein;
    }

    #hns-success a{
        position: relative;
        height: 43px;
        width: 233px;
        display: block;
    }

    #hns-success a:nth-child(1){
        top: calc(50vh - -65.5px);
        left: calc(50vw - 117px);
    }

    #hns-success a:nth-child(2){
        top: calc(50vh - -73.5px);
        left: calc(50vw - 117px);
    }
    ul#bedroom{
        height: 180px;
        padding: 0;
    }

    ul#bedroom li:nth-child(1){
        height: 30px;
        width: 30px;
        top: 13px;
        left: 15px;
    }
    ul#bedroom li:nth-child(2){
        height: 30px;
        width: 30px;
        top: 132px;
        left: 111px;
    }
    ul#bedroom li:nth-child(3){
        height: 30px;
        width: 30px;
        top: 130px;
        left: 155px;
        transform: rotate(125deg);
    }
    ul#bedroom li:nth-child(4){
        height: 30px;
        width: 30px;
        top: 148px;
        left: 93px;
    }
    ul#bedroom li:nth-child(5){
        height: 30px;
        width: 30px;
        top: 78px;
        left: 90px;
    }
    ul#bedroom li:nth-child(6){
        height: 30px;
        width: 30px;
        top: 44px;
        left: -120px;
    }
    ul#bedroom li:nth-child(7){
        height: 30px;
        width: 30px;
        top: 121px;
        left: -100px;
    }
    ul#bedroom li:nth-child(8){
        height: 30px;
        width: 30px;
        top: 70px;
        left: -175px;
    }

    ul#items{
        height: 28px;
        top: 7px;
        left: -10px;
        margin: 0;
        padding: 0;
        display: flex;
        position: relative;
        justify-content: space-around;
    }

    ul#items li img{
        position: absolute;
        top: 0;
        left: 0;
    }

    ul#items li img.checkmark{
        display: none;
        height: 25px;
        top: 0;
        left: 0;
    }

    .search-items{
        height: 80px;
    }
    #tennis-racket {
        height: 25px;
    }

    #rubber-boots{
        height: 25px;
    }

    #toy-box{
        height: 25px;
    }

    #leather-shoes{
        height: 25px;
    }

    #belt{
        height: 25px;
    }

    #gum{
        height: 25px;
    }

    #suitcase{
        height: 25px;
    }

    #jelly-beans{
        height: 25px;
    }
}

@media(min-width: 600px){
    #hns-success{
        display: block;
        margin: 0 auto;
        position: relative;
        background: url('../media/PopUp-Congrats-6@2x.png') no-repeat center center;
        height: 100vh;
        width: 100vw;
        animation-duration: 1s;
        animation-name: slidein;
    }

    #hns-success a{
        position: relative;
        height: 43px;
        width: 233px;
        display: block;
    }

    #hns-success a:nth-child(1){
        top: calc(50vh - -65.5px);
        left: calc(50vw - 117px);
    }

    #hns-success a:nth-child(2){
        top: calc(50vh - -73.5px);
        left: calc(50vw - 117px);
    }
    ul#bedroom{
        height: 334px;
        padding: 0;
    }

    ul#bedroom li:nth-child(1){
        height: 45px;
        width: 45px;
        top: 30px;
        left: 36px;
    }
    ul#bedroom li:nth-child(2){
        height: 45px;
        width: 45px;
        top: 250px;
        left: 220px;
    }
    ul#bedroom li:nth-child(3){
        height: 45px;
        width: 45px;
        top: 237px;
        left: 330px;
        transform: rotate(125deg);
    }
    ul#bedroom li:nth-child(4){
        height: 45px;
        width: 45px;
        top: 279px;
        left: 236px;
    }
    ul#bedroom li:nth-child(5){
        height: 45px;
        width: 45px;
        top: 161px;
        left: 236px;
    }
    ul#bedroom li:nth-child(6){
        height: 45px;
        width: 45px;
        top: 102px;
        left: -157px;
    }
    ul#bedroom li:nth-child(7){
        height: 45px;
        width: 45px;
        top: 230px;
        left: -100px;
    }
    ul#bedroom li:nth-child(8){
        height: 45px;
        width: 45px;
        top: 132px;
        left: -230px;
    }

    ul#items{
        height: 69px;
        top: 7px;
        left: -24px;
        margin: 0;
        padding: 0;
        display: flex;
        position: relative;
        justify-content: space-around;
    }

    ul#items li img{
        position: absolute;
        top: 6px;
        left: 0;
    }

    ul#items li img.checkmark{
        display: none;
        height: 40px;
        top: 12px;
        left: 6px;
    }

    .search-items{
        height: 80px;
    }

    #tennis-racket {
        height: 52px;
    }

    #rubber-boots{
        height: 52px;
    }

    #toy-box{
        height: 52px;
    }

    #leather-shoes{
        height: 52px;
    }

    #belt{
        height: 52px;
    }

    #gum{
        height: 52px;
    }

    #suitcase{
        height: 52px;
    }

    #jelly-beans{
        height: 52px;
    }
}


@media(min-width: 900px) {
    ul#bedroom{
        height: 500px;
        padding: 0;
    }

    ul#bedroom li:nth-child(1){
        height: 68px;
        width: 108px;
        top: 17px;
        left: 33px;
    }
    ul#bedroom li:nth-child(2){
        height: 123px;
        width: 74px;
        top: 348px;
        left: 290px;
    }
    ul#bedroom li:nth-child(3){
        height: 80px;
        width: 242px;
        top: 310px;
        left: 406px;
    }
    ul#bedroom li:nth-child(4){
        height: 64px;
        width: 84px;
        top: 372px;
        left: 126px;
    }
    ul#bedroom li:nth-child(5){
        height: 32px;
        width: 58px;
        top: 167px;
        left: 123px;
    }
    ul#bedroom li:nth-child(6){
        height: 34px;
        width: 25px;
        top: 76px;
        left: -427px;
    }
    ul#bedroom li:nth-child(7){
        height: 158px;
        width: 164px;
        top: 286px;
        left: -380px;
    }
    ul#bedroom li:nth-child(8){
        height: 35px;
        width: 35px;
        top: 86px;
        left: -602px;
    }

    ul#items{
        height: 90px;
        top: 12px;
        left: -42px;
        margin: 0;
        padding: 0;
        display: flex;
        position: relative;
        justify-content: space-around;
    }

    ul#items li img{
        position: absolute;
        top: 6px;
        left: 0;
    }

    ul#items li img.checkmark{
        display: none;
        height: 50px;
        top: 22px;
        left: 15px;
    }

    #tennis-racket{
        height: 80px;
    }

    #rubber-boots{
        height: 80px;
    }

    #toy-box{
        height: 80px;
    }

    #leather-shoes{
        height: 80px;
    }

    #belt{
        height: 80px;
    }

    #gum{
        height: 80px;
    }

    #suitcase{
        height: 80px;
    }

    #jelly-beans{
        height: 80px;
    }
}

@media(min-width: 1200px) {
    .game-panel {
        height: 698px;
        width: 1000px;
        border-radius: 35px;
    }

    ul#bedroom{
        height: 590px;
        padding: 0;
    }

    ul#bedroom li:nth-child(1){
        height: 80px;
        width: 130px;
        top: -27px;
        left: 37px;
    }
    ul#bedroom li:nth-child(2){
        height: 138px;
        width: 78px;
        top: 381px;
        left: 333px;
    }
    ul#bedroom li:nth-child(3){
        height: 94px;
        width: 278px;
        top: 348px;
        left: 476px;
    }
    ul#bedroom li:nth-child(4){
        height: 64px;
        width: 84px;
        top: 407px;
        left: 165px;
    }
    ul#bedroom li:nth-child(5){
        height: 36px;
        width: 58px;
        top: 176px;
        left: 167px;
    }
    ul#bedroom li:nth-child(6){
        height: 35px;
        width: 32px;
        top: 49px;
        left: -464px;
    }
    ul#bedroom li:nth-child(7){
        height: 176px;
        width: 181px;
        top: 334px;
        left: -400px;
    }
    ul#bedroom li:nth-child(8){
        height: 44px;
        width: 44px;
        top: 107px;
        left: -662px;
    }

    ul#items{
        height: 90px;
        top: 12px;
        left: -42px;
        margin: 0;
        padding: 0;
        display: flex;
        position: relative;
        justify-content: space-around;
    }

    ul#items li img{
        position: absolute;
        top: 6px;
        left: 0;
    }

    ul#items li img.checkmark{
        display: none;
        height: 50px;
        top: 22px;
        left: 15px;
    }

    #tennis-racket{
        height: 80px;
    }

    #rubber-boots{
        height: 80px;
    }

    #toy-box{
        height: 80px;
    }

    #leather-shoes{
        height: 80px;
    }

    #belt{
        height: 80px;
    }

    #gum{
        height: 80px;
    }

    #suitcase{
        height: 80px;
    }

    #jelly-beans{
        height: 80px;
    }
}