diff --git a/VERAG_Homepage.sln b/VERAG_Homepage.sln
index bd0c532..1fb3ac9 100644
--- a/VERAG_Homepage.sln
+++ b/VERAG_Homepage.sln
@@ -13,14 +13,14 @@ Project("{E24C65DC-7377-472B-9ABA-BC803B73C61A}") = "VERAG_Homepage", "http://lo
 		Debug.AspNetCompiler.TargetPath = "PrecompiledWeb\localhost_56551\"
 		Debug.AspNetCompiler.Updateable = "true"
 		Debug.AspNetCompiler.ForceOverwrite = "true"
-		Debug.AspNetCompiler.FixedNames = "false"
+		Debug.AspNetCompiler.FixedNames = "true"
 		Debug.AspNetCompiler.Debug = "True"
 		Release.AspNetCompiler.VirtualPath = "/localhost_56551"
 		Release.AspNetCompiler.PhysicalPath = "..\VERAG_Homepage\"
 		Release.AspNetCompiler.TargetPath = "PrecompiledWeb\localhost_56551\"
 		Release.AspNetCompiler.Updateable = "true"
 		Release.AspNetCompiler.ForceOverwrite = "true"
-		Release.AspNetCompiler.FixedNames = "false"
+		Release.AspNetCompiler.FixedNames = "true"
 		Release.AspNetCompiler.Debug = "False"
 		SlnRelativePath = "..\VERAG_Homepage\"
 	EndProjectSection
diff --git a/css/login/loginFLEX.css b/css/login/loginFLEX.css
index ddca493..b33e887 100644
--- a/css/login/loginFLEX.css
+++ b/css/login/loginFLEX.css
@@ -87,11 +87,11 @@
         border-color: red;
         color: red;
     }
-        #CustomerID:valid {
-            background-color: white;
-            border-color: forestgreen;
-            color: black;
-        }
+    #CustomerID:valid {
+        background-color: white;
+        border-color: forestgreen;
+        color: black;
+    }
     #CustomerID:invalid + span::before {
         content: '✖';
         color: red;
diff --git a/login/Change_PW.aspx b/login/Change_PW.aspx
index 19bd03d..6a606a0 100644
--- a/login/Change_PW.aspx
+++ b/login/Change_PW.aspx
@@ -132,6 +132,21 @@
                     font-size:30px;
                     margin-left:15px;
                 }
+                .bg-key-icon {
+                    background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
+                    margin-left:30px;
+                    color:#003680;
+                    border-radius: 8px 8px 8px 8px;
+                    -webkit-border-radius: 8px;
+                    -moz-border-radius: 8px;
+                    padding-left: 28px;
+                    padding-right: 50px;
+                    width: 245px;           
+                    border: 1px gray solid;
+                    border-radius: 5px 5px 5px 5px;
+                    margin-left: -4px;
+                    font-size:1.125em;
+            }
             }
             @media (max-width: 323px) {
                 body {
@@ -198,6 +213,21 @@
                     font-size:26px;
                     margin-left:15px;
                 }
+                .bg-key-icon {
+                    background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
+                    margin-left:30px;
+                    color:#003680;
+                    border-radius: 8px 8px 8px 8px;
+                    -webkit-border-radius: 8px;
+                    -moz-border-radius: 8px;
+                    padding-left: 28px;
+                    padding-right: 50px;
+                    width: 245px;           
+                    border: 1px gray solid;
+                    border-radius: 5px 5px 5px 5px;
+                    margin-left: -4px;
+                    font-size:1.125em;
+                }
             }
         </style>
               </head>
diff --git a/login/ForgotPW.aspx b/login/ForgotPW.aspx
index cb18d75..840bd95 100644
--- a/login/ForgotPW.aspx
+++ b/login/ForgotPW.aspx
@@ -156,46 +156,7 @@
     #CustomerID_M {
         color: #003680;
         font-size: 1.125em;
-    }
-    .bg-email-icon {
-        background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 11px white;
-        padding-left: 28px;
-        padding-right: 50px;
-        margin-left: -4px;   
-        width: 207px;
-        height: 38px;
-        border: 1px gray solid;
-        border-radius: 5px 5px 5px 5px;      
-    }
-    .bg-user-icon {
-        background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 11px white;
-        padding-left: 28px;
-        padding-right: 50px;
-        width: 227px;
-        height: 32px;
-        border: 1px gray solid;
-        border-radius: 5px 5px 5px 5px;       
-    }
-    .bg-key-icon {
-        background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
-        padding-left: 28px;
-        padding-right: 50px;
-        width: 227px;
-        height: 32px;
-        border: 1px gray solid;
-        border-radius: 5px 5px 5px 5px;
-        margin-left: -4px;
-    }
-    .bg-UID-icon {
-        background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 11px white;
-        padding-left: 28px;
-        padding-right: 50px;
-        margin-left: -4px;        
-        width: 207px;
-        height: 32px;
-        border: 1px gray solid;
-        border-radius: 5px 5px 5px 5px;
-    }
+    }    
     #RememberMe_M {
         font-size: 20px;
     }
@@ -261,6 +222,67 @@
     content: '✖';
     color: red;
 }    
+
+.bg-email-icon {
+        background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 11px white;
+        margin-left:30px;
+        color:#003680;
+        border-radius: 8px 8px 8px 8px;
+        -webkit-border-radius: 8px;
+        -moz-border-radius: 8px;
+        padding-left: 28px;
+        padding-right: 50px;
+        width: 245px;           
+        border: 1px gray solid;
+        border-radius: 5px 5px 5px 5px;
+        margin-left: -4px;
+        font-size:1.125em;            
+    }
+    .bg-user-icon {
+        background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 11px white;
+        margin-left:30px;
+        color:#003680;
+        border-radius: 8px 8px 8px 8px;
+        -webkit-border-radius: 8px;
+        -moz-border-radius: 8px;
+        padding-left: 28px;
+        padding-right: 50px;
+        width: 245px;           
+        border: 1px gray solid;
+        border-radius: 5px 5px 5px 5px;
+        margin-left: -4px;
+       font-size:1.125em;              
+    }
+    .bg-key-icon {
+        background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
+        margin-left:30px;
+        color:#003680;
+        border-radius: 8px 8px 8px 8px;
+        -webkit-border-radius: 8px;
+        -moz-border-radius: 8px;
+        padding-left: 28px;
+        padding-right: 50px;
+        width: 245px;           
+        border: 1px gray solid;
+        border-radius: 5px 5px 5px 5px;
+        margin-left: -4px;
+        font-size:1.125em;         
+    }
+    .bg-UID-icon {
+        background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 11px white;
+        margin-left:30px;
+        color:#003680;
+        border-radius: 8px 8px 8px 8px;
+        -webkit-border-radius: 8px;
+        -moz-border-radius: 8px;
+        padding-left: 28px;
+        padding-right: 50px;
+        width: 245px;           
+        border: 1px gray solid;
+        border-radius: 5px 5px 5px 5px;
+        margin-left: -4px;
+        font-size:1.125em;         
+    }
 }
     </style>
          <!-- <script type="text/javascript" src="../js/toptions/top_up-min.js"></script> -->
diff --git a/login/login_FLEX.aspx b/login/login_FLEX.aspx
index fa76860..87a70cf 100644
--- a/login/login_FLEX.aspx
+++ b/login/login_FLEX.aspx
@@ -53,46 +53,48 @@
     color: #003680;
     font-size: 1.725em;
 }
-        .bg-email-icon {
-    background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 11px white;
+    .bg-email-icon {
+    background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 10px white;
     padding-left: 28px;
-    padding-right: 50px;    
-    width: 227px;
-    height: 28px;
-    border: 1px gray solid;
-    border-radius: 5px 5px 0px 0px;
+            padding-right: 50px;
+            width: 227px;
+            height: 32px;
+            border: 1px gray solid;
+            border-radius: 5px 5px 5px 5px;
+            margin-left: -4px;
 }
 
 .bg-user-icon {
-    background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 11px white;
-    padding-left: 28px;
-    padding-right: 50px;    
-    width: 227px;
-    height: 28px;
-    border: 1px gray solid;
-    border-radius: 5px 5px 0px 0px;
+    background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 10px white;
+   padding-left: 28px;
+            padding-right: 50px;
+            width: 227px;
+            height: 32px;
+            border: 1px gray solid;
+            border-radius: 5px 5px 5px 5px;
+            margin-left: -4px;
 }
 
 .bg-key-icon {
     background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
-    padding-left: 28px;
-    padding-right: 50px;
-    width: 227px;
-    height: 28px;
-    border: 1px gray solid;
-    border-radius: 5px 5px 0px 0px;
-    margin-left: -4px;
+   padding-left: 28px;
+            padding-right: 50px;
+            width: 227px;
+            height: 32px;
+            border: 1px gray solid;
+            border-radius: 5px 5px 5px 5px;
+            margin-left: -4px;
 }
 
 .bg-UID-icon {
     background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 11px white;
     padding-left: 28px;
-    padding-right: 50px;
-    margin-left: -4px;   
-    width: 207px;
-    height: 28px;
-    border: 1px gray solid;
-    border-radius: 5px 5px 0px 0px;
+            padding-right: 50px;
+            width: 227px;
+            height: 32px;
+            border: 1px gray solid;
+            border-radius: 5px 5px 5px 5px;
+            margin-left: -4px;
 }
 @media (max-width: 558.98px) {
     body {
@@ -182,43 +184,63 @@
     }
     .bg-email-icon {
         background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 11px white;
-        padding-left: 28px;
-        padding-right: 50px;
-        width: 227px;
-        height: 32px;
-        border: 1px gray solid;
-        border-radius: 5px 5px 5px 5px;
-        margin-left: -4px;
+       margin-left:30px;
+       color:#003680;
+       border-radius: 8px 8px 8px 8px;
+       -webkit-border-radius: 8px;
+       -moz-border-radius: 8px;
+       padding-left: 28px;
+       padding-right: 50px;
+       width: 245px;           
+       border: 1px gray solid;
+       border-radius: 5px 5px 5px 5px;
+       margin-left: -4px;
+       font-size:1.125em;
     }
     .bg-user-icon {
         background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 11px white;
-         padding-left: 28px;
-         padding-right: 50px;
-         width: 227px;
-         height: 32px;
-         border: 1px gray solid;
-         border-radius: 5px 5px 5px 5px;
-         margin-left: -4px;
-    }
-    .bg-key-icon {
-        background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
+        margin-left:30px;
+        color:#003680;
+        border-radius: 8px 8px 8px 8px;
+        -webkit-border-radius: 8px;
+        -moz-border-radius: 8px;
         padding-left: 28px;
         padding-right: 50px;
-        margin-left: -4px;   
-        width: 207px;
-        height: 38px;
-        border: 1px gray solid;
-        border-radius: 5px 5px 5px 5px;
-    }
-    .bg-UID-icon {
-        background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 11px white;
-        padding-left: 28px;
-        padding-right: 50px;
-        width: 227px;
-        height: 32px;
+        width: 245px;           
         border: 1px gray solid;
         border-radius: 5px 5px 5px 5px;
         margin-left: -4px;
+        font-size:1.125em;
+    }
+    .bg-key-icon {
+        background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
+        margin-left:30px;
+        color:#003680;
+        border-radius: 8px 8px 8px 8px;
+        -webkit-border-radius: 8px;
+        -moz-border-radius: 8px;
+        padding-left: 28px;
+        padding-right: 50px;
+        width: 245px;           
+        border: 1px gray solid;
+        border-radius: 5px 5px 5px 5px;
+        margin-left: -4px;
+        font-size:1.125em;
+    }
+    .bg-UID-icon {
+        background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 11px white;
+       margin-left:30px;
+       color:#003680;
+       border-radius: 8px 8px 8px 8px;
+       -webkit-border-radius: 8px;
+       -moz-border-radius: 8px;
+       padding-left: 28px;
+       padding-right: 50px;
+       width: 245px;           
+       border: 1px gray solid;
+       border-radius: 5px 5px 5px 5px;
+       margin-left: -4px;
+       font-size:1.125em;
     }       
     #Login1_btn_ForgotPW_M{
         font-size:17px; 
@@ -231,7 +253,82 @@
         font-size:19px;
         margin-left:8px;
         color:#003680;        
-    }   
+    }
+        @media (max-width: 323px) {
+            body {
+                font-family: 'Poppins', sans-serif;
+                background: #fafafa;
+                background-image: url(../../images/road.jpg);
+                background-position: center center;
+                background-repeat: no-repeat;
+                background-attachment: fixed;
+                background-size: cover;
+                background-color: #fff;
+                overflow-y: clip;
+                overflow-x: clip;
+                max-width: 323px;
+            }            
+            bg-email-icon {
+                background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 10px white;
+                margin-left:30px;
+                color:#003680;
+                border-radius: 8px 8px 8px 8px;
+                -webkit-border-radius: 8px;
+                -moz-border-radius: 8px;
+                padding-left: 28px;
+                padding-right: 50px;
+                width: 245px;           
+                border: 1px gray solid;
+                border-radius: 5px 5px 5px 5px;
+                margin-left: -4px;
+                font-size:1.125em;
+            }
+            .bg-user-icon {
+                background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 10px white;
+                margin-left:30px;
+                color:#003680;
+                border-radius: 8px 8px 8px 8px;
+                -webkit-border-radius: 8px;
+                -moz-border-radius: 8px;
+                padding-left: 28px;
+                padding-right: 50px;
+                width: 245px;           
+                border: 1px gray solid;
+                border-radius: 5px 5px 5px 5px;
+                margin-left: -4px;
+                font-size:1.125em;
+            }
+            .bg-key-icon {
+                background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
+                 margin-left:30px;
+                 color:#003680;
+                 border-radius: 8px 8px 8px 8px;
+                 -webkit-border-radius: 8px;
+                 -moz-border-radius: 8px;
+                 padding-left: 28px;
+                 padding-right: 50px;
+                 width: 245px;           
+                 border: 1px gray solid;
+                 border-radius: 5px 5px 5px 5px;
+                 margin-left: -4px;
+                 font-size:1.125em;
+            }
+            .bg-UID-icon {
+                background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 11px white;
+               margin-left:30px;
+               color:#003680;
+               border-radius: 8px 8px 8px 8px;
+               -webkit-border-radius: 8px;
+               -moz-border-radius: 8px;
+               padding-left: 28px;
+               padding-right: 50px;
+               width: 245px;           
+               border: 1px gray solid;
+               border-radius: 5px 5px 5px 5px;
+               margin-left: -4px;
+               font-size:1.125em;
+            }       
+        }
 }
     </style>
  <!-- <script type="text/javascript" src="../js/toptions/top_up-min.js"></script> -->
@@ -280,19 +377,19 @@
                                </tr>                           
                                 <tr style="color:#003680; height:46px;">
                                         <td align="left"  colspan="2">                                                                           
-                                            <asp:TextBox ID="txt_CustomerID" CssClass="bg-UID-icon" runat="server" ValidationGroup="Login" Width="320" Placeholder="Customer-ID" style="margin-left: 22px;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" Font-Size="1.25em" Height="32px"></asp:TextBox>                                             
+                                            <asp:TextBox ID="txt_CustomerID" CssClass="bg-UID-icon" runat="server" ValidationGroup="Login" Width="330px" Placeholder="Customer-ID" style="margin-left: 22px;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" Font-Size="1.25em" Height="32px"></asp:TextBox>                                             
                                             <asp:RequiredFieldValidator ID="CustomerIDrequired" runat="server" ControlToValidate="txt_CustomerID" ForeColor="Red" style="font-size:17px" SetFocusOnError="true" ValidationGroup="Login" ErrorMessage=""></asp:RequiredFieldValidator>                                                                                 
                                         </td>
                                 </tr>  
                                 <tr style="color:#003680; height:46px;">  
                                      <td align="left" colspan="2">                                                                       
-                                           <asp:TextBox ID="UserName" runat="server" CssClass="bg-user-icon" TextMode="SingleLine" Width="320" ToolTip="The Username is required." ValidationGroup="Login" Font-Size="1.25em" style="margin-left:22px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" Placeholder="Username" ></asp:TextBox>                                                
+                                           <asp:TextBox ID="UserName" runat="server" CssClass="bg-user-icon" TextMode="SingleLine" Width="330px" ToolTip="The Username is required." ValidationGroup="Login" Font-Size="1.25em" style="margin-left:22px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" Placeholder="Username" ></asp:TextBox>                                                
                                            <asp:RequiredFieldValidator ID="UserNamerequired" ForeColor="Red" Font-Size="17px" runat="server" ControlToValidate="UserName" SetFocusOnError="true" ErrorMessage="" ValidationGroup="Login"></asp:RequiredFieldValidator>                                            
                                      </td>
                                 </tr>
                                <tr style="color:#003680; height:46px;">  
                                      <td align="left" colspan="2">                                        
-                                          <asp:TextBox ID="Password" runat="server" CssClass="bg-key-icon" TextMode="Password" ToolTip="Please enter the Password." Width="320" Font-Size="1.25em" ValidationGroup="Login" MaxLength="30" AutoCompleteType="Disabled" CausesValidation="true" style="margin-left:22px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" Placeholder="Password"></asp:TextBox>                                    
+                                          <asp:TextBox ID="Password" runat="server" CssClass="bg-key-icon" TextMode="Password" ToolTip="Please enter the Password." Width="330px" Font-Size="1.25em" ValidationGroup="Login" MaxLength="30" AutoCompleteType="Disabled" CausesValidation="true" style="margin-left:22px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" Placeholder="Password"></asp:TextBox>                                    
                                           <asp:RequiredFieldValidator ID="Passwordrequired" ForeColor="Red" runat="server" ControlToValidate="Password" Font-Size="17px"  ValidationGroup="Login" SetFocusOnError="true" ErrorMessage=""></asp:RequiredFieldValidator>                                                                                                           
                                      </td>
                                  </tr>