/* <link rel="stylesheet" href="{{ asset('css/responsive.css') }}"> */
/* ==============================
Responsive Display screen:
============================== */
/* S-Size: */
.d-block-s,
.d-flex-s,
/* M-Size: */
.d-block-m,
.d-flex-m,
/* L-Size: */
.d-block-l,
.d-flex-l
{
    display:none; /* ซ่อนไว้ก่อน */
}

/* แสดงเฉพาะบนหน้าจอขนาดเล็ก (ต่ำกว่า 768px) */
@media (max-width: 767px) 
{
    .d-block-s { display:block; }
    .d-flex-s { display:flex; }
}

/* แสดงเฉพาะบนหน้าจอขนาดกลาง (768px - 1080px) */
@media (min-width: 768px) and (max-width: 1080px) 
{
    .d-block-m { display:block; }
    .d-flex-m { display:flex; }
}

/* แสดงเฉพาะบนหน้าจอขนาดใหญ่ (1081px ขึ้นไป) */
@media (min-width: 1081px) 
{
    .d-block-l { display:block; }
    .d-flex-l { display:flex; }
}