#yellow 
{
    background: linear-gradient(to right, #B58D2E, #F5BB18, #B58D2E);
    color: black;
}

section.category-header-area {
    
    background: #01311f;
    color: #fff;
}

@media (max-width: 767px) {
    #menu-logo {
      display: none;
    }
  }
@media (max-width: 767px) {
.menu-area {
    background: white !important;
    }

.category-header-area {
      background: linear-gradient(to right, #043A22, #0F6735, #0E3827) !important;
      color: #fff;
  }

.category-filter-box {
    padding: 25px 0;
    /*//background: #01311f !important;*/
    border-bottom: 1px solid #e8e9eb;
    margin-bottom: 30px;
}
#filter_courses_hide {
  display: none;
}

#collapseFilter
{
  background: linear-gradient(to right, #043A22, #0F6735, #0E3827) !important;
}

#card_green_backgound
{
  background: linear-gradient(to right, #043A22, #0F6735, #0E3827) !important;
  color: white;
}


@media (max-width: 767px) {
.mobile-main-nav { 
    background: url(../img/sidebar_mobile.png) center;
    background-size: cover;
}
@media (max-width: 767px) {
.green-backgound-color { 
    background: url(../img/sidebar_mobile.png) center !important;
    background-size: cover;
    color: white;
}
@media (max-width: 767px) {
.sub-category { 
    background: url(../img/sidebar_mobile.png) center !important;
    background-size: cover;
    color: white;
}
@media (max-width: 767px) {
.btn-group .btn-sign-in { 
   background: white;
   color: black;
}
@media (max-width: 767px) {
.btn-group .btn-sign-up { 
   background: linear-gradient(to right,#043A22,#0F6735,#0E3827);;
}
}
@media (max-width: 767px) {
.search-box { 
   background: linear-gradient(to right, #043A22, #0F6735, #0E3827) !important;;
}

.input-group>.form-control:not(:last-child) {
    /*background-color: #57585b;*/
    color: black;
}
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
     /*background-color: #57585b;*/
     background-color: #ffffff;
}


}
}
}
}
}
}

.bg-grey {
  background: grey !important;
}