the complete responsive design

Author: shumalov0

css/styke.css

@@ -341,4 +341,56 @@ body{
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
+}
+
+
+/* responsibly */
+
+
+@media (max-width:768px){
+    .sidebar{
+        display:none;
+    }
+
+    .input-headder input{
+        display: none;
+    }
+
+    .header-middle{
+        display: none;
+    }
+
+    .header-info{
+        display: none;
+    }
+
+    .widgets{
+        display: none;
+    }
+    .feed{
+        padding: 0;
+        width: 100%;
+        margin-top: 20px;
+    }
+
+    .story h4{
+        font-size: 10px;
+    }
+
+    .story img{
+        width: 40px;
+    }
+}
+
+@media (min-width:320px) {
+  .story-reel{
+    width: 100%;
+    overflow-x: scroll;
+  }
+}
+@media (min-width:769)and (max-width:1440px) {
+    .feed{
+        width: 50%;
+        padding: 10px 50px;
+    }
 }