add mobile archive

style.css

@@ -419,16 +419,19 @@ a{
     border-radius: 55px;
     border: 1px solid #F18129;
     color: white;
-    padding: 20px 28px;
+    vertical-align: middle;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
     font-weight: bold;
-    display: inline-block;
     font-size: 16px;
     font-size: 11px;
     line-height: 110%;
+    display: table-cell;
+    vertical-align: middle;
     height: 55px;
+    padding-left: 22px;
+    padding-right: 22px;
   }
 
   .vazh{
@@ -1088,6 +1091,34 @@ a{
   }
 
 
+  .mobile_archive{
+    display: none;
+  }  
+
+
+.mobile_archive_img{
+  margin-top: -42px;
+  margin-left: 12px;
+  margin-bottom: 8px;
+  width: 91px;
+}
+
+.mobile_archive_text{
+  display: block;
+  margin-left: 12px;
+  margin-bottom: 22px;
+  font-size: 14px;
+}
+
+.mobile_archive_link{
+  margin-top: 8px;
+}
+
+.mobile_archive_link a{
+  color: #909294;
+}
+
+
 #nav_content{
   display: flex;
   padding:0;
@@ -1770,8 +1801,41 @@ img-fluid{
   border-bottom: 3px solid #F18129;
 }
 
+.mob-subscript{
+  display: none;
+}  
 
 
+.mob-block-button{
+  margin: 12px 0;
+
+}
+
+.mob-sub-button{
+    background: #F18129;
+    border-radius: 55px;
+    border: 1px solid #F18129;
+    color: white;
+    vertical-align: middle;
+    text-align: center;
+    text-decoration: none;
+    text-transform: uppercase;
+    font-weight: bold;
+    font-size: 16px;
+    font-size: 11px;
+    line-height: 110%;
+    display: table-cell;
+    vertical-align: middle;
+    height: 55px;
+    padding-left: 22px;
+    padding-right: 22px;
+}
+
+
+#mob-footer{
+  display: none;
+}
+
 @media screen and ( max-width: 580px ) {
 
   #left{
@@ -2009,6 +2073,28 @@ img-fluid{
     margin-top: 22px;
     overflow: hidden;
   }
+
+  .mobile_archive{
+
+    display: flex;
+    border: 1px solid  #F18129;
+    align-items: center;
+    margin-left: 12px;
+    margin-right: 12px;
+    margin-bottom: 12px;
+  }  
+
+  .mob-subscript{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  
+  }
+  
+
+
+
   
 }  
 
@@ -2068,6 +2154,7 @@ and (max-device-width : 667px) {
     display: none;
   }
 
+
   .menu-rubrics{
     display: inline-block;
     margin: 0;
@@ -2076,6 +2163,30 @@ and (max-device-width : 667px) {
     margin-right: 22px;
     overflow: hidden;
   }
+
+
+  .mobile_archive{
+
+    display: flex;
+    border: 1px solid  #F18129;
+    align-items: center;
+    margin-left: 12px;
+    margin-right: 12px;
+    margin-bottom: 12px;
+  }  
+
+
+  .mob-subscript{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  
+  }
+  
+
+
+
   
   
 }