.max-lines {
  display: block;/* or inline-block */
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  -webkit-line-clamp: 7; /* number of lines to show */
   -webkit-box-orient: vertical;
}

@media screen{
	.logo{height: 200;}
	/*.pdpa_sign_layout{width:100%;} control signature display for update modal */
}

@media screen and (max-width: 767px) {
	.pdpa_sign_layout{width:100%;} /*control signature display for update modal */
}

@media screen and (max-width: 300px) {
	.logo{height:160;}
}

@media screen and (max-width: 420px) {
	.remarks_display {
  display: block;/* or inline-block */
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  -webkit-line-clamp: 7; /* number of lines to show */
   -webkit-box-orient: vertical;
}
}