--- a/mouchak/static/css/main.css
+++ b/mouchak/static/css/main.css
@@ -26,18 +26,20 @@
     margin: 0;
     padding: 0;
     font-family:'Roboto', sans-serif;
-  
 }
 .container {
-    margin-right:0;
+ 
 }
 .navigation-style {
     position: relative;
-    font-size: 12px;
     margin-top: 15px;
     height: 41px;
     background: none repeat scroll 0% 0% #000;
 }
+.navigation-style > ul > li {
+    font-size:18px;
+    padding:0px 40px;
+}
 .navigation-style li {
     width:auto;
     color:red;

@@ -46,12 +48,14 @@
     padding: 0px 30px;
     text-decoration: none;
     display: inline-block;
+    font-size:16px;
 
 }
 
 .navigation-style li a {
     width:auto;
     color:white;
+    font-size:20px;
 }
 
 .navigation-style li:hover a{

@@ -96,21 +100,7 @@
 margin: 0.2em 0.1em 0.8em 0em;
 }
 
-.navigation-style.col-md-10 {
-  padding-left: 0;
-  padding-right: 0;
-}
 
-.col-md-4 p {
-  width: 85%
-}
-
-
-.col-md-2 {
-width: 23%
-}
-
-
 .content-head2 {
 color:#000000; 
 border-bottom: 1px dotted #C00000 ;
@@ -120,7 +110,25 @@
 padding: 1em 0.1em 0.1em 0em;
 margin: 0.2em 0.1em 0.8em 0em;
 }
-
+ .media
+    {
+        /*box-shadow:0px 0px 4px -2px #000;*/
+        margin: 20px 0;
+        padding:30px;
+    }
+    .dp
+    {
+        border:10px solid #eee;
+        transition: all 0.2s ease-in-out;
+    }
+    .dp:hover
+    {
+        border:2px solid #eee;
+        transform:rotate(360deg);
+        -ms-transform:rotate(360deg);  
+        -webkit-transform:rotate(360deg);  
+        /*-webkit-font-smoothing:antialiased;*/
+    }
 /* content styling for other pages  */
 
 .main-head {


@@ -221,28 +229,15 @@
      overflow-y:scroll;
      }
 .glyphicon { margin-right:10px; }
-.panel-body { padding:0px; }
+.panel-body { padding:0px;background-color:#000; }
 .panel-body table tr td { padding-left: 15px }
 .panel-body .table {margin-bottom: 0px; }
 
-
-
-.col-sm-3 col-md-3{
-    margin:0px 0px 0px -30px;
-}
-
-
-
-.panel panel-default {
-    width:700px;
-}
-
 li.a {
     color:#000;
     border-right:none;
     list-style-type:square;
 }
-
 .header-color{
     color:red;
 }
@@ -263,6 +258,9 @@
   width: auto;
 
 }
+.col-lg-12 {
+    list-style:none;
+}
 .dropdown-menu-large > li > ul {
   padding: 0;
   margin: 0;
@@ -276,7 +274,7 @@
   clear: both;
   font-weight: normal;
   line-height: 1.428571429;
-  color: white;
+//  color: white;
   white-space: normal;
 }
 

@@ -375,11 +373,38 @@
 /* drop down menu css ends here */
 
 /* footer social icons style*/
-.images {
-    float:right;
-    margin:-45px 50px 0px 0px;
+.social-icons {
+   
+   }
+
+.panel-default > .panel-heading {
+    background-color: #000;
+    padding: 5px 0px;
 }
 
+.footer-links {
+    margin-top: 1px;
+}
+
+.footer-links a {
+    osition: relative;
+    color:#fff;
+    font-size: 18px;
+    margin-top: 15px;
+    height: 41px;
+    background: none repeat scroll 0% 0% #000;
+    margin:0px 0px 0px 20px;
+    padding:0px 10px;
+
+}
+.footer-links a:hover{
+    color:red;
+    text-decoration:none;
+}
+
+#pageview-counter-wrapper {
+    margin-top: 3px;
+}
 /* footer style ends here */
 
 /* Search box styles */



@@ -389,17 +414,18 @@
     position: relative;
     display: table;
     border-collapse: separate;
+    margin-top: 7.5%;
 }
 
 .footer-style {
      position: relative;
-    font-size: 12px;
-    margin-top: 15px;
-    height: 35px;
+    font-size: 16px;
+    color:#fff;
+     height: 35px;
     background: none repeat scroll 0% 0% #000;
+    padding-top:2px;
+     }
 
-    }
-
 .footer-style li {
     width:auto;
     color:red;


@@ -416,12 +442,11 @@
     width:auto;
     color:white;
 }
-
 .dropdown-menu-large > li ul > li > a{
-    line-height:1;
     color:white;
     padding-left: 0px;
     padding-right: 5px;
+
 }
 
 .dropdown-menu-large > li ul > li > a:hover{
@@ -443,6 +468,26 @@
     background: #b3d4fc;
     text-shadow: none;
 }
+
+
+@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css');
+@import url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css');
+
+.panel-heading {
+    cursor: pointer;
+}
+
+/* CSS Method for adding Font Awesome Chevron Icons */
+ .accordion-toggle:after {
+    /* symbol for "opening" panels */
+    font-family:'FontAwesome';
+    content:"\f077";
+    float: right;
+    color: inherit;
+}
+.panel-heading.collapsed .accordion-toggle:after {
+    /* symbol for "collapsed" panels */
+    content:"\f078";
 
 /*
  * A better looking default horizontal rule