#hide-mb {
	display: inline-block;
}
#show-mb {
	display: none;
}
.icon-menu {
	display: none;
}
#menu-responsive {
	display: none;
}
.banner-pc {
  display: block;
}
.banner-mb {
  display: none;
}



@media screen and (max-width: 1600px) {
  #menu {
    width: 68%;
    float: right;
    margin-top: 60px;
    text-align: right;
}

}


@media screen and (max-width: 1440px) {

#menu {
    width: 66%;
    float: right;
    margin-top: 46px;
    text-align: right;
}
.sticky .logo {
    width: 20%;
 
}
ul.menu li {
	font-size: 18px;
}
ul.submenu li {
	font-size: 16px;
}

}

@media screen and (max-width: 1366px) {

ul.sitemap li {
	font-size: 12px;
}


}

@media screen and (max-width: 1024px) {
.img-news-details {
  width: 100% !important;
}
.box-scroll-down {

  display: none;
}
 
ul.menu, ul.lang {
    display: none;
  }

  .logo {
    width: 40%;
}
.header-nofix #header {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    background: #092874;
}
.header-nofix #container {
  margin-top: 90px
}



#menu {
    width: 50%;
    margin-top: 47px;
}


  #main-banner {
    height: unset;
  }
  .icon-menu {
    display: block;
    width: 40px;height: 40px;
    color: #fff;
    font-size: 40px;
    text-align: right;
  }
  .icon-menu-close {
 
    width: 40px;height: 40px;
    color: #2B2B2B;
    font-size:26px;
    text-align: right;
    padding-top: 12px;
    padding-right: 8px
  }

#menu-responsive {
    background: #fff;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 9999;
    display: block;
    overflow: auto;
    padding-bottom: 20px;

  }
 .nosub.accordion-button::after {
  background-image: none;
 }
  ul.submenu-respon {
    margin: 0;
    padding: 0;
  }
 ul.submenu-respon li {
  font-family: 'K2D', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #2B2B2B;
  list-style: none !important;

 }
  ul.submenu-respon li span {
    font-size: 12px;
  }
 ul.submenu-respon li a {
  color: #2B2B2B;
 }
 ul.submenu-respon li:hover a,  ul.submenu-respon li a:hover {
  color: #E2BE60;

 }
ul.lang-respon {
  margin: 15px 0 0 0;padding:0;
}
ul.lang-respon li {
  margin:0;padding:10px 0 10px 0;
  list-style: none;
  text-align: center;
  font-size: 16px;
}
ul.lang-respon li input {
  border-bottom: 1px solid #ccc;
  border-top:none;border-right:none;border-left:none;
  width: 90%;
}

ul.lang-respon a.active-lang {
  color: #fff;
  background-color:  #E2BE60;
  padding: 2px 4px;
  display: inline-block;
  border-radius: 3px;
}
.icon-social {
  margin: 10px 0 0 0 !important
}
.icon-social i {
    font-size: 30px;
    padding: 0 10px;
}

/*font*/

.caption-elearning h3 span , .caption-project p {
  font-size: 16px;
}
 

.caption-elearning p {
  font-size: 12px;
}
.box-img-hover h3 {
    font-size: 18px;
    top: 81%;
}

.sticky .logo {
    width: 25%;
}

.slider-pro h2.sp-layer span {
  display: block;
  font-size: 22px !important;

  }

ul.list-plan >li {
  width: 48%;
  margin-bottom: 30px
}
.plan-L3 {
  min-height: 400px
}
.kanit-light {
  font-size: 22px;
}


/*.box-load-ebook span {
 
    font-size: 9px;
}*/
.box-know-cate h3 {
    padding: 24px 0 0 0;
}
.box-know-cate span {

    top: 22px;
}


}





@media screen and (max-width: 770px) {


 .box-f-project {
  width: 25%;
 }

  .logo, .sticky .logo {
    width: 56%;
  } 

  .sticky #menu {
    margin-top: 49px;
 
}
  #menu {
    width: 9%;
    margin-top: 49px;
  }

  .icon-menu {
  
    font-size: 51px;

  }

/*banner*/
#hide-mb {
	display: none;
}
#show-mb {
	display: inline-block;
}
.sp-thumbnail-container {
	width:222px !important;
	height: 90px !important
}

.sp-thumbnail .caption-txt h2 { 
    font-size: 14px !important;
    padding-top: 35px !important;
}

.sp-layer {
	width: 100% !important;
	height: 40% !important;
	transform: scale(0.9) translate3d(0px, 0px, 0px) !important;
	white-space: normal !important;
}



.slider-pro h2.sp-layer span br {
	display: none;
}
/*banner*/

.sitemap {
	display: none
}

.box-subscription, .box-social {
	width: 100%;
}
.box-img-hover h3 {
    font-size: 16px;
    top: 72%;
}

.logo-footer {
  width: 60%;
}
.section {
  padding:60px 0;
}
ul.list-plan {
  margin-left: 0
}
ul.list-plan >li {
    width: 100%;
    margin: 0 0 30px 0;
}
.box-value-number br{
  display: none;
}
.plan-L3 {
    min-height: unset;
    padding-bottom: 20px}

/*font*/
 ul.list-menber li h3 span , .txtname-member span {
  font-size: 20px !important
 }
.txtname-member br {
  display: none;
}
.box-know-cate h3 {
    padding: 44px 0 0 0;
    font-size: 28px;
}
.box-know-cate span {
    top: 44px;
    font-size: 30px;
}

.box-content-work > span {
    padding: 19px 38px;
}
.box-content-work {

    padding: 25px 70px 50px 111px;
  }

ul.list-menber li {
  width: 50%;
}
ul.list-menber .clear-hide {
  display: none;
}
.caption-min-hight {
  min-height: unset;
}

.item .caption-min-hight {
    min-height:180px !important;
    margin-bottom: 10px;
}
.submn {
  display: none;
}

.img-ebook {
  height: 250px;
}
.img-ebook img {
  margin-top: -100px;
}

}




@media screen and (max-width: 480px) {
.banner-pc {
  display: none;
}
.banner-mb {
  display: block;
}


.box-img-hover h3 {
    font-size: 18px;
    top: 80%;
}
.logo, .sticky .logo {
    width: 78%;
}
#menu , .sticky #menu{
    width: 12%;
    margin-top: 30px;
}
 

.slider-pro h2 {
 font-size: calc(1.325rem + 0.9vw) !important;
 line-height: normal!important;
}
.slider-pro h2.sp-layer span {
    display: block;
    font-size: 18px!important;
    line-height: normal;
}
.sp-thumbnails {
  height: 97px !important
}
/*.caption-min-hight {
  min-height: unset;
}*/
/*.caption-elearning p {
    font-size: 14px;
}
*/
.txthead-project-sub br {
  display: none;
}
.box-contact {
  font-size: 18px
}

ul.list-menber li {
  width: 100%
}

.box-form {
  width: 86%
}
.box-content-work > span, .box-value-number span {
  display: none;
}
.box-content-work , .box-value-number {
  
    border-radius: 30px 0 30px 0;
    padding: 20px;
 
    margin: 20px 0 0 0;
}

.box-value-number {
  font-size: 18px;
}
.kanit-light br {
  display: none;
}
.logo-footer {
    width: 90%;
}
.txt-min p {
  font-size: 14px;
}

.box-know-cate h3 {
    padding: 22px 0 0 0;
    font-size: 20px;
}

.box-know-cate span {
    top: 22px;
     font-size: 22px;
}


}


@media screen and (max-width:375px) {
  .icon-menu {
    font-size: 42px;
}
.icon-menu-close {
     padding-top: 5px;
}
.btn-pdf {
  width: 100%;
  padding: 6px 0;
  text-align: left;
  text-indent: 15px;
}


.txt-min p {
  font-size: 12px;
}

.box-know-cate h3 {
    padding: 17px 0 0 0;
    font-size: 18px;
}

.box-know-cate span {
    top: 14px;
     font-size: 22px;
}
.kanit-light {
    font-size: 18px;
}
 .box-f-project {
  width: 50%;
 }

}


@media screen and (max-width:320px) {
body {
  font-size: 16px;
  list-style: 32px;
}
.box-know-cate h3 {
    padding: 12px 0 0 0;
    font-size: 15px;
}
.box-know-cate span {
    top: 9px;
    font-size: 22px;
}
.icon-menu {
    font-size: 34px;
}

#menu, .sticky #menu {
    width: 12%;
    margin-top: 27px;
}

.section {
    padding: 40px 0;
}
.txthead {
  margin-bottom: 20px;
}

.icon-social i {
    font-size: 20px;
    padding: 0 10px;
}
}