#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: #000;}



#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: 1rem; font-weight: 600;font-family: 'Kanit';padding: 11px 70px;}



.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;color: #fff;}

.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{ }

}

@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;}

}