update

modules/productcomments/views/css/productcomments.css

@@ -123,7 +123,7 @@
   padding: 15px 30px 30px;
 }
 
-.product-comment-modal .modal-header h2 {
+.product-comment-modal .modal-header .h2 {
   float: left;
   font-size: 20px;
 }
@@ -133,7 +133,7 @@
   max-width: 774px;
 }
 
-.product-comment-modal .modal-dialog h3 {
+.product-comment-modal .modal-dialog .h3 {
   font-size: 14px;
 }
 
@@ -357,7 +357,7 @@
   margin-bottom: 20px;
 }
 
-.product-comment-list-item .comment-content h4 {
+.product-comment-list-item .comment-content .h4 {
   height: 22px;
   color: #363a41;
   font-size: 16px;
@@ -589,7 +589,7 @@
   font-size: 13px;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 960px) {
   #product-comments-list-footer {
     position: relative;
     min-height: 45px;
@@ -607,7 +607,7 @@
   }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 960px) {
   #product-comments-list-footer {
     display: flex;
     flex-direction: row-reverse;
@@ -616,7 +616,7 @@
   }
 }
 
-@media (max-width: 576px) {
+@media (max-width: 768px) {
   #product-comments-list-footer {
     display: flex;
     flex-direction: column;
@@ -665,3 +665,7 @@
 #product-comments-list-pagination ul li.active span {
   cursor: not-allowed;
 }
+
+#product-comments-list-pagination ul li.hidden {
+  display: none;
+}