.container{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 5rem;
    width: 100%;
  overflow-x: auto;

}
.seatcontainer {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  gap:1px;
  padding: 1px 1px;

}


/* .seats {
  width: 23px;
  height: 23px;
  margin: 0 2px;
  text-align: center;
  line-height: 30px;
  border-radius: 6px;
  border: 2px solid #999;

} */
 @media(min-width:425px){
  .container{
    align-items:center;
  }
   /* .seatcontainer:last-child{
  margin-left:1px;

}
.seatcontainer:first-child{
margin-left: 1px;
} */
 }
@media (min-width:640px) {
 .seatcontainer{
  gap: 8px;
  padding: 2px 2px;
 }
  .container{
     display: flex;
     justify-content: center;
     align-items: center;
  }
  /* .seatcontainer:last-child{
  margin-left:1px;

}
.seatcontainer:first-child{
margin-left: 1px;
} */
}
