@media (max-width: 1024px) {
#content-view #about-us .txt #custom_select_menu .custom_select_item, #custom-page #custom_select_menu .custom_select_item {
       width: calc(50% - 12px) !important;
   }
}
@media (max-width: 767px) {
#content-view #about-us .txt #custom_select_menu .custom_select_item, #custom-page #custom_select_menu .custom_select_item {
       width: 100% !important;
       margin:25px 0 0 0;
   }
}

/*red background-color on active menu element*/
#sb_main #sb-main-container.protanopia_deuteranopia #header .nav-wrapper #sb_menu .nav li.active a, #sb_dialog #header .nav-wrapper #sb_menu .nav li.active a, #sb_main #sb-main-container.protanopia_deuteranopia #header .nav-wrapper #sb_menu .nav #sb_appended_menu_item ul li.active a, #sb_dialog #header .nav-wrapper #sb_menu .nav #sb_appended_menu_item ul li.active a {
   background: #d61a1a !important;
}

#sb_main #sb-main-container.protanopia_deuteranopia #sb-timeline #steps-nav #menu-active-bg, #sb_dialog #sb-timeline #steps-nav #menu-active-bg {
    background: #d61a1a !important;
}

#sb_main #sb-main-container #sb-timeline #steps-nav, #sb_dialog #sb-timeline #steps-nav {
   background: #d61a1a !important;
}
/* red background-color on background of timeline*/
.step_info_item {
    background: #d61a1a !important;
}

/* red link-color on active timeline*/
#steps-nav li.passed + li.active:not(.passed) .title-small {
   color: #d61a1a !important;
}
/* red background color on buttons*/
.btn.select{
  background:#d61a1a !important;
}

#sb-main-container #header .nav-wrapper .items-wrapper{
     display:none !important;
}
   
#sb-main-container #header #sb-menu{
     display:flex  !important;
     align-self:flex-end !important;
}

#sb_back_to_bookings{
      display:none !important;
}

/* increases height of service info box on booking page (before 'read more') */
#sb_booking_content .timeline-sidebar .tab .txt.short {
    max-height: 100%;
}

/* this hides location */
.booking-info > .clearfix > li:first-child { 
      display:none !important;
}

/* this hides category*/
.booking-info > .clearfix > li:nth-child(2)  { 
      display:none !important;
}

#sb_gallery{
  display:none !important;
}
#sb_back_button{
   display:none !important;
}
.book{
     display:none !important;
}
#main-buttons .wrapper{
     height:25vh !important;
}
#sb_main #footer {
    display:none;
}
#content-view #about-us .section-pd, #sb-timeline #steps #steps-content .step-content {
     padding-top:15px;
}
#content-view #about-us .txt #custom_select_menu, #custom-page #custom_select_menu{
     display:flex;
     flex-wrap: wrap;
     justify-content:flex-start;
}
#content-view #about-us .txt #custom_select_menu>div, #custom-page #custom_select_menu>div{
     display:flex;
     flex-direction:column;
     border-radius: 5px;
     width: calc(33% - 12px) !important;
     border: 1px rgba(120,120,120,0.2) solid;
     margin:5px 6px 20px 6px;
}
#main-content .title-main{
    display:none;
}
.custom_select_item>a{
     display:flex;
     text-decoration:none;
     cursor:pointer; 
}
.custom_select_item>a:hover{
    opacity:0.8; 
}
.custom_select_image{
     display:flex;
     background-repeat: no-repeat !important;
     background-size: cover !important;
     background-position:center center  !important;
     width:100% !important;
     height:170px !important;
     border-radius: 5px 5px 0 0;
     border-bottom: 1px rgba(150,150,150,0.2) solid  !important;
}
.custom_select_image>span{
    padding:5px;
    display:flex;
    align-self: flex-start;
    color:white;
    width:100% !important;
    background-color:rgba(0,0,0,0.6);
}
.custom_select_text{ 
   display:flex;
   flex-grow:1;
    flex-direction:column;
    justify-content:space-between;
    padding:15px 25px 25px 25px; 
}
.custom_select_text div{
    padding-bottom:15px; 
}
.custom_select_btn{
     display:flex;
     margin-top:15px;
     height:40px;
  /*   background: #d61a1a;*/
     font-size: 16px;
     overflow: hidden;
     font-weight: 600;
     border-radius: 4px !important;

}
 .custom_select_btn>a{
     text-align: center;
     line-height:40px;
     width:100%;
     height:100%;
    color: #ffffff;
}
#sb_booking_content #sb_client_info_container .form-client-name .control-label::before{
     content: "Full " !important;
}

/* make the images for services flatter, and put shadow around image*/
.tab.tab-col .excerpt-info .preloader {
    width: 100%;
    position: relative;
    height: 50vh;
    padding:0;
    max-height:220px !important;
    overflow: hidden;
    border-radius: 3px 3px 0 0;
  -webkit-box-shadow: 0px 2px 4px -1px rgba(100,100,100,0.1);
  box-shadow: 0px 2px 4px -1px rgba(100,100,100,0.1);
}