#header #header-wrap{ border: none;}
#header #header-wrap #logo a>img{ padding: 8px 0;}
#mainMenu nav>ul>li{ margin-left: 0;}
#mainMenu nav>ul>li>a{ font-size: 1rem; font-weight: 600; padding:0 15px; line-height: 80px; display: inline-block;}
#mainMenu nav>ul>li.active>a, #mainMenu nav>ul>li.current>a, #mainMenu nav>ul>li.current>span, #mainMenu nav>ul>li.hover-active>a, #mainMenu nav>ul>li.hover-active>span, #mainMenu nav>ul>li:focus>a, #mainMenu nav>ul>li:focus>span, #mainMenu nav>ul>li:hover>a, #mainMenu nav>ul>li:hover>span{
	color: #fff;
	background: var(--main-text-color);
}


.slide-caption{ bottom: initial; top: 15%;}
.slide-caption .htitle{
	font-size: 5rem;
	margin-bottom: 15px;
	font-weight: 700;
	font-family: kanit;
	font-weight: 400;
}
.slide-caption p{ font-size: 1.4rem; font-family: 'kanit'; }
.slide-caption .image-icon{ 
	width: 48px !important; 
	display: inline-block !important; 
	height: auto;
}
img.image-icon { filter: brightness(0.9);}
a.btn.btn-plain {font-family: 'kanit';}

@media(max-width: 991px){
	#header +.fullscreen{ 
		top: 0px !important; 
		margin-bottom: 0px !important;
		padding: 0 !important;
		height: auto !important;
	}
	#header #mainMenu-trigger{ width: -webkit-fit-content;}
	#header #mainMenu-trigger button{ float: left;}
	#header #logo>a{height: -webkit-fill-available;}
	#header #mainMenu:not(.menu-overlay) nav>ul>li>a{ padding: 0; line-height: 40px;}
}

@media(max-width: 768px){
	.slide-caption{ width: 90%;}
	.slide-caption .htitle{ font-size: 3rem;}
	.slide-caption p{ font-size: 1.2rem;}
}
@media(max-width: 480px){
	.slide-caption{ 
		bottom: initial;
		top: 0;
		padding-top: 0%;
	}
	.slide-caption .htitle{ font-size: 22px!important;margin-bottom: 0px;}
	.slide-caption p{ font-size: 16px!important; margin: 0px;}
}
@media(max-width: 375px){
	.slide-caption .htitle{ font-size: 2rem; margin-bottom: 5px;}
	.slide-caption p{ font-size: .8em;}
	.slide-caption .btn{ font-size: 1rem; line-height: 38px;}
}
@media(max-width: 320px){
	.slide-caption{ width: 90%;}
	.slide-caption .htitle{ font-size: 1.2rem;	}
	.slide-caption .btn{ font-size: .9rem; line-height: 32px;letter-spacing: 0; padding: 0 20px;}
}
#suop--ele___headBanner {
    clear: both;
}