#header #header-wrap{ border: none;background-color: #0761b7;}
#header #header-wrap #logo a>img{ padding: 5px 0;}

#mainMenu nav>ul>li{ margin-left: 30px;}
#mainMenu nav>ul>li>a{ font-size: 1rem; font-weight: 600; padding:0; 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: var(--main-text-color);
	background: transparent;
	box-shadow: inset 0px -3px 0px #ffffff;
}



.slide-caption{ text-align: left; width: 50%; left: initial; padding-right: 5%; bottom:initial; top: 16%; font-size: 4rem;} 
.slide-caption .htitle{ margin-bottom: 15px; color: #202020; text-shadow: 2px 3px 3px #000;line-height: 50px;font-weight: 800; letter-spacing: 0; font-size: 4rem; font-family: kanit; font-weight: 400;}
.slide-caption .stitle{ font-size: 4rem; margin: 0; line-height: 1; font-weight: 400;}
.slide-caption p{ font-size: 1.45rem; font-family: kanit;text-shadow: 2px 3px 3px #000;}

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.header-transparent #header-wrap #logo{ top: 0;}
	#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{ top: 7%;width: 55%;}
	.slide-caption .htitle{ font-size: 2.25rem;}
	.slide-caption p{ font-size: 1.25em;}
}
@media(max-width: 480px){
	.slide-caption .htitle{ font-size: 1.6rem;}
	.slide-caption p{ font-size: 0.8rem}
	.slide-caption .btn{ font-size: 1rem; line-height: 38px;}
}
@media(max-width: 320px){
	.slide-caption{ top: 10%; width: 60%;}
	.slide-caption .htitle{ font-size: 1.2rem; margin-bottom: 10px;}
	.slide-caption .btn{ font-size: .9rem; line-height: 32px;letter-spacing: 0; padding: 0 20px;}
}
#suop--ele___headBanner {
    clear: both;
}