@media (min-width: 901px) {
   #mobile-login {
      display: none;
   }
}

@media (max-width: 900px) {
   body {
      background-image: url("/Content/Images/SkyLogin_Background.jpg");
      background-size: cover;
      height: 100%;
      width: 100%;
      overflow: hidden;
      margin: 0;
   }

   .mobile-hide {
      display: none;
   }

   #mobile-login {
      position: relative;
      min-height: 420px;
      max-width: 350px;
      margin: 0 auto;
      margin-top: 25px;
      background-color: white;
      border-radius: 6px;
   }

   .mobile-login-img {
      position: relative;
      max-width: 90%;
      margin: 5%;
   }

   .mobile-login-h3 {
      color: #4e80cd;
      font-weight: 700;
      text-align: center;
      margin: 0;
   }

   .mobile-login-h5 {
      text-align: center;
      margin-top: 30px;
      padding-bottom: 10px;
   }

   #mobile-login .division {
      float: none;
      margin: 18px auto;
      overflow: hidden;
      position: relative;
      text-align: center;
      width: 100%;
   }

      #mobile-login .division .line.l {
         left: 0;
      }

      #mobile-login .division .line {
         border-top: 1px solid #DFDFDF;
         position: absolute;
         top: 10px;
         width: 34%;
      }

      #mobile-login .division span {
         color: #424242;
         font-size: 17px;
      }

      #mobile-login .division .line.r {
         right: 0;
      }

   .mobile-login-inputs-container {
      text-align: center;
   }

      .mobile-login-inputs-container input {
         width: 80%;
         padding: 10px;
         margin: 5px;
         border-radius: 2px;
         border: 1px #D8D8D8 solid;
         -webkit-appearance: none;
      }

   .mobile-login-button {
      background: #FF7900;
      color: white;
      border: none !important;
      padding: 12px !important;
   }
}