#topbar{ padding: 15px 0 10px 0; border: none;}
.top-logo img{ height: 65px; margin: 10px 0;}
#topbar .topbar-right{ margin-top: 5px;}

#header{ height: 60px; line-height: 60px;}
#header.header-transparent #header-wrap, #header.header-transparent.dark #header-wrap{ background: #708191;}

#mainMenu.menu-left nav{ margin-left: 0;}
#mainMenu nav>ul>li>a{ position: relative;}
#mainMenu nav>ul>li>a:after{
	position: absolute;
	content: "";
	top: 20%;
	right: 0;
	width: 1px;
	height: 60%;
	background: rgba(0, 0, 0, 0.11);
}
#mainMenu nav>ul>li>a {
    font-size: 20px;
    font-weight: normal;
    font-family: 'Kanit';
    letter-spacing: 0px;
    padding: 17px 50px;
}

.slide-caption{ 
	right: initial;
	bottom: initial;
	text-align: left;
	width: 45%;
	padding-right: 5%;
	left: 5%;
	top: 28%;
}
.slide-caption .htitle{ 
	margin-bottom: 25px; 
	color: #202020; 
	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;}
.slide-caption .btn, body.onepage-v6 .btn{
	background: #fff;
	border: none;
	font-size: 1.125rem;
	letter-spacing: 0;
	line-height: 48px;
	color: var(--main-text-color);
	font-family: kanit;
}

@media(min-width: 1024px){
	#mainMenu.menu-left nav{ margin-left: -35px;}
}
@media(max-width: 769px){
	#topbar{ padding: 15px;}
	#topbar .topbar-right{ margin-right: 20px;}

	.slide-caption .htitle{ font-size: 2em;}
}
@media(max-width: 480px){
	#topbar{ padding: 5px 0;}
	.top-logo img{ height: 50px; margin: 10px 5px; }
	#header #mainMenu-trigger{ height: 60px;}
	#topbar .topbar-right{ margin: 0;}
	#topbar .topbar-right ul li{ margin-left: 12px; padding: 0;}
	#topbar .topbar-right ul li i{ display: none;}
	#topbar .topbar-right ul li .tbox a{ font-size: 1em;}

	.slide-caption{ top: 10%;}
	.slide-caption{ width: 60%;}
	.slide-caption .htitle{
		font-size: 1.5em;
		line-height: 1.4;
		margin-bottom: 10px;
	}
	.slide-caption .btn, body.onepage-v6 .btn{ line-height: 40px; font-size: 1em; padding: 0 25px;}
}
@media(max-width: 320px){
	.btn{
		line-height: 36px;
		font-size: 1em;
		padding: 0 25px;
	}
	.top-logo img{ height: 32px; margin: 10px 5px;}
	#topbar .topbar-right ul li{ margin-left: 5px;}
	#topbar .topbar-right ul li .tbox span{ font-size: .5em; line-height: 1;}
}