@charset "UTF-8";
/* set pading to limited in box */
* {
  box-sizing: border-box; }

/* @media setup */
/* for footer link only */
html {
  background-color: #282828; }

body {
  font: 100% "Libre Baskerville", sans-serif;
  color: black; }

.main-container {
  max-width: 1380px;
  margin: 0 auto; }

header {
  width: 100%;
  height: 207px;
  margin: 0;
  position: relative; }
  header .active {
    color: #ae996b; }

header .logo {
  position: absolute;
  left: 57px;
  top: 27px; }
  header .logo img {
    width: 165px;
    height: 163px; }

header .nav-1 ul {
  background-color: #000000;
  color: #ffffff;
  height: 142px;
  width: 100%;
  margin: 0;
  padding: 90px 80px 0 0;
  text-align: right; }
  header .nav-1 ul li {
    list-style-type: none;
    display: inline-block; }
  header .nav-1 ul a {
    text-decoration: none;
    color: #ffffff; }
  header .nav-1 ul a:hover, header .nav-1 ul a:active, header .nav-1 ul .active {
    text-decoration: none;
    color: #ae996b; }
  header .nav-1 ul .dropdown {
    position: relative;
    display: inline-block; }
  header .nav-1 ul .dropdown-items {
    display: none;
    position: absolute;
    background-color: #000000;
    width: 220px;
    text-align: left;
    z-index: 5; }
    header .nav-1 ul .dropdown-items a {
      padding: 12px 16px;
      text-decoration: none;
      display: block; }
  header .nav-1 ul .dropdown:hover .dropdown-items {
    display: block; }

header .nav-2 ul {
  background-color: #ae996b;
  color: #ffffff;
  min-height: 65px;
  width: 100%;
  padding: 24px 80px 0 0;
  margin: 0;
  text-align: right; }
  header .nav-2 ul li {
    list-style-type: none;
    display: inline-block; }
  header .nav-2 ul a {
    text-decoration: none;
    color: #ffffff; }
  header .nav-2 ul a:hover, header .nav-2 ul a:active, header .nav-2 ul .active {
    text-decoration: none;
    color: #000000; }

header .nav-2-small ul {
  background-color: #ae996b;
  color: #ffffff;
  min-height: 65px;
  width: 100%;
  padding: 0px 80px 0 220px;
  margin: 0;
  font-size: 14px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap; }
  header .nav-2-small ul li {
    list-style-type: none;
    display: flex;
    margin-left: 5px; }
  header .nav-2-small ul a {
    text-decoration: none;
    color: #ffffff;
    display: flex; }
  header .nav-2-small ul a:hover, header .nav-2-small ul a:active, header .nav-2-small ul .active {
    text-decoration: none;
    color: #000000; }

header .spacer {
  margin: 0 20px; }

header .mobile-burger {
  display: none; }

/* header tablet version */
@media only screen and (max-width: 860px) {
  header {
    width: 100%;
    height: auto;
    margin: 0;
    position: relative; }
  header .logo {
    position: absolute;
    left: 20px;
    top: 20px; }
    header .logo img {
      width: 130px;
      height: 130px; }
  header .nav-1 ul {
    height: 122px;
    padding: 90px 20px 0 0;
    text-align: right; }
  header .nav-2 ul {
    height: 45px;
    padding: 0px 20px 0 0;
    font-size: 14px;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    header .nav-2 ul li {
      list-style-type: none; }
    header .nav-2 ul a {
      text-decoration: none;
      color: #ffffff; }
  header .nav-2-small ul {
    background-color: #ae996b;
    color: #ffffff;
    width: 100%;
    min-height: 65px;
    margin: 0;
    font-size: 14px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap; }
    header .nav-2-small ul li {
      list-style-type: none;
      display: flex; }
    header .nav-2-small ul a {
      text-decoration: none;
      color: #ffffff;
      display: flex; }
  header .spacer {
    margin: 0 5px; } }

/* header big-phone version */
@media only screen and (max-width: 600px) {
  header {
    width: 100%;
    height: 167px;
    margin: 0;
    position: relative; }
  header .logo {
    position: absolute;
    left: 20px;
    top: 20px; }
    header .logo img {
      width: 130px;
      height: 130px; }
  .nav-1 {
    display: none; }
  .nav-2 {
    display: none; }
  .nav-2-small {
    display: none; }
  header .mobile-burger {
    width: 100%;
    height: 167px;
    display: flex;
    background-color: #ae996b; }
    header .mobile-burger .burger-icon {
      width: 100%;
      height: 122px;
      display: flex;
      justify-content: flex-end;
      background-color: #000000; }
      header .mobile-burger .burger-icon img {
        width: 50px;
        height: 50px;
        margin: 25px 20px 0 0; }
      header .mobile-burger .burger-icon img:hover {
        cursor: pointer; }
  header .spacer {
    margin: 0 5px; } }

#mobile-nav {
  display: none; }

@media only screen and (max-width: 600px) {
  #mobile-nav {
    display: none; }
  .overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: black;
    /* fallback color */
    background-color: rgba(0, 0, 0, 0.9);
    /* Black w/opacity */
    overflow-x: hidden;
    transition: 0.5s; }
    .overlay a {
      padding: 8px;
      text-decoration: none;
      font-size: 25px;
      color: #ffffff;
      display: block; }
    .overlay a:hover {
      color: #ae996b; }
    .overlay .closebtn {
      position: absolute;
      right: 45px;
      font-size: 90px; }
  .mobile-nav-items {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 30px; }
    .mobile-nav-items .mobile-nav-logo img {
      width: 130px;
      height: 130px; }
    .mobile-nav-items .mobile-nav-item {
      width: 100%; }
    .mobile-nav-items .sub-item {
      margin-left: 20px;
      font-size: 23px; } }

#hero {
  width: 100%;
  height: 675px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #ffffff; }
  #hero .container {
    max-width: 550px;
    height: 675px;
    margin: 0 auto;
    display: flex;
    align-items: center; }
  #hero .hero-text {
    max-width: 550px;
    margin-left: 50px; }
  #hero p {
    margin: 0;
    text-align: center;
    line-height: 2.8em; }
  #hero .hero-txt-1 {
    font-family: 'Times New Roman', Times, serif;
    font-size: 28px; }
  #hero .hero-txt-2 {
    font-family: "Libre Baskerville", sans-serif;
    font-size: 38px; }
  #hero .hero-txt-3 {
    font-family: "Libre Baskerville", sans-serif;
    font-size: 32px; }
  #hero .hero-txt-4 {
    font-family: "Libre Baskerville", sans-serif;
    font-size: 50px; }

@media only screen and (max-width: 860px) {
  #hero {
    height: 675px; }
    #hero .container {
      max-width: 1200px;
      height: 675px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center; }
    #hero .hero-text {
      margin: 0; }
    #hero .hero-txt-1 {
      font-size: 28px; }
    #hero .hero-txt-2 {
      font-size: 38px; }
    #hero .hero-txt-3 {
      font-size: 32px; }
    #hero .hero-txt-4 {
      font-size: 50px; } }

@media only screen and (max-width: 600px) {
  #hero {
    height: 675px; }
    #hero .container {
      max-width: 1200px;
      height: 675px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center; }
    #hero .hero-text {
      margin: 0; }
    #hero .hero-txt-1 {
      font-size: 28px; }
    #hero .hero-txt-2 {
      font-size: 28px; }
    #hero .hero-txt-3 {
      font-size: 22px; }
    #hero .hero-txt-4 {
      font-size: 40px; } }

#project-reference {
  width: 100%;
  color: #ffffff;
  background-color: #000000; }
  #project-reference .container {
    max-width: 1380px;
	max-height: 670px;  
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;}
    #project-reference .container .title {
      display: flex;
      width: 100%;
      height: 162px;
      align-items: center;
      justify-content: center;
      font-size: 35px; }
      #project-reference .container .title p {
        text-align: center;
        margin: 0;
        font-family: 'Times New Roman', Times, serif;
        font-size: 28px;
        line-height: 3em; }
      #project-reference .container .title .txt-hl {
        color: #ae996b; }
    #project-reference .container .front-page-slider {
      width: 100%;
      height: 600px;
      display: flex; }
      #project-reference .container .front-page-slider .slide-item {
        margin: 0;
        padding: 0; }
        #project-reference .container .front-page-slider .slide-item img:hover {
          cursor: pointer;
          border-top: 10px solid #ffffff; }
      #project-reference .container .front-page-slider .slick-next {
        width: 50px;
        height: 60px;
        right: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(255, 255, 255, 0.5); }
      #project-reference .container .front-page-slider .slick-next:before {
        content: "►";
        display: block;
        margin: 0;
        padding: 0;
        color: white;
        font-size: 40px; }
      #project-reference .container .front-page-slider .slick-prev {
        width: 50px;
        height: 60px;
        left: 0px;
        z-index: 1000;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(255, 255, 255, 0.5);
        background-image: none; }
      #project-reference .container .front-page-slider .slick-prev:before {
        content: "◄";
        display: block;
        margin: 0;
        padding: 0;
        color: white;
        font-size: 40px; }

/* slide-full display in place of mobile-nav-items */
#slide-full {
  display: none;
  height: 100%;
  width: 100%;
  padding: 16px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1010;
  background-color: black;
  /* fallback color */
  background-color: rgba(0, 0, 0, 0.9);
  /* Black w/opacity */
  overflow-x: hidden;
  transition: 0.5s; }
  #slide-full #slide-full-items {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    #slide-full #slide-full-items .closebtn {
      position: absolute;
      padding: 0 20px;
      margin: 0;
      right: 0;
      font-size: 90px;
      text-decoration: none;
      color: #000000;
      background-color: rgba(255, 255, 255, 0.5); }

#history {
  width: 100%;
  height: 775px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #ffffff; }
  #history .container {
    max-width: 1380px;
    height: 775px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column; }
    #history .container .history-top {
      width: 100%;
      flex-grow: 1; }
      #history .container .history-top p {
        text-align: center;
        line-height: 3em;
        margin: 150px 0 0 0; }
      #history .container .history-top .history-title {
        font-family: 'Times New Roman', Times, serif;
        font-size: 28px; }
      #history .container .history-top .history-desc {
        font-family: "Libre Baskerville", sans-serif;
        font-size: 50px;
        color: #d9bf86; }
    #history .container .scroll-down {
      width: 100%;
      display: flex;
      align-self: flex-end;
      flex-grow: 1; }
      #history .container .scroll-down p {
        align-self: flex-end;
        width: 100%;
        text-align: center;
        margin: 0; }
      #history .container .scroll-down p:hover {
        cursor: pointer; }
      #history .container .scroll-down .scroll-down-icon {
        width: 50px;
        height: 46px;
        margin: 30px 0; }

.scrollHide {
  display: none; }

.scrollShow {
  display: block; }

#history-more {
  width: 100%;
  height: 410px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #ffffff; }
  #history-more .container {
    max-width: 1200px;
    height: 410px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap; }
    #history-more .container .history-more-title {
      width: 100%; }
      #history-more .container .history-more-title p {
        font-family: "Libre Baskerville", sans-serif;
        font-size: 30px;
        text-align: center;
        line-height: 1.5em;
        margin: 75px 0 0 0; }
    #history-more .container .history-more-list {
      width: 50%;
      display: flex; }
      #history-more .container .history-more-list ul {
        width: 100%;
        margin: 0; }
        #history-more .container .history-more-list ul li {
          margin: 6px 0;
          padding: 0px 5px;
          list-style-type: disc; }
      #history-more .container .history-more-list strong {
        color: #d9bf86; }

@media only screen and (max-width: 860px) {
  #history .container .history-top .history-desc {
    font-size: 40px; }
  #history-more .container .history-more-title p {
    font-size: 25px;
    padding: 0px 10px; } }

@media only screen and (max-width: 600px) {
  #history .container .history-top .history-desc {
    font-size: 26px; }
  #history-more .container {
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap; }
    #history-more .container .history-more-title {
      margin: 12px 0; }
      #history-more .container .history-more-title p {
        font-size: 16px;
        padding: 0; }
    #history-more .container .history-more-list {
      width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      font-size: 14px; }
      #history-more .container .history-more-list ul {
        margin: 0; } }

#news-event {
  width: 100%;
  background-color: #000000;
  color: #ffffff; }
  #news-event .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start; }
    #news-event .container .news-event-title {
      width: 100%;
      height: 80px;
      display: flex;
      align-items: center;
      justify-content: center; }
      #news-event .container .news-event-title p {
        text-align: center;
        margin: 0;
        font-family: 'Times New Roman', Times, serif;
        font-size: 28px;
        line-height: 3em; }
    #news-event .container .news-events {
      display: flex;
      width: 100%;
      justify-content: center; }
      #news-event .container .news-events .news-event-item {
        display: flex;
        max-width: 450px;
        max-height: 450px;
        /* padding: 20px; */
        padding: 0px;
        margin: 10px;
        border: solid 3px;
        border-color: #d9bf86; }
        #news-event .container .news-events .news-event-item .inner {
          transition: all .5s; }
        #news-event .container .news-events .news-event-item img {
          transition: all .5s; }
      #news-event .container .news-events .news-event-item:hover {
        border-color: #fff;
        transition: all .5s;
        border: 0px; }
        #news-event .container .news-events .news-event-item:hover .inner {
          border-color: #fff;
          transition: all .5s; }
        #news-event .container .news-events .news-event-item:hover img {
          transform: scale(1.1);
          transition: all .5s; }
      #news-event .container .news-events .inner {
        width: 100%;
        height: 100%;
        padding: 5px;
        border: solid 3px;
        border-color: #d9bf86; }
      #news-event .container .news-events img:hover {
        cursor: pointer; }

.galleryHide {
  display: none; }

.galleryShow {
  display: block; }

#news-event-gallery-1, #news-event-gallery-2 {
  visibility: hidden;
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: black;
  /* fallback color */
  background-color: rgba(0, 0, 0, 0.9);
  /* Black w/opacity */
  overflow-x: hidden; }
  #news-event-gallery-1 .closebtn, #news-event-gallery-2 .closebtn {
    position: absolute;
    padding: 0 20px;
    margin: 0;
    top: 0;
    right: 0;
    z-index: 1000;
    font-size: 50px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(255, 255, 255, 0.5); }
  #news-event-gallery-1 .container, #news-event-gallery-2 .container {
    position: relative;
    max-width: 1380px;
    height: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    #news-event-gallery-1 .container .news-event-gallery-1-nav, #news-event-gallery-1 .container .news-event-gallery-2-nav, #news-event-gallery-2 .container .news-event-gallery-1-nav, #news-event-gallery-2 .container .news-event-gallery-2-nav {
      display: flex;
      height: 150px; }
      #news-event-gallery-1 .container .news-event-gallery-1-nav .news-event-gallery-item, #news-event-gallery-1 .container .news-event-gallery-2-nav .news-event-gallery-item, #news-event-gallery-2 .container .news-event-gallery-1-nav .news-event-gallery-item, #news-event-gallery-2 .container .news-event-gallery-2-nav .news-event-gallery-item {
        height: 150px;
        margin: 0 auto;
        padding: 0;
        text-align: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
        #news-event-gallery-1 .container .news-event-gallery-1-nav .news-event-gallery-item img, #news-event-gallery-1 .container .news-event-gallery-2-nav .news-event-gallery-item img, #news-event-gallery-2 .container .news-event-gallery-1-nav .news-event-gallery-item img, #news-event-gallery-2 .container .news-event-gallery-2-nav .news-event-gallery-item img {
          width: 100%; }
        #news-event-gallery-1 .container .news-event-gallery-1-nav .news-event-gallery-item img:hover, #news-event-gallery-1 .container .news-event-gallery-2-nav .news-event-gallery-item img:hover, #news-event-gallery-2 .container .news-event-gallery-1-nav .news-event-gallery-item img:hover, #news-event-gallery-2 .container .news-event-gallery-2-nav .news-event-gallery-item img:hover {
          cursor: pointer; }
    #news-event-gallery-1 .container .news-event-gallery-1-full, #news-event-gallery-1 .container .news-event-gallery-2-full, #news-event-gallery-2 .container .news-event-gallery-1-full, #news-event-gallery-2 .container .news-event-gallery-2-full {
      display: flex;
      height: 555px; }
      #news-event-gallery-1 .container .news-event-gallery-1-full .news-event-gallery-item, #news-event-gallery-1 .container .news-event-gallery-2-full .news-event-gallery-item, #news-event-gallery-2 .container .news-event-gallery-1-full .news-event-gallery-item, #news-event-gallery-2 .container .news-event-gallery-2-full .news-event-gallery-item {
        width: 100%;
        height: 555px;
        display: flex;
        margin: 0 auto;
        padding: 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
        #news-event-gallery-1 .container .news-event-gallery-1-full .news-event-gallery-item img, #news-event-gallery-1 .container .news-event-gallery-2-full .news-event-gallery-item img, #news-event-gallery-2 .container .news-event-gallery-1-full .news-event-gallery-item img, #news-event-gallery-2 .container .news-event-gallery-2-full .news-event-gallery-item img {
          width: 100%;
          margin: auto; }
        #news-event-gallery-1 .container .news-event-gallery-1-full .news-event-gallery-item img:hover, #news-event-gallery-1 .container .news-event-gallery-2-full .news-event-gallery-item img:hover, #news-event-gallery-2 .container .news-event-gallery-1-full .news-event-gallery-item img:hover, #news-event-gallery-2 .container .news-event-gallery-2-full .news-event-gallery-item img:hover {
          cursor: pointer; }
    #news-event-gallery-1 .container .news-event-gallery-1-nav, #news-event-gallery-1 .container .news-event-gallery-1-full, #news-event-gallery-1 .container .news-event-gallery-2-nav, #news-event-gallery-1 .container .news-event-gallery-2-full, #news-event-gallery-2 .container .news-event-gallery-1-nav, #news-event-gallery-2 .container .news-event-gallery-1-full, #news-event-gallery-2 .container .news-event-gallery-2-nav, #news-event-gallery-2 .container .news-event-gallery-2-full {
      width: 100%; }
      #news-event-gallery-1 .container .news-event-gallery-1-nav .slick-next, #news-event-gallery-1 .container .news-event-gallery-1-full .slick-next, #news-event-gallery-1 .container .news-event-gallery-2-nav .slick-next, #news-event-gallery-1 .container .news-event-gallery-2-full .slick-next, #news-event-gallery-2 .container .news-event-gallery-1-nav .slick-next, #news-event-gallery-2 .container .news-event-gallery-1-full .slick-next, #news-event-gallery-2 .container .news-event-gallery-2-nav .slick-next, #news-event-gallery-2 .container .news-event-gallery-2-full .slick-next {
        width: 50px;
        height: 60px;
        right: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(255, 255, 255, 0.5); }
      #news-event-gallery-1 .container .news-event-gallery-1-nav .slick-next:before, #news-event-gallery-1 .container .news-event-gallery-1-full .slick-next:before, #news-event-gallery-1 .container .news-event-gallery-2-nav .slick-next:before, #news-event-gallery-1 .container .news-event-gallery-2-full .slick-next:before, #news-event-gallery-2 .container .news-event-gallery-1-nav .slick-next:before, #news-event-gallery-2 .container .news-event-gallery-1-full .slick-next:before, #news-event-gallery-2 .container .news-event-gallery-2-nav .slick-next:before, #news-event-gallery-2 .container .news-event-gallery-2-full .slick-next:before {
        content: "▶";
        display: block;
        margin: 0;
        padding: 0;
        color: white;
        font-size: 40px; }
      #news-event-gallery-1 .container .news-event-gallery-1-nav .slick-prev, #news-event-gallery-1 .container .news-event-gallery-1-full .slick-prev, #news-event-gallery-1 .container .news-event-gallery-2-nav .slick-prev, #news-event-gallery-1 .container .news-event-gallery-2-full .slick-prev, #news-event-gallery-2 .container .news-event-gallery-1-nav .slick-prev, #news-event-gallery-2 .container .news-event-gallery-1-full .slick-prev, #news-event-gallery-2 .container .news-event-gallery-2-nav .slick-prev, #news-event-gallery-2 .container .news-event-gallery-2-full .slick-prev {
        width: 50px;
        height: 60px;
        left: 0px;
        z-index: 1000;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(255, 255, 255, 0.5); }
      #news-event-gallery-1 .container .news-event-gallery-1-nav .slick-prev:before, #news-event-gallery-1 .container .news-event-gallery-1-full .slick-prev:before, #news-event-gallery-1 .container .news-event-gallery-2-nav .slick-prev:before, #news-event-gallery-1 .container .news-event-gallery-2-full .slick-prev:before, #news-event-gallery-2 .container .news-event-gallery-1-nav .slick-prev:before, #news-event-gallery-2 .container .news-event-gallery-1-full .slick-prev:before, #news-event-gallery-2 .container .news-event-gallery-2-nav .slick-prev:before, #news-event-gallery-2 .container .news-event-gallery-2-full .slick-prev:before {
        content: "◀";
        display: block;
        margin: 0;
        padding: 0;
        color: white;
        font-size: 40px; }

        #news-event-gallery-3, #news-event-gallery-4 {
          visibility: hidden;
          height: 100%;
          width: 100%;
          position: fixed;
          left: 0;
          top: 0;
          z-index: 10;
          background-color: black;
          /* fallback color */
          background-color: rgba(0, 0, 0, 0.9);
          /* Black w/opacity */
          overflow-x: hidden;
        }
        #news-event-gallery-3 .closebtn, #news-event-gallery-4 .closebtn {
          position: absolute;
          padding: 0 20px;
          margin: 0;
          top: 0;
          right: 0;
          z-index: 1000;
          font-size: 50px;
          text-decoration: none;
          color: #000000;
          background-color: rgba(255, 255, 255, 0.5);
        }
        #news-event-gallery-3 .container, #news-event-gallery-4 .container {
          position: relative;
          max-width: 1380px;
          height: 100%;
          margin: auto;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
        }
        #news-event-gallery-3 .container .news-event-gallery-3-nav, #news-event-gallery-3 .container .news-event-gallery-4-nav, #news-event-gallery-4 .container .news-event-gallery-3-nav, #news-event-gallery-4 .container .news-event-gallery-4-nav {
          display: flex;
          height: 150px;
        }
        #news-event-gallery-3 .container .news-event-gallery-3-nav .news-event-gallery-item, #news-event-gallery-3 .container .news-event-gallery-4-nav .news-event-gallery-item, #news-event-gallery-4 .container .news-event-gallery-3-nav .news-event-gallery-item, #news-event-gallery-4 .container .news-event-gallery-4-nav .news-event-gallery-item {
          height: 150px;
          margin: 0 auto;
          padding: 0;
          text-align: center;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
        }
        #news-event-gallery-3 .container .news-event-gallery-3-nav .news-event-gallery-item img, #news-event-gallery-3 .container .news-event-gallery-4-nav .news-event-gallery-item img, #news-event-gallery-4 .container .news-event-gallery-3-nav .news-event-gallery-item img, #news-event-gallery-4 .container .news-event-gallery-4-nav .news-event-gallery-item img {
          width: 100%;
        }
        #news-event-gallery-3 .container .news-event-gallery-3-nav .news-event-gallery-item img:hover, #news-event-gallery-3 .container .news-event-gallery-4-nav .news-event-gallery-item img:hover, #news-event-gallery-4 .container .news-event-gallery-3-nav .news-event-gallery-item img:hover, #news-event-gallery-4 .container .news-event-gallery-4-nav .news-event-gallery-item img:hover {
          cursor: pointer;
        }
        #news-event-gallery-3 .container .news-event-gallery-3-full, #news-event-gallery-3 .container .news-event-gallery-4-full, #news-event-gallery-4 .container .news-event-gallery-3-full, #news-event-gallery-4 .container .news-event-gallery-4-full {
          display: flex;
          height: 555px;
        }
        #news-event-gallery-3 .container .news-event-gallery-3-full .news-event-gallery-item, #news-event-gallery-3 .container .news-event-gallery-4-full .news-event-gallery-item, #news-event-gallery-4 .container .news-event-gallery-3-full .news-event-gallery-item, #news-event-gallery-4 .container .news-event-gallery-4-full .news-event-gallery-item {
          width: 100%;
          height: 555px;
          display: flex;
          margin: 0 auto;
          padding: 0;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
        }
        #news-event-gallery-3 .container .news-event-gallery-3-full .news-event-gallery-item img, #news-event-gallery-3 .container .news-event-gallery-4-full .news-event-gallery-item img, #news-event-gallery-4 .container .news-event-gallery-3-full .news-event-gallery-item img, #news-event-gallery-4 .container .news-event-gallery-4-full .news-event-gallery-item img {
          width: 100%;
          margin: auto;
        }
        #news-event-gallery-3 .container .news-event-gallery-3-full .news-event-gallery-item img:hover, #news-event-gallery-3 .container .news-event-gallery-4-full .news-event-gallery-item img:hover, #news-event-gallery-4 .container .news-event-gallery-3-full .news-event-gallery-item img:hover, #news-event-gallery-4 .container .news-event-gallery-4-full .news-event-gallery-item img:hover {
          cursor: pointer;
        }
        #news-event-gallery-3 .container .news-event-gallery-3-nav, #news-event-gallery-3 .container .news-event-gallery-3-full, #news-event-gallery-3 .container .news-event-gallery-4-nav, #news-event-gallery-3 .container .news-event-gallery-4-full, #news-event-gallery-4 .container .news-event-gallery-3-nav, #news-event-gallery-4 .container .news-event-gallery-3-full, #news-event-gallery-4 .container .news-event-gallery-4-nav, #news-event-gallery-4 .container .news-event-gallery-4-full {
          width: 100%;
        }
        #news-event-gallery-3 .container .news-event-gallery-3-nav .slick-next, #news-event-gallery-3 .container .news-event-gallery-3-full .slick-next, #news-event-gallery-3 .container .news-event-gallery-4-nav .slick-next, #news-event-gallery-3 .container .news-event-gallery-4-full .slick-next, #news-event-gallery-4 .container .news-event-gallery-3-nav .slick-next, #news-event-gallery-4 .container .news-event-gallery-3-full .slick-next, #news-event-gallery-4 .container .news-event-gallery-4-nav .slick-next, #news-event-gallery-4 .container .news-event-gallery-4-full .slick-next {
          width: 50px;
          height: 60px;
          right: 0px;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: rgba(255, 255, 255, 0.5);
        }
        #news-event-gallery-3 .container .news-event-gallery-3-nav .slick-next:before, #news-event-gallery-3 .container .news-event-gallery-3-full .slick-next:before, #news-event-gallery-3 .container .news-event-gallery-4-nav .slick-next:before, #news-event-gallery-3 .container .news-event-gallery-4-full .slick-next:before, #news-event-gallery-4 .container .news-event-gallery-3-nav .slick-next:before, #news-event-gallery-4 .container .news-event-gallery-3-full .slick-next:before, #news-event-gallery-4 .container .news-event-gallery-4-nav .slick-next:before, #news-event-gallery-4 .container .news-event-gallery-4-full .slick-next:before {
          content: "▶";
          display: block;
          margin: 0;
          padding: 0;
          color: white;
          font-size: 40px;
        }
        #news-event-gallery-3 .container .news-event-gallery-3-nav .slick-prev, #news-event-gallery-3 .container .news-event-gallery-3-full .slick-prev, #news-event-gallery-3 .container .news-event-gallery-4-nav .slick-prev, #news-event-gallery-3 .container .news-event-gallery-4-full .slick-prev, #news-event-gallery-4 .container .news-event-gallery-3-nav .slick-prev, #news-event-gallery-4 .container .news-event-gallery-3-full .slick-prev, #news-event-gallery-4 .container .news-event-gallery-4-nav .slick-prev, #news-event-gallery-4 .container .news-event-gallery-4-full .slick-prev {
          width: 50px;
          height: 60px;
          left: 0px;
          z-index: 1000;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: rgba(255, 255, 255, 0.5);
        }
        #news-event-gallery-3 .container .news-event-gallery-3-nav .slick-prev:before, #news-event-gallery-3 .container .news-event-gallery-3-full .slick-prev:before, #news-event-gallery-3 .container .news-event-gallery-4-nav .slick-prev:before, #news-event-gallery-3 .container .news-event-gallery-4-full .slick-prev:before, #news-event-gallery-4 .container .news-event-gallery-3-nav .slick-prev:before, #news-event-gallery-4 .container .news-event-gallery-3-full .slick-prev:before, #news-event-gallery-4 .container .news-event-gallery-4-nav .slick-prev:before, #news-event-gallery-4 .container .news-event-gallery-4-full .slick-prev:before {
          content: "◀";
          display: block;
          margin: 0;
          padding: 0;
          color: white;
          font-size: 40px;
        }
        

@media only screen and (max-width: 600px) {
  #news-event {
    width: 100%;
    background-color: #000000;
    color: #ffffff; }
    #news-event .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      #news-event .container .news-events {
        display: flex;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap; }
        #news-event .container .news-events .news-event-item {
          display: flex;
          width: 100%;
          padding: 20px;
          margin: 25px;
          border: solid 3px;
          border-color: #d9bf86; }
        #news-event .container .news-events .inner {
          width: 100%;
          height: 100%;
          padding: 20px;
          border: solid 9px;
          border-color: #d9bf86; } }

#products {
  color: #ffffff;
  background-color: #000000; }
  #products .container {
    max-width: 1380px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap; }
    #products .container .title {
      width: 100%;
      display: flex;
      height: 162px;
      align-items: center;
      justify-content: center;
      font-size: 35px; }
      #products .container .title p {
        margin: 0; }
      #products .container .title .txt-hl {
        color: #ae996b; }
    #products .container .product-list {
      width: 100%;
      margin-bottom: 50px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between; }
      #products .container .product-list .cover-bg {
        height: 500px;
        display: flex;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .3s; }
        #products .container .product-list .cover-bg .product-title {
          width: 100%;
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          text-align: center;
          font-size: 20px; }
      #products .container .product-list .cover-bg:hover {
        cursor: pointer;
        border-bottom: 10px solid #fff;
        transition: all .3s; }
        #products .container .product-list .cover-bg:hover .product-title {
          transition: 0.3s;
          font-size: 25px; }
      #products .container .product-list .cover-product-wood-floorings {
        width: 33%; }
      #products .container .product-list .cover-product-doors {
        width: 33%; }
      #products .container .product-list .cover-product-staircase {
        width: 33%; }

@media only screen and (max-width: 1000px) {
  #products .container .title {
    height: 120px;
    font-size: 28px; }
  #products .container .product-list {
    width: 100%;
    margin-bottom: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    #products .container .product-list .cover-bg {
      height: 400px;
      margin-bottom: 10px; }
      #products .container .product-list .cover-bg .product-title {
        font-size: 26px; } }

@media only screen and (max-width: 860px) {
  #products .container .title {
    height: 120px;
    font-size: 28px; }
  #products .container .product-list {
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap; }
    #products .container .product-list .cover-bg {
      height: 450px;
      display: flex; }
      #products .container .product-list .cover-bg .product-title {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        text-align: center;
        font-size: 28px; }
    #products .container .product-list .cover-product-wood-floorings {
      width: 100%; }
    #products .container .product-list .cover-product-doors {
      width: 100%; }
    #products .container .product-list .cover-product-staircase {
      width: 100%; } }

@media only screen and (max-width: 600px) {
  #products .container .title {
    height: 120px;
    font-size: 28px; }
  #products .container .product-list {
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap; }
    #products .container .product-list .cover-bg {
      height: 400px;
      display: flex; }
      #products .container .product-list .cover-bg .product-title {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        text-align: center;
        font-size: 28px; } }

@media only screen and (max-width: 400px) {
  #products .container .title {
    height: 80px;
    font-size: 24px; }
  #products .container .product-list {
    margin-bottom: 25px; }
    #products .container .product-list .cover-bg {
      height: 350px; }
      #products .container .product-list .cover-bg .product-title {
        font-size: 20px; } }

#toyota-alive-cafe {
  width: 100%;
  color: #ffffff;
  background-color: #000000; }
  #toyota-alive-cafe .container {
    max-width: 1380px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column; }
    #toyota-alive-cafe .container .title {
      width: 100%;
      display: flex;
      height: 162px;
      align-items: center;
      justify-content: center;
      font-size: 35px; }
      #toyota-alive-cafe .container .title p {
        margin: 0; }
      #toyota-alive-cafe .container .title .txt-hl {
        color: #ae996b; }
    #toyota-alive-cafe .container .toyota-scroll {
      width: 100%;
      height: 750px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      display: flex;
      align-self: flex-end;
      flex-grow: 1;
      color: #ffffff; }
      #toyota-alive-cafe .container .toyota-scroll p {
        align-self: flex-end;
        width: 100%;
        text-align: center;
        margin: 0; }
      #toyota-alive-cafe .container .toyota-scroll p:hover {
        cursor: pointer; }
      #toyota-alive-cafe .container .toyota-scroll .scroll-down-icon {
        width: 50px;
        height: 46px;
        margin: 30px 0; }
    #toyota-alive-cafe .container #toyota-gallery {
      width: 100%; }
      #toyota-alive-cafe .container #toyota-gallery .container {
        width: 100%;
        padding: 5px 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap; }
        #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-bg {
          height: 675px;
          margin: 5px 0;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center; }
        #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-item-1 {
          width: 69%; }
        #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-item-2 {
          width: 29%; }
        #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-item-3 {
          width: 49%; }
        #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-item-4 {
          width: 49%; }
        #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-item-5 {
          width: 33%; }
        #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-item-6 {
          width: 33%; }
        #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-item-7 {
          width: 33%; }

@media only screen and (max-width: 1000px) {
  #toyota-alive-cafe .container .title {
    height: 120px;
    font-size: 28px; }
  #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-bg {
    margin: 10px 0;
    height: 500px; }
  #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-item-1 {
    width: 100%; }
  #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-item-2 {
    width: 100%; }
  #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-item-3 {
    width: 100%; }
  #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-item-4 {
    width: 100%; }
  #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-item-5 {
    width: 100%; }
  #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-item-6 {
    width: 100%; }
  #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-item-7 {
    width: 100%; } }

@media only screen and (max-width: 860px) {
  #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-bg {
    margin: 10px 0;
    height: 400px; } }

@media only screen and (max-width: 600px) {
  #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-bg {
    margin: 10px 0;
    height: 300px; } }

@media only screen and (max-width: 400px) {
  #toyota-alive-cafe .container .title {
    height: 80px;
    font-size: 24px; }
  #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-bg {
    margin: 5px 0;
    height: 200px; } }

#creative-working-space, #condominium-project, #thonglor-rama-9-residence {
  color: #ffffff;
  background-color: #000000; }
  #creative-working-space .container, #condominium-project .container, #thonglor-rama-9-residence .container {
    max-width: 1380px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap; }
    #creative-working-space .container .title, #condominium-project .container .title, #thonglor-rama-9-residence .container .title {
      width: 100%;
      display: flex;
      height: 162px;
      align-items: center;
      justify-content: center;
      font-size: 35px; }
      #creative-working-space .container .title p, #condominium-project .container .title p, #thonglor-rama-9-residence .container .title p {
        margin: 0; }
      #creative-working-space .container .title .txt-hl, #condominium-project .container .title .txt-hl, #thonglor-rama-9-residence .container .title .txt-hl {
        color: #ae996b; }
    #creative-working-space .container .cover-bg, #condominium-project .container .cover-bg, #thonglor-rama-9-residence .container .cover-bg {
      width: 100%;
      height: 675px;
      margin: 0;
      display: flex;
      align-self: flex-end;
      flex-grow: 1;
      color: #ffffff;
      border-top: solid 5px #ae996b;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
      #creative-working-space .container .cover-bg p, #condominium-project .container .cover-bg p, #thonglor-rama-9-residence .container .cover-bg p {
        align-self: flex-end;
        width: 100%;
        text-align: center;
        margin: 0; }
      #creative-working-space .container .cover-bg p:hover, #condominium-project .container .cover-bg p:hover, #thonglor-rama-9-residence .container .cover-bg p:hover {
        cursor: pointer; }
      #creative-working-space .container .cover-bg .scroll-down-icon, #condominium-project .container .cover-bg .scroll-down-icon, #thonglor-rama-9-residence .container .cover-bg .scroll-down-icon {
        width: 50px;
        height: 46px;
        margin: 30px 0; }
    #creative-working-space .container #creative-gallery, #creative-working-space .container #condominium-gallery, #creative-working-space .container #thonglor-rama-9-residence-gallery, #condominium-project .container #creative-gallery, #condominium-project .container #condominium-gallery, #condominium-project .container #thonglor-rama-9-residence-gallery, #thonglor-rama-9-residence .container #creative-gallery, #thonglor-rama-9-residence .container #condominium-gallery, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery {
      width: 100%; }
      #creative-working-space .container #creative-gallery .container, #creative-working-space .container #condominium-gallery .container, #creative-working-space .container #thonglor-rama-9-residence-gallery .container, #condominium-project .container #creative-gallery .container, #condominium-project .container #condominium-gallery .container, #condominium-project .container #thonglor-rama-9-residence-gallery .container, #thonglor-rama-9-residence .container #creative-gallery .container, #thonglor-rama-9-residence .container #condominium-gallery .container, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container {
        width: 100%;
        padding: 5px 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap; }
        #creative-working-space .container #creative-gallery .container .gallery-bg, #creative-working-space .container #condominium-gallery .container .gallery-bg, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .gallery-bg, #condominium-project .container #creative-gallery .container .gallery-bg, #condominium-project .container #condominium-gallery .container .gallery-bg, #condominium-project .container #thonglor-rama-9-residence-gallery .container .gallery-bg, #thonglor-rama-9-residence .container #creative-gallery .container .gallery-bg, #thonglor-rama-9-residence .container #condominium-gallery .container .gallery-bg, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .gallery-bg {
          height: 675px;
          margin: 5px 0;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center; }
        #creative-working-space .container #creative-gallery .container .gallery-item-1, #creative-working-space .container #condominium-gallery .container .gallery-item-1, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .gallery-item-1, #condominium-project .container #creative-gallery .container .gallery-item-1, #condominium-project .container #condominium-gallery .container .gallery-item-1, #condominium-project .container #thonglor-rama-9-residence-gallery .container .gallery-item-1, #thonglor-rama-9-residence .container #creative-gallery .container .gallery-item-1, #thonglor-rama-9-residence .container #condominium-gallery .container .gallery-item-1, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .gallery-item-1 {
          width: 69%; }
        #creative-working-space .container #creative-gallery .container .gallery-item-2, #creative-working-space .container #condominium-gallery .container .gallery-item-2, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .gallery-item-2, #condominium-project .container #creative-gallery .container .gallery-item-2, #condominium-project .container #condominium-gallery .container .gallery-item-2, #condominium-project .container #thonglor-rama-9-residence-gallery .container .gallery-item-2, #thonglor-rama-9-residence .container #creative-gallery .container .gallery-item-2, #thonglor-rama-9-residence .container #condominium-gallery .container .gallery-item-2, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .gallery-item-2 {
          width: 29%; }
        #creative-working-space .container #creative-gallery .container .gallery-item-3, #creative-working-space .container #condominium-gallery .container .gallery-item-3, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .gallery-item-3, #condominium-project .container #creative-gallery .container .gallery-item-3, #condominium-project .container #condominium-gallery .container .gallery-item-3, #condominium-project .container #thonglor-rama-9-residence-gallery .container .gallery-item-3, #thonglor-rama-9-residence .container #creative-gallery .container .gallery-item-3, #thonglor-rama-9-residence .container #condominium-gallery .container .gallery-item-3, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .gallery-item-3 {
          width: 49%; }
        #creative-working-space .container #creative-gallery .container .gallery-item-4, #creative-working-space .container #condominium-gallery .container .gallery-item-4, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .gallery-item-4, #condominium-project .container #creative-gallery .container .gallery-item-4, #condominium-project .container #condominium-gallery .container .gallery-item-4, #condominium-project .container #thonglor-rama-9-residence-gallery .container .gallery-item-4, #thonglor-rama-9-residence .container #creative-gallery .container .gallery-item-4, #thonglor-rama-9-residence .container #condominium-gallery .container .gallery-item-4, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .gallery-item-4 {
          width: 49%; }
        #creative-working-space .container #creative-gallery .container .gallery-item-5, #creative-working-space .container #condominium-gallery .container .gallery-item-5, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .gallery-item-5, #condominium-project .container #creative-gallery .container .gallery-item-5, #condominium-project .container #condominium-gallery .container .gallery-item-5, #condominium-project .container #thonglor-rama-9-residence-gallery .container .gallery-item-5, #thonglor-rama-9-residence .container #creative-gallery .container .gallery-item-5, #thonglor-rama-9-residence .container #condominium-gallery .container .gallery-item-5, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .gallery-item-5 {
          width: 33%; }
        #creative-working-space .container #creative-gallery .container .gallery-item-6, #creative-working-space .container #condominium-gallery .container .gallery-item-6, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .gallery-item-6, #condominium-project .container #creative-gallery .container .gallery-item-6, #condominium-project .container #condominium-gallery .container .gallery-item-6, #condominium-project .container #thonglor-rama-9-residence-gallery .container .gallery-item-6, #thonglor-rama-9-residence .container #creative-gallery .container .gallery-item-6, #thonglor-rama-9-residence .container #condominium-gallery .container .gallery-item-6, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .gallery-item-6 {
          width: 33%; }
        #creative-working-space .container #creative-gallery .container .gallery-item-7, #creative-working-space .container #condominium-gallery .container .gallery-item-7, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .gallery-item-7, #condominium-project .container #creative-gallery .container .gallery-item-7, #condominium-project .container #condominium-gallery .container .gallery-item-7, #condominium-project .container #thonglor-rama-9-residence-gallery .container .gallery-item-7, #thonglor-rama-9-residence .container #creative-gallery .container .gallery-item-7, #thonglor-rama-9-residence .container #condominium-gallery .container .gallery-item-7, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .gallery-item-7 {
          width: 33%; }

@media only screen and (max-width: 1000px) {
  #toyota-alive-cafe .container .title, #creative-working-space .container .title, #condominium-project .container .title, #thonglor-rama-9-residence .container .title {
    height: 120px;
    font-size: 28px; }
  #toyota-alive-cafe .container #toyota-gallery .container .gallery-bg, #toyota-alive-cafe .container #creative-gallery .container .gallery-bg, #toyota-alive-cafe .container #condominium-gallery .container .gallery-bg, #toyota-alive-cafe .container #thonglor-rama-9-residence-gallery .container .gallery-bg, #creative-working-space .container #toyota-gallery .container .gallery-bg, #creative-working-space .container #creative-gallery .container .gallery-bg, #creative-working-space .container #condominium-gallery .container .gallery-bg, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .gallery-bg, #condominium-project .container #toyota-gallery .container .gallery-bg, #condominium-project .container #creative-gallery .container .gallery-bg, #condominium-project .container #condominium-gallery .container .gallery-bg, #condominium-project .container #thonglor-rama-9-residence-gallery .container .gallery-bg, #thonglor-rama-9-residence .container #toyota-gallery .container .gallery-bg, #thonglor-rama-9-residence .container #creative-gallery .container .gallery-bg, #thonglor-rama-9-residence .container #condominium-gallery .container .gallery-bg, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .gallery-bg {
    margin: 10px 0;
    height: 500px; }
  #toyota-alive-cafe .container #toyota-gallery .container .gallery-item-1, #toyota-alive-cafe .container #creative-gallery .container .gallery-item-1, #toyota-alive-cafe .container #condominium-gallery .container .gallery-item-1, #toyota-alive-cafe .container #thonglor-rama-9-residence-gallery .container .gallery-item-1, #creative-working-space .container #toyota-gallery .container .gallery-item-1, #creative-working-space .container #creative-gallery .container .gallery-item-1, #creative-working-space .container #condominium-gallery .container .gallery-item-1, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .gallery-item-1, #condominium-project .container #toyota-gallery .container .gallery-item-1, #condominium-project .container #creative-gallery .container .gallery-item-1, #condominium-project .container #condominium-gallery .container .gallery-item-1, #condominium-project .container #thonglor-rama-9-residence-gallery .container .gallery-item-1, #thonglor-rama-9-residence .container #toyota-gallery .container .gallery-item-1, #thonglor-rama-9-residence .container #creative-gallery .container .gallery-item-1, #thonglor-rama-9-residence .container #condominium-gallery .container .gallery-item-1, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .gallery-item-1 {
    width: 100%; }
  #toyota-alive-cafe .container #toyota-gallery .container .gallery-item-2, #toyota-alive-cafe .container #creative-gallery .container .gallery-item-2, #toyota-alive-cafe .container #condominium-gallery .container .gallery-item-2, #toyota-alive-cafe .container #thonglor-rama-9-residence-gallery .container .gallery-item-2, #creative-working-space .container #toyota-gallery .container .gallery-item-2, #creative-working-space .container #creative-gallery .container .gallery-item-2, #creative-working-space .container #condominium-gallery .container .gallery-item-2, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .gallery-item-2, #condominium-project .container #toyota-gallery .container .gallery-item-2, #condominium-project .container #creative-gallery .container .gallery-item-2, #condominium-project .container #condominium-gallery .container .gallery-item-2, #condominium-project .container #thonglor-rama-9-residence-gallery .container .gallery-item-2, #thonglor-rama-9-residence .container #toyota-gallery .container .gallery-item-2, #thonglor-rama-9-residence .container #creative-gallery .container .gallery-item-2, #thonglor-rama-9-residence .container #condominium-gallery .container .gallery-item-2, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .gallery-item-2 {
    width: 100%; }
  #toyota-alive-cafe .container #toyota-gallery .container .gallery-item-3, #toyota-alive-cafe .container #creative-gallery .container .gallery-item-3, #toyota-alive-cafe .container #condominium-gallery .container .gallery-item-3, #toyota-alive-cafe .container #thonglor-rama-9-residence-gallery .container .gallery-item-3, #creative-working-space .container #toyota-gallery .container .gallery-item-3, #creative-working-space .container #creative-gallery .container .gallery-item-3, #creative-working-space .container #condominium-gallery .container .gallery-item-3, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .gallery-item-3, #condominium-project .container #toyota-gallery .container .gallery-item-3, #condominium-project .container #creative-gallery .container .gallery-item-3, #condominium-project .container #condominium-gallery .container .gallery-item-3, #condominium-project .container #thonglor-rama-9-residence-gallery .container .gallery-item-3, #thonglor-rama-9-residence .container #toyota-gallery .container .gallery-item-3, #thonglor-rama-9-residence .container #creative-gallery .container .gallery-item-3, #thonglor-rama-9-residence .container #condominium-gallery .container .gallery-item-3, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .gallery-item-3 {
    width: 100%; }
  #toyota-alive-cafe .container #toyota-gallery .container .gallery-item-4, #toyota-alive-cafe .container #creative-gallery .container .gallery-item-4, #toyota-alive-cafe .container #condominium-gallery .container .gallery-item-4, #toyota-alive-cafe .container #thonglor-rama-9-residence-gallery .container .gallery-item-4, #creative-working-space .container #toyota-gallery .container .gallery-item-4, #creative-working-space .container #creative-gallery .container .gallery-item-4, #creative-working-space .container #condominium-gallery .container .gallery-item-4, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .gallery-item-4, #condominium-project .container #toyota-gallery .container .gallery-item-4, #condominium-project .container #creative-gallery .container .gallery-item-4, #condominium-project .container #condominium-gallery .container .gallery-item-4, #condominium-project .container #thonglor-rama-9-residence-gallery .container .gallery-item-4, #thonglor-rama-9-residence .container #toyota-gallery .container .gallery-item-4, #thonglor-rama-9-residence .container #creative-gallery .container .gallery-item-4, #thonglor-rama-9-residence .container #condominium-gallery .container .gallery-item-4, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .gallery-item-4 {
    width: 100%; }
  #toyota-alive-cafe .container #toyota-gallery .container .gallery-item-5, #toyota-alive-cafe .container #creative-gallery .container .gallery-item-5, #toyota-alive-cafe .container #condominium-gallery .container .gallery-item-5, #toyota-alive-cafe .container #thonglor-rama-9-residence-gallery .container .gallery-item-5, #creative-working-space .container #toyota-gallery .container .gallery-item-5, #creative-working-space .container #creative-gallery .container .gallery-item-5, #creative-working-space .container #condominium-gallery .container .gallery-item-5, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .gallery-item-5, #condominium-project .container #toyota-gallery .container .gallery-item-5, #condominium-project .container #creative-gallery .container .gallery-item-5, #condominium-project .container #condominium-gallery .container .gallery-item-5, #condominium-project .container #thonglor-rama-9-residence-gallery .container .gallery-item-5, #thonglor-rama-9-residence .container #toyota-gallery .container .gallery-item-5, #thonglor-rama-9-residence .container #creative-gallery .container .gallery-item-5, #thonglor-rama-9-residence .container #condominium-gallery .container .gallery-item-5, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .gallery-item-5 {
    width: 100%; }
  #toyota-alive-cafe .container #toyota-gallery .container .gallery-item-6, #toyota-alive-cafe .container #creative-gallery .container .gallery-item-6, #toyota-alive-cafe .container #condominium-gallery .container .gallery-item-6, #toyota-alive-cafe .container #thonglor-rama-9-residence-gallery .container .gallery-item-6, #creative-working-space .container #toyota-gallery .container .gallery-item-6, #creative-working-space .container #creative-gallery .container .gallery-item-6, #creative-working-space .container #condominium-gallery .container .gallery-item-6, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .gallery-item-6, #condominium-project .container #toyota-gallery .container .gallery-item-6, #condominium-project .container #creative-gallery .container .gallery-item-6, #condominium-project .container #condominium-gallery .container .gallery-item-6, #condominium-project .container #thonglor-rama-9-residence-gallery .container .gallery-item-6, #thonglor-rama-9-residence .container #toyota-gallery .container .gallery-item-6, #thonglor-rama-9-residence .container #creative-gallery .container .gallery-item-6, #thonglor-rama-9-residence .container #condominium-gallery .container .gallery-item-6, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .gallery-item-6 {
    width: 100%; }
  #toyota-alive-cafe .container #toyota-gallery .container .gallery-item-7, #toyota-alive-cafe .container #creative-gallery .container .gallery-item-7, #toyota-alive-cafe .container #condominium-gallery .container .gallery-item-7, #toyota-alive-cafe .container #thonglor-rama-9-residence-gallery .container .gallery-item-7, #creative-working-space .container #toyota-gallery .container .gallery-item-7, #creative-working-space .container #creative-gallery .container .gallery-item-7, #creative-working-space .container #condominium-gallery .container .gallery-item-7, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .gallery-item-7, #condominium-project .container #toyota-gallery .container .gallery-item-7, #condominium-project .container #creative-gallery .container .gallery-item-7, #condominium-project .container #condominium-gallery .container .gallery-item-7, #condominium-project .container #thonglor-rama-9-residence-gallery .container .gallery-item-7, #thonglor-rama-9-residence .container #toyota-gallery .container .gallery-item-7, #thonglor-rama-9-residence .container #creative-gallery .container .gallery-item-7, #thonglor-rama-9-residence .container #condominium-gallery .container .gallery-item-7, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .gallery-item-7 {
    width: 100%; } }

@media only screen and (max-width: 860px) {
  #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-bg, #toyota-alive-cafe .container #toyota-gallery .container .gallery-bg, #toyota-alive-cafe .container #creative-gallery .container .toyota-gallery-bg, #toyota-alive-cafe .container #creative-gallery .container .gallery-bg, #toyota-alive-cafe .container #condominium-gallery .container .toyota-gallery-bg, #toyota-alive-cafe .container #condominium-gallery .container .gallery-bg, #toyota-alive-cafe .container #thonglor-rama-9-residence-gallery .container .toyota-gallery-bg, #toyota-alive-cafe .container #thonglor-rama-9-residence-gallery .container .gallery-bg, #creative-working-space .container #toyota-gallery .container .toyota-gallery-bg, #creative-working-space .container #toyota-gallery .container .gallery-bg, #creative-working-space .container #creative-gallery .container .toyota-gallery-bg, #creative-working-space .container #creative-gallery .container .gallery-bg, #creative-working-space .container #condominium-gallery .container .toyota-gallery-bg, #creative-working-space .container #condominium-gallery .container .gallery-bg, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .toyota-gallery-bg, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .gallery-bg, #condominium-project .container #toyota-gallery .container .toyota-gallery-bg, #condominium-project .container #toyota-gallery .container .gallery-bg, #condominium-project .container #creative-gallery .container .toyota-gallery-bg, #condominium-project .container #creative-gallery .container .gallery-bg, #condominium-project .container #condominium-gallery .container .toyota-gallery-bg, #condominium-project .container #condominium-gallery .container .gallery-bg, #condominium-project .container #thonglor-rama-9-residence-gallery .container .toyota-gallery-bg, #condominium-project .container #thonglor-rama-9-residence-gallery .container .gallery-bg, #thonglor-rama-9-residence .container #toyota-gallery .container .toyota-gallery-bg, #thonglor-rama-9-residence .container #toyota-gallery .container .gallery-bg, #thonglor-rama-9-residence .container #creative-gallery .container .toyota-gallery-bg, #thonglor-rama-9-residence .container #creative-gallery .container .gallery-bg, #thonglor-rama-9-residence .container #condominium-gallery .container .toyota-gallery-bg, #thonglor-rama-9-residence .container #condominium-gallery .container .gallery-bg, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .toyota-gallery-bg, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .gallery-bg {
    margin: 10px 0;
    height: 400px; } }

@media only screen and (max-width: 600px) {
  #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-bg, #toyota-alive-cafe .container #toyota-gallery .container .gallery-bg, #toyota-alive-cafe .container #creative-gallery .container .toyota-gallery-bg, #toyota-alive-cafe .container #creative-gallery .container .gallery-bg, #toyota-alive-cafe .container #condominium-gallery .container .toyota-gallery-bg, #toyota-alive-cafe .container #condominium-gallery .container .gallery-bg, #toyota-alive-cafe .container #thonglor-rama-9-residence-gallery .container .toyota-gallery-bg, #toyota-alive-cafe .container #thonglor-rama-9-residence-gallery .container .gallery-bg, #creative-working-space .container #toyota-gallery .container .toyota-gallery-bg, #creative-working-space .container #toyota-gallery .container .gallery-bg, #creative-working-space .container #creative-gallery .container .toyota-gallery-bg, #creative-working-space .container #creative-gallery .container .gallery-bg, #creative-working-space .container #condominium-gallery .container .toyota-gallery-bg, #creative-working-space .container #condominium-gallery .container .gallery-bg, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .toyota-gallery-bg, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .gallery-bg, #condominium-project .container #toyota-gallery .container .toyota-gallery-bg, #condominium-project .container #toyota-gallery .container .gallery-bg, #condominium-project .container #creative-gallery .container .toyota-gallery-bg, #condominium-project .container #creative-gallery .container .gallery-bg, #condominium-project .container #condominium-gallery .container .toyota-gallery-bg, #condominium-project .container #condominium-gallery .container .gallery-bg, #condominium-project .container #thonglor-rama-9-residence-gallery .container .toyota-gallery-bg, #condominium-project .container #thonglor-rama-9-residence-gallery .container .gallery-bg, #thonglor-rama-9-residence .container #toyota-gallery .container .toyota-gallery-bg, #thonglor-rama-9-residence .container #toyota-gallery .container .gallery-bg, #thonglor-rama-9-residence .container #creative-gallery .container .toyota-gallery-bg, #thonglor-rama-9-residence .container #creative-gallery .container .gallery-bg, #thonglor-rama-9-residence .container #condominium-gallery .container .toyota-gallery-bg, #thonglor-rama-9-residence .container #condominium-gallery .container .gallery-bg, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .toyota-gallery-bg, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .gallery-bg {
    margin: 10px 0;
    height: 300px; } }

@media only screen and (max-width: 400px) {
  #toyota-alive-cafe .container .title, #creative-working-space .container .title, #condominium-project .container .title, #thonglor-rama-9-residence .container .title {
    height: 80px;
    font-size: 24px; }
  #toyota-alive-cafe .container #toyota-gallery .container .toyota-gallery-bg, #toyota-alive-cafe .container #toyota-gallery .container .gellery-bg, #toyota-alive-cafe .container #creative-gallery .container .toyota-gallery-bg, #toyota-alive-cafe .container #creative-gallery .container .gellery-bg, #toyota-alive-cafe .container #condominium-gallery .container .toyota-gallery-bg, #toyota-alive-cafe .container #condominium-gallery .container .gellery-bg, #toyota-alive-cafe .container #thonglor-rama-9-residence-gallery .container .toyota-gallery-bg, #toyota-alive-cafe .container #thonglor-rama-9-residence-gallery .container .gellery-bg, #creative-working-space .container #toyota-gallery .container .toyota-gallery-bg, #creative-working-space .container #toyota-gallery .container .gellery-bg, #creative-working-space .container #creative-gallery .container .toyota-gallery-bg, #creative-working-space .container #creative-gallery .container .gellery-bg, #creative-working-space .container #condominium-gallery .container .toyota-gallery-bg, #creative-working-space .container #condominium-gallery .container .gellery-bg, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .toyota-gallery-bg, #creative-working-space .container #thonglor-rama-9-residence-gallery .container .gellery-bg, #condominium-project .container #toyota-gallery .container .toyota-gallery-bg, #condominium-project .container #toyota-gallery .container .gellery-bg, #condominium-project .container #creative-gallery .container .toyota-gallery-bg, #condominium-project .container #creative-gallery .container .gellery-bg, #condominium-project .container #condominium-gallery .container .toyota-gallery-bg, #condominium-project .container #condominium-gallery .container .gellery-bg, #condominium-project .container #thonglor-rama-9-residence-gallery .container .toyota-gallery-bg, #condominium-project .container #thonglor-rama-9-residence-gallery .container .gellery-bg, #thonglor-rama-9-residence .container #toyota-gallery .container .toyota-gallery-bg, #thonglor-rama-9-residence .container #toyota-gallery .container .gellery-bg, #thonglor-rama-9-residence .container #creative-gallery .container .toyota-gallery-bg, #thonglor-rama-9-residence .container #creative-gallery .container .gellery-bg, #thonglor-rama-9-residence .container #condominium-gallery .container .toyota-gallery-bg, #thonglor-rama-9-residence .container #condominium-gallery .container .gellery-bg, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .toyota-gallery-bg, #thonglor-rama-9-residence .container #thonglor-rama-9-residence-gallery .container .gellery-bg {
    margin: 5px 0;
    height: 200px; } }

#staircase {
  width: 100%;
  background-color: #000000;
  color: #ffffff; }
  #staircase .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start; }
    #staircase .container .staircase-title {
      margin: 20px 20px 0px 20px;
      width: 100%;
      display: flex;
      justify-content: flex-start; }
      #staircase .container .staircase-title .title-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start; }
        #staircase .container .staircase-title .title-container .staircase-title-column-1 {
          width: 260px;
          display: flex;
          flex-wrap: wrap;
          flex-direction: column; }
          #staircase .container .staircase-title .title-container .staircase-title-column-1 .staircase-title-column-1-the {
            text-align: left;
            line-height: 1;
            font-family: "Libre Baskerville", sans-serif;
            font-size: 28px;
            color: #ffffff; }
          #staircase .container .staircase-title .title-container .staircase-title-column-1 .staircase-title-column-1-wood {
            text-align: left;
            line-height: 1;
            font-family: "Libre Baskerville", sans-serif;
            font-size: 60px;
            color: #ae996b; }
        #staircase .container .staircase-title .title-container .staircase-title-column-2 {
          width: 500px;
          display: flex;
          flex-wrap: wrap;
          flex-direction: column;
          justify-content: flex-end; }
          #staircase .container .staircase-title .title-container .staircase-title-column-2 .staircase-title-column-2-staircase {
            text-align: left;
            line-height: 1;
            font-family: "Libre Baskerville", sans-serif;
            font-size: 75px;
            color: #ffffff; }
      #staircase .container .staircase-title p {
        text-align: center;
        margin: 0;
        font-family: 'Times New Roman', Times, serif;
        font-size: 28px;
        line-height: 3em; }
    #staircase .container .staircase {
      display: flex;
      width: 100%;
      justify-content: center; }
      #staircase .container .staircase .staircase-item {
        display: flex;
        max-width: 1200px;
        max-height: 700px;
        padding: 20px;
        margin: 25px;
        border: solid 3px;
        border-color: #d9bf86; }
      #staircase .container .staircase .inner {
        width: 100%;
        height: 100%;
        padding: 15px;
        border: solid 7px;
        border-color: #d9bf86; }
    #staircase .container .staircase-desc {
      width: 100%;
      padding: 25px 0;
      display: flex;
      flex-direction: row;
      color: #ffffff;
      font-size: 20px;
      line-height: 1.75; }
      #staircase .container .staircase-desc .biggest {
        margin: 0;
        margin-top: 20px;
        font-size: 58px;
        line-height: 58px; }
      #staircase .container .staircase-desc .big {
        line-height: 28px;
        font-size: 28px;
        padding: 0px;
        margin: 0px;
        margin-top: 20px; }
      #staircase .container .staircase-desc .color {
        color: #ae996b; }
      #staircase .container .staircase-desc .left {
        text-align: right;
        padding: 0 175px 0 0;
        flex: 1; }
      #staircase .container .staircase-desc .right {
        flex: 1;
        padding: 0 50px; }
        #staircase .container .staircase-desc .right hr {
          width: 100%; }

@media only screen and (max-width: 1000px) {
  #staircase .container .staircase-title .title-container .staircase-title-column-1 .staircase-title-column-1-the {
    font-size: 20px; }
  #staircase .container .staircase-title .title-container .staircase-title-column-1 .staircase-title-column-1-wood {
    font-size: 40px; }
  #staircase .container .staircase-title .title-container .staircase-title-column-2 {
    width: 400px; }
    #staircase .container .staircase-title .title-container .staircase-title-column-2 .staircase-title-column-2-staircase {
      font-size: 60px; }
  #staircase .container .staircase-desc {
    width: 100%;
    padding: 25px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    color: #ffffff;
    font-size: 20px; }
    #staircase .container .staircase-desc .biggest {
      margin: 0;
      font-size: 48px; }
    #staircase .container .staircase-desc .big {
      font-size: 28px; }
    #staircase .container .staircase-desc .color {
      color: #ae996b; }
    #staircase .container .staircase-desc .left {
      width: 100%;
      text-align: left;
      padding: 0 25px;
      padding-right: 0px;
      margin-top: 20px; }
    #staircase .container .staircase-desc .right {
      width: 100%;
      padding: 0 25px; } }

@media only screen and (max-width: 600px) {
  #staircase .container .staircase-title .title-container .staircase-title-column-1 .staircase-title-column-1-the {
    font-size: 20px; }
  #staircase .container .staircase-title .title-container .staircase-title-column-1 .staircase-title-column-1-wood {
    font-size: 40px; }
  #staircase .container .staircase-title .title-container .staircase-title-column-2 {
    width: 400px; }
    #staircase .container .staircase-title .title-container .staircase-title-column-2 .staircase-title-column-2-staircase {
      font-size: 60px; }
  #staircase .container .staircase-desc {
    display: block; }
    #staircase .container .staircase-desc .left {
      margin-bottom: 40px;
      padding-right: 25px; }
      #staircase .container .staircase-desc .left .big {
        margin-top: 5px; }
    #staircase .container .staircase-desc .right {
      margin-top: 70px; } }

/* wood flooring start */
#flooring {
  width: 100%;
  background-color: #000000;
  color: #ffffff; }
  #flooring .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start; }
    #flooring .container .flooring-title {
      margin: 20px 20px 0px 20px;
      width: 100%;
      display: flex;
      justify-content: flex-start; }
      #flooring .container .flooring-title .title-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start; }
        #flooring .container .flooring-title .title-container .flooring-title-column-1 {
          width: 260px;
          display: flex;
          flex-wrap: wrap;
          flex-direction: column; }
          #flooring .container .flooring-title .title-container .flooring-title-column-1 .flooring-title-column-1-engineered {
            text-align: left;
            line-height: 1;
            font-family: "Libre Baskerville", sans-serif;
            font-size: 28px;
            color: #ffffff; }
          #flooring .container .flooring-title .title-container .flooring-title-column-1 .flooring-title-column-1-wood {
            text-align: left;
            line-height: 1;
            font-family: "Libre Baskerville", sans-serif;
            font-size: 60px;
            color: #ae996b; }
        #flooring .container .flooring-title .title-container .flooring-title-column-2 {
          width: 500px;
          display: flex;
          flex-wrap: wrap;
          flex-direction: column;
          justify-content: flex-end; }
          #flooring .container .flooring-title .title-container .flooring-title-column-2 .flooring-title-column-2-flooring {
            text-align: left;
            line-height: 1;
            font-family: "Libre Baskerville", sans-serif;
            font-size: 75px;
            color: #ffffff; }
      #flooring .container .flooring-title p {
        text-align: center;
        margin: 0;
        font-family: 'Times New Roman', Times, serif;
        font-size: 28px;
        line-height: 3em; }

/* start of flooring description */
#flooring-desc {
  width: 100%;
  background-color: #000000;
  color: #ffffff;
  background-image: url("../img/collection/wood-flooring-desc-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  #flooring-desc .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    #flooring-desc .container p {
      width: 100%;
      margin: 10px 0;
      text-align: center; }
    #flooring-desc .container .strong {
      padding: 20px 0 0 0;
      font-weight: 900;
      font-size: 26px; }
    #flooring-desc .container .left, #flooring-desc .container .right {
      width: 50%;
      margin: 30px 0 0 0; }
      #flooring-desc .container .left p, #flooring-desc .container .right p {
        text-align: left;
        margin: 15px 0 5px 10px; }
      #flooring-desc .container .left .strong, #flooring-desc .container .right .strong {
        font-weight: 900;
        font-size: 24px; }

/* 860-1000 px*/
@media only screen and (max-width: 1000px) {
  #flooring .container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start; }
    #flooring .container .flooring-title {
      margin: 20px 20px 0px 20px;
      width: 100%;
      display: flex;
      justify-content: flex-start; }
      #flooring .container .flooring-title .title-container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start; }
        #flooring .container .flooring-title .title-container .flooring-title-column-1 {
          width: 260px;
          display: flex;
          flex-wrap: wrap;
          flex-direction: column; }
          #flooring .container .flooring-title .title-container .flooring-title-column-1 .flooring-title-column-1-engineered {
            text-align: left;
            line-height: 1;
            font-family: "Libre Baskerville", sans-serif;
            font-size: 28px;
            color: #ffffff; }
          #flooring .container .flooring-title .title-container .flooring-title-column-1 .flooring-title-column-1-wood {
            text-align: left;
            line-height: 1;
            font-family: "Libre Baskerville", sans-serif;
            font-size: 60px;
            color: #ae996b; }
        #flooring .container .flooring-title .title-container .flooring-title-column-2 {
          width: 500px;
          display: flex;
          flex-wrap: wrap;
          flex-direction: column;
          justify-content: flex-end; }
          #flooring .container .flooring-title .title-container .flooring-title-column-2 .flooring-title-column-2-flooring {
            text-align: left;
            line-height: 1;
            font-family: "Libre Baskerville", sans-serif;
            font-size: 75px;
            color: #ffffff; }
      #flooring .container .flooring-title p {
        text-align: center;
        margin: 0;
        font-family: 'Times New Roman', Times, serif;
        font-size: 28px;
        line-height: 3em; }
  #flooring-desc .container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 50px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    #flooring-desc .container p {
      width: 100%;
      margin: 10px 0;
      text-align: center; }
    #flooring-desc .container .strong {
      padding: 20px 0 0 0;
      font-weight: 900;
      font-size: 26px; }
    #flooring-desc .container .left, #flooring-desc .container .right {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      #flooring-desc .container .left img, #flooring-desc .container .right img {
        width: 80%; }
      #flooring-desc .container .left p, #flooring-desc .container .right p {
        width: 80%;
        text-align: left;
        margin: 15px 0 5px 10px; }
      #flooring-desc .container .left .strong, #flooring-desc .container .right .strong {
        font-weight: 900;
        font-size: 24px; } }

@media only screen and (max-width: 600px) {
  #flooring .container {
    max-width: 600px; }
    #flooring .container .flooring-title .title-container .flooring-title-column-1 .flooring-title-column-1-engineered {
      font-size: 24px; }
    #flooring .container .flooring-title .title-container .flooring-title-column-1 .flooring-title-column-1-wood {
      font-size: 36px; }
    #flooring .container .flooring-title .title-container .flooring-title-column-2 {
      width: 400px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      justify-content: flex-end; }
      #flooring .container .flooring-title .title-container .flooring-title-column-2 .flooring-title-column-2-flooring {
        font-size: 50px; }
    #flooring .container .flooring-title p {
      text-align: center;
      margin: 0;
      font-family: 'Times New Roman', Times, serif;
      font-size: 28px;
      line-height: 3em; } }

/* end of flooring description */
#flooring-collection {
  background: black;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center; }
  #flooring-collection .container {
    margin: 10px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }
    #flooring-collection .container .flooring-collection-top-margin-right {
      width: 80%;
      padding: 20px 20px 0px 0px;
      border-top: solid 2px #ae996b;
      border-right: solid 2px #ae996b; }
      #flooring-collection .container .flooring-collection-top-margin-right img {
        border-top: solid 10px #ae996b;
        border-right: solid 10px #ae996b;
        width: 100%;
        height: 35px; }
    #flooring-collection .container .flooring-collection-top-margin-left {
      align-self: flex-end;
      padding: 20px 0px 0px 20px;
      width: 80%;
      border-top: solid 2px #ae996b;
      border-left: solid 2px #ae996b; }
      #flooring-collection .container .flooring-collection-top-margin-left img {
        border-top: solid 10px #ae996b;
        border-left: solid 10px #ae996b;
        width: 100%;
        height: 35px; }
    #flooring-collection .container .flooring-collection-mid {
      background: #1e1813;
      padding: 65px 0;
      display: flex;
      flex-direction: row; }
      #flooring-collection .container .flooring-collection-mid img {
        width: 100%; }
      #flooring-collection .container .flooring-collection-mid .image {
        width: 60%; }
      #flooring-collection .container .flooring-collection-mid .image-top {
        display: none; }
      #flooring-collection .container .flooring-collection-mid .image-bottom {
        display: block; }
      #flooring-collection .container .flooring-collection-mid .title {
        width: 40%;
        display: flex;
        padding: 30px 0 0 50px;
        flex-direction: column;
        text-align: left;
        line-height: 1;
        font-family: "Libre Baskerville", sans-serif; }
      #flooring-collection .container .flooring-collection-mid .title-1 {
        width: 100%;
        margin: 4px 0;
        font-size: 14px;
        color: #ffffff; }
      #flooring-collection .container .flooring-collection-mid .title-2 {
        width: 100%;
        margin: 4px 0;
        font-size: 62px;
        color: #ae996b; }
      #flooring-collection .container .flooring-collection-mid .title-3 {
        width: 100%;
        margin: 4px 0;
        font-size: 24px;
        color: #ffffff; }
      #flooring-collection .container .flooring-collection-mid .scroll-down {
        width: 100%;
        display: flex;
        align-self: flex-end;
        justify-content: center;
        flex-grow: 1; }
        #flooring-collection .container .flooring-collection-mid .scroll-down p {
          align-self: flex-end;
          width: 100%;
          text-align: center;
          margin: 0;
          color: white; }
        #flooring-collection .container .flooring-collection-mid .scroll-down p:hover {
          cursor: pointer; }
        #flooring-collection .container .flooring-collection-mid .scroll-down .scroll-down-icon {
          width: 50px;
          height: 46px;
          margin: 30px 0; }
      #flooring-collection .container .flooring-collection-mid .sample {
        width: 40%;
        margin: 20px 0 10px 0; }
      #flooring-collection .container .flooring-collection-mid .sample-desc {
        width: 100%;
        margin: 4px 0;
        font-size: 14px;
        color: #ffffff; }
    #flooring-collection .container .flooring-collection-bottom-margin-right {
      padding: 0px 20px 20px 0px;
      width: 80%;
      border-bottom: solid 2px #ae996b;
      border-right: solid 2px #ae996b; }
      #flooring-collection .container .flooring-collection-bottom-margin-right img {
        border-bottom: solid 10px #ae996b;
        border-right: solid 10px #ae996b;
        width: 100%;
        height: 35px; }
    #flooring-collection .container .flooring-collection-bottom-margin-left {
      align-self: flex-end;
      padding: 0px 0px 20px 20px;
      width: 80%;
      border-bottom: solid 2px #ae996b;
      border-left: solid 2px #ae996b; }
      #flooring-collection .container .flooring-collection-bottom-margin-left img {
        border-bottom: solid 10px #ae996b;
        border-left: solid 10px #ae996b;
        width: 100%;
        height: 35px; }
    #flooring-collection .container #favorite-detail {
      width: 100%;
      font-size: 20px;
      color: #ffffff; }
      #flooring-collection .container #favorite-detail .container {
        width: 100%;
        margin: 50px 0;
        display: flex;
        flex-direction: row; }
        #flooring-collection .container #favorite-detail .container .bigger {
          font-size: 24px;
          font-weight: bold; }
        #flooring-collection .container #favorite-detail .container .color {
          color: #ae996b; }
        #flooring-collection .container #favorite-detail .container .left {
          width: 45%;
          margin: 0 10px 0 50px;
          display: flex;
          flex-direction: column; }
          #flooring-collection .container #favorite-detail .container .left .description {
            line-height: 2; }
          #flooring-collection .container #favorite-detail .container .left .sample-top {
            display: none; }
        #flooring-collection .container #favorite-detail .container .right {
          width: 55%;
          margin: 0 50px 0 10px;
          display: flex;
          flex-direction: column;
          flex-wrap: wrap; }
          #flooring-collection .container #favorite-detail .container .right .image {
            width: 100%; }
          #flooring-collection .container #favorite-detail .container .right .sample {
            width: 25%; }
          #flooring-collection .container #favorite-detail .container .right .sample-txt {
            margin: 0;
            padding: 0 20px; }
          #flooring-collection .container #favorite-detail .container .right .top {
            width: 100%;
            margin: 0 0 20px 0;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-end; }
          #flooring-collection .container #favorite-detail .container .right .bottom {
            width: 100%;
            margin: 20px 0 0 0;
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            align-items: flex-end; }
    #flooring-collection .container #intrincsic-detail {
      width: 100%;
      font-size: 20px;
      color: #ffffff; }
      #flooring-collection .container #intrincsic-detail .container {
        width: 100%;
        margin: 80px 0 50px 0;
        padding: 0 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #ffffff;
        font-size: 20px; }
        #flooring-collection .container #intrincsic-detail .container .bigger {
          font-size: 28px;
          font-weight: bold; }
        #flooring-collection .container #intrincsic-detail .container .color {
          color: #ae996b; }
        #flooring-collection .container #intrincsic-detail .container .desktop {
          width: 100%;
          margin: 0 0 50px 0;
          display: flex;
          justify-content: center; }
          #flooring-collection .container #intrincsic-detail .container .desktop img {
            width: 80%;
            height: 100%; }
        #flooring-collection .container #intrincsic-detail .container .responsive {
          width: 100%;
          padding: 0;
          display: none;
          flex-direction: row;
          flex-wrap: wrap; }
          #flooring-collection .container #intrincsic-detail .container .responsive .sample {
            width: 33%;
            margin: 10px 0 0 0;
            padding: 5px;
            color: #ffffff; }
            #flooring-collection .container #intrincsic-detail .container .responsive .sample img {
              width: 100%;
              height: 100%; }
            #flooring-collection .container #intrincsic-detail .container .responsive .sample .sample-image {
              width: 100%; }
            #flooring-collection .container #intrincsic-detail .container .responsive .sample .sample-title {
              margin: 5px 0 0 0;
              font-size: 14px; }
        #flooring-collection .container #intrincsic-detail .container .sample-desc {
          width: 100%;
          margin: 50px 0 0 0;
          text-justify: center;
          text-align: center; }
          #flooring-collection .container #intrincsic-detail .container .sample-desc p {
            margin: 0;
            line-height: 2; }
          #flooring-collection .container #intrincsic-detail .container .sample-desc .only-desktop {
            display: block; }
    #flooring-collection .container #oriental-detail {
      width: 100%;
      font-size: 20px;
      color: #ffffff; }
      #flooring-collection .container #oriental-detail .container {
        width: 100%;
        margin: 50px 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; }
        #flooring-collection .container #oriental-detail .container .bigger {
          font-size: 24px;
          font-weight: bold; }
        #flooring-collection .container #oriental-detail .container .color {
          color: #ae996b; }
        #flooring-collection .container #oriental-detail .container .desc-top {
          width: 100%;
          margin: 0;
          padding: 30px 0 50px 0;
          text-align: center;
          text-justify: center; }
        #flooring-collection .container #oriental-detail .container .left {
          width: 35%;
          margin: 0;
          padding: 10px 10px 10px 25px;
          display: flex;
          flex-direction: column;
          text-align: right; }
          #flooring-collection .container #oriental-detail .container .left .image {
            width: 100%;
            margin: 90px 0 250px 0; }
          #flooring-collection .container #oriental-detail .container .left .description {
            line-height: 2; }
          #flooring-collection .container #oriental-detail .container .left .sample-responsive {
            display: none; }
        #flooring-collection .container #oriental-detail .container .right {
          width: 65%;
          margin: 0;
          padding: 10px 25px 10px 10px;
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          text-align: left; }
          #flooring-collection .container #oriental-detail .container .right .image {
            width: 100%; }
          #flooring-collection .container #oriental-detail .container .right .sample {
            width: 40%; }
          #flooring-collection .container #oriental-detail .container .right .margin-top {
            margin: 165px 0 0 0; }
          #flooring-collection .container #oriental-detail .container .right .margin-top-2 {
            margin: 70px 0 0 0; }
          #flooring-collection .container #oriental-detail .container .right .sample-responsive, #flooring-collection .container #oriental-detail .container .right .sample-responsive-align-right {
            display: none; }
    #flooring-collection .container #pattern-detail {
      width: 100%;
      color: #ffffff; }
      #flooring-collection .container #pattern-detail .container {
        width: 100%;
        display: flex;
        flex-direction: column; }
        #flooring-collection .container #pattern-detail .container .chevron, #flooring-collection .container #pattern-detail .container .russian-parquet {
          width: 100%;
          margin: 100px 0 0 0;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap; }
          #flooring-collection .container #pattern-detail .container .chevron .image, #flooring-collection .container #pattern-detail .container .russian-parquet .image {
            padding: 0 0 0 50px;
            width: 60%; }
        #flooring-collection .container #pattern-detail .container .herring-bone {
          width: 100%;
          margin: 100px 0 0 0;
          display: flex;
          flex-direction: row-reverse;
          flex-wrap: wrap; }
          #flooring-collection .container #pattern-detail .container .herring-bone .image {
            padding: 0 50px 0 0;
            width: 60%; }
        #flooring-collection .container #pattern-detail .container .title {
          width: 40%;
          display: flex;
          padding: 30px 50px 0 50px;
          flex-direction: column;
          line-height: 1;
          font-family: "Libre Baskerville", sans-serif; }
          #flooring-collection .container #pattern-detail .container .title .title-1 {
            width: 100%;
            margin: 4px 0;
            font-size: 18px;
            color: #ffffff; }
          #flooring-collection .container #pattern-detail .container .title .title-2 {
            width: 100%;
            margin: 4px 0;
            font-size: 62px;
            color: #ae996b; }
          #flooring-collection .container #pattern-detail .container .title .title-3 {
            width: 100%;
            margin: 4px 0;
            font-size: 24px;
            color: #ffffff; }
          #flooring-collection .container #pattern-detail .container .title .sample {
            width: 100%;
            margin-top: auto; }
            #flooring-collection .container #pattern-detail .container .title .sample .sample-img {
              width: 80%; }
            #flooring-collection .container #pattern-detail .container .title .sample .sample-txt {
              margin: 0;
              padding: 10px 0 10px 0; }
    #flooring-collection .container #customized-detail {
      width: 100%;
      font-size: 20px;
      color: #ffffff; }
      #flooring-collection .container #customized-detail .container {
        width: 100%;
        margin: 50px 0 30px 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; }
        #flooring-collection .container #customized-detail .container .bigger {
          font-size: 24px;
          font-weight: bold; }
        #flooring-collection .container #customized-detail .container .color {
          color: #ae996b; }
        #flooring-collection .container #customized-detail .container .desc-top {
          width: 100%;
          margin: 0;
          padding: 30px 50px 50px 50px;
          text-align: center;
          text-justify: center;
          line-height: 2; }
        #flooring-collection .container #customized-detail .container .desc-bottom {
          width: 100%;
          margin: 0 50px 50px 50px;
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          flex-wrap: wrap;
          line-height: 2; }
          #flooring-collection .container #customized-detail .container .desc-bottom .left {
            width: 60%;
            flex-grow: 1;
            text-align: left; }
            #flooring-collection .container #customized-detail .container .desc-bottom .left p {
              width: 100%;
              margin: 0;
              padding: 0; }
          #flooring-collection .container #customized-detail .container .desc-bottom .right {
            width: 40%; }
            #flooring-collection .container #customized-detail .container .desc-bottom .right p {
              width: 100%;
              margin: 0;
              padding: 0; }
        #flooring-collection .container #customized-detail .container .left {
          width: 40%;
          margin: 0;
          padding: 10px 10px 10px 25px;
          display: flex;
          flex-direction: column;
          text-align: right; }
          #flooring-collection .container #customized-detail .container .left .image {
            width: 100%;
            margin: 90px 0 0 0; }
          #flooring-collection .container #customized-detail .container .left .sample {
            width: 65%;
            margin-left: auto; }
          #flooring-collection .container #customized-detail .container .left .sample-responsive {
            display: none; }
        #flooring-collection .container #customized-detail .container .right {
          width: 60%;
          margin: 0;
          padding: 10px 25px 10px 10px;
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          text-align: left; }
          #flooring-collection .container #customized-detail .container .right .image {
            width: 100%; }
          #flooring-collection .container #customized-detail .container .right .sample {
            width: 70%; }
          #flooring-collection .container #customized-detail .container .right .margin-top {
            margin: 165px 0 0 0; }
          #flooring-collection .container #customized-detail .container .right .sample-responsive {
            display: none; }

/* for show and hide detail element */
.detailShow {
  display: block; }

.detailHide {
  display: none; }

/* 860-1000 px*/
@media only screen and (max-width: 1000px) {
  #flooring-collection .container .flooring-collection-mid {
    background: #1e1813;
    padding: 65px 0;
    display: flex;
    flex-direction: row; }
    #flooring-collection .container .flooring-collection-mid .title-1 {
      font-size: 14px; }
    #flooring-collection .container .flooring-collection-mid .title-2 {
      font-size: 40px; }
    #flooring-collection .container .flooring-collection-mid .title-3 {
      font-size: 20px; }
  #flooring-collection .container #favorite-detail {
    width: 100%;
    font-size: 16px;
    color: #ffffff; }
    #flooring-collection .container #favorite-detail .container {
      width: 100%;
      margin: 50px 0;
      display: flex;
      flex-direction: row; }
      #flooring-collection .container #favorite-detail .container .bigger {
        font-size: 20px;
        font-weight: bold; }
      #flooring-collection .container #favorite-detail .container .color {
        color: #ae996b; }
      #flooring-collection .container #favorite-detail .container .left {
        width: 45%;
        margin: 0;
        padding: 0 5px 0 50px;
        display: flex;
        flex-direction: column; }
        #flooring-collection .container #favorite-detail .container .left .description {
          line-height: 1.5; }
        #flooring-collection .container #favorite-detail .container .left .image {
          width: 100%; }
      #flooring-collection .container #favorite-detail .container .right {
        width: 55%;
        margin: 0;
        padding: 0 50px 0 5px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap; }
        #flooring-collection .container #favorite-detail .container .right .image {
          width: 100%; }
        #flooring-collection .container #favorite-detail .container .right .sample {
          width: 35%; }
        #flooring-collection .container #favorite-detail .container .right .sample-txt {
          margin: 0;
          padding: 0 20px; }
        #flooring-collection .container #favorite-detail .container .right .top {
          width: 100%;
          margin: 0 0 20px 0;
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          align-items: flex-end; }
        #flooring-collection .container #favorite-detail .container .right .bottom {
          width: 100%;
          margin: 10px 0 0 0;
          display: flex;
          flex-direction: row;
          justify-content: flex-end;
          align-items: flex-end; }
  #flooring-collection .container #pattern-detail .container .chevron .title-1, #flooring-collection .container #pattern-detail .container .russian-parquet .title-1 {
    font-size: 14px; }
  #flooring-collection .container #pattern-detail .container .chevron .title-2, #flooring-collection .container #pattern-detail .container .russian-parquet .title-2 {
    font-size: 40px; }
  #flooring-collection .container #pattern-detail .container .chevron .title-3, #flooring-collection .container #pattern-detail .container .russian-parquet .title-3 {
    font-size: 20px; }
  #flooring-collection .container #pattern-detail .container .herring-bone .title-1 {
    font-size: 14px; }
  #flooring-collection .container #pattern-detail .container .herring-bone .title-2 {
    font-size: 40px; }
  #flooring-collection .container #pattern-detail .container .herring-bone .title-3 {
    font-size: 20px; } }

/* 600-860px */
@media only screen and (max-width: 860px) {
  #flooring-collection .container {
    margin: 20px 0; }
    #flooring-collection .container .flooring-collection-top-margin-right {
      width: 80%;
      padding: 10px 10px 0px 0px; }
    #flooring-collection .container .flooring-collection-top-margin-left {
      padding: 10px 0px 0px 10px; }
      #flooring-collection .container .flooring-collection-top-margin-left img {
        height: 25px; }
    #flooring-collection .container .flooring-collection-mid {
      padding: 35px 0; }
      #flooring-collection .container .flooring-collection-mid .title {
        padding: 15px 0 0 25px; }
      #flooring-collection .container .flooring-collection-mid .title-1 {
        margin: 4px 0;
        font-size: 12px; }
      #flooring-collection .container .flooring-collection-mid .title-2 {
        margin: 4px 0;
        font-size: 28px; }
      #flooring-collection .container .flooring-collection-mid .title-3 {
        margin: 4px 0;
        font-size: 18px; }
      #flooring-collection .container .flooring-collection-mid .scroll-down .scroll-down-icon {
        width: 30px;
        height: 26px;
        margin: 15px 0; }
    #flooring-collection .container .flooring-collection-bottom-margin-right {
      padding: 0px 10px 10px 0px; }
      #flooring-collection .container .flooring-collection-bottom-margin-right img {
        height: 25px; }
    #flooring-collection .container .flooring-collection-bottom-margin-left {
      padding: 0px 0px 10px 10px; }
      #flooring-collection .container .flooring-collection-bottom-margin-left img {
        height: 25px; }
    #flooring-collection .container #favorite-detail {
      width: 100%;
      font-size: 16px;
      color: #ffffff; }
      #flooring-collection .container #favorite-detail .container {
        width: 100%;
        margin: 50px 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; }
        #flooring-collection .container #favorite-detail .container .bigger {
          font-size: 20px;
          font-weight: bold; }
        #flooring-collection .container #favorite-detail .container .color {
          color: #ae996b; }
        #flooring-collection .container #favorite-detail .container .left {
          width: 100%;
          margin: 0;
          padding: 50px 12px;
          display: flex;
          flex-direction: column; }
          #flooring-collection .container #favorite-detail .container .left .description {
            line-height: 1.5; }
          #flooring-collection .container #favorite-detail .container .left .image {
            width: 100%; }
          #flooring-collection .container #favorite-detail .container .left .sample-top {
            width: 100%;
            margin: 0;
            padding: 10px 0 0 0;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-end; }
            #flooring-collection .container #favorite-detail .container .left .sample-top .sample {
              width: 35%; }
            #flooring-collection .container #favorite-detail .container .left .sample-top .sample-txt {
              margin: 0;
              padding: 0 20px; }
        #flooring-collection .container #favorite-detail .container .right {
          width: 100%;
          margin: 50px 12px;
          display: flex;
          flex-direction: column;
          flex-wrap: wrap; }
          #flooring-collection .container #favorite-detail .container .right .image {
            width: 100%; }
          #flooring-collection .container #favorite-detail .container .right .sample {
            width: 35%; }
          #flooring-collection .container #favorite-detail .container .right .sample-txt {
            margin: 0;
            padding: 0 20px; }
          #flooring-collection .container #favorite-detail .container .right .top {
            width: 100%;
            margin: 0 0 20px 0;
            display: none;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-end; }
          #flooring-collection .container #favorite-detail .container .right .bottom {
            width: 100%;
            margin: 10px 0 0 0;
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            align-items: flex-end; }
    #flooring-collection .container #intrincsic-detail .container {
      padding: 0 20px; }
      #flooring-collection .container #intrincsic-detail .container .desktop {
        display: none; }
      #flooring-collection .container #intrincsic-detail .container .responsive {
        display: flex; }
        #flooring-collection .container #intrincsic-detail .container .responsive .sample {
          width: 33%;
          margin: 10px 0 0 0;
          padding: 5px;
          color: #ffffff; }
          #flooring-collection .container #intrincsic-detail .container .responsive .sample img {
            width: 100%;
            height: 100%; }
          #flooring-collection .container #intrincsic-detail .container .responsive .sample .sample-image {
            width: 100%; }
      #flooring-collection .container #intrincsic-detail .container .sample-desc .only-desktop {
        display: none; }
    #flooring-collection .container #oriental-detail {
      width: 100%;
      font-size: 20px;
      color: #ffffff; }
      #flooring-collection .container #oriental-detail .container {
        width: 100%;
        margin: 50px 0;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap; }
        #flooring-collection .container #oriental-detail .container .bigger {
          font-size: 24px;
          font-weight: bold; }
        #flooring-collection .container #oriental-detail .container .color {
          color: #ae996b; }
        #flooring-collection .container #oriental-detail .container .desc-top {
          width: 100%;
          margin: 0;
          padding: 30px 0 50px 0;
          text-align: center;
          text-justify: center; }
        #flooring-collection .container #oriental-detail .container .left {
          width: 100%;
          margin: 0;
          padding: 10px 10px 10px 10px;
          display: flex;
          flex-direction: column;
          text-align: right; }
          #flooring-collection .container #oriental-detail .container .left .image {
            width: 100%;
            margin: 25px 0 10px 0; }
          #flooring-collection .container #oriental-detail .container .left .description {
            line-height: 2; }
          #flooring-collection .container #oriental-detail .container .left .sample-responsive {
            display: flex;
            justify-content: flex-end;
            align-items: flex-end; }
            #flooring-collection .container #oriental-detail .container .left .sample-responsive .sample-txt {
              margin: 0 10px 0 0; }
        #flooring-collection .container #oriental-detail .container .right {
          width: 100%;
          margin: 0;
          padding: 50px 10px 10px 10px;
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          text-align: left; }
          #flooring-collection .container #oriental-detail .container .right .image {
            width: 100%; }
          #flooring-collection .container #oriental-detail .container .right .sample {
            width: 40%; }
          #flooring-collection .container #oriental-detail .container .right .margin-top {
            margin: 165px 0 0 0; }
          #flooring-collection .container #oriental-detail .container .right .margin-top-2 {
            margin: 70px 0 0 0; }
          #flooring-collection .container #oriental-detail .container .right .sample-responsive {
            width: 100%;
            margin: 10px 0 0 0;
            display: flex;
            justify-content: flex-start;
            align-items: flex-end; }
            #flooring-collection .container #oriental-detail .container .right .sample-responsive .sample {
              width: 60%;
              height: 100%; }
            #flooring-collection .container #oriental-detail .container .right .sample-responsive .sample-txt {
              margin: 0 0 0 10px; }
          #flooring-collection .container #oriental-detail .container .right .sample-responsive-align-right {
            width: 100%;
            margin: 10px 0 0 0;
            display: flex;
            justify-content: flex-end;
            align-items: flex-end; }
            #flooring-collection .container #oriental-detail .container .right .sample-responsive-align-right .sample {
              width: 60%;
              height: 100%; }
            #flooring-collection .container #oriental-detail .container .right .sample-responsive-align-right .sample-txt {
              margin: 0 10px 0 0px; }
        #flooring-collection .container #oriental-detail .container .only-desktop {
          display: none; }
    #flooring-collection .container #pattern-detail .container {
      width: 100%;
      display: flex;
      flex-direction: column; }
      #flooring-collection .container #pattern-detail .container .chevron, #flooring-collection .container #pattern-detail .container .russian-parquet {
        width: 100%;
        margin: 50px 0 0 0;
        display: flex;
        flex-direction: column; }
        #flooring-collection .container #pattern-detail .container .chevron .image, #flooring-collection .container #pattern-detail .container .russian-parquet .image {
          padding: 0 10px;
          width: 100%; }
      #flooring-collection .container #pattern-detail .container .herring-bone {
        width: 100%;
        margin: 50px 0 0 0;
        display: flex;
        flex-direction: column; }
        #flooring-collection .container #pattern-detail .container .herring-bone .image {
          padding: 0 10px 0 10px;
          width: 100%; }
      #flooring-collection .container #pattern-detail .container .title {
        width: 100%;
        display: flex;
        padding: 30px 50px 0 50px;
        flex-direction: column;
        line-height: 1;
        font-family: "Libre Baskerville", sans-serif; }
        #flooring-collection .container #pattern-detail .container .title .title-1 {
          width: 100%;
          margin: 4px 0;
          font-size: 18px;
          color: #ffffff; }
        #flooring-collection .container #pattern-detail .container .title .title-2 {
          width: 100%;
          margin: 4px 0;
          font-size: 62px;
          color: #ae996b; }
        #flooring-collection .container #pattern-detail .container .title .title-3 {
          width: 100%;
          margin: 4px 0;
          font-size: 24px;
          color: #ffffff; }
        #flooring-collection .container #pattern-detail .container .title .sample {
          width: 100%;
          margin-top: auto; }
          #flooring-collection .container #pattern-detail .container .title .sample .sample-img {
            width: 60%; }
          #flooring-collection .container #pattern-detail .container .title .sample .sample-txt {
            margin: 0;
            padding: 10px 0 10px 0; }
    #flooring-collection .container #customized-detail {
      width: 100%;
      font-size: 18px;
      color: #ffffff; }
      #flooring-collection .container #customized-detail .container {
        width: 100%;
        margin: 50px 0 30px 0;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap; }
        #flooring-collection .container #customized-detail .container .bigger {
          font-size: 20px;
          font-weight: bold; }
        #flooring-collection .container #customized-detail .container .color {
          color: #ae996b; }
        #flooring-collection .container #customized-detail .container .desc-top {
          width: 100%;
          margin: 0;
          padding: 30px 50px 50px 50px;
          text-align: center;
          text-justify: center;
          line-height: 2; }
        #flooring-collection .container #customized-detail .container .desc-bottom {
          width: 100%;
          margin: 0;
          padding: 20px;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          flex-wrap: wrap;
          line-height: 2; }
          #flooring-collection .container #customized-detail .container .desc-bottom .left {
            width: 100%;
            flex-grow: 1;
            text-align: left; }
            #flooring-collection .container #customized-detail .container .desc-bottom .left p {
              width: 100%;
              margin: 0;
              padding: 0; }
          #flooring-collection .container #customized-detail .container .desc-bottom .right {
            width: 100%;
            flex-grow: 1;
            text-align: left; }
            #flooring-collection .container #customized-detail .container .desc-bottom .right p {
              width: 100%;
              margin: 0;
              padding: 0; }
        #flooring-collection .container #customized-detail .container .left {
          width: 100%;
          margin: 0;
          padding: 10px 10px 10px 10px;
          display: flex;
          flex-direction: column;
          text-align: right; }
          #flooring-collection .container #customized-detail .container .left .image {
            width: 100%;
            margin: 0; }
          #flooring-collection .container #customized-detail .container .left .sample {
            width: 65%;
            margin: 0; }
          #flooring-collection .container #customized-detail .container .left .sample-responsive {
            display: block; }
          #flooring-collection .container #customized-detail .container .left .only-desktop {
            display: none; }
        #flooring-collection .container #customized-detail .container .right {
          width: 100%;
          margin: 50px 0 0 0;
          padding: 10px 10px 10px 10px;
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          text-align: left; }
          #flooring-collection .container #customized-detail .container .right .image {
            width: 100%;
            margin: 0; }
          #flooring-collection .container #customized-detail .container .right .sample-responsive {
            width: 100%;
            display: block; }
            #flooring-collection .container #customized-detail .container .right .sample-responsive .sample {
              width: 60%; }
            #flooring-collection .container #customized-detail .container .right .sample-responsive .sample-txt {
              margin: 0;
              padding: 20px 0 20px 0; }
          #flooring-collection .container #customized-detail .container .right .only-desktop {
            display: none; }
          #flooring-collection .container #customized-detail .container .right .margin-top {
            margin: 0; } }

/* 400-600px */
@media only screen and (max-width: 600px) {
  #flooring-collection .container {
    margin: 20px 0; }
    #flooring-collection .container .flooring-collection-top-margin-right {
      padding: 10px 10px 0px 0px; }
      #flooring-collection .container .flooring-collection-top-margin-right img {
        width: 100%;
        height: 25px; }
    #flooring-collection .container .flooring-collection-top-margin-left {
      align-self: flex-end;
      padding: 10px 0px 0px 10px; }
      #flooring-collection .container .flooring-collection-top-margin-left img {
        height: 25px; }
    #flooring-collection .container .flooring-collection-mid {
      background: #1e1813;
      padding: 25px 0;
      display: flex;
      flex-direction: column; }
      #flooring-collection .container .flooring-collection-mid img {
        width: 100%; }
      #flooring-collection .container .flooring-collection-mid .image {
        width: 100%; }
      #flooring-collection .container .flooring-collection-mid .image-top {
        display: block; }
      #flooring-collection .container .flooring-collection-mid .image-bottom {
        display: none; }
      #flooring-collection .container .flooring-collection-mid .title {
        width: 100%;
        display: flex;
        flex-direction: column;
        text-align: left;
        line-height: 1;
        font-family: "Libre Baskerville", sans-serif; }
      #flooring-collection .container .flooring-collection-mid .title-1 {
        width: 100%;
        margin: 4px 0;
        padding: 25px 0 0 25px;
        font-size: 14px;
        color: #ffffff; }
      #flooring-collection .container .flooring-collection-mid .title-2 {
        width: 100%;
        margin: 4px 0;
        padding: 0 0 0 25px;
        font-size: 40px;
        color: #ae996b; }
      #flooring-collection .container .flooring-collection-mid .title-3 {
        width: 100%;
        margin: 4px 0;
        padding: 0 0 0 25px;
        font-size: 18px;
        color: #ffffff; }
      #flooring-collection .container .flooring-collection-mid .scroll-down {
        width: 100%;
        padding: 40px 0 0 0;
        display: flex;
        align-self: flex-end;
        justify-content: center;
        flex-grow: 1; }
        #flooring-collection .container .flooring-collection-mid .scroll-down p {
          align-self: flex-end;
          width: 100%;
          text-align: center;
          margin: 0;
          color: white; }
        #flooring-collection .container .flooring-collection-mid .scroll-down p:hover {
          cursor: pointer; }
        #flooring-collection .container .flooring-collection-mid .scroll-down .scroll-down-icon {
          width: 30px;
          height: 26px;
          margin: 15px 0; }
      #flooring-collection .container .flooring-collection-mid .sample {
        width: 40%;
        margin: 20px 0 10px 0;
        padding: 0 0 0 25px; }
      #flooring-collection .container .flooring-collection-mid .sample-desc {
        width: 100%;
        margin: 4px 0;
        padding: 0 0 0 25px;
        font-size: 14px;
        color: #ffffff; }
    #flooring-collection .container .flooring-collection-bottom-margin-right {
      padding: 0px 10px 10px 0px;
      width: 80%;
      border-bottom: solid 2px #ae996b;
      border-right: solid 2px #ae996b; }
      #flooring-collection .container .flooring-collection-bottom-margin-right img {
        border-bottom: solid 10px #ae996b;
        border-right: solid 10px #ae996b;
        width: 100%;
        height: 25px; }
    #flooring-collection .container .flooring-collection-bottom-margin-left {
      align-self: flex-end;
      padding: 0px 0px 10px 10px;
      width: 80%;
      border-bottom: solid 2px #ae996b;
      border-left: solid 2px #ae996b; }
      #flooring-collection .container .flooring-collection-bottom-margin-left img {
        border-bottom: solid 10px #ae996b;
        border-left: solid 10px #ae996b;
        width: 100%;
        height: 25px; }
    #flooring-collection .container #favorite-detail {
      width: 100%; }
    #flooring-collection .container #intrincsic-detail .container {
      padding: 0 20px; }
      #flooring-collection .container #intrincsic-detail .container .desktop {
        display: none; }
      #flooring-collection .container #intrincsic-detail .container .responsive .sample {
        width: 50%;
        margin: 10px 0 0 0;
        padding: 5px;
        color: #ffffff; } }

/* wood flooring end */
/* wood-door.html start */
#wood-door {
  width: 100%;
  background-color: #000000;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center; }
  #wood-door .container {
    width: 100%;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center; }
    #wood-door .container .wood-door-title {
      max-width: 1200px;
      margin: 10px auto;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
      #wood-door .container .wood-door-title p {
        text-align: left;
        margin: 0;
        font-family: 'Times New Roman', Times, serif;
        font-size: 36px;
        line-height: 0.9; }
      #wood-door .container .wood-door-title .big {
        font-size: 45px;
        font-weight: bold; }
      #wood-door .container .wood-door-title .bigger {
        font-size: 60px;
        font-weight: bold; }
      #wood-door .container .wood-door-title .biggest {
        font-size: 75px;
        font-weight: bold; }
      #wood-door .container .wood-door-title .color {
        color: #ae996b; }
    #wood-door .container .big-door {
      display: flex;
      margin: 0 auto;
      width: 100%;
      justify-content: center; }
      #wood-door .container .big-door .big-door-image {
        display: flex;
        max-width: 1200px;
        max-height: 700px;
        padding: 20px;
        margin: 25px;
        border: solid 3px;
        border-color: #d9bf86; }
      #wood-door .container .big-door .inner {
        width: 88%;
        height: 100%;
        padding: 15px;
        border: solid 7px;
        border-color: #d9bf86; }
    #wood-door .container .sophisticated-door {
      width: 100%;
      display: flex;
      flex-direction: column; }
      #wood-door .container .sophisticated-door .main-door-list {
        width: 100%;
        padding: 0 50px;
        display: flex;
        flex-direction: row;
        justify-content: center;
		margin-top:50px;}
        #wood-door .container .sophisticated-door .main-door-list img {
          width: 100%; }
        #wood-door .container .sophisticated-door .main-door-list .main-door-list-item {
          width: 20%;
          margin: 0 15px;
          display: flex;
          flex-direction: column;
          align-items: center; }
      #wood-door .container .sophisticated-door .sophisticated-door-desc, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 {
        width: 100%;
        margin: 50px 0;
        display: flex;
        flex-direction: column;
        justify-items: center; }
        #wood-door .container .sophisticated-door .sophisticated-door-desc .color-1, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .color-1 {
          color: #ffffff; }
        #wood-door .container .sophisticated-door .sophisticated-door-desc .color-2, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .color-2 {
          color: #ae996b; }
        #wood-door .container .sophisticated-door .sophisticated-door-desc .color-3, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .color-3 {
          color: #2b1e00; }
        #wood-door .container .sophisticated-door .sophisticated-door-desc p, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 p {
          width: 90%;
          margin: 5px auto;
          text-align: center;
          font-size: 20px; }
        #wood-door .container .sophisticated-door .sophisticated-door-desc .big, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .big {
          font-display: 28px; }
        #wood-door .container .sophisticated-door .sophisticated-door-desc .bigger, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .bigger {
          padding: 0 0 50px 0;
          margin: 50px auto;
          font-size: 58px;
          border-bottom: solid 3px #ae996b; }
      #wood-door .container .sophisticated-door .sophisticated-door-desc-2 {
        margin: 0 0 20px 0;
        padding: 75px 0;
        background-color: #ae996b; }
        #wood-door .container .sophisticated-door .sophisticated-door-desc-2 p {
          width: 100%; }
        #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .big-2 {
          font-size: 40px; }
        #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .bigger-2 {
          padding: 0 0 50px 0;
          font-size: 58px; }
    #wood-door .container .motif-collection {
      width: 100%;
      background-color: #565656;
      display: flex;
      flex-direction: column; }
      #wood-door .container .motif-collection .motif-door-list {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center; }
        #wood-door .container .motif-collection .motif-door-list img {
          width: 100%; }
        #wood-door .container .motif-collection .motif-door-list .motif-door-list-item {
          width: 15%;
          padding: 0 25px;
          display: flex;
          flex-direction: column;
          align-items: center; }
        #wood-door .container .motif-collection .motif-door-list .motif-door-list-item-2 {
          width: 15%;
          padding: 0 15px;
          display: flex;
          flex-direction: column;
          align-items: center; }
      #wood-door .container .motif-collection .padding-bottom {
        padding: 0 0 50px 0; }
      #wood-door .container .motif-collection .motif-door-desc {
        width: 100%;
        margin: 50px 0;
        display: flex;
        flex-direction: column;
        justify-items: center; }
        #wood-door .container .motif-collection .motif-door-desc .color {
          color: #ae996b; }
        #wood-door .container .motif-collection .motif-door-desc p {
          width: 90%;
          margin: 5px auto;
          text-align: center;
          font-size: 20px; }
        #wood-door .container .motif-collection .motif-door-desc .big {
          font-display: 28px; }
        #wood-door .container .motif-collection .motif-door-desc .bigger {
          font-size: 38px; }
        #wood-door .container .motif-collection .motif-door-desc .biggest {
          font-size: 48px; }
    #wood-door .container .modern-classic-collection {
      width: 100%;
      background-color: #000000;
      display: flex;
      flex-direction: column; }
      #wood-door .container .modern-classic-collection .modern-classic-door-list {
        width: 100%;
        padding: 0 10px;
        display: flex;
        flex-direction: row;
        justify-content: center; }
        #wood-door .container .modern-classic-collection .modern-classic-door-list img {
          width: 100%; }
        #wood-door .container .modern-classic-collection .modern-classic-door-list .modern-classic-door-list-item {
          width: 15%;
          padding: 0 20px;
          display: flex;
          flex-direction: column;
          align-items: center; }
      #wood-door .container .modern-classic-collection .padding-bottom {
        padding: 0 0 100px 0; }
      #wood-door .container .modern-classic-collection .modern-classic-door-desc {
        width: 100%;
        margin: 75px 0;
        display: flex;
        flex-direction: column;
        justify-items: center; }
        #wood-door .container .modern-classic-collection .modern-classic-door-desc .color {
          color: #ae996b; }
        #wood-door .container .modern-classic-collection .modern-classic-door-desc p {
          width: 90%;
          margin: 5px auto;
          text-align: center;
          font-size: 20px; }
        #wood-door .container .modern-classic-collection .modern-classic-door-desc .big {
          font-display: 28px; }
        #wood-door .container .modern-classic-collection .modern-classic-door-desc .bigger {
          font-size: 38px; }
        #wood-door .container .modern-classic-collection .modern-classic-door-desc .biggest {
          font-size: 48px; }
    #wood-door .container .classic-collection {
      width: 100%;
      background-color: #1b1b1b;
      display: flex;
      flex-direction: column; }
      #wood-door .container .classic-collection .classic-door-list {
        width: 100%;
        padding: 0 10px;
        display: flex;
        flex-direction: row;
        justify-content: center; }
        #wood-door .container .classic-collection .classic-door-list img {
          width: 100%; }
        #wood-door .container .classic-collection .classic-door-list .classic-door-list-item {
          width: 18%;
          padding: 0 20px;
          display: flex;
          flex-direction: column;
          align-items: center; }
      #wood-door .container .classic-collection .padding-bottom {
        padding: 0 0 100px 0; }
      #wood-door .container .classic-collection .classic-door-desc {
        width: 100%;
        margin: 75px 0;
        display: flex;
        flex-direction: column;
        justify-items: center; }
        #wood-door .container .classic-collection .classic-door-desc .color {
          color: #ae996b; }
        #wood-door .container .classic-collection .classic-door-desc p {
          width: 90%;
          margin: 5px auto;
          text-align: center;
          font-size: 20px; }
        #wood-door .container .classic-collection .classic-door-desc .big {
          font-display: 28px; }
        #wood-door .container .classic-collection .classic-door-desc .bigger {
          font-size: 38px; }
        #wood-door .container .classic-collection .classic-door-desc .biggest {
          font-size: 48px; }
    #wood-door .container .natural-collection {
      width: 100%;
      background-color: #000000;
      display: flex;
      flex-direction: column; }
      #wood-door .container .natural-collection .natural-door-list {
        width: 100%;
        padding: 0 10px;
        display: flex;
        flex-direction: row;
        justify-content: center; }
        #wood-door .container .natural-collection .natural-door-list img {
          width: 100%; }
        #wood-door .container .natural-collection .natural-door-list .natural-door-list-item {
          width: 25%;
          padding: 0 20px;
          display: flex;
          flex-direction: column;
          align-items: center; }
      #wood-door .container .natural-collection .padding-bottom {
        padding: 0 0 100px 0; }
      #wood-door .container .natural-collection .natural-door-desc {
        width: 100%;
        margin: 75px 0;
        display: flex;
        flex-direction: column;
        justify-items: center; }
        #wood-door .container .natural-collection .natural-door-desc .color {
          color: #ae996b; }
        #wood-door .container .natural-collection .natural-door-desc p {
          width: 90%;
          margin: 5px auto;
          text-align: center;
          font-size: 20px; }
        #wood-door .container .natural-collection .natural-door-desc .big {
          font-display: 28px; }
        #wood-door .container .natural-collection .natural-door-desc .bigger {
          font-size: 38px; }
        #wood-door .container .natural-collection .natural-door-desc .biggest {
          font-size: 48px; }

/* 860-1000 px*/
@media only screen and (max-width: 1000px) {
  #wood-door {
    width: 100%;
    background-color: #000000;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center; }
    #wood-door .container {
      width: 100%;
      padding: 40px 0;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      align-items: center; }
      #wood-door .container .wood-door-title {
        max-width: 1200px;
        margin: 0;
        padding: 0 25px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start; }
        #wood-door .container .wood-door-title p {
          text-align: left;
          margin: 0;
          font-family: 'Times New Roman', Times, serif;
          font-size: 36px;
          line-height: 0.9; }
        #wood-door .container .wood-door-title .big {
          font-size: 45px;
          font-weight: bold; }
        #wood-door .container .wood-door-title .bigger {
          font-size: 60px;
          font-weight: bold; }
        #wood-door .container .wood-door-title .biggest {
          font-size: 75px;
          font-weight: bold; }
        #wood-door .container .wood-door-title .color {
          color: #ae996b; }
      #wood-door .container .big-door {
        display: flex;
        margin: 0 auto;
        width: 100%;
        justify-content: center; }
        #wood-door .container .big-door .big-door-image {
          display: flex;
          max-width: 1200px;
          max-height: 700px;
          padding: 20px;
          margin: 25px;
          border: solid 3px;
          border-color: #d9bf86; }
        #wood-door .container .big-door .inner {
          width: 100%;
          height: 100%;
          padding: 15px;
          border: solid 7px;
          border-color: #d9bf86; }
      #wood-door .container .sophisticated-door {
        width: 100%;
        display: flex;
        flex-direction: column; }
        #wood-door .container .sophisticated-door .main-door-list {
          width: 100%;
          padding: 0 50px;
          display: flex;
          flex-direction: row;
          justify-content: center; }
          #wood-door .container .sophisticated-door .main-door-list img {
            width: 100%; }
          #wood-door .container .sophisticated-door .main-door-list .main-door-list-item {
            width: 25%;
            margin: 0 10px;
            display: flex;
            flex-direction: column;
            align-items: center; }
        #wood-door .container .sophisticated-door .sophisticated-door-desc, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 {
          width: 100%;
          margin: 50px 0;
          display: flex;
          flex-direction: column;
          justify-items: center; }
          #wood-door .container .sophisticated-door .sophisticated-door-desc .color-1, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .color-1 {
            color: #ffffff; }
          #wood-door .container .sophisticated-door .sophisticated-door-desc .color-2, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .color-2 {
            color: #ae996b; }
          #wood-door .container .sophisticated-door .sophisticated-door-desc .color-3, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .color-3 {
            color: #2b1e00; }
          #wood-door .container .sophisticated-door .sophisticated-door-desc p, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 p {
            width: 90%;
            margin: 5px auto;
            text-align: center;
            font-size: 20px; }
          #wood-door .container .sophisticated-door .sophisticated-door-desc .big, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .big {
            font-display: 28px; }
          #wood-door .container .sophisticated-door .sophisticated-door-desc .bigger, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .bigger {
            padding: 0 0 50px 0;
            margin: 75px auto;
            font-size: 58px;
            border-bottom: solid 3px #ae996b; }
        #wood-door .container .sophisticated-door .sophisticated-door-desc-2 {
          margin: 0 0 20px 0;
          padding: 75px 0;
          background-color: #ae996b; }
          #wood-door .container .sophisticated-door .sophisticated-door-desc-2 p {
            width: 100%; }
          #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .big-2 {
            font-size: 40px; }
          #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .bigger-2 {
            padding: 0 0 50px 0;
            font-size: 58px; }
      #wood-door .container .motif-collection {
        width: 100%;
        background-color: #565656;
        display: flex;
        flex-direction: column; }
        #wood-door .container .motif-collection .motif-door-list {
          width: 100%;
          display: flex;
          flex-direction: row;
          justify-content: center; }
          #wood-door .container .motif-collection .motif-door-list img {
            width: 100%; }
          #wood-door .container .motif-collection .motif-door-list .motif-door-list-item {
            width: 22%;
            padding: 0 10px;
            display: flex;
            flex-direction: column;
            align-items: center; }
          #wood-door .container .motif-collection .motif-door-list .motif-door-list-item-2 {
            width: 15%;
            padding: 0 8px;
            display: flex;
            flex-direction: column;
            align-items: center; }
        #wood-door .container .motif-collection .padding-bottom {
          padding: 0 0 100px 0; }
        #wood-door .container .motif-collection .motif-door-desc {
          width: 100%;
          margin: 75px 0;
          display: flex;
          flex-direction: column;
          justify-items: center; }
          #wood-door .container .motif-collection .motif-door-desc .color {
            color: #ae996b; }
          #wood-door .container .motif-collection .motif-door-desc p {
            width: 90%;
            margin: 5px auto;
            text-align: center;
            font-size: 20px; }
          #wood-door .container .motif-collection .motif-door-desc .big {
            font-display: 28px; }
          #wood-door .container .motif-collection .motif-door-desc .bigger {
            font-size: 38px; }
          #wood-door .container .motif-collection .motif-door-desc .biggest {
            font-size: 48px; }
      #wood-door .container .modern-classic-collection {
        width: 100%;
        background-color: #000000;
        display: flex;
        flex-direction: column; }
        #wood-door .container .modern-classic-collection .modern-classic-door-list {
          width: 100%;
          padding: 0 10px;
          display: flex;
          flex-direction: row;
          justify-content: center; }
          #wood-door .container .modern-classic-collection .modern-classic-door-list img {
            width: 100%; }
          #wood-door .container .modern-classic-collection .modern-classic-door-list .modern-classic-door-list-item {
            width: 15%;
            padding: 0 8px;
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: 14px;
            text-align: center; }
        #wood-door .container .modern-classic-collection .padding-bottom {
          padding: 0 0 100px 0; }
        #wood-door .container .modern-classic-collection .modern-classic-door-desc {
          width: 100%;
          margin: 75px 0;
          display: flex;
          flex-direction: column;
          justify-items: center; }
          #wood-door .container .modern-classic-collection .modern-classic-door-desc .color {
            color: #ae996b; }
          #wood-door .container .modern-classic-collection .modern-classic-door-desc p {
            width: 90%;
            margin: 5px auto;
            text-align: center;
            font-size: 20px; }
          #wood-door .container .modern-classic-collection .modern-classic-door-desc .big {
            font-display: 28px; }
          #wood-door .container .modern-classic-collection .modern-classic-door-desc .bigger {
            font-size: 38px; }
          #wood-door .container .modern-classic-collection .modern-classic-door-desc .biggest {
            font-size: 48px; }
      #wood-door .container .classic-collection {
        width: 100%;
        background-color: #1b1b1b;
        display: flex;
        flex-direction: column; }
        #wood-door .container .classic-collection .classic-door-list {
          width: 100%;
          padding: 0 10px;
          display: flex;
          flex-direction: row;
          justify-content: center; }
          #wood-door .container .classic-collection .classic-door-list img {
            width: 100%; }
          #wood-door .container .classic-collection .classic-door-list .classic-door-list-item {
            width: 18%;
            padding: 0 10px;
            display: flex;
            flex-direction: column;
            align-items: center; }
        #wood-door .container .classic-collection .padding-bottom {
          padding: 0 0 100px 0; }
        #wood-door .container .classic-collection .classic-door-desc {
          width: 100%;
          margin: 75px 0;
          display: flex;
          flex-direction: column;
          justify-items: center; }
          #wood-door .container .classic-collection .classic-door-desc .color {
            color: #ae996b; }
          #wood-door .container .classic-collection .classic-door-desc p {
            width: 90%;
            margin: 5px auto;
            text-align: center;
            font-size: 20px; }
          #wood-door .container .classic-collection .classic-door-desc .big {
            font-display: 28px; }
          #wood-door .container .classic-collection .classic-door-desc .bigger {
            font-size: 38px; }
          #wood-door .container .classic-collection .classic-door-desc .biggest {
            font-size: 48px; }
      #wood-door .container .natural-collection {
        width: 100%;
        background-color: #000000;
        display: flex;
        flex-direction: column; }
        #wood-door .container .natural-collection .natural-door-list {
          width: 100%;
          padding: 0 10px;
          display: flex;
          flex-direction: row;
          justify-content: center; }
          #wood-door .container .natural-collection .natural-door-list img {
            width: 100%; }
          #wood-door .container .natural-collection .natural-door-list .natural-door-list-item {
            width: 25%;
            padding: 0 20px;
            display: flex;
            flex-direction: column;
            align-items: center; }
        #wood-door .container .natural-collection .padding-bottom {
          padding: 0 0 100px 0; }
        #wood-door .container .natural-collection .natural-door-desc {
          width: 100%;
          margin: 75px 0;
          display: flex;
          flex-direction: column;
          justify-items: center; }
          #wood-door .container .natural-collection .natural-door-desc .color {
            color: #ae996b; }
          #wood-door .container .natural-collection .natural-door-desc p {
            width: 90%;
            margin: 5px auto;
            text-align: center;
            font-size: 20px; }
          #wood-door .container .natural-collection .natural-door-desc .big {
            font-display: 28px; }
          #wood-door .container .natural-collection .natural-door-desc .bigger {
            font-size: 38px; }
          #wood-door .container .natural-collection .natural-door-desc .biggest {
            font-size: 48px; } }

/* 600-860px */
@media only screen and (max-width: 860px) {
  #wood-door .container .wood-door-title {
    max-width: 1200px;
    margin: 0;
    padding: 0 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    #wood-door .container .wood-door-title p {
      text-align: left;
      margin: 0;
      font-family: 'Times New Roman', Times, serif;
      font-size: 36px;
      line-height: 0.9; }
    #wood-door .container .wood-door-title .big {
      font-size: 45px;
      font-weight: bold; }
    #wood-door .container .wood-door-title .bigger {
      font-size: 60px;
      font-weight: bold; }
    #wood-door .container .wood-door-title .biggest {
      font-size: 75px;
      font-weight: bold; }
    #wood-door .container .wood-door-title .color {
      color: #ae996b; }
  #wood-door .container .big-door {
    display: flex;
    margin: 0 auto;
    width: 100%;
    justify-content: center; }
    #wood-door .container .big-door .big-door-image {
      display: flex;
      max-width: 1200px;
      max-height: 700px;
      padding: 10px;
      margin: 15px;
      border: solid 3px;
      border-color: #d9bf86; }
    #wood-door .container .big-door .inner {
      width: 100%;
      height: 100%;
      padding: 10px;
	  margin-top: 20px;
      border: solid 5px;
      border-color: #d9bf86; }
  #wood-door .container .sophisticated-door {
    width: 100%;
    display: flex;
    flex-direction: column; }
    #wood-door .container .sophisticated-door .main-door-list {
      width: 100%;
      padding: 0 50px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      flex-wrap: wrap; }
      #wood-door .container .sophisticated-door .main-door-list img {
        width: 100%; }
      #wood-door .container .sophisticated-door .main-door-list .main-door-list-item {
        width: 45%;
        margin: 0 10px;
        display: flex;
        flex-direction: column;
        align-items: center; }
    #wood-door .container .sophisticated-door .sophisticated-door-desc, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 {
      width: 100%;
      margin: 0 0 50px 0;
      display: flex;
      flex-direction: column;
      justify-items: center; }
      #wood-door .container .sophisticated-door .sophisticated-door-desc .color-1, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .color-1 {
        color: #ffffff; }
      #wood-door .container .sophisticated-door .sophisticated-door-desc .color-2, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .color-2 {
        color: #ae996b; }
      #wood-door .container .sophisticated-door .sophisticated-door-desc .color-3, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .color-3 {
        color: #2b1e00; }
      #wood-door .container .sophisticated-door .sophisticated-door-desc p, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 p {
        width: 90%;
        margin: 5px auto;
        text-align: center;
        font-size: 20px; }
      #wood-door .container .sophisticated-door .sophisticated-door-desc .big, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .big {
        font-display: 28px; }
      #wood-door .container .sophisticated-door .sophisticated-door-desc .bigger, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .bigger {
        padding: 0 0 50px 0;
        margin: 75px auto;
        font-size: 58px;
        border-bottom: solid 3px #ae996b; }
    #wood-door .container .sophisticated-door .sophisticated-door-desc-2 {
      margin: 0 0 20px 0;
      padding: 75px 0;
      background-color: #ae996b; }
      #wood-door .container .sophisticated-door .sophisticated-door-desc-2 p {
        width: 100%; }
      #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .big-2 {
        font-size: 40px; }
      #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .bigger-2 {
        padding: 0 0 50px 0;
        font-size: 58px; }
  #wood-door .container .motif-collection {
    width: 100%;
    background-color: #565656;
    display: flex;
    flex-direction: column; }
    #wood-door .container .motif-collection .motif-door-list {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: center;
      flex-wrap: wrap; }
      #wood-door .container .motif-collection .motif-door-list img {
        width: 100%; }
      #wood-door .container .motif-collection .motif-door-list .motif-door-list-item {
        width: 45%;
        padding: 0 10px;
        display: flex;
        flex-direction: column;
        align-items: center; }
      #wood-door .container .motif-collection .motif-door-list .motif-door-list-item-2 {
        width: 30%;
        padding: 0 8px;
        display: flex;
        flex-direction: column;
        align-items: center; }
    #wood-door .container .motif-collection .padding-bottom {
      padding: 0 0 10px 0; }
    #wood-door .container .motif-collection .motif-door-desc {
      width: 100%;
      margin: 75px 0;
      display: flex;
      flex-direction: column;
      justify-items: center; }
      #wood-door .container .motif-collection .motif-door-desc .color {
        color: #ae996b; }
      #wood-door .container .motif-collection .motif-door-desc p {
        width: 90%;
        margin: 5px auto;
        text-align: center;
        font-size: 20px; }
      #wood-door .container .motif-collection .motif-door-desc .big {
        font-display: 18px; }
      #wood-door .container .motif-collection .motif-door-desc .bigger {
        font-size: 28px; }
      #wood-door .container .motif-collection .motif-door-desc .biggest {
        font-size: 38px; }
  #wood-door .container .modern-classic-collection {
    width: 100%;
    background-color: #000000;
    display: flex;
    flex-direction: column; }
    #wood-door .container .modern-classic-collection .modern-classic-door-list {
      width: 100%;
      padding: 0 10px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      flex-wrap: wrap; }
      #wood-door .container .modern-classic-collection .modern-classic-door-list img {
        width: 100%; }
      #wood-door .container .modern-classic-collection .modern-classic-door-list .modern-classic-door-list-item {
        width: 30%;
        padding: 0 8px;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 14px;
        text-align: center; }
    #wood-door .container .modern-classic-collection .padding-bottom {
      padding: 0 0 100px 0; }
    #wood-door .container .modern-classic-collection .modern-classic-door-desc {
      width: 100%;
      margin: 75px 0;
      display: flex;
      flex-direction: column;
      justify-items: center; }
      #wood-door .container .modern-classic-collection .modern-classic-door-desc .color {
        color: #ae996b; }
      #wood-door .container .modern-classic-collection .modern-classic-door-desc p {
        width: 90%;
        margin: 5px auto;
        text-align: center;
        font-size: 20px; }
      #wood-door .container .modern-classic-collection .modern-classic-door-desc .big {
        font-display: 28px; }
      #wood-door .container .modern-classic-collection .modern-classic-door-desc .bigger {
        font-size: 38px; }
      #wood-door .container .modern-classic-collection .modern-classic-door-desc .biggest {
        font-size: 48px; }
  #wood-door .container .classic-collection {
    width: 100%;
    background-color: #1b1b1b;
    display: flex;
    flex-direction: column; }
    #wood-door .container .classic-collection .classic-door-list {
      width: 100%;
      padding: 0 10px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      flex-wrap: wrap; }
      #wood-door .container .classic-collection .classic-door-list img {
        width: 100%; }
      #wood-door .container .classic-collection .classic-door-list .classic-door-list-item {
        width: 33%;
        padding: 0 10px;
        display: flex;
        flex-direction: column;
        align-items: center; }
    #wood-door .container .classic-collection .padding-bottom {
      padding: 0 0 100px 0; }
    #wood-door .container .classic-collection .classic-door-desc {
      width: 100%;
      margin: 75px 0;
      display: flex;
      flex-direction: column;
      justify-items: center; }
      #wood-door .container .classic-collection .classic-door-desc .color {
        color: #ae996b; }
      #wood-door .container .classic-collection .classic-door-desc p {
        width: 90%;
        margin: 5px auto;
        text-align: center;
        font-size: 20px; }
      #wood-door .container .classic-collection .classic-door-desc .big {
        font-display: 28px; }
      #wood-door .container .classic-collection .classic-door-desc .bigger {
        font-size: 38px; }
      #wood-door .container .classic-collection .classic-door-desc .biggest {
        font-size: 48px; }
  #wood-door .container .natural-collection {
    width: 100%;
    background-color: #000000;
    display: flex;
    flex-direction: column; }
    #wood-door .container .natural-collection .natural-door-list {
      width: 100%;
      padding: 0 10px;
      display: flex;
      flex-direction: row;
      justify-content: center; }
      #wood-door .container .natural-collection .natural-door-list img {
        width: 100%; }
      #wood-door .container .natural-collection .natural-door-list .natural-door-list-item {
        width: 50%;
        padding: 0 20px;
        display: flex;
        flex-direction: column;
        align-items: center; }
    #wood-door .container .natural-collection .padding-bottom {
      padding: 0 0 100px 0; }
    #wood-door .container .natural-collection .natural-door-desc {
      width: 100%;
      margin: 75px 0;
      display: flex;
      flex-direction: column;
      justify-items: center; }
      #wood-door .container .natural-collection .natural-door-desc .color {
        color: #ae996b; }
      #wood-door .container .natural-collection .natural-door-desc p {
        width: 90%;
        margin: 5px auto;
        text-align: center;
        font-size: 20px; }
      #wood-door .container .natural-collection .natural-door-desc .big {
        font-display: 28px; }
      #wood-door .container .natural-collection .natural-door-desc .bigger {
        font-size: 38px; }
      #wood-door .container .natural-collection .natural-door-desc .biggest {
        font-size: 48px; } }

/* 400-600px */
/* wood-door.html end */
/* footer start */
footer {
  width: 100%;
  background-color: #594e37;
  padding-bottom: 10px; }
  footer .container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap; }
    footer .container .logo {
      position: absolute;
      left: 57px;
      align-self: flex-start; }
      footer .container .logo img {
        width: 105px;
        height: 105px; }
    footer .container .footer-link {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      width: 135px;
      height: 160px;
      margin: 30px 5px 0 5px;
      padding: 0 15px;
      color: #ffffff;
      font-size: 10px;
      text-align: center; }
      footer .container .footer-link .footer-icon {
        width: 36px;
        height: 36px;
        background-image: url("../img/bubble-bg.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
        footer .container .footer-link .footer-icon img {
          width: 36px;
          height: 36px; }

@media only screen and (max-width: 1000px) {
  footer {
    width: 100%;
    background-color: #594e37;
    padding-bottom: 10px; }
    footer .container {
      position: relative;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      flex-wrap: wrap; }
      footer .container .logo {
        position: absolute;
        left: 57px;
        align-self: flex-start; }
        footer .container .logo img {
          width: 105px;
          height: 105px; }
      footer .container .footer-link {
        width: 135px;
        height: 160px;
        margin-top: 30px;
        color: #ffffff;
        font-size: 10px;
        text-align: center; }
        footer .container .footer-link .icon {
          width: 36px;
          height: 36px; } }

@media only screen and (max-width: 860px) {
  footer {
    width: 100%;
    background-color: #594e37;
    padding-bottom: 10px; }
    footer .container {
      position: relative;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      flex-wrap: wrap; }
      footer .container .logo {
        position: absolute;
        left: 57px;
        align-self: flex-start; }
        footer .container .logo img {
          width: 105px;
          height: 105px; }
      footer .container .footer-link {
        width: 135px;
        height: 160px;
        margin-top: 30px;
        color: #ffffff;
        font-size: 10px;
        text-align: center; }
        footer .container .footer-link .icon {
          width: 36px;
          height: 36px; } }

/* #footer-tablet hide by default. display only between 600 - 999 width */
#footer-tablet {
  display: none;
  width: 100%;
  background-color: #594e37;
  padding-bottom: 10px; }
  #footer-tablet .container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
    #footer-tablet .container .footer-tablet-logo {
      width: 25%; }
    #footer-tablet .container .logo {
      margin-left: 30px; }
      #footer-tablet .container .logo img {
        width: 105px;
        height: 105px; }
    #footer-tablet .container .footer-links {
      width: 75%;
      margin-top: 30px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
      #footer-tablet .container .footer-links .footer-link {
        width: 33%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        height: 130px;
        padding: 0 5px;
        color: #ffffff;
        font-size: 10px;
        text-align: center; }
        #footer-tablet .container .footer-links .footer-link p {
          margin: 0;
          padding: 5px 0; }
        #footer-tablet .container .footer-links .footer-link .footer-icon {
          width: 36px;
          height: 36px;
          background-image: url("../img/bubble-bg.png");
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center; }
          #footer-tablet .container .footer-links .footer-link .footer-icon img {
            width: 36px;
            height: 36px; }

/* #footer-phone hide by default. display only between 1 - 600 width */
#footer-phone {
  display: none;
  width: 100%;
  background-color: #594e37;
  padding-bottom: 25px; }
  #footer-phone .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap; }
    #footer-phone .container .logo {
      width: 100%;
      margin: 0;
      height: 115px;
      text-align: center; }
      #footer-phone .container .logo img {
        width: 105px;
        height: 105px;
        padding: 10px; }
    #footer-phone .container .footer-link {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
      padding: 5px;
      color: #ffffff;
      font-size: 12px;
      text-align: center; }
      #footer-phone .container .footer-link p {
        margin: 0;
        padding: 5px 15px; }
      #footer-phone .container .footer-link .footer-icon {
        display: block;
        width: 36px;
        height: 36px;
        background-image: url("../img/bubble-bg.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
        #footer-phone .container .footer-link .footer-icon img {
          width: 36px;
          height: 36px; }

@media only screen and (max-width: 1000px) {
  #footer-tablet {
    display: block; }
  footer {
    display: none; } }

@media only screen and (max-width: 600px) {
  #footer-tablet {
    display: none; }
  #footer-phone {
    display: block; }
  footer {
    display: none; } }

/* vvvvvvvvvvvvvvvvvvvvvvvvvvvvvv START Customize for responsive vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv */
#wood-door .container .sophisticated-door .sophisticated-door-desc-2 {
  margin: 0px; }

@media only screen and (max-width: 600px) {
  p {
    padding-left: 20px;
    padding-right: 20px; }
  #history-more {
    padding-left: 10px;
    padding-right: 10px; }
  #flooring-collection .container #favorite-detail .container .right {
    padding-right: 0px; }
  #flooring-collection .container #intrincsic-detail .container .sample-desc p {
    line-height: 1.5; }
  #staircase .container .staircase-title .title-container .staircase-title-column-2 .staircase-title-column-2-staircase {
    font-size: 54px; }
  #staircase .container .staircase-desc .biggest {
    padding: 0px !important;
    text-align: center; }
  #staircase .container .staircase-desc .big {
    font-size: 24px;
    text-align: center; }
  #wood-door .container .biggest {
    font-size: 36px !important; }
  #wood-door .container .bigger {
    font-size: 30px !important; }
  #wood-door .container .main-door-list p {
    padding: 0px; }
  #wood-door .container .sophisticated-door .sophisticated-door-desc-2 {
    margin: 0px; }
  #wood-door .container .modern-classic-door-list p {
    padding: 0px;
    font-size: 14px; }
  #wood-door .container .bigger {
    font-size: 28px !important; }
  #wood-door .container .title-1 {
    font-size: 34px !important; }
  #wood-door .container .sophisticated-door .sophisticated-door-desc-2 {
    margin-bottom: 0px !important; }
  #wood-door .container .sophisticated-door .sophisticated-door-desc-2 .bigger-2 {
    font-size: 38px;
    padding-left: 5px;
    padding-right: 5px; }
  #wood-door .container .sophisticated-door .main-door-list .main-door-list-item {
    width: 60%; }
  #wood-door .container .main-door-list p {
    font-size: 14px; }
  #wood-door .container .motif-collection .motif-door-desc p {
    font-size: 16px; }
  #wood-door .container .modern-classic-collection .modern-classic-door-desc p {
    font-size: 16px; }
  #wood-door .container .classic-collection .classic-door-desc p {
    font-size: 16px; }
  #wood-door .container .natural-collection .natural-door-desc p {
    font-size: 16px; }
  #wood-door .container .sophisticated-door .sophisticated-door-desc p, #wood-door .container .sophisticated-door .sophisticated-door-desc-2 p {
    font-size: 16px; }
  #wood-door .container .natural-collection .natural-door-list .natural-door-list-item p {
    font-size: 14px; }
  .motif-door-list .motif-door-list-item-2 p {
    font-size: 12px;
    padding-left: 0px;
    padding-right: 0px; }
  #flooring-collection .container #favorite-detail .container .left .description {
    padding-left: 0px;
    padding-right: 0px; }
  #flooring-collection .container .flooring-collection-mid .title {
    padding-left: 0px; }
  #flooring-collection .container .flooring-collection-mid {
    margin-top: 0px;
    padding-top: 0px; }
  #flooring-collection .container #pattern-detail .container .title p {
    padding: 0px; }
  #flooring-collection .container #pattern-detail .container .title {
    padding-left: 20px;
    padding-right: 20px; }
  #flooring-collection .container #pattern-detail .container .title .title-2 {
    font-size: 48px; }
  #flooring-collection .container #oriental-detail .container .left .sample-responsive {
    display: flex;
    justify-content: flex-end; }
    #flooring-collection .container #oriental-detail .container .left .sample-responsive p {
      display: flex !important;
      flex: 1;
      justify-content: flex-end; }
    #flooring-collection .container #oriental-detail .container .left .sample-responsive img {
      display: flex !important;
      max-height: 80px; }
  #flooring-collection .container #customized-detail .container .right .sample-responsive .sample {
    max-height: 80px; }
  #flooring-desc .container .left .strong, #flooring-desc .container .right .strong {
    margin-top: 0px;
    padding-top: 0px; }
  #flooring-desc .container .left p, #flooring-desc .container .right p {
    padding-left: 0px;
    margin-left: 0px; }
  #flooring-desc .container {
    padding-top: 20px; } }
  

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ STOP Customize for responsive ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */



/* Customize for full image slick */
.news-gallery.slick-initialized.slick-slider{
  height: 90% !important;
  width: 90% !important;
}

.news-gallery.slick-initialized.slick-slider .slick-list .slick-track{
  height: 100% !important;
}

.news-gallery.slick-initialized.slick-slider .slick-list .slick-track .slick-slide{
  height: 100% !important;
  /* max-height: 100% !important; */
  background-size: contain !important;
}