/* ------------------------------ */
/* HOME PREVIEW PROJECTS */
/* ------------------------------ */
.home-preview-projects .header {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  width: 100%;
}
.home-preview-projects .header .item {
  width: 100%;
}

.home-preview-projects .header h1 {
  position: relative;
  z-index: 8888;
}

.home-preview-projects .header h1 {
  float: left;
}
.home-preview-projects .header .btn-primary-wrapper {
  float: right;
}
.home-preview-projects .project .img,
.panel .img {
  height: 42rem;
}

/* ------------------------------ */
/* HOME PREVIEW OTHER */
/* ------------------------------ */
.home-preview-other .header .item {
  flex: 0 0 calc((100% - 4rem) / 2);
  margin-bottom: var(--sp400);
}
.home-preview-other .header .item:last-child {
  margin-right: 0;
}
.home-preview-other .header .item ul {
  list-style: none;
  padding: 0;
}
.home-preview-other .header .item ul li {
  margin-bottom: 0.4rem;
}
.home-preview-other .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}

/* ------------------------------------------------------------ */
/* ------------------------------ */
/* RESPONSIVE */
/* ------------------------------ */
/* < 640 ------------------------------------------------------------ */
@media screen and (max-width: 640px) {
  /* Other */
  .home-preview-other .header {
    flex-direction: column;
  }
}
/* 640 ------------------------------------------------------------ */
@media (max-width: 767px) and (min-width: 640px) {
  /* Other */
  .home-preview-other .header {
    flex-direction: column;
  }
}
/* 768 ------------------------------------------------------------ */
@media (max-width: 1023px) and (min-width: 768px) {
  /* Other */
  .home-preview-other .header {
    flex-direction: column;
  }
}
/* 1024 ------------------------------------------------------------ */
@media (max-width: 1279px) and (min-width: 1024px) {
}
/* 1280 ------------------------------------------------------------ */
@media (max-width: 1919px) and (min-width: 1280px) {
}
/* 1440 ------------------------------------------------------------ */
@media (max-width: 1919px) and (min-width: 1440px) {
}
/* 1920 ------------------------------------------------------------ */
@media (max-width: 2559px) and (min-width: 1920px) {
}
/* > 2560 ------------------------------------------------------------ */
@media screen and (min-width: 2560px) {
}