/*----------------------------------
  LineBottom
----------------------------------*/
.LineBottom {
  z-index: 1;
  position: fixed;
  top: 70px;
  width: 100%;
  background: rgb(188, 196, 207, 60%);
}

.LineBottom .line {
  padding: 10px 270px 10px 0;
  backdrop-filter: blur(10px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

/*----------------------------------
 ریسپانسیو 
----------------------------------*/
@media screen and (max-width: 1023px) {
  .LineBottom {
    position: static;
    width: 100%;
    padding: 0;
    margin: 10px 0;
    background: none;
  }

  .LineBottom .line {
    padding: 10px 0;
  }
}

@media screen and (max-width: 799px) {
  .LineBottom .line {
    justify-content: center;
  }
}