@media screen and (max-width: 1100px){
    .about-chair, .about-chair2 {width: 80%; text-align: right;}
    .new-arrival-image {height: 250px;}
}

@media screen and (max-width: 1024px){
    .brand-content, #section-custom-furniture, .product-category-name, .slide-button, .article-item-date, .new-arrival-name, .copyright, .footer-contact-value, .footer-title, .footer-link-item, .footer-follow-item, .footer-marketplace-item {font-size: 15px;}
    .article-item-author, .article-item-short-desc {font-size: 15px !important;}
    .home-about-intro-wrapper-inner {width: 60%;}
    .article-item-title {font-size: 20px;}
    .slide-text-container {font-size: 25px;}
    .slide-image img {width: 60% !important;}

    .featured-article-title-wrapper {font-size: 45px; width: 50%;}
    .article-category-item {font-size: 20px;}

    .article-detail-title h1 {font-size: 30px;}
    .article-highlight {padding-left: 10%; padding-right: 10%;}

    #section-product-detail {font-size: 15px;}
    .product-title {font-size: 40px;}

    #section-opportunity {padding-bottom: 600px;}
    .opportunity-banner-title h1 {font-size: 30px;}

    .about-chair, .about-chair2 {width: 70%;}
    .about-philosophy-title, .about-philosophy-en {font-size: 19px;}
    .about-philosophy-id {font-size: 17px;}
    .about-philosophy {max-width: 520px; top: 60%;}
    .vision-mission-title {font-size: 45px;}

    .brand-highlight-wrapper {font-size: 32px;}
    .brand-product-item {width: 25%;}

    .career-title h1 {font-size: 40px;}
    .job-item-title {font-size: 27px;}
    .job-item-short-desc {font-size: 14px;}
    .job-item-more-button {font-size: 15px;}
}

@media screen and (max-width: 950px){
    .nav-item {font-size: 12px;}
    .slide-text-container {font-size: 23px;}
    .featured-article-title-wrapper {font-size: 40px;}

    .brand-product-item {width: 24%;}
}

@media screen and (max-width: 900px){
    .home-about-intro-wrapper-inner {width: 70%;}
    .slide-text-container {font-size: 20px;}

    .featured-article-title-wrapper {font-size: 35px; left: 10%;}
    .featured-article-title {margin-bottom: 10px;}
    .featured-article-button {font-size: 17px;}

    .article-highlight {padding-left: 5%; padding-right: 5%;}

    .product-category-image-wrapper {height: 170px;}
    .product-category-more {font-size: 18px;}
    .product-category-category {font-size: 23px;}
    .product-category-collection {font-size: 20px;}
    .collection-label {width: 140px;}
    .product-category-wrapper {padding-left: 140px;}
    .product-category-item-container {min-height: 230px;}

    #section-opportunity {padding-bottom: 500px;}
    .opportunity-banner-title h1 {font-size: 25px; margin-top: 13px;}

    .furniture-highlight {font-size: 28px;}

    .about-chair, .about-chair2 {width: 60%;}
    .about-slogan {width: 300px; height: 90px;}
    .about-slogan h2 {font-size: 23px;}
    .about-philosophy-title, .about-philosophy-en {font-size: 17px;}
    .about-philosophy-id {font-size: 15px;}
    .about-philosophy {max-width: 450px; top: 70%;}
    .vision-mission-title {font-size: 40px;}
    #section-about-vision-mission .inline-container, #section-about-brand .inline-container, #section-about-last .inline-container, #section-about-image .inline-container {padding-left: 5%; padding-right: 5%;}

    .brand-banner-text {font-size: 30px;}
    .brand-logo img {width: 80%;}
    #section-brand-product .inline-container {padding-left: 5%; padding-right: 5%;}
    .brand-product-item {width: 23%;}

    .product-list-container .clear3 {display: block;}
    .product-list-container .clear {display: none;}
    .product-list-item {width: 33.33%;}
}

@media screen and (max-width: 850px){
    .nav-item {font-size: 11px;}
    .article-category-item {font-size: 17px;}
    .article-detail-title h1 {font-size: 27px;}
    .product-category-image-wrapper {height: 150px;}

    .product-category-name {font-size: 13px;}
    .product-category-item-container {min-height: 210px;}

    .career-title h1 {font-size: 35px;}
    .career-title {border-bottom: 85px solid rgba(0, 112, 126, 0.7)}
}

@media screen and (max-width: 800px){
    .new-arrival-category {font-size: 23px;}
    .new-arrival-collection {font-size: 20px;}
    .collection-label {width: 140px;}
    .new-arrival-carousel-container {padding-left: 140px;}

    .slide-text-container {font-size: 18px;}
    .slide-button {font-size: 13px;}

    .article-item-title {font-size: 17px;}
    .article-item-date {font-size: 13px;}

    .featured-article-title-wrapper {font-size: 30px;}
    .featured-article-button {font-size: 15px;}
    .latest-article-item {padding: 10px;}

    .article-detail-title h1 {font-size: 25px;}
    .article-highlight {padding-left: 0; padding-right: 0; font-size: 22px;}

    .product-category-image-wrapper {height: 130px;}
    .product-category-more {font-size: 15px;}
    .product-category-item-container {min-height: 180px;}

    #section-opportunity {padding-bottom: 400px;}
    .opportunity-banner-title h1 {font-size: 20px; margin-top: 18px;}

    .about-chair, .about-chair2 {width: 50%;}
    .about-slogan {width: 280px; height: 80px;}
    .about-slogan h2 {font-size: 20px;}
    .vision-mission-title {font-size: 35px;}
    .vision-mission-content, .brand-left, .brand-right {font-size: 18px;}
    .about-last-top {font-size: 20px;}
    .about-last-bottom {font-size: 17px;}
    .vision-mission-container {width: 60%;}

    .brand-banner-text {font-size: 25px;}
    .brand-logo img {width: 65%;}

    .career-title h1 {font-size: 30px;}
    .career-title {border-bottom: 80px solid rgba(0, 112, 126, 0.7)}
}

@media screen and (max-width: 768px){
    /* #header {background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} */
    .navigation-wrapper {display: none;}
    .burger-icon {display: inline-block;}

    .home-about-video-wrapper-inner {width: 80%;}
    .home-about-video-left {width: 100%; padding-right: 0; padding-top: 0; margin-bottom: 30px; text-align: center; float: none;}
    .home-about-video-right {float: none; width: 100%;}

    .testimonial-left {float: none; width: 100%; padding-right: 0; text-align: center; margin-bottom: 30px;}
    .testimonial-right {float: none; width: 100%;}
    .testimonial-item {padding: 20px 30px 30px 30px; margin-bottom: 25px;}
    .testimonial-photo {float: none; margin: auto; width: 100%; text-align: center; margin-bottom: 15px;}
    .testimonial-photo img {max-width: 150px; display: inline-block !important;}
    .testimonial-content {width: 100%; float: none;}
    .testimonial-background {top: 17vh; left: 0; bottom: 0; right: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
    .testimonial-quote {top: 12vh;}
    #section-testimonial .slick-dots {left: unset;}
    #section-testimonial .inline-container {padding-left: 10%; padding-right: 10%;}

    .article-detail-title h1 {font-size: 23px;}
    .article-detail-content-first, .article-detail-content-second {column-count: 1; text-align: justify;}

    .product-list-image {max-width: 90%;}

    .product-image-container {float: none; width: 100%; padding-right: 15%; padding-left: 15%; margin-bottom: 50px;}
    .product-info-container {float: none; width: 100%; padding-left: 0;}
    #section-product-detail {font-size: 19px;}
    .product-title {font-size: 48px;}
    .product-title-mobile {display: block;}
    .product-title-desktop {display: none;}
    .product-title-wrapper.product-title-mobile {border-bottom: 0;}

    #section-opportunity {padding-bottom: 100px; background: none;}
    #section-opportunity .section-title {font-size: 40px;}
    #section-opportunity .section-content {column-count: 1;}
    .opportunity-highlight {text-align: center;}
    .opportunity-image-mobile {display: block;}

    .furniture-content {width: 100%; float: none !important; margin-bottom: 40px;}
    .furniture-highlight {text-align: center;}
    .furniture-image-1 {text-align: center; width: 100%; position: static;}
    .furniture-image {float: none; width: 100%; text-align: center;}

    #footer-col-1, #footer-col-2 {width: 50%;}
    #footer-col-3 {width: 100%;}
    .footer-follow-container, .footer-marketplace-container {width: 50%; float: left;}
    .footer-follow-container {padding-right: 1%;}
    #footer .inline-container {padding-bottom: 70px;}
    .footer-title {font-size: 18px;}

    .about-philosophy-title, .about-philosophy-en {font-size: 16px;}
    .about-philosophy-content {line-height: 2.0em;}
    .about-philosophy-id {font-size: 14px;}
    .about-philosophy {max-width: 400px; top: 80%;}
    #section-about-second {margin-bottom: 100px;}

    #section-brand-content {column-count: 1 !important;}
    .brand-highlight-wrapper {border: 0;}
    .brand-product-wrapper .collection-label {position: static; text-align: center; margin: auto; margin-bottom: 70px; padding-left: 20px; padding-bottom: 20px; -webkit-border-radius: 0 0 0 40px; -moz-border-radius: 0 0 0 40px; -o-border-radius: 0 0 0 40px; border-radius: 0 0 0 40px; border-left: 3px dashed var(--blue); border-bottom: 3px dashed var(--blue);}
    .brand-product-wrapper .product-category-collection {font-size: 23px;}
    .brand-product-item {width: 32%;}
    .brand-product-container {padding-left: 0;}
    .brand-product-box-border {border: 0;}

    .job-item-title {font-size: 23px;}
    .job-item-short-desc {font-size: 13px;}
    .job-item-more-button {font-size: 14px;}

    #section-custom-furniture {background-size: contain;}

    .product-list-container .clear3 {display: none;}
    .product-list-container .clear2 {display: none;}
    .product-list-item {width: 50%;}
}

@media screen and (max-width: 700px){
    .home-about-intro-wrapper-inner {width: 80%;}
    .article-item-title {font-size: 15px;}
    .article-item-date {font-size: 12px;}

    .slide-text-container {font-size: 16px;}
    .slide-button {font-size: 12px;}

    .featured-article-title-wrapper {width: 60%; left: 5%;}
    .featured-article-title {margin-bottom: 10px;}
    .featured-article-button {font-size: 17px;}
    .article-category-container {display: none;}
    .article-category-carousel {display: block !important;}
    .article-container {float: none; width: 100%;}
    .latest-article-item {padding: 5px;}

    .article-detail-title h1 {font-size: 20px;}
    .article-highlight {font-size: 20px;}

    .collection-label {position: static; top: unset; transform: none; -ms-transform: none; padding-right: 5%; margin-bottom: 20px;}
    .product-category-wrapper {padding-left: 0;}
    .new-arrival-carousel-container {padding-left: 0;}
    #section-about-second {margin-bottom: 130px;}

    .career-title h1 {font-size: 25px;}
    .career-title {border-bottom: 75px solid rgba(0, 112, 126, 0.7)}

    .job-item {float: none; width: 100%; margin-left: 0; margin-right: 0;}
}

@media screen and (max-width: 650px){
    .article-highlight {font-size: 18px;}
    .article-detail-content-first, .article-detail-content-second {font-size: 15px;}

    #section-product-detail .inline-container {padding-left: 10%; padding-right: 10%;}

    .opportunity-banner-title h1 {font-size: 18px; margin-top: 20px;}

    #section-custom-furniture .section-title {font-size: 40px;}

    #footer-col-1 {width: 100%; float: none;}
    #footer-col-2 {width: 100%; float: none;}
    #footer-col-3 {float: none;}
    #footer-col-2 .footer-title {text-align: center;}
    .footer-contact-item {text-align: center; margin-bottom: 10px;}
    .footer-contact-icon {float: none; width: 100%;}
    #footer-col-2 .footer-decor {margin: auto; margin-bottom: 20px;}

    .about-philosophy-title, .about-philosophy-en {font-size: 15px;}
    .about-philosophy-content {line-height: 1.7em;}
    .about-philosophy-id {font-size: 13px;}
    .about-philosophy {max-width: 300px; top: 90%;}
    .vision-mission-title {font-size: 30px;}
    .vision-mission-content {font-size: 15px;}
    #section-about-second {margin-bottom: 160px;}

    #section-brand-content .inline-container {padding-left: 5%; padding-right: 5%;}
}

@media screen and (max-width: 600px){
    .home-about-intro-wrapper-inner {width: 90%;}
    #section-testimonial .inline-container {padding-left: 5%; padding-right: 5%;}
    .home-about-video-wrapper-inner {width: 90%;}

    .slider-container {display: none;}
    .mobile-slider-container {display: block;}

    /* #section-home-article {text-align: center;} */
    #section-home-article .section-content {text-align: left;}
    .section-title-border {margin: auto; margin-bottom: 20px; padding-left: 9px; padding-right: 9px; position: relative; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%);}
    .article-item {width: 47%;}
    .article-item.last {display: none;}

    #section-featured-article {display: none;}
    #section-featured-article-mobile {display: block;}
    .featured-article-title-wrapper {top: 120px; transform: none; -ms-transform: none;}
    .featured-article-button {padding: 5px 30px 5px 30px; font-size: 15px;}

    #section-article-banner-mobile {display: block;}
    #section-article-banner {display: none;}
    .article-detail-title {top: 120px; left: 5%; transform: none; -ms-transform: none; background: none; text-align: left; padding: 0; padding-right: 10%;}
    .article-detail-title h1 {color: var(--blue); font-size: 30px;}
    .article-highlight {font-size: 16px;}

    #section-product-banner {display: none;}
    #section-product-banner-mobile {display: block;}
    .product-banner-title {top: 120px; transform: none; -ms-transform: none; left: 5%; right: 5%;}
    .product-category-item {width: 50%; margin-bottom: 40px;}
    .product-category-image-wrapper, .product-list-image-wrapper {height: 200px;}
    .product-category-name, .product-list-name {font-size: 18px;}
    .product-category-more {font-size: 23px;}

    #section-banner-opportunity {display: none;}
    #section-banner-opportunity-mobile {display: block;}
    #section-opportunity .section-title {font-size: 35px;}
    .opportunity-banner-title h1 {font-size: 34px;}

    #section-custom-banner {display: none;}
    #section-custom-banner-mobile {display: block;}
    .custom-banner-title {top: unset; bottom: 0; font-size: 20px; width: 80%;}

    #section-about-first {display: none;}
    #section-about-first-mobile {display: block;}
    .about-chair {top: unset !important; bottom: 130px;}
    .about-slogan {width: 330px; height: 110px; padding: 10px;}
    .about-slogan h2 {font-size: 29px;}

    #section-about-second {display: none;}
    #section-about-second-mobile {display: block;}
    .about-philosophy-title, .about-philosophy-en {font-size: 15px;}
    .about-philosophy-content {line-height: 1.7em;}
    .about-philosophy-id {font-size: 13px;}
    .about-philosophy {max-width: 300px; top: 50%; right: 5%;}
    .about-title {text-align: center; left: 5%; right: 5%;}

    .about-chair2 {width: 80%; right: 5%; top: 96%;}
    #section-about-vision-mission .inline-container {padding-top: 30px;}

    #section-brand-banner {display: none;}
    #section-brand-banner-mobile {display: block;}
    .brand-banner-text {font-size: 39px;}
    .brand-logo img {width: auto;}
    .brand-banner-title-wrapper {top: 120px; transform: none;}

    #section-career-title-mobile {display: block;}
    #section-career-title {display: none;}
    .career-title {bottom: 0; top: unset; -ms-transform: translateX(-50%); transform: translateX(-50%); height: auto; color: var(--blue); border: 0;}
    .career-title h1 {font-size: 45px; line-height: 1.4em;}

    #section-banner-career-detail-mobile {display: block;}
    #section-banner-career-detail {display: none;}
}

@media screen and (max-width: 550px){
    .featured-article-title-wrapper {width: 65%; font-size: 28px;}
    .article-detail-title h1 {font-size: 28px;}
    .label-button-prev, .label-button-next {display: none;}
    .label-button-prev-mobile, .label-button-next-mobile {display: block;}

    #section-product-detail .inline-container {padding-left: 5%; padding-right: 5%;}
    #section-product-detail {font-size: 15px;}
    .product-title {font-size: 40px;}

    #section-custom-furniture .section-title {font-size: 35px;}

    .about-chair2 {width: 70%;}
    .about-last-bottom {column-count: 1;}
}

@media screen and (max-width: 500px){
    .featured-article-title-wrapper {width: 70%; font-size: 25px;}
    .article-detail-title h1 {font-size: 25px;}
    .product-category-image-wrapper, .product-list-image-wrapper {height: 180px;}
    .product-category-name, .product-list-name {font-size: 15px;}
    .product-category-more {font-size: 20px;}

    .product-image-container {padding-left: 10%; padding-right: 10%;}

    #section-opportunity .section-title {font-size: 30px;}
    #section-opportunity .section-content {font-size: 15px;}

    .custom-banner-title {font-size: 16px;}
    #section-custom-furniture .section-title {font-size: 30px; letter-spacing: 8px;}

    .footer-follow-container .footer-title, .footer-marketplace-container .footer-title {font-size: 15px;}

    .about-philosophy {padding: 10px 20px; max-width: 250px; top: 60%;}
    #section-about-second-mobile {margin-bottom: 170px;}
    .vision-mission-container {width: 100%;}
    .brand-left, .brand-right {width: 100%;}
    .brand-left {margin-bottom: 40px; text-align: center;}

    .brand-banner-text {font-size: 30px;}
    .brand-logo img {width: 80%;}
    .brand-product-item {width: 50%;}
}

@media screen and (max-width: 479px){
    .new-arrival-image {height: auto;}
    .new-arrival-image img {transform: none;}
}

@media screen and (max-width: 450px){
    .footer-follow-container .footer-title, .footer-marketplace-container .footer-title, .copyright, .footer-contact-value, .footer-title, .footer-link-item, .footer-follow-item, .footer-marketplace-item {font-size: 13px;}
    .featured-article-title-wrapper {font-size: 22px;}
    .article-detail-title h1 {font-size: 22px;}
    #section-article .article-item {width: 100%; margin-left: 0; margin-right: 0;}
    .latest-article-item {padding: 0;}

    .product-category-image-wrapper, .product-list-image-wrapper {height: 150px;}
    .product-category-name, .product-list-name {font-size: 13px;}
    .product-category-more {font-size: 17px;}

    #section-opportunity .section-title {letter-spacing: 5px;}

    .about-title {font-size: 24px;}
    .about-subtitle {font-size: 13px;}
    .about-slogan {width: 300px; height: 90px; padding: 10px;}
    .about-slogan h2 {font-size: 24px;}
    .about-philosophy-title, .about-philosophy-content {margin-left: 10px;}
    .about-philosophy-title, .about-philosophy-en {font-size: 14px;}
    .about-philosophy-id {font-size: 12px;}

    .brand-banner-text {font-size: 25px;}
    .brand-logo img {width: 65%;}
}

@media screen and (max-width: 400px){
    .about-slogan {width: 270px; height: 80px; padding: 10px; bottom: 40px !important;}
    .about-slogan h2 {font-size: 21px;}
    .about-philosophy-title, .about-philosophy-en {font-size: 13px;}
    .about-philosophy-id {font-size: 11px;}
    .about-philosophy {padding: 5px 10px; top: 60%; max-width: 210px;}
    .about-title {font-size: 22px;}
    .about-subtitle {font-size: 12px;}

    .brand-banner-text {font-size: 23px;}
    .brand-logo img {width: 60%;}
}

@media screen and (max-width: 350px){
    .about-philosophy-title, .about-philosophy-en {font-size: 12px;}
    .about-philosophy-id {font-size: 10px;}
    .about-philosophy {top: 70%;}
    .about-title {font-size: 20px;}
    .about-subtitle {font-size: 11px;}

    .brand-banner-text {font-size: 21px;}
    .brand-logo img {width: 55%;}
}