ブラウザのスタイルインスペクタを使用できます。モバイルでは、より具体的な宣言によって宣言が上書きされていることがわかります。
したがって、モバイル用に自分でより具体的な宣言を使用するか、
body:not([class*="category-"]) .list-controls .container #create-topic {
display: none;
}
または、!important プロパティを使用して一般的な宣言に優先順位を付けることができます。
body:not([class*="category-"]) #create-topic {
display: none !important;
}