.purchase_wrapper{
    .purchase_content_wrapper{
        padding-top:115px;
        .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;
                float: left;
            }

            .review{
                background: #FFD700;
                color: #000000;
                float:right;
                padding-left: 10px;
                padding-right: 10px;
                cursor: pointer;
            }

            .need_invoice{
                background: #2655bf;
                color: #fff;
                float:right;
                padding: 2px;
                font-weight:400;
                padding-left: 10px;
                padding-right: 10px;
                
                cursor: pointer;
            }
            h2{
                margin: 0px;
                padding:0px;
                color: #92a1b1;
                font-size: 16px;
                padding-top:5px;
                padding-bottom: 10px;
            }
            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;
            }
            .others{
                padding-top: 10px;
                padding-bottom: 25px;
                h4{
                    font-size: 14px;
                    padding-bottom: 0px;
                    margin-bottom:7px;
                    padding-top: 0px;
                    strong{
                        background: #2655bf;
                        color: #fff;
                        margin-left: 10px;
                        padding: 3px;
                        padding-left: 7px;
                        padding-right: 7px;
                    }
                    div{
                        color: #92a1b1;
                        font-weight: 400;
                        width: 50px;
                        display: inline-block;
                        margin-right: 10px;
                    }
                    span{
                        display: inline-block;
                    }
                }
            }

            .order_range{
                height:207px;
                padding-top: 20px;
                width:30px;
                float: left;
            }
            .order_range_details{
                float: left;
                width:calc(100% - 30px);
                height:221px;
                padding-top: 20px;
                padding-left: 20px;
                position: relative;
                border-right:1px solid #eeee;
                span{
                    position: absolute;
                    &:nth-child(1) {
                        top:7%;
                    }
                    &:nth-child(2) {
                        top:32%;
                    }
                    &:nth-child(3) {
                        top:57%;
                    }
                    &:nth-child(4) {
                        top:82%;
                    }
                }
                 
                h5{
                    margin:0px;
                    padding:0px;
                    font-size: 14px;
                }
                p{
                    margin:0px;
                    padding:0px;
                    font-size: 11px;
                }
            }

            .order_delivery_details{
                padding-top: 55px;
                padding-bottom: 30px;
                .order_id{
                    color: #000000;
                    padding-top: 20px;
                    padding-bottom: 30px;
                    font-weight: 600;

                }
                .order_delivery{
                    h4{
                        color: #000000;
                        margin:0px;
                        padding:0px;
                    }
                    p{
                        color: #abb6c2;
                        margin:0px;
                        padding:0px;
                    }
                }
            }

            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;
                    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;
        .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;
                        width: auto;
                    }
                }
                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;  } 
                }
            }
        }
    }
}


.ratting_inner{
    padding: 20px;
    p{
     color: #000000;
     margin: 0px;
     padding:0px;
     font-size: 20px;
     border-left:6px solid #fef160;
     padding-left: 20px;
     width: 100%;
     margin-bottom: 20px;
    } 
    hr{
        margin: 0px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .submit_btn{
        background: #2655bf;
        color: #fff;
        border:none;
        height:50px;
        padding-left: 8%;
        padding-right: 8%;
        font-size: 18px;
    }
    .title_input{
        border:none;
        width: 100%;
        height:50px;
        font-size: 20px;
        padding-left: 20px;
        font-weight: 300;
        &:focus{
            outline: none;
        }
        &::placeholder{
            color: #cad2db;
            font-weight: 300;
        }
    }
    .ratting_star{
     .rating { 
         border: none;
         float: left;
       }
       
       .rating > input { display: none; } 
       .rating > label:before { 
         margin: 6px;
         font-size: 30px;
         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;  } 
    }
 }