@charset "utf-8";
/* CSS Document */
/* เมื่อความกว้างต่ำกว่า 1440px max*/
@media screen and (max-width: 1450px) {

}
/* เมื่อความกว้างต่ำกว่า 1370px max*/
@media screen and (max-width: 1370px) {
.container{ width:100%; max-width: 94% !important;}
}
/* เมื่อความกว้างต่ำกว่า 1200px max*/
@media screen and (max-width: 1200px) {
.menu-mobile{ padding-top:0px; padding-bottom:0px;}

.page-header h1{font-size:2em;}
body{ display:none; }
}
/* เมื่อความกว้างต่ำกว่า 1024px max*/
@media screen and (max-width: 1024px) {
	body{font-size: 14px !important;}
.menu-mobile{ padding-top:10px; padding-bottom:10px;}
h1{ font-size:3em !important;}

.camera_caption{ width: auto !important; padding:10% 2% !important;}
.camera_caption > div{ background:none !important;}
.camera_caption_title{ font-size:2em !important; text-shadow: 2px 2px 0px #000;}
.camera_caption_desc{ font-size:1.2em;}
.container{ max-width:99% !important;}
#menu{ padding:0px;}
#promote{ font-size:0.9em;}
.title-head{width:100%; max-width:80%;}


}


/* เมื่อความกว้างต่ำกว่า 820px max*/
@media screen and (max-width: 820px) {
	.blog-item  .item-image  { width:100%; float:left; display:block; padding: inherit;}
	.item-content{ width:100%; float: left; display:block; padding: inherit;}
}

/* เมื่อความกว้างต่ำกว่า 768px max*/
@media screen and (max-width: 768px) {
	
.f-nav{ position:relative;}
.eb_contentimagewrap .eb_contentwrap .eb_textinfo {
    float: left;
    width: 100% !important ;
}
.eb_contentimagewrap .eb_contentwrap .eb_imagewrap {
    float: left;
    width: 100% !important;
    padding-right: 15px;
}
h1{ font-size:2.5em !important;}
h2{ font-size:1.8em !important;}
.title-head{width:100%; max-width:99%;}
.camera_caption{ width: auto !important; padding:5% 2% !important;}
.camera_caption_title{ font-size:1.5em !important; text-shadow: 2px 2px 0px #000;}
.camera_caption_desc{ font-size:14px;}
}
/* เมื่อความกว้างต่ำกว่า 480px max*/
@media screen and (max-width: 480px) {
	.ui-tabs li{ width:100% !important; }
	#footer-body{ padding-top:30% !important; }
	#footer{background-size:cover !important;}	
}