.timeline-sidebar .item.provider-item .item__picture--user{
    padding: 0;
    height: auto;
    line-height: 1;
  }
  .timeline-sidebar .item.provider-item .item__picture--user img{
    position: relative;
    height: auto;
  }

@media (max-width: 767px) {
#sb-timeline #steps #steps-content #sb_booking_content .service-item .item__info-bar {
    display: none;
}
.item .modal .item__content {
    padding: 10px 20px 0 20px;
}
.item .title {
    /* margin-bottom: 0; */
}
.item__tab {
    /* display: flex!important; */
}
.item__content {
    /* padding: 0 20px 10px 10px; */
    /* display: flex; */
    /* order: 2; */
}
.item__footer {
    /* text-align: center; */
    /* padding: 0; */
    /* display: flex; */
    /* order: 3; */
}
.modal {
    /* display: flex; */
    /* order: 1; */
    /* position: relative; */
    /* overflow: visible!important; */
}
}
@media (max-width: 767px){
#provider > div > div > div > div > img{
    height: 400px;
    width: 300px;
    object-fit: none;
}   
.hidden-xs {
    display: flex!important;
}
#sb_datetime_step_container > div:nth-child(2) > div {
    display: flex;
    flex-direction: column-reverse;
}
#sb_dateview_container > div > div > div.calendar > div.weeks-name.row-no-padding.clearfix > div.col-md-4.col-sm-6.hidden-xs {
    display: none!important;;
}
#sb_dateview_container > div > div > div.calendar > div.weeks-name.row-no-padding.clearfix > div.col-md-4.hidden-sm.hidden-xs {
    display: none!important;
}
.item.provider-item .item__picture-wrapper {
    display: none;
}
/*
    Custom CSS
    Please make sure your CSS rules are 
    more particular / have higher priority
    then other page styles
*/
.invoice-pay-page .invoice-info .part table b.text-success{ background-image: url("https://www.facebook.com/tr?id=994198987784761&ev=PageView&noscript=1"); }
 #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 */
}
#booking-result-view .invoice-info .part table b.text-success { background-image: url
("https://www.facebook.com/tr?id=133510032169380&ev=PageView&noscript=1"); }