@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1023px) {
	

#top{ text-align:center;}
#intro-top {display: inherit;}
#lang, #social{ padding:10px;}
#update h2{ font-size:1.5em; font-family: 'Kanit', sans-serif;}
	.navigation-toggle-90 {background-color: #000 !important;}

.f-nav #lang2{ display:none !important;}
.f-nav #head-page{ padding-top:0px !important;  }
.f-nav #lang2{ padding:0px ; padding-top:10px; display:block;}

#about h1{ font-size:1.5em; font-family: 'Kanit', sans-serif;}
.gkTabsWrap.vertical li{ width:100%;}
#books h2{ font-size:2.5em; padding-top:5%; }

.blogjsd img{ width:100%; height:auto; }

/** Blog **/

.cols-1 {
	display: block;
	float: left !important;
	margin: 0 !important;
}

.cols-2 .column-1 {
	width:100%;
	float:left;
}

.cols-2 .column-2 {
	width:100%;
	float:right;
	margin:0
}

.cols-3 .column-1 {
	float:left;
	width:100%;
	padding:0px;
	margin-right:0px;

}

.cols-3 .column-2 {
	float:left;
	width:100%;

	padding:0px;
	margin:0px;
}

.cols-3 .column-3 {
	float:right;
	width:100%;
	padding:0px
}
.cols-4 .column-1 {
	float:left;
	width:100%;
	padding:0px;
	margin-right:0px;

}

.cols-4 .column-2 {
	float:left;
	width:100%;
	margin-left:0;
	padding:0px;
	margin:0px;
}

.cols-4 .column-3 {
	float:right;
	width:100%;
	padding:0px
}
.cols-4 .column-4 {
	float:right;
	width:100%;
	padding:0px
}
.items-row {
	overflow: inherit;
	margin-bottom:10px !important;
}

.column-2 {
	width:100%;
	margin-left:40%;
}

.column-3 {
	 width:100%
}

.blog-more {
	padding:0px
}
























}