.wb_panel(@url, @margin, @padding){ margin: @margin; section.wb_panel{ .float(left); width: 100%; .panel{ position: relative; width: 1125px; margin: 0 auto; background-color: transparent; box-shadow: none; border: none; border-radius: 0; @media (max-width: 767px){ width: 100%; } @media (min-width: 768px) and (max-width: 991px){ width: 711px; } @media (min-width: 992px) and (max-width: 1199px){ width: 928px; } > .panel-heading{ height: 65px; padding: 0; background-image: @url; background-position: left top; background-repeat: no-repeat; background-color: transparent; box-shadow: none; border: none; border-radius: 0; > h3.panel-title{ display: none; } } > .panel-body{ padding: @padding; background-color: @color_grey; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; border-radius: 0 7px 7px 7px; @media (max-width: 340px) { border-radius: 0; } @media (max-width: 767px){ padding: 15px; } @media (min-width: 768px) and (max-width: 991px){ padding: 25px; } @media (min-width: 992px) and (max-width: 1199px){ padding: 45px; } } } } }