mobile Ansicht für Artikel funktioniert nicht

Question

Ich versuche, mobile Ansicht für diese Seite hinzuzufügen. Ich möchte Artikel und div.sidebar.col-md-4 auf der mobilen Ansicht links sein (Seitenleiste über Artikel). Hier Link zur Seite: https://ewelinawoloszyn.github.io/Press/#mm-0

Hier ist mein Code

@media (min-width: 992px){ 
div.sidebar.col-md-4 { 
    float: right !important; 
     width: 162px !important; 
} 
} 
@media (min-width: 1200px){ 
    div.sidebar.col-md-4 { 
float: right !important; 
     width: 162px !important; 

    } 
    article{width:50% !important; 
    float:left !important;} 
} 


div.profile p{ 
text-align: justify; 

} 
div.profile p a{ 
float:right; 

} 
div.profile ul{ 

    list-style: none; 
    padding-left: 0px; 
} 
h3.name{ 
    margin-bottom: 30px !important; 
} 
article{ 
    width: 50% !important; 
    float:left !important;} 

@media (min-width: 992px) 
.col-md-4 { 
    width: 33.3333%; 
} 
div.sidebar.col-md-4{ 
    float:right; 
    width:162px; 
} 
div.profile img{ 
    margin-bottom:20px; 
} 
img.arch{ 
    width:120px !important; 
    height:100px !important; 
     margin-top: 18px !important; 
     float: left !important; 
margin-right: 9px !important; 
} 
div#disqus_thread{ 
    float:left; 
     width: 523px; 
} 

Was passiert, wenn ich die Medienabfrage für 768px der Artikel hinzufügen, unten links Menü erscheint, die ich nicht will. Wie kann ich eine mobile Ansicht hinzufügen, ohne die 1200px-Ansicht zurückzusetzen?

Jede Beratung sehr geschätzt, Mit freundlichen Grüßen Neko

Answer 1

div.sidebar.col-md-4{ 
    float:right; 
    width:162px; 
} 

verschiebt dieses in @media (min-width: 768px) und definiert nur eine andere Art für Breite < = 768px