#sb_timeview_container > div > div > div > div > div > div.tab-pd > div > div:nth-child(1) > div.col-sm-6.col-md-12.col-lg-4 > div   {
  display: none;
}
@media (max-width: 1366px){
#main-buttons .wrapper {
    height: 430px!important;
}
}

#main-buttons .wrapper {
    height: 500px;
}

#main-buttons .wrapper .inner {
    margin-bottom: 450px;
}

/*----put wording  that says Select Day--------*/
.top-inline-steps:before {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 10px 50px;
    content: "Select Day";
}
/*----put wording on top of the calendar that says Select Week--------*/
div#sb_dateview_container:before {
    content: " Select Week";
    font-size: 20px;
    font-weight: 600;
    margin-left: 100px;
}
.section-pd {
    padding: 10px;
    margin-top: 20px;
}

/*----move selection of days of the week above selection of the services--------*/

.top-inline-steps {
    display: grid;
}
#sb_timeview_container > div > div > div > div > div > div.tab-pd > div > div:nth-child(1) {
    order: 3;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-inner .top-inline-steps label {
    margin: 10px;
    width: 300px;
}
#sb_timeview_container > div > div > div > div > div > div.tab-pd > div > div:nth-child(2) {
    order: 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 */
}