.purchase_wrapper{
    .purchase_content_wrapper{
        .product_gallery{
            background: #ffff;
            padding:20px;
            .product_gallery_inner{
            }
        }
        .product_details{
            background: #ffff;
            padding:30px;
            margin-bottom:20px;
            h1{
                margin: 0px;
                padding:0px;
                font-size: 20px;
            }
            h2{
                margin: 0px;
                padding:0px;
                color: #92a1b1;
                font-size: 16px;
                padding-top:5px;
                
            }
            h3{
               color: #000000;
               font-weight: 600;
               padding-top:10px;
               padding-bottom: 0px;
               margin: 0px;
            }
            h4{
                margin: 0px;
                padding:0px;
                color: #000000;
                font-size: 16px;
                padding-top: 30px;
                font-weight: 600;
                padding-bottom: 15px;
            }

            p{
                margin: 0px;
                padding: 0px;
                color: #92a1b1;
                font-size: 13px;
            }
            .row{
                padding-bottom: 10px;    
            }
            h6{
                margin: 0px;
                padding: 0px; 
                font-size: 13px; 
                color: #000000;
            }
            .rate_review{
                ul{
                    margin:0px;
                    padding: 0px;
                    &::-webkit-scrollbar {
                        display: none;
                    }
                    li{
                        list-style: none;
                        border-bottom: 1px solid #eeeeee;
                        padding-top: 15px;
                        padding-bottom: 15px;
                    }
                }
            }
            .counter_wrapper{
               .count_btn{
                display: inline-block;
                width:40px;
                height:40px;
                color: #2655bf;
                border:1px solid #d0d0d0;
                background: transparent;
                cursor: pointer;
                text-align: center;
                border-radius: 50%;
                margin:5px;
                font-size:25px;
                padding:0px;
               } 
               .counter_value{
                display: inline-block;
                width:40px;
                height:40px;
                border:1px solid #2655bf;
                background: transparent;
                cursor: pointer;
                text-align: center;
                border-radius: 50%;
                margin:5px;
                font-size: 20px;
                padding: 4px;
               }
            }
            .btn_bay{
                padding-top: 30px;

                .btn{  
                    border-radius: 0px;
                    height:45px;
                    padding-left:5%;
                    padding-right:5%;
                    margin-right: 20px;
                    &:focus{
                        outline: none !important;
                    }
                    &:hover{
                        outline: none !important; 
                    }
                }
               .btn_cart{
                background: #fef160;
                color: #000000;
                border:none;
                
                
               } 
               .btn_buy{
                background: #2655bf;
                color:#fff;
                border:none;
               }    
            }
            ul{
                margin:0px;
                padding-left: 20px;
                li{
                    color: #464646;
                    font-weight:300;
                }
            }
            .rating_div{
                .rating { 
                    border: none;
                    float: left;
                  }
                  
                  .rating > input { display: none; } 
                  .rating > label:before { 
                    margin: 2px;
                    font-size: 24px;
                    font-family: FontAwesome;
                    display: inline-block;
                    content: "\f005";
                  }
                  
                  .rating > .half:before { 
                    content: "\f089";
                    position: absolute;
                  }
                  
                  .rating > label { 
                    color: #ddd; 
                   float: right; 
                   margin:0px;
                  }
                  
                  /***** 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;  } 
            }
            .big_rating_div{
                .rating { 
                    border: none;
                    float: left;
                  }
                  
                  .rating > input { display: none; } 
                  .rating > label:before { 
                    margin: 7px;
                    font-size: 40px;
                    font-family: FontAwesome;
                    display: inline-block;
                    content: "\f005";
                  }
                  
                  .rating > .half:before { 
                    content: "\f089";
                    position: absolute;
                  }
                  
                  .rating > label { 
                    color: #ddd; 
                   float: right; 
                   margin:0px;
                  }
                  
                  /***** 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;  } 
            }

            .feed_rating{
                float: right;
                .rating { 
                    border: none;
                    float: left;
                  }
                  
                  .rating > input { display: none; } 
                  .rating > label:before { 
                    margin:3px;
                    font-size:18px;
                    font-family: FontAwesome;
                    display: inline-block;
                    content: "\f005";
                  }
                  
                  .rating > .half:before { 
                    content: "\f089";
                    position: absolute;
                  }
                  
                  .rating > label { 
                    color: #ddd; 
                   float: right; 
                   margin:0px;
                  }
                  
                  /***** 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;  } 
            }
        }
    }
    .bottom_product_list{
        background: #fff;
        position: relative;
        h4{
            color: #262626;
            margin: 0px;
            padding:15px;
            font-size: 16px;
            padding-bottom: 0px;
            span{
                color: #92a1b1;
            }
        }
        .leftRs{
            position: absolute;
            left:10px;
            top: 35%;
            width:50px;
            height:50px;
            border-radius: 50px;
            background: url("/assets/images/asset_left.png");
            border:none;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            &:focus{
                outline: none;
            }

        }
        .rightRs{
            position: absolute;
            right:10px;
            top: 35%;
            width:50px;
            height:50px;
            border-radius: 50px;
            background: url("/assets/images/asset_right.png");
            border:none;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            &:focus{
                outline: none;
            }

        }
        li{
            list-style: none;
            padding:10px;
            width:100%;
            display: inline-block;  
            .inner_div_product{
                border:1px solid #eeeeee;
                min-height: 300px;
                padding: 15px;
                margin:0 auto;
                width:100%;
                .product_wrapper{
                    text-align: center;
                    padding: 10px;
                    img{
                        height: 180px;
                        max-width: 100%;
                    }
                }
                h5{
                    padding:0px;
                    margin:0px;
                    color: #424242;
                    font-size: 16px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    padding-bottom: 5px;
                }
                p{
                    padding:0px;
                    margin:0px;
                    color: #a3afbd;
                    font-size: 14px;
                    
                }

                .star_ratting{
                    padding-top: 2px;
                    span{
                        float: right;
                        color: #000000;
                    }
                    .rating { 
                        border: none;
                        float: left;
                      }
                      
                      .rating > input { display: none; } 
                      .rating > label:before { 
                        margin: 2px;
                        font-size: 16px;
                        font-family: FontAwesome;
                        display: inline-block;
                        content: "\f005";
                      }
                      
                      .rating > .half:before { 
                        content: "\f089";
                        position: absolute;
                      }
                      
                      .rating > label { 
                        color: #ddd; 
                       float: right; 
                       margin:0px;
                      }
                      
                      /***** 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;  } 
                }
            }
        }
    }
}