/* Finishing layer for the restored Sang Whang site. */

#nav-menu ul {
  height: auto;
  min-height: 35px;
}

#nav-menu ul li a {
  font-size: 16px;
  padding-left: 14px;
  padding-right: 14px;
}

#content .restored-page h2 {
  clear: none;
  border-bottom: 1px solid #d8d8d8;
  color: #222;
  font-size: 23px;
  margin: 18px 0 10px;
  padding-bottom: 5px;
}

#content .lead-text {
  color: #333;
  font: italic 17px Georgia, "Times New Roman", Times, serif;
  line-height: 25px;
}

.framed-photo,
#content .feature-box img,
#content .restored-video {
  background: #ebe4d1 url(../png/banner_imgbg.png) repeat;
  border: 1px solid #b4b1a7;
  padding: 5px;
}

#content .restored-list {
  margin: 10px 0 18px 0;
}

#content .restored-list li {
  line-height: 20px;
}

.restored-video {
  margin: 8px 0 18px 0;
  max-width: 570px;
}

.restored-video iframe {
  display: block;
  max-width: 100%;
}

.feature-links {
  margin-top: 18px;
}

#content .feature-box {
  float: left;
  margin: 0 18px 18px 0;
  width: 280px;
}

#content .feature-box img {
  box-sizing: border-box;
  height: 150px;
  object-fit: cover;
  width: 100%;
}

#content .feature-box h3 {
  color: #222;
  font-size: 20px;
  margin-top: 9px;
}

.btn,
.slider-post .btn {
  background: #333333;
  border-bottom: 2px solid #111;
  border-right: 2px solid #111;
  color: #fff !important;
  display: inline-block;
  font: bold 12px Georgia, "Times New Roman", Times, serif;
  padding: 6px 12px;
  text-decoration: none !important;
}

.btn:hover,
.slider-post .btn:hover {
  background: #555;
  color: #fff !important;
}

.slider-post blockquote {
  border-left: 4px solid #b4b1a7;
}

/* Slider: remove scrollbar, expand to full banner width */
.featslider {
  box-sizing: border-box;
  float: none;
  padding: 20px;
  width: 100%;
}

.wrap-slider {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
}

.stepcarousel {
  margin: 0 !important;
  overflow: hidden !important;
}

.stepcarousel .panel {
  box-sizing: border-box;
  padding: 0 20px;
  width: 920px;
}

/* Slider: position nav buttons over the slide */
.featured-button-r,
.featured-button-l {
  position: absolute;
}

.featured-button-r {
  right: 10px;
}

.featured-button-l {
  right: 46px;
}

#footer .copyright .fr ul {
  margin-top: 5px;
}

#footer .copyright .fr li:last-child {
  border-right: none;
}

@media screen and (max-width: 980px) {
  .container_12,
  #banner,
  .breadcrumb_top {
    box-sizing: border-box;
    width: 96%;
  }

  #nav-menu ul {
    width: 96%;
  }

  #nav-menu li {
    margin-bottom: 4px;
  }

  #nav-menu ul li a {
    font-size: 15px;
    padding: 10px 12px 8px;
  }

  .featslider,
  .wrap-slider,
  .stepcarousel,
  .stepcarousel .panel {
    box-sizing: border-box;
    width: 100%;
  }

  .featured-button-r {
    right: 6px;
  }

  .featured-button-l {
    right: 38px;
  }

  .featured_video {
    box-sizing: border-box;
    clear: both;
    float: none;
    padding: 15px 10px 20px;
    width: 100%;
  }

  .video iframe {
    max-width: 100%;
  }
}

@media screen and (max-width: 760px) {
  #header p.slogan,
  .h_left,
  #content,
  .grid_4,
  .grid_8,
  .fr,
  .fl {
    float: none;
  }

  #content,
  .grid_4,
  .grid_8,
  #sidebar {
    box-sizing: border-box;
    width: 100%;
  }

  #wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }

  #nav-menu li {
    float: none;
  }

  #nav-menu ul li a {
    margin-right: 0;
  }

  .stepcarousel {
    height: 390px !important;
  }

  .slider-post img.fl,
  img.alignleft,
  img.alignright {
    display: block;
    float: none;
    height: auto;
    max-width: 94%;
  }

  #content .feature-box {
    float: none;
    width: 100%;
  }
}