.home_wrapper{
    padding-top: 30px;
    .location_box{
      position: fixed;
      left:0px;
      top: 60px;
      right:0px;
      z-index: 999;
    }
    .location_bar{
      max-width:200px;
      background: #fbd339;
      padding:5px;
    border-radius: 20px;
    margin:0 auto;
    text-align: center;
    -webkit-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.2);
    background-image: url("../../assets/img/aaset_loc.png");
    background-position: left 15px top 6px;
    background-repeat: no-repeat;
    padding-left:35px;
    padding-right:30px;
    background-size: 15px;
    font-size: 14px;
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
    }
    ul{
        padding:10px;
        margin:0px;
        li{
            background: #f6f5fa;
            border-radius:10px;
            margin-bottom: 10px;
            position: relative;
            padding:20px;
            .circle{
                width:60px;
                height:60px;
                float: left;
                img{
                    width: 100%;
                    height:100%;
                }
            }
            .details{
                float: right;
                width:calc(100% - 60px);
                padding-left: 20px;
                h5{
                    margin:0px;
                    padding:0px;
                    padding-bottom: 5px;
                }
                .list_btn{
                    position: absolute;
                    right: 2px;
                    top: 17px;
                    font-size: 14px;
                }
                .remind{
                    color: #282438;
                    background: url("../../assets/img/asset_remind.png");
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: 100%;
                    padding: 10px;
                    padding-left: 15px;
                    padding-right: 15px;
                }
                .book{
                    color: #fff;
                    background: url("../../assets/img/asset_book.png");
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: 100%;
                    padding: 10px;
                    padding-left: 15px;
                    padding-right: 15px;
                }
                p{
                    margin:0px;
                    padding:0px;
                    color: #282438;
                    font-size: 12px;
                    padding-top: 5px;
                }
                h6{
                    margin:0px;
                    padding: 0px;
                    padding-top:8px;
                }
                .distance_banner{
                    background-color: #fff;
                    padding: 3px;
                    padding-left: 6px;
                    padding-right: 6px;
                    background-image: url("../../assets/img/aaset_loc.png");
                    background-position: left 5px top 4px;
                    background-repeat: no-repeat;
                    padding-left: 20px;
                    background-size: 12px;
                    border-radius: 10px;
                    margin-right: 10px;
                    font-size: 12px;
                }
                .other_banner{
                    background: #fbd339;
                    color: #282438;
                    padding: 3px;
                    padding-left: 6px;
                    padding-right: 6px;
                    font-size: 12px;
                }

                .playit{
                    padding-top: 8px;
                    img{
                        width: 15px;
                    }
                }
                .rating { 
                    border: none;
                    width:85px;
                    margin: 0px;
                    padding: 0px;
                  }
                  
                  .rating > input { display: none; } 
                  .rating > label:before { 
                    margin:2px;
                    font-size:14px;
                    font-family: FontAwesome;
                    display: inline-block;
                    content: "\f005";
                  }
                  
                  .rating > .half:before { 
                    content: "\f089";
                    position: absolute;
                  }
                  
                  .rating > label { 
                    color: #dcdae9; 
                   float: right; 
                  }
                  
                  /***** CSS Magic to Highlight Stars on Hover *****/
                  
                  .rating > input:checked ~ label, /* show gold star when clicked */
                  .rating:not(:checked) > label:hover, /* hover current star */
                  .rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */
                  
                  .rating > input:checked + label:hover, /* hover current star when changing rating */
                  .rating > input:checked ~ label:hover,
                  .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
                  .rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 
            }
        }
    }
}