@font-face {
    font-family: "Zeniq_Hype";
    src:  url('Zeniq_Hype.woff') format('woff'), url('Zeniq_Hype.ttf') format('truetype');
}

@font-face {
    font-family: "Zeniq";
    src:   url('Zeniq.woff') format('woff'), url('Zeniq.ttf') format('truetype');
}

@font-face {
    font-family: "Zeniq_Nano";
    src:   url('Zeniq_Nano.woff') format('woff'), url('Zeniq_Nano.ttf') format('truetype');
}

@font-face {
    font-family: "Zeniq_Tech";
    src:  url('Zeniq_Tech.woff') format('woff'), url('Zeniq_Tech.ttf') format('truetype');
}
.brand_ZHype {
    font-family: "Zeniq_Hype", sans-serif;
}
.brand_Zeniq {
    font-family: "Zeniq", sans-serif;
}
.brand_head {
    /* คุณสมบัติพื้นฐาน */
    font-family: "Zeniq_Nano", sans-serif;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    /* 1. กำหนดความโดดเด่นและขนาดที่ยืดหยุ่น */
    font-weight: 800; /* หนามาก */
    font-size: 2.5rem; /* ขนาด responsive */
    /* 2. สร้างการไล่สีจากน้ำเงินเข้มไปฟ้าสดใส */
    background-image: linear-gradient(to right, #004DFF, 
    #4DFFFF 
    );
    /* 3. เทคนิค Text Clipping (ต้องมี -webkit- สำหรับการรองรับเบราว์เซอร์ที่ดี) */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* 4. สำหรับเบราว์เซอร์ที่รองรับมาตรฐาน */
    background-clip: text;
    color: transparent;
}
.brand_ZeniqTech {
    font-family: "Zeniq_Tech", sans-serif;
}
 
 .brand_head{
    display: flex;
    align-items: center;
}
.brand_center {
    display: block!important;
    align-items: center;
}


.brand_head img {
    /* กำหนดขนาดที่เล็กกว่าเดิมสำหรับโลโก้บนมือถือ */
    width: 75px; /* หรือ 40px ตามความเหมาะสม */
    height: auto;
    margin-right: 8px; /* เว้นช่องว่างระหว่างโลโก้กับตัวอักษร */
    /* ลบ max-width: 20%; ที่อยู่ใน style=... ของ HTML */
}

.brand_head span {
    /* ทำให้ชื่อแบรนด์ลดขนาดลงบนหน้าจอเล็ก */
    font-size: 1.2rem;
    /* ลบ margin ที่มาจากคลาส Bootstrap */
    margin: 0 !important;
    line-height: 1;
}
#hambergerMobile {
    margin-left: auto;
}
/* ทำให้ชื่อแบรนด์ใหญ่ขึ้นบนหน้าจอใหญ่ */
@media (min-width: 992px) {
    .brand_head span {
        font-size: 2.5rem;
    }

    .brand_head img {
        width: 180px;
    }
    .navbar-expand-lg .navbar-nav#langBarMobile {
        display: none;
    }
}
 
@media(max-width:991) {
    #langBarMobile {
        flex-direction: row;
        justify-items: start;
    }
}