@media only screen and (max-width:980px){.four-columns .et_pb_column{width:25%!important}}`
What is this code doing? The @media only screen and (max-width:980px) is dictating that when the viewport is less than 980 pixels,to display the 4 columns side-by-side and not stacked. 980 pixels is the dimension that typically is the breakpoint for tablets.
#bbpress-forums li.bbp-header{background:#eaeaea00}#bbpress-forums ul.bbp-forums,#bbpress-forums ul.bbp-lead-topic,#bbpress-forums ul.bbp-replies,#bbpress-forums ul.bbp-search-results,#bbpress-forums ul.bbp-topics{font-size:12px;overflow:hidden;border:1px solid #eeeeee00;margin-bottom:20px;clear:both}.bbp-pagination-count{float:left;border:1px solid transparent;color:#00000000}