@charset "windows-874";
/* CSS Document */

@media (min-width: 1920px) {
	
}

@media (max-width: 1660px) {
	.caption-footer p { width: 40%; }
	.caption-gallery p { width: 40%; }
}

@media (max-width: 1340px) {
	.menu-button { margin-left: 0; }
	.cart-status { margin-right: 0; }
	.go-top {
		bottom: 20px;
		right: 20px;
	}
	.go-top button {
		bottom: 0;
		right: 0;
	}
	ul.footer-address .no-hot-line { font-size: clamp(28px, 3.4vw, 50px); }
	.contact-us-map { padding: 61px 20px 0; }
	.contact-us-logo { width: 50%; }
	.contact-us-fill { width: 50%; }
	.scrolling.home { top: -65px; left: calc(100vw - 40px); }
	.seed-text p { font-size: clamp(14px, 14vw, 16px); }
	.right-fill { margin-left: 20px; }
	.left-fill { margin-right: 20px; }
}

@media (max-width: 1280px) {
	p.welcome-text { margin-bottom: 80px; }
	.catalog-head h1 { font-size: clamp(28px, 14vw, 70px); }
	.caption-footer p { width: 50%; }
	.caption-gallery p { width: 50%; }
	.range-gallery { padding: 0 0; }
	.intro-text { width: 50%; }
	.intro-photo { width: 50%; }
	.laboratory-intro .center-box { 
	align-items: center; 
	text-align: center; 
}
}

@media (max-width: 1190px) {
	.contact-us-map { padding: 61px 0 0; }
}

@media (max-width: 1090px) {
	ul.footer-address .no-hot-line { font-size: clamp(28px, 3.2vw, 50px); }
	.seed-text p { font-size: clamp(14px, 14vw, 18px); }
	.laboratory-intro .intro-text .center-box { 
		align-items: center; 
		text-align: center; 
	}
	.laboratory-intro { 
		height: auto;
    	position: relative;
    	display: inline-block;
		padding: 110px 0 80px;
	}
	.laboratory-seed { 
		height: auto;
    	position: relative;
    	display: inline-block;
		padding: 100px 15px
	}
	.laboratory-seed .range-1340px { height: auto; }
	.laboratory-clone { 
		height: auto;
    	position: relative;
    	display: inline-block;
		padding: 100px 0;
		background-attachment: scroll;
	}
	.intro-text, .intro-photo { height: auto;}
	.scrolling.laboratory { top: 20px;}
	.laboratory-clone p { width: 80%; }
	.seed-text .row .col-md-3 { 
		width: 50%;
		border-right: 1px solid rgba(206,119,190,.3);
		padding: 30px 20px; 
		border-bottom: 1px solid rgba(206,119,190,.3);
	}
	.seed-text .row .col-md-3:last-child { border-bottom: none; } 
	.seed-text .row .col-md-3:nth-child(2) { border-right: none; } 
	.seed-text .row .col-md-3:nth-child(3) { border-bottom: none; } 
	.scrolling.laboratory { top: -25px;}
}

@media (max-width: 1024px) {
	.line-vertical-purple02 { height: 22vh; }
	.contact-us-address h1 { font-size: clamp(28px, 15vw, 76px); }
	.contact-us-address h2 { font-size: 26px; }
	.contact-us-address h1 { margin: -10px 0 -10px;}
	
}

@media (max-width: 1000px) {
	.show-1000px { display: inherit; }
	.hide-1000px { display: none; }
	h1.welcome { font-size: clamp(28px, 14vw, 100px);	}
	.break-holiday { display: block; }
	.caption-footer p { width: 60%; }
	.caption-gallery p { width: 60%; }
}

@media (max-width: 991px) {
	.line-vertical-purple04 { width: 54%; }
	.line-vertical-purple02 { 
		width: 50%;
		height: 10vh;
		margin-bottom: 20px;
	}
	 h1.about-us-topic { text-align: center; }
 	h2.about-us-topic { text-align: center; }
	.about-us-head h3 { width: 100%; }
	.about-us-head p { width: 100%; }
	.about-us-head img { 
		display: block;
 		margin: 0 auto;
		margin-bottom: 100px;
  		float: none;
	}
	footer .footer-body { padding-top: 80px; padding-bottom: 80px;}
	.footer-box-nav { order: 1; }
	.footer-box-address { width: 50%; order: 2; }
	.footer-box-facebook { width: 50%; order: 3; }
	ul.footer-address .no-hot-line { font-size: clamp(28px, 4vw, 50px); }
	.contact-us-form li.security-photo { width: 40%; }
	.contact-us-form li.security-box { width: 60%; }
	.contact-us-address h1 { font-size: clamp(28px, 15vw, 70px); }
	.contact-us-address h2 { font-size: 24px; }
	.contact-us-address p { font-size: 14px; }
}

@media (max-width: 870px) {
	ul.footer-address .no-hot-line { font-size: clamp(28px, 3.5vw, 50px); }
}

@media (max-width: 860px) {
	h1.welcome { font-size: clamp(28px, 14vw, 90px);	}
	.caption-footer p { width: 70%; }
	.caption-gallery p { width: 70%; }
	.footer-bar { display: none; }
	.footer-designer { display: inherit; }
	.go-top.at-bottom { bottom: 92px; }
	.intro-text { width: 60%; }
	.intro-photo { width: 40%; }
}

@media (max-width: 820px) {
	.menu-label {
		display: none;
		visibility: hidden;
	}
	.logo  { padding: 0 46px 0 0; }
}

@media (max-width: 785px) {
	.line-vertical-purple04 { 
		width: 50%;
		height: 10vh;
	}
	.contact-us-address p { font-size: 13px; }
}

@media (max-width: 768px) {	
	.show-768px { display: inherit; }
	.hide-768px { display: none; }
	.topnav { height: 60px !important; }
  	.topnav.shrink { height: 60px !important; }
	.sidemenu { width: 220px; }
	.content.shifted { margin-left: 0; }
	.logo { padding: 0 0 0 36px; }
	.range-col { padding: 0 5px; }
	ul.featured-products { margin: 0 -15px;}
	.center-box {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.footer-nav .row iframe { width: 100vw; height: 40vh;}
	p.welcome-text { padding: 0 20px; }
	.slide-content { padding: 0 20px 60px; }
	.caption-footer p { width: 80%; }
	.caption-gallery p { width: 80%; }
	.footer-box-address { width: 100%; }
	.footer-box-facebook { width: 100%; }
	.footer-box-facebook iframe { position: relative; left: calc(50% - 250px);}
	ul.footer-address li.icon-social {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.greeting { padding-top: 60px; }
	.featured-products { padding-top: 30px; }
	#owl-featured { margin: 0 30px 70px -5px; }
	.catalog-body { padding: 60px 40px 70px; }
	.vdo-photo-orchid { padding-top:0px; }
	ul.footer-address .no-hot-line { font-size: clamp(28px, 9vw, 70px); }
	.contact-us-text { 
		margin: 20px auto 60px;
		padding: 0 20px;
	}
	.contact-us-logo { 
		width: calc(100vw - 40px);
		margin: 0 15px 60px;
		padding: 60px 20px;
		border: 1px solid #ccdac5;
		order: 1;
		box-sizing: border-box;
	}
	.contact-us-fill { 
		width: 100%;
		order: 2; 
	}
	.caption-contact-us { margin-bottom: 20px;}
	.contact-us-address h1 { font-size: clamp(28px, 15vw, 84px); }
	.contact-us-address h2 { font-size: clamp(20px, 14vw, 30px); }
	.contact-us-address p { font-size: 17px; }
	.contact-us-form li:last-child { padding-top: 10px; }
	.scrolling { display: none !important; }
	.laboratory-seed { padding: 60px 15px 20px; }
	.seed-text .row .col-md-3 { 
		width: 100%;
		border-right: none;
		padding: 30px 20px; 
		border-bottom: 1px solid rgba(206,119,190,.3);
	}
	.seed-text .row .col-md-3:last-child { border-bottom: none; } 
	.seed-text .row .col-md-3:nth-child(3) { border-bottom: 1px solid rgba(206,119,190,.3); } 
	.seed-text h3 { margin-bottom: 20px; }
	.intro-text { width: 100%; }
	.intro-photo { width: 100%; }
	.laboratory-intro { padding: 110px 0 50px; }
	.form-send { 
		height: auto;
		padding: 100px 0 70px;
	}
	.about-us-journey h3 { margin-bottom: 60px; }
	.about-us-journey p { 
		margin-bottom: 60px; 
		font-size: clamp(14px, 14vw, 17px); 
	}
	.about-us-journey hr { margin: 40px auto 50px; }
	.about-us-journey .box-img { margin-bottom: 20px; }
	.about-us-journey .row .col-md-4:nth-child(2) { padding-top: 0;}
	.about-us-journey .row .col-md-4 { width: 50%; }
	.about-us-journey .row .col-md-4:last-child { width: 100%; }
	.about-us-journey .row .col-md-4:last-child p { margin-bottom: 0; }
	.right-fill { 
		width: 100%;
		margin-left: 0;
	}
	.left-fill { 
		width: 100%;
		margin-right: 0;
	}
	.border-left-intro { 
		width: 50%; 
		margin: 0 0 0 calc(50% - 20px);
		height: 150px;
	}
	.border-right-intro { 
		width: 50%; 
		margin: 0 calc(50% - 20px) 0 0;
		height: 150px;
	}
	.about-us-intro h1, .about-us-intro h2, .about-us-intro h3, .about-us-intro p {
		width: 100%;
		padding: 0 20px 0 20px;
		text-align: center;
	}
	.border-left-goal { 
		width: 50%; 
		margin: 0 0 0 calc(50% - 20px);
		height: 150px;
	}
	.border-right-goal { 
		width: 50%; 
		margin: 0 calc(50% - 20px) 0 0;
		height: 150px;
	}
	.about-us-goal h1, .about-us-goal h2, .about-us-goal h3, .about-us-goal h3.right, .about-us-goal p {
		width: 100%;
		padding: 0 20px 0 20px;
		text-align: center;
	}
	.about-us-journey { padding: 0 0 0; }
	.right-fill { animation: bgPan-right 140s linear infinite alternate; }
.left-fill { animation: bgPan-left 140s linear infinite alternate; }
}

@media (max-width: 767px) {
  	.break-holiday { display: none; }
	.greeting { padding-top: 85px; }
}

@media (max-width: 700px) {
  	
}

@media (max-width: 640px) {
	.break-holiday { display: block; }
	ul.catalog-list {
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: 150px;
	}
	.slide-content h1 { font-size: clamp(28px, 14vw, 34px); }
	.slide-content h2 { font-size: clamp(24px, 14vw, 28px); }
	.slide-content h3 { font-size: clamp(20px, 14vw, 22px); }
	.caption-footer p { width: 90%; }
	.caption-gallery p { width: 90%; }
	.footer-copyright p { font-size: 14px; }
	.footer-copyright p a { font-size: 14px; }
	.go-top.at-bottom { bottom: 83px; }
	.contact-us-address img { width: 80%; }
	.contact-us-address hr { width: 80%; }
}

@media (max-width: 575px) {
	.sidemenu {
		width: 100vw;
		top: 60px;
	}
	.catalog-head h1 { text-align: center; }
	.catalog-head h3 { text-align: center; }
	.catalog-head p { 
		text-align: center;
		padding-right: 0;
	}
	.catalog-head a { margin: auto auto 60px auto;}
	.about-us-head img { width: 90%; }
	ul.about-us-photo li:nth-child(6) { margin-left: 0; margin-bottom: 50px; }
	ul.about-us-photo li:nth-child(7) { margin-right: 0; margin-top: 100px; }
	.caption-footer p { width: 100%; }
	.caption-gallery p { width: 100%; }
	.catalog-body { padding: 70px 20px 70px 20px; }
	ul.footer-address .no-hot-line { font-size: clamp(28px, 8.2vw, 70px); }
	.contact-us-address h2 { font-size: clamp(20px, 14vw, 24px); }
	.contact-us-address p { font-size: 15px; }
	.seed-text .row > .col-md-3 { padding: 40px 0 20px;}
	.laboratory-clone p { width: calc(100% - 40px); }
	.laboratory-intro { padding: 100px 0 40px; }
	.laboratory-intro .intro-photo { padding: 0 0; }
	.about-us-journey hr { display: none; }
	.about-us-journey .row .col-md-4 { width: 100%; }
}

@media (max-width: 500px) {
	.show-500px { display: inherit; }
	.hide-500px { display: none; }
	.footer-box-facebook iframe { left:0;}
	.footer-copyright { font-size: 18px; }
}

@media (max-width: 494px) {
	.show-494px { display: inherit; }
	.hide-494px { display: none; }
	.footer-copyright { font-size: 17px; }
	.footer-bar { display: inline-block; }
	.footer-designer { display: none; }
	.go-top.at-bottom { bottom: 104px; }
}

@media (max-width: 480px) {
	ul.catalog-list {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 100px;
	}
	ul.footer-address .no-hot-line { font-size: clamp(28px, 7.8vw, 70px); }
	.contact-us-address h2 { font-size: clamp(20px, 14vw, 24px); }
	.contact-us-address p { font-size: 14px; }
}

@media (max-width: 460px) {
	ul.footer-address .txt-name { font-size: 16px; }
	.contact-us-address .break { display: inherit; }
}

@media (max-width: 414px) {
	.logo {padding: 0 0 0 0;}
	.catalog-head h1 { font-size: clamp(28px, 16vw, 80px);}
	.catalog-body { padding: 60px 0 60px 0; }
	.slide-content h3 { display: none; }
	ul.about-us-photo {
	  grid-template-columns: repeat(2, 1fr); /* 2 คอลัมน์ */
	  grid-auto-rows: 180px;
	  gap: 10px;
	 margin-top: 50px;
	}
	ul.about-us-photo li.photo-blank { display: none; }
	ul.about-us-photo li:nth-child(1) { margin-top: 30px; }
	ul.about-us-photo li:nth-child(2) { grid-row: span 2; }
	ul.about-us-photo li:nth-child(6) { margin-left: 0; margin-bottom: 0; }
	ul.about-us-photo li:nth-child(7) { margin-right: 0; margin-top: 0; margin-bottom: 30px; }
	ul.footer-address .txt-name { font-size: 14px; }
	.greeting { padding-top: 20px; }
	ul.footer-address .no-hot-line { font-size: clamp(28px, 7.4vw, 70px); }
	.contact-us-form li.security-photo { width: 100%; margin-bottom: 0; }
	.contact-us-form li.security-box { width: 100%; }
}
@media (max-width: 375px) { 
	ul.footer-address .txt-name {
		margin-bottom: 3px;
		padding: 7px 6px;
	}
	ul.footer-address .no-hot-line { font-size: clamp(24px, 7vw, 70px); }
}
@media (max-width: 360px) {
	ul.catalog-list {
		grid-template-columns: repeat(1, 1fr);
		grid-auto-rows: 80px;
	}
	ul.catalog-list li:nth-child(1) { grid-column: span 1; }
	ul.catalog-list li:nth-child(3), ul.catalog-list li:nth-child(5) { grid-row: span 1; }
	ul.catalog-list li:nth-child(10) { grid-column: span 1; }
	ul.catalog-list li:nth-child(12), ul.catalog-list li:nth-child(14) { grid-row: span 1; }
	ul.footer-address .txt-name { 
		padding: 7px 6px 7px 4px;
		font-size: 13px;
	}
	ul.footer-address h3 { font-size: 24px; }
	ul.footer-address .no-hot-line { font-size: clamp(20px, 6.5vw, 70px); }
}

@media (max-width: 320px) {

}