Index: arms/detail.html
===================================================================
diff -u -rf9698afe9acdb71fc06859ee355517474286de61 -rb9afe7456374156361941b44900c7678122e9bed
--- arms/detail.html	(.../detail.html)	(revision f9698afe9acdb71fc06859ee355517474286de61)
+++ arms/detail.html	(.../detail.html)	(revision b9afe7456374156361941b44900c7678122e9bed)
@@ -664,7 +664,7 @@
 				</div>
 			</div>
 
-			<div id="filter-files" class="row portfolio-container" data-aos="fade-up" data-aos-delay="200">
+			<div id="filter-files" class="row-cols-3 portfolio-container" data-aos="fade-up" data-aos-delay="200">
 			</div>
 
 		</div>
@@ -779,4 +779,38 @@
 	.container .content {
 		padding-bottom: 0px;
 	}
+
+	.portfolio .portfolio-wrap .portfolio-info {
+		overflow-wrap: anywhere;
+	}
+
+	.portfolio .portfolio-wrap .portfolio-info h4 {
+		font-size: 18px!important;
+		color: #45505b;
+		font-weight: 600;
+	}
+
+	@media (min-width: 1px) {
+		.portfolio .portfolio-wrap .portfolio-info h4 {
+			font-size: 16px!important;
+		}
+	}
+
+	@media (min-width: 576px) {
+		.portfolio .portfolio-wrap .portfolio-info h4 {
+			font-size: 14px!important;
+		}
+	}
+
+	@media (min-width: 768px) {
+		.portfolio .portfolio-wrap .portfolio-info h4 {
+			font-size: 16px!important;
+		}
+	}
+
+	@media (min-width: 992px) {
+		.portfolio .portfolio-wrap .portfolio-info h4 {
+			font-size: 16px!important;
+		}
+	}
 </style>
Index: arms/js/detail.js
===================================================================
diff -u -rf9698afe9acdb71fc06859ee355517474286de61 -rb9afe7456374156361941b44900c7678122e9bed
--- arms/js/detail.js	(.../detail.js)	(revision f9698afe9acdb71fc06859ee355517474286de61)
+++ arms/js/detail.js	(.../detail.js)	(revision b9afe7456374156361941b44900c7678122e9bed)
@@ -702,9 +702,12 @@
                         var thumbnailUrl = file.thumbnailUrl;
                         var fileSize = formatBytes(file.size, 3);
                         // var fileSize = file.size;
+/*
                         var imageLinkHtml = file.contentType.includes("image") ? `<a href="${thumbnailUrl}" data-gallery="portfolioGallery" class="portfolio-lightbox" title="${title}"><i class="bx bx-plus"></i></a>` : '';
+*/
+                        var imageLinkHtml = '';
 
-                        var $newHtml = $(`<div class="col-lg-4 col-md-6 portfolio-item ${filterClass}">
+                        var $newHtml = $(`<div class="col-lg-2 col-md-3 col-sm-3 portfolio-item ${filterClass}">
                                             <div class="portfolio-wrap" style="display: grid; background: rgb(69 80 91 / 0%)!important;">
                                                 <img src="${imgSrc}" class="img-fluid" alt="" style="margin:auto;">
                                                 <div class="portfolio-info">