/****** PAGINATION - แบบ 5ปุ่ม/select ********/
.pg-ctn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.pg-ctn:empty { display: none; }
.pg-ctn .col-size-1 {flex-basis: 10%;max-width: 10%;} 
.pg-ctn .col-size-2 {flex-basis: 15%;max-width: 15%;} 

.pg-ctn form { text-align: center; }
.pg-ctn form label { line-height: 0.5rem; font-size: 0.75rem; }

.pg-ctn input[type=submit]{ 
  width: 100%;
  padding: 4px;
  color: white;
  border: 1px solid var(--main-dark);
  cursor: pointer;
}
.pg-ctn input[type=submit]:disabled{ 
  background-color: gray;
  cursor: not-allowed;
}
.pg-ctn select{ 
  padding: 3px;
  width: 100%;
  height: 100%;
  outline: none;
  border: 1px solid var(--main-dark);
  background-color: skyblue; 
}
.pg-ctn .btn-pre{ background-color: cornflowerblue }
.pg-ctn .btn-nxt{ background-color: cornflowerblue}
.pg-ctn .btn-fst{ 
  background-color: steelblue; 
  border-radius: 30px 3px 3px 30px!important;
}
.pg-ctn .btn-lst{ 
  background-color: steelblue; 
  border-radius: 3px 30px 30px 3px!important;
}

/**************** จอขนาดกลาง ****************/
@media screen and (max-width: 768px) {
  .pg-ctn .col-size-1 {flex-basis: 12%;max-width: 12%;} 
  .pg-ctn .col-size-2 {flex-basis: 17%;max-width: 17%;} 
}

/**************** จอขนาดเล็ก ****************/
@media screen and (max-width: 480px) {
  .pg-ctn .col-size-1 {flex-basis: 15%;max-width: 15%;} 
  .pg-ctn .col-size-2 {flex-basis: 20%;max-width: 20%;} 
}