DWのブレイクポイント別のcss指定について

Macでadobe Dreamweaver CC2017を使い始めたばかりです。
htmlでPCサイズをコーディングしたのち、スマホサイズでもコーディングすることになり、
以前（DW CS5.5）は別ファイルでスマホ用にhtmlを構築や@media screenで対応していたのですが、新しい機能でブレイクポイントを知り、割と簡単にレスポンシブタイプにできるのかなと思ったのですがmax-width479pxでブレイクポイントを設定してcssをいじると、PCサイズのcssが変わってしまいます。一応新規cssで@mediaを作ったものの、そちらにスマホ用のcssが追加されません。
PCとSPのcssをブレイクポイント別に使用する方法を教えてください。
初歩的な質問で申し訳ありません。
ちなみに最初からhtmlで作っているのでBootstrapとかいうのは使っていません（というかこれを調べていて初めて知りました）

質問者からの補足コメント

• ご回答ありがとうございます。
  しかしながら今回の質問はdreamweaverの使い方に寄った質問になりますので、お教えいただいたurlのcssにスタイルを記述していくというのとは若干違ってしまいます。参考にはさせていただきますのでお礼申し上げます。

  No.1の回答に寄せられた補足コメントです。 補足日時：2017/02/08 09:19

No.1 回答者： goulan 回答日時： 2017/02/07 18:24

http://scene-live.com/page.php?page=95
こちらとか参照なさってはいかがでしょう？既知でしたらすみません。