@media screen and (max-width: 1280px) {
    .gr-store {
        margin-top: 21px;
    }

    .gr-StoredValueEntry .gr-storeItem {
        width: 72.64px;
    }

    .gr-content .gr-content_text p:nth-of-type(2) {
        width: 100%;
    }
}

@media screen and (max-width: 1280px) and (min-height: 600px) {
    .gr-StoredValueEntry {
        padding-right: 140px;
    }
}

@media screen and (max-width: 1280px) and (min-height: 800px) {
    .gr-store {
        margin-top: 28px;
    }

    .gr-StoredValueEntry {
        padding-right: 240px;
    }
}

@media screen and (max-width: 1024px) {

    .gr-content {
        background-size: auto 100vh;
    }

    .gr-bottom img {
        width: 10rem;
        margin-top: 2rem;
    }

    .gr-buttom_text span {
        margin: 0 1rem;
    }

    .gr-content .gr-content_text p:nth-of-type(2) {
        width: 100%;
    }
}

@media screen and (max-width:1024px) and (min-height:1336px) {
    .gr-store {
        margin-top: 35px;
    }

    .gr-StoredValueEntry {
        width: 100%;
        box-sizing: border-box;
        padding-right: 58px;
    }

    .gr-StoredValueEntry .gr-storeItem {
        width: 150.64px;
    }

    .gr-content {
        background-image: url(./img/OneCheerBGLogoM.jpg?v=20230511);
        background-size: 100vw auto;
        padding-top: 20%;
    }

    .gr-content .gr-title {
        font-size: 3.5rem;
    }

    .gr-content .gr-content_text {
        font-size: 1.75rem;
    }

    .gr-content .gr-pro_img {
        width: 6.6875rem;
        height: 6.6875rem;
        border-radius: .625rem;
        overflow: hidden;
    }

    .gr-content .gr-pro_title {
        margin-top: .3125rem;
        font-size: 1.5rem;
    }

    .gr-bottom {
        font-size: 1.5rem;
        padding-top: 1rem;
        padding-bottom: 1.4063rem;
    }

    .gr-bottom img {
        width: 14rem;
        margin-top: 2rem;
    }
}

@media screen and (max-width: 820px) {
    .gr-store {
        margin-top: 28px;
    }

    .gr-StoredValueEntry {
        width: 100%;
        box-sizing: border-box;
        padding-right: 24px;
    }

    .gr-content {
        background-image: url(./img/OneCheerBGLogoM.jpg?v=20230511);
        background-size: 100vw auto;
        padding-top: 20%;
    }

    .gr-content .gr-content_text {
        font-size: 1rem;
        line-height: 2rem;
        padding: 0 10%;
    }

    .gr-pop_modal {
        width: 90%;
        line-height: 2.8rem;
    }
}

@media screen and (max-width: 820px) and (min-height: 1080px) {
    .gr-store {
        margin-top: 31px;
    }

    .gr-StoredValueEntry .gr-storeItem {
        width: 115.64px;
    }

    .gr-pop_modal {
        background-size: 100% 100%;
    }
}

@media screen and (max-width: 768px) and (min-height:1024px) {
    .gr-StoredValueEntry .gr-storeItem {
        width: 115.64px;
    }

    .gr-pop_modal {
        background-size: 100% 100%;
    }
}

@media screen and (max-width: 565px) {
    .gr-store {
        margin-top: 18px;
    }

    .gr-StoredValueEntry {
        padding-right: 14px;
    }

    .gr-StoredValueEntry .gr-storeItem {
        width: 77.64px;
    }

    .gr-pop_modal {
        font-size: 1rem;
        line-height: 2.1;
    }

    .gr-pop_modal .gr-close {
        top: 7%;
    }
}

@media screen and (max-width: 500px) {
    .gr-pop_modal .gr-close {
        top: 5%;
    }

    .gr-bottom {
        margin-top: 1.25rem;
    }
}

@media screen and (max-width: 460px) {
    .gr-pop_modal {
        line-height: 1.8;
    }

    .pop_title {
        font-size: 1.2rem;
    }

    .pop_title span {
        transform: translateX(.4375rem);
    }

    .gr-pop_modal .gr-close {
        width: 1.25rem;
        height: 1.25rem;
        top: 5%;
    }
}

@media screen and (max-width: 400px) {
    .gr-store {
        margin-top: 14px;
    }

    .gr-StoredValueEntry .gr-storeItem {
        width: 63.64px;
    }
}

@media screen and (max-width: 390px) and (min-height: 568px) {
    .gr-pop_modal {
        font-size: .7rem;
        line-height: 1.8;
    }
}

@media screen and (max-width: 390px) {
    .gr-pop_modal {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .pop_title {
        font-size: 1rem;
    }
}

@media screen and (max-width: 375px) {
    .gr-content .gr-content_text {
        font-size: 1rem;
        line-height: 2rem;
        padding: 0 10%;
    }

    .gr-content .gr-myPro {
        margin-top: 5rem;
    }

    .gr-bottom img {
        width: 8.4063rem;
        margin: 1rem 0;
    }

    .gr-bottom {
        padding-bottom: 1.4063rem;
    }
}

@media screen and (max-width: 300px) {
    .gr-store {
        margin-top: 0.5rem;
    }

    .gr-StoredValueEntry {
        padding-right: 14px;
    }

    .gr-StoredValueEntry .gr-storeItem {
        width: 56.64px;
    }

    .gr-pop_modal {
        font-size: .7rem;
        line-height: 1.3rem;
    }
}

@media screen and (max-width:375px) and (min-height:812px) {
    .gr-content {
        padding-top: 20%;
    }
}