メディアクエリ後にスタイルが適用されない？

.row { 
    margin-bottom: 0px; 
}

は適用されていませんが、2番目のメディアクエリは削除されますか？メディアクエリ後にスタイルが適用されない？

デザインはデフォルトでデスクトップで、現在はモバイルとタブレットを実装しようとしています。

body { 
    background-image: url('../images/iStock-527528428 Cropped.jpg'); 
    background-repeat: no-repeat; 
    background-position: center top; 
    /*background-attachment: fixed;*/ 
    color: white; 
} 
.container { 
    width: 37%; 
    background-color: black; 
    background: rgba(0, 0, 0, 0.67); 
    border-radius: 17px; 
    padding: 17px; 
    position: relative; 
    top: 37px; 
} 
@media screen and (max-width: 600px) { 
    .container { 
    width: 85%; 
    top: 24px; 
    } 
    body { 
    background-position: left top; 
    } 
} 
@media screen and (min-width: 601px) and (max-width: 992px) { 
    .container { 
    width: 55%; 
    top: 24px; 
    } 
} 
.row { 
    margin-bottom: 0px; 
} 
html { 
    font-family: 'Nunito', sans-serif; 
}

出典

2016-12-27 user1656125

最後にcss –

を追加してください。jsfiddle –

のようなコードを追加して、ファイルがブートストラップCSSファイルの後に来るようにしてください。 – Muhammad