#topbar{ padding:0px; 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: #1b63bd;}
#mainMenu nav>ul>li:hover>a{background:#000;}
#mainMenu.menu-left nav{ margin-left: 0;}
#mainMenu nav>ul>li>a{ position: relative;    color: #fff;}
#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';
    padding: 11px 55px;
}
#topbar .topbar-right ul li i {
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 20px;
    color: var(--main-text-color);
    display: none;
}
#topbar .topbar-right ul li {
    display: inline-block;
    padding-left: 0px;
    position: relative;
    margin-left: 0px;
    position: relative;
    left: 6%;
    top: 20px;
}
#topbar .topbar-right ul li .tbox span {
    display: block;
    font-size: 30px;
    font-family: kanit;
}
#header.header-sticky.sticky-active #header-wrap {
    background: #1b63bd !important;
}
.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){
    .top-logo img {
    width: 100%!important;
    height: 100%!important;
    margin: 10px 5px;
}
    #topbar .topbar-right ul li .tbox span {
    display: block;
    font-size: 24px;
    font-family: kanit;
}
.tbox {
    position: relative;
    left: -12%;
    top: -20px;
}
	#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;}
}