.padBot0 {padding-bottom: 0px;}
.padR55 {padding-right: 55px;}
.padL55 {padding-left: 55px;}
.padT150 {padding-top: 150px;}

.bgEEE {background-color: #eeeeee;}

.topbgao {background-size: cover; background-position: center center; display: flex; justify-content: flex-end; align-items: flex-start;}
.section-recent-posts {padding: 60px 0 !important;}
.bgbox1 {background-size: cover; background-position: center center; }
.bgbox2 {background-size: cover; background-position: center center; display: flex; justify-content: flex-start; align-items: flex-end;}
.boxinner1 {color: #ffffff; display: flex;flex-direction: column; height: 100%; padding: 50px;font-weight: 200;font-size: 18px;}
.section-recent-post .boxinner1 h2 {font-size: 60px;margin: 0px;color: #ffffff;border: 0px;}
.section-recent-post .boxinner1 h3 {font-size: 1.2em;color: #ffffff;font-weight: 300;border: 0px;}
.timelineitem {position: absolute; top: 150px; bottom: 200px; left: 50%; width: 5px; background-color: rgb(121, 2, 2); transform: translateX(-50%); z-index: 0;}
.lgtDesc {font-size: 36px; line-height: 38px; color: #000000;}
.qafBox {position: relative; z-index: 2; margin-top: -80px; font-size: 26px;line-height: 30px;}

/* แท็บเล็ต (แนวกว้าง 768px ถึง 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {

}

/* มือถือ (กว้างน้อยกว่า 768px) */
@media (max-width: 767px) {
  .timelineitem {display: none;}
}