/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

#layer_gray {
    /* สำหรับ Chrome, Safari, Opera */
    -webkit-filter: grayscale(100%); 
    /* สำหรับเบราว์เซอร์ส่วนใหญ่ (มาตรฐาน) */
    filter: grayscale(100%); 
    /* สำหรับ IE6-9 (โค้ดเก่า อาจไม่จำเป็นสำหรับเบราว์เซอร์ยุคปัจจุบัน) */
    filter: gray; 
    /* display: flex; */
}
/* #layer_gray > #header > #header-wrap > .container > .menu-link { */
#layer_gray .menu-container > .menu-item.menu-color-tech:hover > .menu-link, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-tech.active > .menu-link, .menu-item.menu-color-tech .sub-menu-container .menu-item:hover > .menu-link, .menu-item.menu-color-tech .sub-menu-container .menu-item.active > .menu-link {
    color: #000000 !important;
}
#layer_gray > .bg-color-tech.nav-link:hover, .menu-color-tech > a::before, .bg-color-tech.nav-link.active {
    background: #000000 !important;
}
#layer_gray > .sticky-header #header-wrap {
    background-color: #dfdfdf !important;
}
/* .modal-content {
    top: 500px;
}
.mfp-container {
    height: auto;
} */