/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 08 2025 | 08:02:04 */
/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ 

@media (max-width: 991.98px) {
    
    /* === 1. LOGO MOBILE (Lớn hơn, sát đỉnh trái) === */
    .vt-logo-area {
        top: 1.5rem;
        left: 1rem;
    }
    .vt-logo-img {
        max-width: 240px; 
    }

    /* === 2. MENU MOBILE (Sát đỉnh phải, xếp dọc) === */
    .vt-nav-menu {
        top: 1.5rem; 
        right: 1rem;
    }
    .vt-nav-ul {
        flex-direction: column; /* Xếp dọc */
        align-items: flex-end;  /* Căn phải */
        gap: 0.5rem;
    }
    .vt-nav-item a {
        font-size: 1.5rem; /* Cỡ chữ lớn hơn */
    }
    .vt-active-circle {
        display: none; /* Ẩn circle trên mobile */
    }

    /* === 3. NHÂN VẬT MOBILE (Lớn, thấp) === */
    .vt-character-area {
        position: absolute;
        top: auto;
        right: auto;
        bottom: -5vh; /* Đẩy xuống khỏi màn hình một chút */
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        z-index: 50;
    }
    .vt-character-img {
        max-width: 100%;
        max-height: 80vh; /* Giới hạn chiều cao */
        height: auto;
    }
}