/***********  Start Edge lines ***********/
.lines-top::before {
  content: "";
  position: absolute;
  width: 175px;
  height: 350px;
  left: -130px;
  top: -140px;
  background: #b9a051;
  transform: rotate(50deg);
}

.lines-top::after {
  content: "";
  position: absolute;
  width: 593.57px;
  height: 72.59px;
  left: -210px;
  top: 80px;
  background: #b9a051;
  transform: rotate(140deg);
}

.lines-buttom::after {
  content: "";
  position: absolute;
  width: 175px;
  height: 350px;
  right: -130px;
  bottom: -140px;
  background: #b9a051;
  transform: rotate(50deg);
}

.lines-buttom::before {
  content: "";
  position: absolute;
  width: 593px;
  height: 72px;
  right: -210px;
  bottom: 80px;
  background: #b9a051;
  transform: rotate(140deg);
}

@media (min-width: 1280px) and (max-width: 1500px) {
  .lines-top::before {
    left: -140px;
    top: -150px;
  }

  .lines-top::after {
    height: 56px;
    left: -220px;
    top: 58px;
  }

  .lines-buttom::after {
    right: -140px;
    bottom: -150px;
  }

  .lines-buttom::before {
    height: 56px;
    right: -220px;
    bottom: 58px;
  }
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
  .lines-top::before {
    left: -150px;
    top: -160px;
  }

  .lines-top::after {
    height: 48px;
    left: -235px;
    top: 48px;
  }

  .lines-buttom::after {
    right: -150px;
    bottom: -160px;
  }

  .lines-buttom::before {
    height: 48px;
    right: -235px;
    bottom: 48px;
  }
}

@media (max-width: 1023.98px) {
  .lines-top::before {
    left: -160px;
    top: -170px;
  }

  .lines-top::after {
    height: 44px;
    left: -240px;
    top: 34px;
  }

  .lines-buttom::after {
    right: -160px;
    bottom: -170px;
  }

  .lines-buttom::before {
    height: 44px;
    right: -240px;
    bottom: 34px;
  }
}

.img-lines {
  transform: scale(1.5) rotate(45deg);
}

/***********  End Edge lines ***********/