omit long descriptions in small displays

src/main/webapp/css/style.css

@@ -291,6 +291,12 @@ body.search #searchOptions.active, body.help #searchOptions.active,  body.error
 	body.search #searchOptions.active, body.help #searchOptions.active, body.error #searchOptions.active {
 		right: 0;
 	}
+	.description {
+		overflow: hidden !important;
+		display: -webkit-box;
+		-webkit-line-clamp: 3;
+		-webkit-box-orient: vertical;
+	}
 }
 
 /* Extra small devices (portrait phones, less than 34em) */
@@ -298,6 +304,9 @@ body.search #searchOptions.active, body.help #searchOptions.active,  body.error
 	.br-xs {
 		display: block;
 	}
+	.hidden-xs {
+		display: none !important;
+	}
 	.mainLogo img {
 		width: 200px;
 	}
@@ -324,6 +333,12 @@ body.search #searchOptions.active, body.help #searchOptions.active,  body.error
 	#footer {
 		font-size: 65%;
 	}
+	.description {
+		overflow: hidden !important;
+		display: -webkit-box;
+		-webkit-line-clamp: 3;
+		-webkit-box-orient: vertical;
+	}
 }
 
 @media ( max-width : 767px) and (min-width: 481px) {