@media screen and (max-width: 1199px) {
  .headline-wrapper {
    height: -webkit-fill-available;
    height: -moz-available;
    height: fill-available;
  }
  .windows-sign {
    width: 140px;
  }
  .headline-line-01 {
    width: 240px;
  }
  .headline-line-02 {
    width: 80px;
  }
  .bg-pattern {
    background-size: contain;
  }
  .content-holder {
    left: 35px;
    width: 300px;
    margin-bottom: 50px;
  }
  .video-btn-wrapper {
    right: 50px;
    margin-bottom: 50px;
    width: 300px;
    height: 168px;
  }
  .title-wrapper .title-en {
    font-size: 80px;
  }
  .title-wrapper h3 {
    font-size: 42px;
  }
  .craftman-nav-items {
    width: 210px;
    height: 315px;
    margin: 0 auto;
  }
  .craftman-nav-items .craftman-title {
    font-size: 16px;
  }
  .craftman-name {
    font-size: 28px;
  }
  .article-content .text-wrapper {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .article-content .text-wrapper:nth-child(odd) {
    padding: 0;
  }
  .article-content .text-wrapper:nth-child(even) {
    padding: 0;
  }
  .article-content .img-wrapper {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .article-content .img-wrapper:nth-child(odd) {
    padding: 0;
  }
  .article-content .img-wrapper:nth-child(even) {
    padding: 0;
  }
  .modal-container {
    max-width: calc(100% - 90px);
  }
}

@media screen and (max-width: 767px) {
  .windows-sign {
    width: 120px;
    margin-top: 15px;
    margin-right: 15px;
  }
  .headline-line-01 {
    width: 180px;
    margin: 15px;
  }
  .headline-line-02 {
    width: 60px;
    margin: 15px;
  }
  .content-holder {
    left: 45px;
    width: calc(100% - 90px);
    margin-bottom: 240px;
  }
  .video-btn-wrapper {
    right: auto;
    left: 45px;
    width: calc(100% - 90px);
    height: calc((100% - 90px) * 0.2925);
  }
  .gray-bg {
    height: 500px;
  }
  .title-wrapper {
    padding: 50px 0px 15px;
  }
  .title-wrapper .title-en {
    font-size: 48px;
  }
  .title-wrapper .title-en:before {
    width: 30px;
    height: 30px;
    left: -40px;
    background-size: contain;
  }
  .title-wrapper .title-en:after {
    width: 30px;
    height: 30px;
    right: -40px;
    background-size: contain;
  }
  .craftman-nav {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0px 15px;
    margin-bottom: 30px;
  }
  .craftman-nav-items {
    width: calc(325px / 3);
    padding: 5px;
    margin: 0;
  }
  .craftman-nav-items .craftman-arrow img {
    width: 100%;
    height: auto;
  }
  .craftman-nav-items.active .craftman-arrow {
    bottom: -25px;
  }
  .craftman-nav-items img {
    width: auto;
    height: 100%;
  }
  .craftman-nav-items .craftman-info {
    padding: 5px;
  }
  .craftman-nav-items .craftman-info:after {
    width: 30px;
    height: 30px;
  }
  .craftman-nav-items .craftman-name {
    font-size: 22px;
  }
  .craftman-nav-items .craftman-title {
    font-size: 13px;
    margin-bottom: 0px;
  }
  .craftman-nav-items:nth-child(1) .craftman-info:after {
    bottom: -15px;
    left: -15px;
  }
  .craftman-nav-items:nth-child(2) .craftman-info:after {
    top: -15px;
    right: -15px;
  }
  .craftman-nav-items:nth-child(3) .craftman-info:after {
    bottom: -15px;
    right: -15px;
  }
  .main-article {
    padding: 50px 15px;
  }
  .article-content .text-wrapper h3 {
    font-size: 22px;
    line-height: 1.2;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .article-content .text-wrapper h3:before {
    top: 0px;
  }
  .article-content .img-wrapper .carousel:before {
    top: 7px;
    left: 7px;
  }
  .editors-picks-wrapper {
    padding: 0px 15px 50px;
  }
  .editors-picks-wrapper .title-wrapper {
    padding: 30px 0px 50px;
  }
  .editors-picks-wrapper .showroom-wrapper {
    margin-left: -15px;
    width: calc(100% + 30px);
  }
  .editors-picks-wrapper .showroom-container {
    width: 420vw;
    padding-bottom: 0px;
  }
}

@media (-webkit-device-pixel-ratio: 1.25) {
  html {
    zoom: 0.9;
  }
  .headline-wrapper {
    height: 112.5vh;
  }
  .content-holder {
    width: 380px;
  }
}

@media (-webkit-device-pixel-ratio: 1.5) {
  html {
    zoom: 1;
  }
  .video-holder {
    zoom: 0.4;
  }
  .headline-wrapper {
    height: 100vh;
  }
  .content-holder {
    width: 380px;
  }
}
/*# sourceMappingURL=rwd.css.map */