/* Hide Radio button */
.rate > input{
  display: none;
}

.rate{
  display: inline-block;;
  border: 0;
}

.rate > label{
  float: right;
}

/* Showing the stars */
.rate > label:before{
  display: inline-block;
  font-size: 1.1rem;
  font-family: FontAwesome;
  content: "\f005";
  margin:0;
  padding:0.3rem .2rem;
  cursor: pointer;
}

/* Half star */
.rate .half:before{
  content: "\f089";
  position: absolute;
  padding-right: 0;
}

/* Click and hover */
input:checked ~ label, label:hover ~ label{
  color: #ffb503;
}

/* hover hightlight */
input:checked + label:hover, input:checked ~ label:hover,input:checked ~ label:hover ~ label,
label:hover ~ input:checked ~ label{
  color: #cc9000;
}

.rating-star i{
  color: #ffb503 !important;
}

ul.thumb{
  margin:0 auto;
  padding: 0;
  float: left;
}
ul.thumb li{
  list-style: none;
  margin: 10px;
}
ul.thumb li img{
  width: 80px;
  height: 80px;
  border: 1px solid grey;
}

@media only screen and (max-width: 480px) {
  a.get-start-btn{
      display: block;
      margin-top: 15px !important;
      margin-left: 0 !important;
  }
  .main-search-bar{
      padding-top: 100px !important;
      padding-bottom: 50px !important;
      background-position: left !important;
  }
  .user-dashboard{
      width: 100% !important;
  }
  .menu-itam-holder .quantity{
      right: 0 !important;
      margin-top: -30px !important;
  }
  .table.opening_hours{
      width: 100% !important;
  }
  .table td{
      padding: 0.5rem !important;
  }


}