@charset "utf-8";
/* CSS Document */
/* เมื่อความกว้างต่ำกว่า 1440px max*/
@media screen and (max-width: 1450px) {
#head-sub .form-control { width:600px !important;}
#qr-code{ display:none !important;}
.col-xxl-7{ width:78.33333333%;}
#content-2{ background-size:cover !important;}
}
/* เมื่อความกว้างต่ำกว่า 1360px max*/
@media screen and (max-width: 1366px) {
	#head-sub .form-control { width:600px !important;}
	.cktype:not([data-type="faq"]) .ui-accordion .ui-accordion-content{ padding: 1em 0.8em !important;}
	#content-2{ background-size:cover !important;}

}
/* เมื่อความกว้างต่ำกว่า 1200px max*/
@media screen and (max-width: 1200px) {

}
/* เมื่อความกว้างต่ำกว่า 1024px max*/
@media screen and (max-width: 1024px) {
.menu-mobile{ padding-top:10px; padding-bottom:10px;}
h1{ font-size:3em;}
h2{ font-size:2.5em;}
.page-header h1{font-size:2em;}
body{ display:none; }
#head-body{ padding:10px 20px !important;}
.f-nav{ z-index: 9999; position: relative; left: 0; top: 0; width: 100%;box-shadow:none !important; }
.col-xxl-8 { width:100% !important;}
#head-sub .form-control { width:350px !important;}
#block_ID1651897652411{ display:none !important;}
  .md-modal {
    width: 80% !important;
    max-width: 800px !important;
}
}
/* เมื่อความกว้างต่ำกว่า 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;
}
#head-sub .form-control { width:550px !important;}

#ID1651909466106 > .inner, #ID1651909547073 > .inner, #ID1651909635649 > .inner{ border-right:none !important;}
#content-2{ background-image:none !important;}
/* เมื่อความกว้างต่ำกว่า 480px max*/
@media screen and (max-width: 480px) {
#head-sub .form-control { width:100% !important;}
.ui-tabs-nav > li{ width:100% !important; border-bottom:1px solid #ccc !important ;}
.dj-megamenu-offcanvas-dark .dj-mobile-open-btn{ margin-left:5px !important;}
	
}