Alignment Issue

@bizgate,

Use this CSS code, it should solve the issue

#wpdcom {
    max-width: 100%;
    margin-right: 29%;
}

@media screen and (max-width: 600px){
    #wpdcom {
       max-width: 100%;
       margin: 15px !important;
    }
}

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again. 

Please don't forget to press Ctrl+F5 (twice) on the frontend before checking.

@asti 

but the article rate is still in the center. is it possible to change that as well.
and one more thing is it possible to Article Rating to Consumer Rating?

@bizgate ,

but the article rate is still in the center. is it possible to change that as well.

Use this code as well. 

div#comments  #wpd-post-rating {
    display:block;
    margin-left: 20%;
}
@media screen and (max-width: 600px){
   div#comments  #wpd-post-rating {
      display:block;
      margin-left: 30%;
   }
}

and one more thing is it possible to Article Rating to Consumer Rating?

You should change the value of the "Post Rating Title" field. More info here: https://wpdiscuz.com/docs/wpdiscuz-7/getting-started/manage-comment-forms/comment-form-settings/#enable-post-rating

@asti 

any code to reduce the line width also to the same size. please refer the attached image

@bizgate,

I'm sorry, but there is not any solution for this. You should either use the code or remove it. 

@asti

how to remove that line?

@bizgate,

you should remove the whole code provided in this post. In this case, the rating will not be in the center. 

@asti 

Ok for the moment will use it as it is. Guess most of the issues are solved and looking good right now. in case if you get a solution to reduce the length of that line please leave a message.

Thank you for your support, really appreciated