.login-singup {
  width: 280px;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  display: none;
}
.login-singup a {
  border: 1px solid #707E1C;
  padding: 10px 30px;
  border-radius: 5px;
}
.login-singup a:hover {
  background: #707E1C;
  color: #fff;
}
.login-singup-decstop {
  border: 1px solid #707E1C;
  padding: 10px 30px;
  border-radius: 5px;
}
.login-singup-decstop:hover {
  background: #707E1C;
  color: #fff;
  transform: translateY(none) !important
}
.Adventure_login {
  padding-bottom: 20px;
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: center;
}
.Adventure_login a {
  border: 1px solid #707E1C;
  padding: 10px 50px;
  border-radius: 5px;
}
.Adventure_login a:hover {
  background: #707E1C;
  color: #fff;
}
.Adventure_singup {
  background: #707E1C;
  color: #fff;
}
.Adventure_singup:hover {
  border: 1px solid #707E1C;
  background: #fff !important;
  color: #000 !important;
}
.social.social-muted a i {
  color: #343F52 !important;
}
.social.social-muted a:hover i {
  color: #707E1C !important;
}
.hidden{
    display: none;
}
#response{
    width: 70%;
    margin: 15px auto;
    padding: 15px;
    border-radius: 5px;
    text-align: center;
}
.error-msg{
    background: #f2dedf;
    color: #9c4150;
    border:1px solid #e7ced1;
}
.success-msg{
    background: #e0efda;
    color: #407a4a;
    border: 1px solid #c6dfb2;
}
.process-msg{
    background: #d9edf6;
    color: #377084;
    border: 1px solid #c8dce5;
}
@media (max-width:1199px) {
  .login-singup-decstop {
    border: 1px solid #707E1C;
    padding: 10px 20px !important;
    border-radius: 5px;
    font-size: 16px;
  }
}
@media (min-width: 250px) AND (max-width: 768px) {
  .login-singup-decstop {
    display: none;
  }
  .login-singup {
    display: block;
    margin-top: 20px;
  }
  .login-singup a {
    border: 1px solid #707E1C;
    padding: 8px 20px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
  }
  nav.nav.social.social-white.mt-4 a i {
    color: #fff !important;
  }
  .social>a {
    margin: 0 10px 0 0;
  }
  .Adventure_login a {
    padding: 6px 40px;
  }
}