Html CSS的响应列不工作

如果我缩小宽度（移动设备），为什么图像不会自动下降？我的、@media或其他东西有问题吗？

*我试着让它像引导栏一样响应。我把它分为两部分：第三部分和第三部分，但第三部分没有响应地下降，卡在右侧，即使我已经调整了第三部分和第三部分，这两部分仅在最小宽度为601px的设备中实现。请帮忙

先谢谢你*

html{
框大小：边框框；
}*,
*：之前，
*：在{
框大小：继承；
}
html{
-ms文本大小调整：100%；
-webkit文本大小调整：100%；
溢出x：隐藏；
最小高度：100%；
最小宽度：100%；
}
html，正文{
字体系列：Verdana，无衬线；
字体大小：15px；
线高：1.5；
}
正文{
保证金：0；
}
a{
背景色：透明；
-webkit文本装饰跳过：对象；
颜色：继承；
}
a:活动，a:悬停{
轮廓宽度：0；
}
h1{
字体大小：36px；
}
h2{
字体大小：30px；
}
h3{
字体大小：24px；
}
h4{
字体大小：20px；
}
h5{
字号：18px；
}
h5.italic{
字体：斜体；
}
h6{
字体大小：16px；
}
p{
颜色：#7575！重要；
}
p、 斜体{
字体：斜体；
}
@介质（最小宽度：993px）{
.隐藏大的{
显示：无！重要；
}
}
@介质（最大宽度：992px）和（最小宽度：601px）{
.隐藏介质{
显示：无！重要；
}
}
@介质（最大宽度：600px）{
.hide small{
显示：无！重要；
}.content main{
弯曲方向：行；
}
}
@介质（最小宽度：601px）{
.季度{
宽度：24.99999%；
}.第三{
宽度：33.33333%；
}.Two third{
宽度：66.666%；
}
}
@介质（最大宽度：992px）{
.content main{
左边距：0！重要；
右边距：0！重要；
}
}
img{
边框样式：无；
}
.主题{
颜色：#fff！重要；
背景色：#000000！重要；
}
.主题-l1{
颜色：#fff！重要；
背景色：#333333！重要；
}
.top、.bottom{
位置：固定；
宽度：100%；
z指数：1；
}
.top{
排名：0；
}
.bottom{
底部：0；
}
.bar{
宽度：100%；
溢出：隐藏；
}
.container、.panel{
填充：0.01em 16px；
最小高度：50px；
溢出：隐藏；
}
.小组{
边缘顶部：16px；
边缘底部：16px；
}
.bar.bar项目{
填充：8px 16px；
浮动：左；
宽度：自动；
边界：无；
大纲：无；
显示：块；
}
.bar.按钮{
空白：正常；
}
.bar块.bar项{
宽度：100%；
显示：块；
填充：8px 16px；
文本对齐：左对齐；
边界：无；
大纲：无；
空白：正常；
浮动：无；
}
.按钮{
-webkit触摸标注：无；
-webkit用户选择：无；
-khtml用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
边界：无；
显示：内联块；
大纲：0；
填充：8px 16px；
垂直对齐：中间对齐；
溢出：隐藏；
文字装饰：无；
颜色：继承；
背景色：继承；
文本对齐：居中；
光标：指针；
空白：nowrap；
}
.按钮：悬停{
颜色：#000！重要；
背景色：#ccc！重要；
}
.按钮：已禁用{
光标：不允许；
不透明度：0.3；
}
蒂尔先生{
颜色：#fff！重要；
背景色：#009688！重要；
}
.teal，.hover teal:hover{
颜色：#fff！重要；
背景色：#009688！重要；
}
.white、.hover-white:hover{
颜色：#000！重要；
背景色：#fff！重要；
}
.页边距顶部{
利润上限：16px！重要；
}
.页边距底部{
边缘底部：16px！重要；
}
.左边距{
左边距：16px！重要；
}
.margin right{
右边距：16px！重要；
}
.对{
浮子：对！很重要；
}
.显示容器{
位置：相对位置；
}
.设置不透明度{
动画：opac 0.8s；
}@keyframes opac{
从{
不透明度：0；
}到{
不透明度：1；
}
}
.xlarge{
字体大小：24px！重要；
}
.XXL{
字体大小：36px！重要；
}
.左对齐{
文本对齐：左！重要；
}
.center{
文本对齐：居中！重要；
}
.1-65{
填充顶部：65px！重要；
填充底部：65px！重要；
}
.padding-64{
填充顶部：64px！重要；
填充底部：64px！重要；
}
.浅灰色，.悬停浅灰色：悬停{
颜色：#000！重要；
背景色：#f1f1！重要；
}
.bottombar{
边框底部：6px实心#ccc！重要；
}
.topbar{
边框顶部：6px实心#ccc！重要；
}
.1-16{
填充顶部：16px！重要；
填充底部：16px！重要；
}
.填充{
填充：8px 16px！重要；
}
四分之一，三分之一，
.Two third{
浮动：左；
宽度：100%；
}
.季度{
宽度：24.99999%；
}
.第三{
宽度：33.33333%；
}
.Two third{
宽度：66.666%；
}
.行填充，
.row padding>.quarter，
.row padding>.third，
.row padding>.twoothird{
填充：0 8px；
}
.content{
最大宽度：980px；
保证金：自动；
}
.hide{
显示：无！重要；
}
.show{
显示：块！重要；
}
.container:之后，.container:之前，
.panel:之后，.panel:之前，
.行填充：之后，.行填充：之前，
.bar:之前，.bar:之后{
内容：“；
显示：表格；
明确：两者皆有；
}
.circle{
边界半径：50%；
}
.主要内容{
最大宽度：1020px；
保证金：自动；
最小高度：50px；
溢出：隐藏；
}
.leftbar{
左边框：6px实心#ccc！重要；
}
塞里夫先生{
字体系列：衬线；
}
.因果报应{
字体系列：“因果报应”，无衬线；
}

关于
在艺术和工艺之间，是奇诺甲级联赛。
在美国发现新一波的chinoserie
@media (max-width:600px){  
   .hide-small {  
      display:none!important;
   } .content-main {  
      flex-direction: row;
   }
  .third {
    clear: both
  }
}