.sub-main {
  width: 100%;
  margin-top: 0;
  position: relative;
  background: url(../images/sub-81-1/bg-sub1.png) top center no-repeat;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
  .sub-main {
    background: url(../images/sub-81-1/bg-sub1.png) top center no-repeat;
  }
}

@media (min-width: 992px) {
  .sub-main .col-lg-3 {
    display: block;
  }
}
.top-name {
  /* float: left; */
  /* display: block; */
  width: 100%;
  /* height: 48px; */
  padding-top: 20px;
  font: 25px/43px "Kanit", Arial, sans-serif;
  color: #ffffff;
  /* text-indent: 70px; */
  position: relative;
  z-index: 1;
  text-align: center;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 666px) {
  .top-name {
    text-indent: 0px;
    text-align: center;
  }
}
@media only screen and (min-device-width: 667px) and (max-device-width: 800px) {
  .top-name {
    text-indent: 0px;
    text-align: center;
  }
}
.suball {
  /* float:left; */
  /* display:block; */
  /* width:100%; */
  /* height:auto; */
}
.subbody {
  margin: 0 auto;
  margin-top: 40px;
  /*padding:35px 0px;*/
  display: block;
  /*width:670px;*/
  width: 100%;
  min-height: 1200px;
}

@media only screen and (min-width: 320px) and (max-width: 1200px) {
  .subbody {
    min-height: 1800px;
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .top-name {
    /* float: left; */
    margin-top: -10px;
    display: block;
    width: 100%;
    height: 48px;
    font: 30px/40px "thaisanslite", Arial, sans-serif;
    text-indent: 0px;
    position: relative;
    z-index: 1;
  }

  .sub {
    width: 100%;
    margin-top: -112px;
    position: relative;
    background: url(../images/sub-81-1/bg-sub.png) top center no-repeat;
  }
}

@media (max-width: 575px) {
  .top-name {
    /* float: left; */
    /* margin-top: -10px; */
    /* display: block; */
    width: 100%;
    height: 83px;
    /* font: 30px/40px 'thaisanslite', Arial, sans-serif; */
    /* color: #000; */
    text-indent: 0px;
    position: relative;
    z-index: 1;
  }

  .sub {
    width: 100%;
    /* margin-top: -112px; */
    position: relative;
    background: url(../images/sub-81-1/bg-sub1.png) top center no-repeat;
  }
}