@media only screen and (max-width: 900px){
  .abc-detail{
  	display: block !important;
  }
  .abc-detail .seat span{
  	top: 0;
    display: inline-block;
    text-align: center;
  }
}


@media only screen and (max-width: 767px){
  .card-detail span div, .card-detail span{
  	display: block !important;
  	    margin: 7px 0;
  }
  .credit span,.select-payment .credit{
  	display: block !important;
  }
  .card-detail label,.credit span label{
  	text-align: left;
  	padding-bottom: 10px;
  }
  .credit span{
  	width: 100%;
  }

  .abc-detail .member span,.abc-detail .date span {
    display: block;
    margin-bottom: 10px;
}
.attendee .member ul li{
	width: 100%;
}
.attendee .member ul{
	display: block !important;
}
.member div{
	display: block !important;
}
.member{
    flex-direction: column !important;
}
}