.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 {
  select {
    font-size: 1em;
  }
  .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;
  }
}

.booking-x{
    h2, .heading-size-2 {
      font-size: 1.9rem;
    }
    hr {
      margin: 2rem auto;
    }
    .entry-content .calender-setup .calendar-day .btn {
      font-size: 2.1rem;
    }
    .select-time .table td a {
      text-decoration: none;
    }
    .bkx-booking-form .custom-select {
      height: calc(4.25rem + 2px);
    }
   .bkx-booking-form .on-click-selected { background: #cd2653;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;
      width: calc(100% - 4rem);
    }
    .bkx-sale-price{
      color: #cd2653;
    }
    .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: 2.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: calc(100% - 4rem);
  }

  .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: #cd2653;
  }

  .booking-x .btn-primary {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
  }
  .booking-x .bkx-single-post-view .breadcrumb{
    background: #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(100%);
    }
    .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.7rem;
    }
    .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;
    }
  }


  @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;
    }
    .booking-x .main-container .container{
      padding-right: 15px;
      padding-left: 15px;
    }
    .bkx-booking-form .schedule-indicator{
      width: 100%;
    }
    .bkx-booking-form .schedule-indicator ul{
      margin: 0 0 2rem 0rem;
    }
    .booking-x .form-group{
      width: 325px;
    }

  }
}