@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body, .title-main
{
font-family: "Poppins", sans-serif !important;
}


@media all and (min-width:300px) and (max-width: 768px) {
  /* put your css styles in here */

#header .row .col-xs-4 {

    display: none !important;
}

#main #main-buttons {
  
    height: 235px !important;
background-position: bottom !important;
    min-height: 0px !important;
}
}


#header .brand .logo
{
max-width:400px !important;
}


#main #main-buttons {
    background-size: contain !important;
}



#header a
{
color:#FFFFFF !important;
}


#main #main-content #sb_content #steps #sb_booking_content .item .tab {
    border-radius: 4px !important;
}

#main #main-content #sb_content #steps #sb_booking_content .item .tab .excerpt-info .preloader {
    border-radius: 4px 4px 0 0 !important;
}


#main #main-content #sb_content #steps .datetime-step .provider-item .photo.user {
    border-radius: 4px 4px 0 0 !important;
    background-size: contain !important;
    background-color: #FFFFFF !important;
}

#steps, #steps-nav, .page-pd-package-content {
    background-color: #FFFFFF !important;
}

 .logo img
{
    max-height: 100%!Important;

}


#main #main-content #sb_content #steps #steps-nav li.step_info_item {
    border-radius: 4px 4px 0 0 !important; 
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}



#header .nav-wrapper #sb_menu {
  /*  margin-bottom: -30px; */
    position: relative;
}

#main-buttons .wrapper .inner .bar
{
display:none !important;
}
a.btn.select, #sb_booking_content .tab .btn.select, #sb_time_classes_service_container .btn.select, .package-content .btn.select, div.tab .btn.select, a.btn.select
{
background: #1d479b!important;
border-radius: 4px !important;
}





#header
{
height:120px;
padding:8px;
}

#content-view #custom-page .page-content ul, #content-view #custom-page .page-content ul li
{
list-style-type: none !important;
margin:10px;
float:left;
display:-webkit-inline-box
}

#content-view #custom-page .page-content ul, #content-view #custom-page .page-content img
{
width:200px
}

 #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 */
}