.ff-single-pr-mobile-view #open-review-form-mobile{
    display: none;
}

.ff-review-content {
    overflow-wrap: break-word;
}

.ff-desktop-view-review-title{
    display: block;;
}

@media (max-width: 767px) {

    .ff-desktop-view-review-title{
        display: none;
    }
    .ff-single-pr-mobile-view #open-review-form-mobile{
        display: block;
    }


    .ff-single-pr-mobile-view{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .ff-single-pr-mobile-view h2{
        font-size: 20px;
        margin: 0;
    }
    .custom-rating-summary{
        width: 100% !important;
    }

    .ff-review-summary-form{
        flex-direction: column !important;
        margin: 0 !important;
    }

    .review-form-column{
        width: 100% !important;
    }

   .ff-review-avatar {
        max-width: 60px !important; 
        width: 60px !important;
        height: 60px !important;
    }

   .ff-review-meta{
        position: absolute;
        left: 76px;
        top: -4px;
   }

   .ff-review-stars{
        position: absolute;
        left: 76px;
        top: 44px;
        bottom: 0 !important;
   }

   .ff-review-avatar-container{
        width: 100% !important;
   }

   .ff-review-header {
        position: relative;
        align-items: start !important;
   }

   .review-form-trigger-inner{
        display: none;
   }

   #review_form_wrapper{
        position: fixed;
        left: 0;
        right: 0;
        z-index: 9999;
        margin: 0;
        transition: bottom 0.3s ease-in-out;
        -webkit-transition: bottom 0.3s ease-in-out;
        -moz-transition: bottom 0.3s ease-in-out;
        -ms-transition: bottom 0.3s ease-in-out;
        -o-transition: bottom 0.3s ease-in-out;
        padding-top: 8px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        background-color: var(--white);
    }

    #review_form_wrapper.active {
        bottom: 0 !important;
        border: none !important;
    }

    .review-form-close{
        display: none;
    }

    .drag-handle {
        height: 16px;
        cursor: grab;
        touch-action: none; 
    }

    .drag-handle-bar {
        width: 46px;
        height: 5px;
        background-color: #ccc;
        border-radius: 3px;
        margin: 8px auto;
    }

    .review-form-header{
        text-align: center;
        display: block;
    }

    .review-form-title{
        font-size: 18px !important;
        font-weight: 700 !important;
        color: var(--black);
    }
    .svg-rating-input{
        margin-left: 20px !important;
    }

    .comment-form-author{
        width: 100% !important;
    }

    .comment-form-author input,
    .comment-form-email input{
        height: 48px !important;
    }

    .comment-form-email{
        width: 100% !important;
    }  
    
    .review-form .form-row{
        gap: 20px !important;
        margin-bottom: 0 !important;
    }
    .review-form .comment-form-comment{
        margin-bottom: 0 !important;
    }

    .review-form .comment-form-rating {
        margin-bottom: 0 !important;
    }

    #comment-form-rating-label{
        margin-bottom: 0 !important;
    }
    .ff-review-summary-form #submit {
        min-height: 37px !important;
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    .ff-review-summary-form p.form-submit {
        margin-bottom: 0 !important;
    }

    #review-form-background-overlay {
        display: none;
        position: fixed;
        top: 0;
        background: #84848457;
        height: 100vh;
        width: 100vw;
        max-width: 100vw;
        min-width: 100vw;
        margin: 0;
        padding: 0;
        left: 0;
        z-index: 999;
    }

    .custom-rating-summary .crs-card{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .custom-rating-summary .crs-header{
        margin-top: 50px !important;
    }

    .ff-review-author {
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}