Скрыть div при масштабировании шаблона

Как скрыть элемент div,(content_bg) элемент отображается когда только уменьшаешь масштаб в браузере?( CSS)
.main #content_bg { margin:0 auto; padding:0 0 235px !important; background:#fff; width:1000px;}
#content_bg { margin:0 auto; padding:60px 0 271px; background:#fff; width:950px;}
#content_bg h3, #content_bg h2, #content_bg h4, #content_bg h1, #content_bg h3 a, #content_bg h2 a, #content_bg h4 a, #content_bg h1 a{color:#151314; font-size:20px;}
#content_bg h3 a:hover, #content_bg h2 a:hover, #content_bg h4 a:hover, #content_bg h1 a:hover{color:#ef144d; font-size:20px;}
#content_bg h5 a, #content_bg h5 {color:#151314; font-size:14px;}
#content_bg h5 a:hover {color:#ef144d; font-size:14px;}
.main #content_bg { width:960px; margin:0 auto; padding:0 0 0;}
.main #content, .main #maincolumn {padding:0 }
.main #header {min-height:979px}