.itopplus-background {
background-image:none; 
background-color:none; 

}
/* --- 1. Global & Font Styles --- */
/* กำหนดฟอนต์ Kanit ทั้งเว็บไซต์ */
* {
    font-family: "Kanit", sans-serif !important;
}

/* ระยะห่างของย่อหน้าทั่วไป */
p {
    margin: 0 0 10px;
}

/* ตั้งค่าพื้นฐานลิงก์ในเมนู (Mobile First) */
.navbar-default .navbar-nav>li>a {
    background: transparent;
    color: #555;
    /* กำหนดสีเทาเข้มพื้นฐาน แทนที่ none ที่ผิด */
    font-size: 16px;
}

/* --- 2. Desktop Styles (หน้าจอ 1024px ขึ้นไป) --- */
@media only screen and (min-width: 1024px) {

    /* ขนาดหัวข้อ h1-h6 */
    h1,
    .h1 {
        font-size: 2.250em;
    }

    h2,
    .h2 {
        font-size: 1.875em;
    }

    h3,
    .h3 {
        font-size: 1.500em;
    }

    h4,
    .h4 {
        font-size: 1.125em;
    }

    h5,
    .h5 {
        font-size: 0.875em;
    }

    h6,
    .h6 {
        font-size: 0.750em;
    }

    /* จัดกลุ่มเมนูให้อยู่กึ่งกลางหน้าจอ */
    #main-navbar-collapse {
        text-align: center;
        background: transparent;
    }

    /* ปรับรายการเมนูให้เรียงต่อกันแนวนอน */
    .navbar .nav,
    .navbar .nav>li {
        float: none;
        display: inline-block;
        vertical-align: middle;
        /* แก้ไขจาก center เป็น middle */
    }

    /* สีของเมนูย่อย (Dropdown) เมื่อคลิกเปิด */
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        background-color: #7dc1ee !important;
        color: #ffffff !important;
    }
}

/* --- 3. Wide Screen Styles (หน้าจอ 1366px ขึ้นไป) --- */
@media only screen and (min-width: 1366px) {

    /* ปรับตำแหน่งแนวตั้งของเมนูให้ชิดขอบบน */
    .navbar .nav>li {
        vertical-align: top;
    }
}

/* --- 4. Miscellaneous Effects --- */
/* เอฟเฟกต์พื้นหลังโปร่งใสสำหรับรูปภาพในคลาส effect-selena */
figure.effect-selena {
    background: transparent;
}