@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese");
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ■box_list
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#box_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -30px;
}

#box_list:after {
  content: "";
  display: block;
  width: 345px;
}

#box_list li {
  width: 345px;
  margin-bottom: 30px;
}

#box_list li a {
  display: block;
}

#box_list li .img {
  border-radius: 10px;
  overflow: hidden;
}

#box_list li img {
  width: 100%;
  height: auto;
}

#box_list li .txt {
  font-size: 1.7rem;
  margin-top: 5px;
}

@media only screen and (max-width: 767px) {
  #box_list {
    margin-bottom: -20px;
  }
  #box_list:after {
    content: none;
  }
  #box_list li {
    width: 48.6%;
    margin-bottom: 20px;
  }
  #box_list li .txt {
    font-size: 1.2rem;
    letter-spacing: normal;
  }
}

#lightbox-container-image-box,
#lightbox-container-image-data-box {
  width: 700px !important;
  height: auto !important;
}

#lightbox-container-image-box #lightbox-image,
#lightbox-container-image-data-box #lightbox-image {
  width: auto;
  height: auto;
  max-width: 100% !important;
  max-height: 100% !important;
}

#lightbox-image-details-currentNumber,
#lightbox-nav-btnNext,
#lightbox-nav-btnPrev {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  #lightbox-container-image-box,
  #lightbox-container-image-data-box {
    width: 96% !important;
  }
}