@media (min-width: 720px) {
    body {
        padding-top: 110px;
    }
    .c-pageTop,
    .c-pageTop__inner,
    .c-pageTop__ttl,
    body,
    .l-header__top,
    .l-footer__map,
    .l-footer {
        width: 100%;
        min-width: unset;
    }

    .foot-lg {
        height: 100px;
        vertical-align: middle;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .c-pageTop__ttl {
        padding: 0px;
        text-align: left;
        font-size: 45px;
    }
    .c-pageTop__ttl-eng {
        margin-left: 0px;
    }
    .c-pageTop__inner {
        height: 220px;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-items: center;
        padding: 15px 35px;
        margin-top: 17px;
    }
    .c-pageTop__ttl-eng {
        display: block;
        margin-top: 10px;
    }
    .l-header__top {
        padding: 10px 55px;
        border-bottom: solid 2.66667vw #0e6d46;
        height: 130px;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
    }
    form label:not(.agree-label),
    .form-label:not(.agree-label) {
        margin-bottom: 0rem !important;
        margin-top: 1rem;
        font-size: 28px;
    }
    .agree-label {
        font-size: 28px;
    }
    #from-refer-info-div {
        padding: 15px 35px !important;
    }

    #from-refer-info form label {
        margin-bottom: 2rem !important;
        margin-top: 1rem;
        font-size: 28px;
    }

    #from-refer-info .form-label {
        margin-bottom: 2rem !important;
        margin-top: 1rem;
        font-size: 28px;
    }

    form input {
        height: 65px;
        font-size: 28px !important;
    }
    form input[type="radio"],
    input[type="checkbox"] {
        padding-left: 15px !important;
    }
    form button {
        height: 70px;
        font-size: 30px !important;
    }
    form select {
        height: 65px;
        font-size: 28px !important;
    }
    form select option {
        font-size: 18px !important;
    }
    .l-footer__map {
        display: block;
    }
    .l-footer__sns {
        position: relative;
        top: 0px;
        left: 0px;
        margin: auto;
    }
    .login-div {
        height: 50vh;
    }
    .l-footer__map-item--no2 {
        margin-left: 0px;
        width: 100%;
        padding: 0px 45px;
    }
    .l-footer__map-item .itemList__link a {
        font-size: 28px;
    }
    .l-footer__cr {
        font-size: 25px;
    }
    .form-check {
        margin-bottom: 10px;
        margin-top: 10px !important;
        padding-left: 40px;
        display: flex;
        gap: 10px;
        align-items: end;
    }
    .input-error {
        font-size: 28px !important;
        padding: 10px 0px 10px 0px !important;
    }

    .btn-qrcode {
        height: 70px !important;
        font-size: 28px !important;
    }

    .btn-center {
        height: 70px !important;
        font-size: 28px !important;
    }

    .circle-header {
        width: 100px !important;
        height: 100px !important;
    }

    .crown-con {
        font-size: unset !important;
        height: 95px !important;
    }

    .now-rank-name {
        font-size: 26px !important;
    }
    .rank-rate {
        font-size: 30px !important;
    }

    .royal-body {
        gap: 50px !important;
    }

    .point-rectangle {
        height: 95px !important;
    }

    .rank-name {
        font-size: 26px !important;
    }

    .rank-money-container {
        height: 52px !important;
    }
    .rank-rate-container {
        height: 72px !important;
    }
    .year-percentage {
        height: 52px !important;
        font-size: 26px !important;
        padding: 10px !important;
    }

    .active-1 {
        min-height: 52px !important;
    }

    .year-amount {
        height: 52px !important;
    }

    .rank-expiry {
        font-size: 26px !important;
    }

    .p-expiry-date {
        font-size: 26px !important;
    }

    .point-number-p {
        font-size: 26px !important;
    }

    .point-area {
        margin-top: 100px !important;
    }

    .campaign-caution {
        font-size: 20px !important;
    }

    .point-area-history {
        padding-bottom: 30px !important;
    }

    .royal-body {
        margin-top: 55px !important;
    }
    .contact-rrp {
        margin-top: 90px !important;
    }

    .contact-rrp-header {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .contact-rrp-details {
        gap: 50px !important;
    }

    .pointupdate {
        margin-top: 50px !important;
        margin-bottom: 20px !important;
    }

    .pointupdate-history {
        margin-top: 25px !important;
        margin-bottom: 20px !important;
    }

    .firstpoint-area > :first-child {
        margin-top: -30px !important; /* Removes the top gap for the first child */
    }

    .text-left {
        font-size: unset !important;
    }

    .btn-point-history {
        height: auto;
        width: auto;
        font-size: 28px;
    }
    .form-wrapper {
        padding: 15px 35px !important;
    }
    .l-header__top-logo img {
        width: 400px;
    }
    .l-footer__map-item--no2 .itemList {
        flex-wrap: wrap;
    }
    .l-footer__map-item--no2 .itemList__link {
        width: calc(100% / 2);
        margin-left: 0px !important;
    }
    .l-footer__sns {
        width: 40%;
    }
    .l-footer__sns-item {
        width: 20%;
        margin: 20px 0px 25px 0px;
    }
    .table-contact .td-img img {
        width: 70%;
    }
    .royal-body .td-width img {
        width: 70%;
    }
    .font-16,
    .font-20,
    .span-point,
    .table-expriry .td-font {
        font-size: unset !important;
    }
    .table-point .td-point span.font-20 {
        font-size: 120% !important;
    }
    span.span-point {
        font-size: 140% !important;
    }
    .royal-body .td-two span.font-16 {
        font-size: 38px !important;
    }

    .hide-lg {
        display: none !important;
    }

    .table-expriry .td-font {
        font-size: 33px !important;
    }
    #from-refer-info-div .font-14 {
        margin-top: -18px;
    }
    .l-footer__map {
        padding: 25px 0 50px !important;
    }

    #loyal-label {
        width: 100% !important;
    }

    .c-pageTop__ttl-eng {
        font-family: unset;
    }
    #text-l7 {
        font-size: 84% !important;
    }
    .card-group .user-name {
        font-weight: bold;
    }
    .loading .loading-text {
        font-size: 22px;
    }
    .loading .spinner-border {
        width: 5rem;
        height: 5rem;
    }

    #card-group-member {
        padding: 35px;
    }

    #form-signup-div {
        padding: 10px 35px !important;
    }
    .birthday label {
        font-size: 30px !important;
        margin-top: 0px !important;
    }
    .mt-0-i {
        margin-top: 0px !important;
    }
    .mt-5-i {
        margin-top: 5px !important;
    }
    .mt--9 {
        margin-top: -9px;
    }
    #from-refer-info-div .btn-lg {
        height: 70px;
        font-size: 30px !important;
    }
    #from-refer-info-div .no-data {
        font-size: 30px !important;
    }

    #from-refer-info-div .salehistory-card-header {
        font-size: 28px;
    }

    #from-refer-info-div .salehistory-card-detail div {
        font-size: 20px;
    }

    #from-refer-info-div .pagination a {
        font-size: 25px;
    }

    .privacy-screen {
        font-size: 18px !important;
    }

    .agree-checbox {
        width: 7em;
        height: 7rem;
    }

    .font-lg {
        font-size: 26px !important;
    }

    /*     #floating-star {
        height: 105px !important;
    }
    svg{
        width: 20%;
        height: 20%;;
    } */

    .option-buttons button {
        height: 120px !important;
        font-size: 60px !important;
    }
    #scrollTopBtn {
        height: 80px;
        width: 80px;
    }

    .link-refer-contactupdate {
        margin-top: 30px !important;
        margin-bottom: 10px !important;
    }

    .royalcontact {
        font-size: 36px !important;
    }
    .tab-content {
        min-height: 500px !important;
    }
}

.cancel-member {
    margin-bottom: 2rem;
}

.card-group > .card {
    margin-bottom: 0px !important;
}

input {
    border-radius: 5px !important;
}

select {
    border-radius: 5px !important;
}

.l-header {
    z-index: 9998;
}

@media (max-width: 720px) {
    .hide-sm {
        display: none !important;
    }
}

.itemList {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-top: none !important;
    margin-top: 0px !important;
}

.itemList__link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px !important;
}