.resp-headings { display: none; }

/*ช่องระหว่าง drop กับ tablist*/
.resp-contents { margin: 0.6em 0 0 0em;/*ซ้าย*/ }

/*จอเล็ก*/
 @media (max-width: 480px) {
.resp-tablist { display: none; }
.resp-tabDrop {
  display: block;
  width: 100%;
  height: 35px;
  font-size: 1em;
  /*ตัวหนังสือ*/
  margin: 0em 0 0 0;  

  /*background-color: red;*/
}
}


/*จอใหญ่*/
@media (min-width: 481px) {

.resp-tabDrop { display: none;
                
}

.resp-tablist {
  display: block;

  /*font-size: 1.2em;*/
  font-size: 0.8em;

  /*ระยะ*/
  margin: 0em 0 0 0;
  padding: 0;
  /*เส้นระหว่าง tap กับ drop*/
  /*border-bottom: 1px solid #ddd;*/

  /*ระยะห่าง tab กับ drop  ต้องแบบนี้ ถึงจะดี กับ tablet และ คอม  0 , 0*/
  padding-bottom: 0px;
  /*ทำให้ระยะห่างของ tab กับ drop มีผล (ใช้ตัวนี้)*/
  line-height: 1.2em;


}

.resp-tablistItem {
  display: inline;
  cursor: pointer;
  background: #ddd;
  /*tommybigeye*/
  /*ขนาดของ กรอบ แต่ละ tab*/
  padding: 7px 7px;
  border: 1px solid #ddd;
  /*ช่องไฟระหว่าง tab*/
  margin-right: 0.2em;

}

.resp-tablistItem__active {
  background: #fff;
  border-bottom-color: #fff;

  /*ขนาด font ตอนกด tab*/
  font-size: 19px;

  
}
}