/*-----------------
* palette
* ----------------
*
*/

/******** Header *********/

.header-buttons--wrap {
  li {
    margin: 0;
  }

  .btn-primary,
  a {
    border-radius: 0;
  }
}

.header-left--wrap {
  position: relative;

  svg {
    position: absolute;
    left: -75px;
    top: -220px;
    z-index: 9;
    width: 3;
    width: 310px;
  }

  div {
    position: absolute;
    top: 20px;
    left: 15px;
    z-index: 9;
  }

  img.company-logo {
    width: 120px;
  }
}

.header-full--wrap {
  height: 100%;
}

/******** Responsive ***********/

/* XXL > 1400 */
@media (max-width: 1600px) {
  .banner-static--right {
    img {
      height: 600px;
    }
  }
}

/* XL */
@media (max-width: 1400px) {
  .banner-static--right {
    img {
      height: 600px;
    }
  }
}

/* L */
@media (max-width: 1200px) {
  .banner-static--right {
    img {
      height: 550px;
    }
  }
}

/* M */
@media (max-width: 992px) {
  .navbar-nav {
    flex-direction: row;
    align-content: center;
    justify-content: flex-end;
  }

  .header-full--wrap {
    height: 100%;
    display: flex;
    width: 100%;
  }

  .header-left--wrap {
    svg {
      display: none;
    }
  }

  .header-buttons--wrap {
    width: 100%;

    li {
      width: 50%;
    }

    a {
      width: 100%;
    }
  }

  .banner-static--right {
    img {
      height: 100%;
    }
  }

  .banner-static--left {
    padding: 145px 15px;
  }

  .header-left--wrap {
    div {
      position: relative;
      top: 0;
      left: 0;
      z-index: 9;
    }
  }

  header {
    padding: 15px;
  }
}

/* S */
@media (max-width: 768px) {}

/* XS */
@media (max-width: 576px) {
  .menu-col-end {
    padding: 15px 0;
  }

  .header-buttons--wrap {
    margin: 0;
    padding: 0;
    float: right;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .header-buttons--wrap {
    li {
      width: 100%;
    }
  }


}