@media (min-width: 991.98px) { 
  .li-login{
    margin-right: 7px;
  }
}

@media (max-width: 991.98px) {
  .li-login{
    margin-bottom: 7px;
    padding-top: 15px;
  }

  #bottomHeader{
    padding-bottom: 15px;
  }
}


.li-item{
  padding: 0 3px;
}


.a-item{
  color: white !important;
}

.a-item:hover{
  color: yellow !important;
}

.dropdown-item:hover{
  color: red !important;
}

.btn-login:hover{
  background-color:green ;
}

.btn-register:hover{
  background-color:red ;
}

nav {
  position: sticky !important;

}

#row-footer{
  padding: 30px 25px;
}

.dropdown-item:active{
  background-color: white !important;
}
.login-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 250px;
      padding: 10px 15px;
      border-radius: 8px;
      font-weight: 600;
      font-size: 16px;
      text-decoration: none;
      margin: 8px 0;
      transition: 0.3s;
    }
    .login-btn img {
      height: 22px;
      margin-right: 10px;
    }
    .zalo-btn {
      background-color: #0068FF;
      color: #fff;
    }
    .zalo-btn:hover {
      background-color: #0050cc;
      color: #fff;
      text-decoration: none;
    }
    .google-btn {
      background-color: #fff;
      border: 1px solid #ddd;
      color: #4285F4;
    }
    .google-btn:hover {
      background-color: #f7f7f7;
      text-decoration: none;
      color: #4285F4;
    }