XF 1.5 Have different CSS for responsive/mobile version for same style

Use media queries to target specific ranges. For example
Code:
@media (max-width: @maxResponsiveMediumWidth) {
  .breadBoxTop { padding: 15px 0; }
}
That code will change padding for top breadcrumb when browser width is below 610px
 
Top Bottom