@font-face { font-family: "Flaticon"; src: url("../font/flaticon.eot"); src: url("../font/flaticon.eot#iefix") format("embedded-opentype"), url("../font/flaticon.woff") format("woff"), url("../font/flaticon.ttf") format("truetype"), url("../font/flaticon.svg") format("svg"); font-weight: normal; font-style: normal; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-size: 20px; font-style: normal; /*margin-left: 20px;*/ } .flaticon-right:before { content: "\e000"; font-size: 3em; @media screen and (max-width: @grid-float-breakpoint-max) { font-size: 2em; } } .flaticon-left:before { content: "\e001"; font-size: 3em; @media screen and (max-width: @grid-float-breakpoint-max) { font-size: 2em; } }