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


#top{ text-align:center;}
#info .nav{ padding-top:10px; padding-bottom:10px; }
#head{ padding-top:20px; padding-bottom:20px; position: relative; top:0px; z-index:999; width:100%;background:#ccc;}
#logo{ text-align:center;}

.nav>li>a{ padding:5px 7px; border-right:1px solid #f3f3f3; line-height:5px;}


#products .ph-thumbnail{  float:left; max-width:100%;  }

#about h1{ font-size:2.5em;}
#about-menu{ background:#ccc; position: relative; width:100%; z-index:999; color:#fff;font-family: 'Kanit', sans-serif; padding:0px; padding-top:10px;}

#product-releas .ph-thumbnail{  float:left; max-width:100%; display: block !important; background:#fff; }

.swiper-slide ph-mod-product-scroller-swiper-slide{ width:150px !important;}
/** 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
}
























}