响应式查询中的一个小问题？

Question

大家好我在这里有一点问题我有一些div，我已经定位在屏幕宽度

之下

@media all and (min-width: 1024px) and (max-width: 1399px) {
  .logo{margin-top:70px;}
  .menu_bt{display:block; margin-left:30px;}
  .search_bt{display:block; margin-left:30px;}
} 

所以我上面你可以看到我已经定位了一些div并且我已经显示了一些隐藏的div并且它们在屏幕宽度上看起来很好但是当我将浏览器宽度更改为768px时它并没有显示我设置的样式在例如（.menu_bt和.search_bt）的1024px屏幕宽度中，我已将它们从display：none更改为显示：block但它们不会显示在786px屏幕宽度中。我必须在下面提到的屏幕中设置上述属性得到他们的宽度....我不知道什么问题请帮帮我

@media all and (min-width: 768px) and (max-width: 1023px) {
  .logo{margin-top:70px;}
  .menu_bt{display:block; margin-left:30px;}
  .search_bt{display:block; margin-left:30px;}
}