.feedback-wrapper .feedback-title{
    padding-left: 0px;
}
.feedback-store h2{
    color: #00AEEF;
    font-weight: 600;
    font-size: 24px;
}
.thumbnail-img .rounded img{
        width: 125px;
        height: 115px;
    }
.feedback-store i{
    color: #00AEEF;
    font-size: 1.75rem;
    margin-bottom: 20px;
}
.tag-box{
    background-color: #F2F2F2;
    padding: 5px 10px;
    margin-right: 10px;
}
.description-img-section{
    width: 100%;
}

.thumbnail-description h3{
    color: #4a4e52;
    font-size: 18px;
    font-weight: 500;
}
.thumbnail-description h4{
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px;
    margin: 0;
}
.thumbnail-description .tag-box-outer{
    padding-bottom: 20px;
}
.thumbnail-description .rating{
    padding-bottom: 20px;
}

.thumbnail-description .rating-date-row .rating-date p{
    color: #8A8989;
}

.rating-date-row h5{
    color: #707070;
    font-size: 1.1rem;
    padding-bottom: 10px;
}

.rating-description-row h5{
    color: #707070;
    font-size: 1.1rem;
    padding-top: 18px;
    padding-bottom: 10px;
}

.rating-description{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}
.form-group .text-area-style{
    border: none;
    box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.05), 0 8px 8px 0 rgba(0, 0, 0, 0.05);
}


@media only screen and (max-width: 1200px) {
    .thumbnail-description h3{
        font-size: 1rem;
        padding-bottom: 5px;
    }
    .thumbnail-description h4{
        font-size: 0.9rem;
        padding-bottom: 10px;
    }
    .thumbnail-description .tag-box-outer{
        padding-bottom: 10px;
    }
    .thumbnail-description .rating{
        padding-bottom: 10px;
    }
    .description-img-section .description-img{
        height: 80px;
    }
}

@media only screen and (max-width: 991px){
    .feedback-wrapper {
        width: 70vw;
    }
    .row .left-side-spacing{
        display: none;
    }
}

@media only screen and (max-width: 768px){
    .feedback-wrapper {
        width: 100%;
    }
    .thumbnail-description h3{
        font-size: 1rem;
    }
    .thumbnail-description h4{
        font-size: 0.9rem;
    }
    .description-img-section .description-img{
        width: 67px;
        height: 67px;
    }
    .tag-box{
        padding: 5px 10px;
        margin-right: 10px;
        font-size: 0.7rem;
    }
    .thumbnail-description .rating{
        padding-bottom: 10px;
    }
    .rating-date-row .rating i{
        font-size: 15px;
    }
}

@media only screen and (max-width: 575px){
    .feedback-wrapper{
        padding-left: 0;
        padding-right: 0;
    }
    .feedback-edit-wrapper{
        padding-left: 20px;
        padding-right: 20px;
    }
    .thumbnail-description h3{
        font-size: 0.9rem;
        padding-bottom: 0;
    }
    .thumbnail-description h4{
        font-size: 0.8rem;
    }
    .description-img-section .description-img{
        width: 65px;
        height: 65px;
    }
    .tag-box{
        padding: 5px 10px;
        margin-right: 5px;
        font-size: 0.6rem;
    }
    .rating-description{
        font-size: 0.7rem;
    }
    .thumbnail-description .rating-date-row .rating-date p{
        color: #8A8989;
        font-size: 0.7rem;
    }
    .feedback-store h2{
        font-weight: 600;
        font-size: 1rem;
    }
    .feedback-store i{
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    .rating-date-row .rating i{
        font-size: 13px;
    }
    .feedback-wrapper .feedback-title{
        padding-left: 10px;
    }
}

@media only screen and (max-width: 436px){
    .thumbnail-img .rounded img{
        width: 100px;
        height: 100px;
    }
    .thumbnail-description h3{
        font-size: 0.8rem;
        padding-bottom: 0;
    }
    .tag-box{
        padding: 5px 8px;
        margin-right: 3px;
        font-size: 0.5rem;
        color: #333;
    }
}