.mobileOnActive ._menuHeadList a {
	font-family: 'Kanit' !important;
}

.mobileOnActive {
	background-color: #472C00 !important;
}



._extended_desktop {
	width: 80% !important;
}

._extended_mobile {
	width: 95% !important;

}



layout-hero-transparent[type="default"] div.layoutHeroTransparent[data-type="default"] div.background {
    height: calc(100vh - 100px);
}

layout-hero-transparent[type="default"] div.layoutHeroTransparent[data-type="default"] div.cover {
	height: calc(100vh - 100px) !important;
}

layout-hero-transparent[type="default"] div.layouytHeroOverlayLazy div._table {
	margin-top: 0 !important;
}

layout-hero-transparent[type="default"] div.layoutHeroTransparent div.overlay-info {
	height: calc(100vh - 100px) !important;
	margin-top: 0px !Important;
}

layout-hero-transparent[type="top"] .layouytHeroOverlayLazy ._table {
    margin-bottom: 40px;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}

/* Lock Main Banner Width To 100% */
layout-hero-transparent[type="mainbanner"] div.layoutHeroTransparent .background img._imageBanner {
	width: 100% !important;
}
/* Lock Lazy Mainbanner to 200 */
layout-hero-transparent[type="mainbanner"] div.layoutHeroTransparent:not(._active) {
	height: 200px !important;
	overflow: hidden;
}
layout-hero-transparent[type="mainbanner"] div.layouytHeroOverlayLazy ._table {
	height: 160px !important;
	width: 100% !important;
}
layout-hero-transparent[type="mainbanner"] div.layouytHeroOverlayLazy.forTop {
	margin: 0px !important;
}