// Variables
$container-bg: #eee;
$font-size-base: 14px;
$line-height-computed: 1.4;
$lines-to-show: 2;
 
// Reset
p {
  margin: 0px;
}
 
// Multiline text with ellipsis
// Supported IE and Firefox
#mttitle {
  background: #eee;
  overflow: hidden;
  width: 100%;
  p {
	  
	  
	margin-bottom: 0px !important;
    font-size: $font-size-base;
    height: $font-size-base * $line-height-computed * $lines-to-show;
    line-height: $line-height-computed;
    margin: 0px;
    position: relative;
    &:before,
    &:after {
      background: #eee;
      position: absolute;
    }
    &:before {
      content: "...";
      top: $font-size-base * $line-height-computed * ($lines-to-show - 1);
      right: 0;
    }
    &:after {
      content: "";
      height: 100%;
      width: 100%;
    }
  }
}