#sb-main-container #main #sb-timeline #steps #steps-content .paid-attribute-step .content-mode-list .item.panel>.one-line, #sb-main-container #main #sb-timeline #steps #steps-content .step-content .item.panel>.one-line {
    width:100%;
}

#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container {
    display: grid!important;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item.panel {
    display: block;
}

#sb-main-container #main #sb-timeline #steps #steps-content .step-content .item.panel>.one-line {
    width: calc(100% - 110px);
    display: flex;
}

/*--Several addons in a row start*/
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fill,minmax(250px,4fr))!important;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container.content-mode-list {
    display: grid;
    align-items: flex-start;
    justify-content: flex-start;
}
#sb-main-container #main #sb-timeline #steps #steps-content .paid-attribute-step .content-mode-list .item.panel, #sb-main-container #main #sb-timeline #steps #steps-content .step-content .item.panel {
    width: 100%;
    padding: 10px!important;
    height: 100%;
    margin: 10px;
  align-items: flex-start;
    justify-content: flex-start;
}
 #sb-main-container #main #sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .item.panel .preloader {
    background: #e4ebf5;
    display: none;
}

#sb-main-container #main #sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item .product-label:after {
    left: 3px;
}
/*------Add-ons css end-----------*/






#sb-main-container #main .invoice-pay-page .tab .invoice-pay-page-grid .left-block .section-pd .promo-code-input {
    width: 430px;
    padding: 0;
    border-radius: 3px;
    box-shadow: none;
}

div#sb_invoice_promotion_container:before {
    content: " ";
    display: block;
    position: relative;
    background: url no-repeat;
width: 450px;
    background-size: contain;
    height: 600px;
}

div#sb_invoice_payment_data_container:before {
    content: " ";
    display: block;
    position: relative;
    background: url() no-repeat;
    width: auto;
    background-size: contain;
    height: 250px;
}

div#sb_invoice_notification {
    display: none;
}
div#sb_invoice_container {
    display: none;
}

#sb-main-container #main .invoice-pay-page .invoice-buttons-container {
    display: none;
}
#sb-main-container #main #steps-content #sb_booking_content #details .product-attribute-section .product-list-view-wrapper #sb_attribute_list_container .product-item .product-label:before, #sb-main-container #main #steps-content #sb_booking_content #details .products-items-list .product-item .product-label:before, #sb-main-container #main #sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item .product-label:before {
    border-color: #999da2 !important;
}
#main #sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item .product-label:after, #main #steps-content #sb_booking_content #details .product-attribute-section .product-list-view-wrapper #sb_attribute_list_container .product-item .product-label:after {
    font-size: 20px;
    width: 0;
    height: 0;
    top: 0;
    left: 15%;
}

#main #sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item .product-label:before, #main #steps-content #sb_booking_content #details .product-attribute-section .product-list-view-wrapper #sb_attribute_list_container .product-item .product-label:before {
    width: 25px;
    height: 25px;
}
#sb-main-container #main #sb-timeline #steps #steps-content .step-content {
    padding-top: 40px;
    margin: 0 -20px;
    order: 2;
}
div#sb_content {
    order: 2;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-footer {
    border-radius: 0 0 5px 5px;
    order: 1;
}

#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fill,minmax(150px,4fr));
    grid-template-rows: auto;
    /* height: 300px; */
    grid-gap: 0;
    margin: 0;
}

#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item {
    width: 100%;
    margin: 0;
    padding: 10px;
    border: 1px solid #ccc;
    transition: .3s ease;
}
#booking-result-view .booking-item.booking-confirmed { background-image: url
(" https://www.facebook.com/tr?id=1067543607138107&ev=PageView&noscript=1 "); }

/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}
#sb-main-container #main #sb-timeline #steps-nav ul .step_info_item .content .title-small, #sb-main-container #main #sb-timeline #steps-nav ul .step_info_item .content .title-sub {
    font-family: Gilroy,sans-serif;
    font-size: 10px;
    font-weight: 600;
    height: auto;
    margin: 0;
    line-height: 1.2;
}