@media (min-width:520px) and (max-width:900px) and (orientation:landscape){

/* ===================== */
/* LAYOUT UTAMA */
/* ===================== */

.main-layout{
flex-direction:column !important;
justify-content:flex-start !important;
align-items:center !important;
gap:6px !important;
padding:6px 0 !important;
width:100vw !important;
height:auto !important;
}

/* ===================== */
/* LEFT PANEL */
/* ===================== */

.left-panel{
height:auto !important;
gap:4px;
}

/* logo diperkecil */
.logo-icon{
width:50px !important;
}

/* judul diperkecil */
h1{
font-size: 1.6rem !important;
margin-bottom:2px !important;
}

/* subtitle diperkecil */
.subtitle{
font-size:0.8rem !important;
}

/* ===================== */
/* HEXAGON PANEL */
/* ===================== */

.right-panel{
display:flex !important;
flex-direction:row !important;
justify-content:center !important;
align-items:center !important;
gap:4px !important;
width:100vw !important;
}

/* container */
.hex-container{
margin:0 !important;
display:flex !important;
}

/* row */
.hex-row{
display:flex !important;
flex-wrap:nowrap !important;
gap:4px !important;
}

/* hilangkan offset honeycomb */
.hex-container:nth-child(2),
.hex-container:nth-child(3){
margin-top:0 !important;
}

/* ===================== */
/* HEXAGON */
/* ===================== */

.hexagon{
width:70px !important;
height:80px !important;
font-size:0.6rem !important;
margin:0 2px !important;
}

/* icon hexagon */
.hexagon svg{
width:16px !important;
height:16px !important;
}

/* ===================== */
/* FOOTER */
/* ===================== */

.footer-copyright{
font-size:0.55rem !important;
padding:2px 0 !important;
}

}