@media (max-width: 1700px) {

	.thumb__collapse__item {
		width: 100px;
		padding: 50px;
	}

	.catagory__title {
		padding: 40px;
	}
}




/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {

	.container {
		padding-inline: 20px;
	}

	.contact__bg {
		width: 65.6%;
	}

	.interior__container {
		padding: 36px 60px 60px 20px;
	}

	.interior__label {
		gap: 10px;
	}

	.interior__label label {
		width: 15.3%;
	}

	.detail__inquiry {
		padding: 60px 20px 30px 0;
	}

	.single__thumb.active .thumb__collapse__item {
		width: 80px;
		padding: 30px;
	}

	.thumb__collapse__item {
		width: 80px;
		padding: 30px;
	}

	.thumb__sub__link {
		padding: 30px 30px 0 0;
	}

	.catagory__title {
		padding: 30px;
	}

	.product__navigation {
		padding: 40px 20px;
	}
}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

	.container {
		padding-inline: 20px;
	}

	.contact__bg {
		width: 88.6%;
	}

	.contact__content .inquiry__form__title h5 {
		margin-top: 70px;
	}

	.header__navigation nav>ul {
		gap: 40px;
	}

	.interior__container {
		padding: 36px 60px 60px 20px;
	}

	.interior__label {
		gap: 10px;
	}

	.interior__label label {
		width: 15.3%;
	}

	.detail__inquiry {
		padding: 40px 20px 30px 0;
		width: 32%;
	}

	.detail__interface {
		width: 65.5%;
	}

	.single__suggest {
		width: 30%;
	}

	.suggest__flex {
		row-gap: 35px;
	}

	header {
		padding-block: 30px;
	}

	.header__logo img {
		width: 330px;
	}

	.thumb__collapse__item {
		width: 50px;
		padding: 15px;
	}

	.thumb__sub__link {
		padding: 20px 20px 0 0;
	}

	.catagory__title {
		padding: 20px;
	}

	.single__thumb.active .thumb__collapse__item {
		width: 50px;
		padding: 15px;
	}

	.thumb__main-link span {
		font-size: 16px;
	}

	.product__navigation {
		padding: 40px 20px;
	}

	.overview__product__text {
		inset: 40px;
	}

	.overview__product {
		flex: 0 0 50vw;
	}
}


/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {

	.container {
		padding-inline: 20px;
	}

	.contact__bg {
		width: 80%;
	}

	.contact__content .inquiry__form__title h5 {
		margin-top: 70px;
	}

	.detail__interface {
		width: 100%;
	}

	.interior__container {
		padding: 60px 20px;
		padding-bottom: 20px;
	}

	.interior__label label {
		width: 14.3%;
	}

	.interior__label {
		gap: 10px;
	}

	.detail__inquiry {
		width: 100%;
		padding: 60px 20px;
	}

	.suggest__flex {
		row-gap: 35px;
	}

	.single__suggest {
		width: 30%;
	}

	.inquiry__form__title h5 {
		margin-top: 0;
	}

	.inquiry__mobile {
		padding: 40px 20px 20px;
		width: 100%;
	}

	header {
		padding-block: 30px;
	}

	.header__logo img {
		width: 330px;
	}

	.clickDropdown__body {
		height: calc(100vh - 96px);
	}

	.catagory__left {
		width: 100%;
	}

	.catagory__right {
		width: 100%;
		margin-top: 40px;
	}

	.catagory__content {
		padding-inline: 20px;
		height: unset;
	}

	.product__navTitle {
		margin-bottom: 0;
	}

	.thumb__main-link span {
		display: block;
		text-wrap: wrap;
		direction: unset;
		transform: unset;
	}

	.thumb__collapse__item {
		width: 100%;
		padding: 40px 0;
		display: flex;
		align-items: center;
		height: unset;
	}

	.thumb__sub__link {
		padding: 0;
		padding-top: 20px;
	}

	.catagory__title {
		padding: 0;
	}


	.catagory__area {
		height: unset;
		padding-block: 40px;
	}

	.catagory__thumbList {
		flex-direction: column;
	}

	.single__thumb {
		flex-direction: column;
		border-bottom: 1px solid #fff;
		border-right: 0;
	}

	.single__thumb:first-child {
		border-left: 0;
	}

	.thumb__image {
		max-width: 100%;
	}

	.single__thumb.active .thumb__wrapper {
		padding-bottom: 20px;
		max-width: 552px;
		margin-inline: auto;
	}

	.thumb__wrapper {
		height: 0;
	}

	.catagory__item__container {
		padding-inline: 10px;
	}

	.product__navigation {
		padding: 40px 20px;
		width: 100%;
		display: none;
	}

	.product__overview {
		width: 100%;
		padding: 0;
	}

	.prodcut__content {
		flex-direction: column;
		height: 100vh;
	}

	.product__navigation .product__navTitle {
		margin-bottom: 40px;
	}

	.about__content {
		position: relative;
		top: 0;
		transform: unset;
	}

	.about__image {
		position: absolute;
		right: 0;
		z-index: -1;
		top: 10%;
	}

	.about__area {
		padding-block: 60px;
	}

	.overview__product__text {
		inset: 25px;
	}

	.overview__product {
		flex: 0 0 76.4vw;
	}

}


/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {

	.container {
		padding-inline: 20px;
	}

	header {
		padding-block: 14px;
	}

	.contact__content {
		padding-block: 60px;
	}

	.contact__bg {
		width: 100%;
		position: unset;
	}

	.contact__wrapper {
		max-width: 100%;
	}

	.inquiry__form__title h5 {
		margin-bottom: 20px;
		margin-top: 0;
	}

	.footer__contact {
		margin-bottom: 30px;
	}

	.footer__location h5 {
		margin-bottom: 30px;
	}

	.footer__content {
		border-top: 1px solid #fff;
		padding-top: 30px;
		column-gap: 20px;
	}

	footer {
		padding-block: 20px 40px;
		border-top: 0;
	}

	.footer__contact h4 {
		margin-bottom: 30px;
	}

	.clickDropdown__body {
		height: calc(100vh - 73.5px);
	}

	.detail__inquiry {
		width: 100%;
		padding: 60px 20px;
		padding-top: 40px;
	}

	.detail__interface {
		width: 100%;
		padding: 50px 20px;
		padding-bottom: 30px;
	}

	.interior__container {
		padding: 0;
		padding-top: 62px;
		gap: 50px;
	}

	.interior__label {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		row-gap: 30px;
	}

	.interior__label label {
		width: 100%;
	}

	.interior__label label .wood__sample img {
		width: 100%;
		height: 100%;
	}

	.part__starter p {
		margin-bottom: 30px;
	}

	.suggestSlider .single__suggest {
		width: 100%;
	}

	.inquiry__mobile {
		width: 100%;
	}

	.suggest__area {
		padding-block: 40px;
	}

	.suggest__area .container {
		padding-right: 0;
	}

	.catagory__area {
		height: unset;
	}

	.catagory__left {
		width: 100%;
		padding-inline: 20px;
	}

	.catagory__title {
		width: 1000;
		padding: 0;
	}

	.product__navTitle {
		margin-bottom: 0;
	}

	.catagory__content {
		height: unset;
	}

	.product__navTitle h5 {
		margin-bottom: 20px;
	}

	.single__catagory {
		width: 100%;
	}

	.single__catagory:last-child {
		border-bottom: none;
	}

	.product__navigation {
		display: none;
	}

	.about__content {
		position: relative;
		top: 0;
		transform: unset;
	}

	.about__image {
		position: relative;
		top: unset;
		right: unset;
		z-index: unset;
		transform: unset;
		width: 100%;
		margin-top: 40px;
	}

	.about__area {
		padding-block: 60px;
	}

	.hero__text h1 {
		display: none;
	}

	.hero__text h6 {
		font-size: 18px;
		margin-bottom: 20px;
		line-height: 160%;
	}

	.hero__text p {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 30px;
	}

	.theme__btn {
		padding: 12.8px 21.6px;
	}

	.hero__content {
		position: unset;
		top: unset;
		transform: unset;
		padding-block: 60px;
	}

	.hero__right {
		width: 100%;
		margin-left: unset;
	}

	.hero__area {
		flex-direction: column;
	}

	.overview__product__text {
		inset: unset;
		top: 20px;
		left: 20px;
	}

	.overview__product {
		position: relative;
		flex: 0 0 100vw;
	}

	.product__navTitle h5 {
		font-size: 13px;
	}

	.overview__product__text .product__navTitle h5 {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.sm__text {
		font-size: 9px;
	}

	.overview__product__image {
		height: 100vh;
	}

	.overview__product__image img {
		height: 100vh;
	}

	.about__text article p {
		font-size: 13px;
		line-height: 20px;
	}

	.about__text article {
		gap: 10px;
	}

	.about__text h5 {
		font-size: 16px;
		padding-bottom: 14px;
	}

	.hero__left {
		max-width: 100%;
	}

	.hero-img-desktop {
		display: none;
	}

	.hero-img-mobile {
		display: block;
	}

	.about__image-desktop {
		display: none;
	}

	.about__image-mobile {
		display: block;
	}

	.contact-bg-desktop {
		display: none;
	}

	.contact-bg-mobile {
		display: block;
	}
}


/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {}


  /* Responsive (≈ md / 768px) */
  @media (min-width: 768px) {
    .error-logo { margin-bottom: 32px; }
    .error-title {
      font-size: 72px;
      line-height: 72px;
      margin-bottom: 13px;
    }
    .error-text {
      font-size: 24px;
      line-height: 28.8px;
      margin-bottom: 32px;
    }
  }