メディアクエリ（@media）での違い（レスポンシブ対応）

min-width： 768px
CSSのレスポンシブ対応でこの幅以上のデバイス用に設定する。
min-width:768px はパソコンやタブレットなどのモニターが768px以上の画面に適用させる

max-width: 767px
CSSのレスポンシブ対応でこの幅以下のデバイス用に設定する。
max-width:767px は、スマホなどのモニターが767px以下の画面に適用させる