@media (max-width: 1199.98px) {}

/* ≤ 992px (lg และต่ำกว่า) */
@media (max-width: 991.98px) {
    .banner_character {
        width: 1500px;
        min-width: 1500px;
    }

    .banner_objectCrystal {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 50%;
        /* ขยับจุดเริ่มต้นมาที่กึ่งกลาง */
        transform: translateX(-50%) !important;
        /* เลื่อนตัวเองกลับครึ่งหนึ่งของความกว้าง */
        width: 1500px;
        height: 100%;
    }

    .banner_logoFooter {
        width: 750px;
    }

    .banner_footerText {
        bottom: 20px;
        width: 650px;
        height: 47px;
    }

    .btn {
        width: 205px;
        height: 70px;
    }


}

/* ≤ 768px (md และต่ำกว่า) */
@media (max-width: 767.98px) {
    .banner_logoFooter {
        width: 550px;
        bottom: 50px;
    }

    .banner_footerText {
        bottom: 15px;
        width: 500px;
        height: 36px;
        font-size: 20px;
    }


}

/* ≤ 576px (sm และต่ำกว่า — mobile เล็กสุด) */
@media (max-width: 575.98px) {
    .banner_logoFooter {
        width: 350px;
        bottom: 0px;
    }

    .banner_footerText {
        bottom: 8px;
        width: 500px;
        height: 25px;
        font-size: 15px;
    }

    .banner_footer {
        height: 80%;
    }

    .btnRos {
        width: 180px;
        height: 60px;
    }

    .btnRos.primary,
    .btnRos.primary p {
        font-size: 14px;
        line-height: 14px;
    }
}