.booking-x .bookingx-breadcrumb ul,
.booking-x .bookingx-breadcrumb ol,
.booking-x-form .slots-setup .indicator ul,
.booking-x-form .slots-setup .indicator ol {
  margin: 0 0 1rem 1rem;
}



/* Detail */
.booking-x {
  .user-detail{ background: #f4f4f4;}
  .booking-x .user-detail dl dt { color: #555555;}
  .booking-x .user-detail dl dd {
    margin: 0px 5px 0px 10px;
  }
  .calendar-yvv .calendar-month .btn {
    color: #333;
  }
  .bkx-sale-price{
    color: #0073aa;
  }
}

.booking-x{
  .img-thumbnail{
    max-width: 100% !important;
    height: auto !important;
  }
  .container{
    width: 85%;
  }
  h2, .heading-size-2 {
    font-size: 1.9rem;
  }
  hr {
    margin: 2rem auto;
  }
  .entry-content .calender-setup .calendar-day .btn {
    font-size: 1.1rem;
  }
  .select-time .table td a {
    text-decoration: none;
  }
  .bkx-booking-form .custom-select {
    height: calc(2.6rem + 2px);
  }
  .bkx-booking-form .on-click-selected { background: var(--button--color-background);color:#fff; }
  .booking-x-lists .card-block a {
    font-size: 2rem;
    text-decoration: none;
  }
  .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 90rem !important;
    width: calc(100%);
    margin-left: unset !important;
    margin-right: unset !important;
  }
  .booking-x-bkx-seat .row .card .card-body .btn,
  .booking-x-bkx-base .row .card .card-body .btn,
  .booking-x-bkx-addition .row .card .card-body .btn,
  .bkx-single-post-view .btn {
    font-size: 1.1rem;
    text-decoration: none;
  }
  .indicator ul li{
    font-size: 16px;
    margin-right: auto;
    margin-left: 0px;
  }

}

.booking-x-dashboard .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: 90rem;
  width: 100%;
}

.booking-x-dashboard .booking-x-orders-table__cell-booking-actions .btn {
  font-size: 1.8rem;
}

.booking-x-dashboard .bkx-nav-tabs .nav-item a {
  color: #495057;
}

.booking-x-dashboard .bkx-nav-tabs .nav-item .active {
  color: var(--button--color-background);
}

.booking-x .btn-primary {
  color: inherit;
  background-color: inherit;
  border-color: inherit;
}
.booking-x .bkx-single-post-view .breadcrumb{
  background: #fff;
}
.booking-x .indicator ul li.current::before{
  background: #000;
}
.booking-x .select-time .table td a.selected{
  background: #000;
  color: #fff;
}



.booking-x-form {
  .entry-content > .booking-x:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide)
  {
    max-width: 90rem;
    width: calc(80%);
  }
  .booking-x .select-time .table td a {
    padding: 3px 5px;
    font-size: 18px;
  }
  .bkx-payment-method .bkx-gateways .bkx-gateway-label {
    padding: 0 5px;
  }
  .booking-x .bkx-extra-lists .custom-checkbox .custom-control-label {
    font-size: 1.2rem;
    font-weight: normal;
  }
  .booking-x .bkx-extra-lists .custom-control.custom-checkbox {
    padding-left: 5px;
  }
  .booking-x .bkx-gateways .custom-radio .custom-control-label::before,
  .booking-x .bkx-gateways .custom-radio .custom-control-label::after {
    width: 1.5rem;
    height: 1.5rem
  }
}

@media (max-width: 479px) {
  .booking-x-form ul, .booking-x-form ol {
    margin: 0 0 2rem 0;
  }

  .booking-x .indicator ul li {
    margin: auto;
  }

  .booking-x-dashboard .dashboard-bookings {
    display: block;
    overflow-x: auto;
  }
  .booking-x-form .entry-content > .booking-x:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
    width: 100%;
  }
}


@media only screen and (min-width: 1168px) {
  .booking-x .content-area {
    max-width: 1600px;
    padding: 4vw 6vw;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 768px) {
  .booking-x .content-area .site-main {
    margin: 0;
  }
}

@media (min-width: 1220px) {
  .booking-x .bkx-single-post-view h1, .booking-x .bkx-single-post-view .heading-size-1 {
    font-size: 4.4rem;
    margin: auto;
  }
}

@media (min-width: 700px) {
  .booking-x .bkx-single-post-view h3, .heading-size-3 {
    font-size: 3rem;
  }

  .booking-x h2, .booking-x .heading-size-2 {
    font-size: 1.9rem;
  }

  .booking-x .entry-content h1, .booking-x .entry-content h2, .booking-x .entry-content h3 {
    margin: 0rem auto 1rem;
  }
  .booking-x .bkx-single-post-view h1{
    color: currentColor;
  }

  .booking-x .bkx-single-post-view .heading-size-1, .booking-x .bkx-single-post-view h2,
  .booking-x .bkx-single-post-view .heading-size-2, .booking-x .bkx-single-post-view h3,
  .booking-x .bkx-single-post-view .heading-size-3 {
    margin: 2rem auto 2rem;
    color: currentColor;
  }
}

@media (max-width: 600px){
  .booking-x-form{
    .entry-content{
      width:100%;
      font-size: 17px;
    }
    .bkx-booking-form .schedule-indicator{
      width: 100%;
    }
    .bkx-booking-form .schedule-indicator ul{
      margin: 0 0 2rem 0rem;
    }
    .booking-x .form-group{
      width: 325px;
    }

  }
}