@charset "utf-8";

/* iPhone, etc portrait ---- */
@media only screen and (min-width: 320px) and (max-width: 590px) {
	body {}
	.width { width: 100%; }
	#mobileMenu { display: block; }
	header { height: auto; padding: 15px; }
	#logo, #top-right { float: none; display: table-cell; width: 48%; vertical-align: middle; }
	#company-name { text-align: center; margin: 0; }
	.news-top { display: none; }
	#nav { display: none; }
	#nav ul li.others { display: block; }
	#banner .caption, #banner .width { display: none; }
	#banner ul li img { height: auto; }
	#about { padding: 15px; }
	#about .width { width: 100%; }
	#about p { font-size: 14px; line-height: 21px; }
	#product-container { top: 0; margin-bottom: 15px; width: 100%; max-width: 320px; padding: 10px; }
	#product-container .sep { display: none; }
	#product-container .bx-wrapper .bx-prev { left: 10px; } #product-container .bx-wrapper .bx-next { right: 10px; }
	#news-updates { float: none; width: 96%; margin: 0; padding: 15px; height: 250px; }
	.news-home { padding-right: 0; }
	#news-updates a.viewall { bottom: 11px; }
	#food-safety { float: none; width: 96%; margin: 0 auto; }
	#food-safety .q-policy a { float: none; width: 100%; margin: 0 0 15px 0; text-align: center; font-size: 16px; height: auto; }
	.bx-clone { display: none !important; }
	
	#bottom-nav { display: none; }
	#designed { float: none; width: 100%; text-align: center; }
	#copyright { text-align: center; }
	#copyright span { display: block; }
	
	/* Inner */
	#banner-inner { display: none; }
	.caption { height: auto; line-height: normal; font-size: 15px; padding: 10px; }
	.content { padding: 10px; }
	.content h1 { display: block; font-size: 20px; }
	.picright, .picleft { float: none; margin: 0 0 15px 0; max-width: 100%; }
	ul.breadcrumb { padding: 15px; }
	.product-container { text-align: center; }
	.product-container li { float: none; display: inline-block; text-align: left; margin: 0 0 10px; vertical-align: top; }
	.product-data { width: 100%; }
	.fsp-close { right: 1em !important; top: 1em !important; }
	.left-content { float: none; width: 100%; }
	.mission-box { float: none; width: 100%; margin: 15px 0 0 0; }
	.infrastructure .cell { display: block; width: 100%; margin-bottom: 15px; }
	.form-div.left, .form-div.right, .pro-right { float: none; width: 100%; }
	.pro-left { display: none; }
	.news { padding: 0; }
	.news .image { float: none; margin-bottom: 10px; }
	.news .details { margin-left: 0; }
	ul.gallery { text-align: center; }
	ul.gallery li { float: none; display: inline-block; margin: 0 0 25px 0; }
	ul.gallery li a { width: 100%; height: 100%; }
	iframe { height: 300px; }
	#pro-img-slider ul li { height: auto; }
}

@media only screen and (min-width: 320px) and (max-width: 590px) and (orientation: landscape) {
	ul.gallery li { display: inline-block; width: 48%; margin: 1%; }
	ul.gallery li img { width: 100%; }
}

/* iPhone, etc landscape ---- */
@media only screen and (min-width: 590px) and (max-width: 768px) {
	body {}
	.width { width: 100%; }
	#mobileMenu { display: block; }
	header { height: auto; padding: 15px; }
	#logo, #top-right { float: none; display: table-cell; width: 48%; vertical-align: middle; }
	#company-name { text-align: center; margin: 0; }
	#minor-links { display: none; }
	#nav { display: none; }
	#nav ul li.others { display: block; }
	#banner .caption, #banner .width { left:6%; }
	#banner .caption{ margin-top:20px;}
	#banner .title { font-size: 35px; }
	#banner ul li img { height: auto; }
	#about { padding: 15px; }
	#about .width { width: 100%; }
	#about p { font-size: 14px; line-height: 21px; }
	#product-container { top: 0; margin-bottom: 15px; width: 100%; max-width: 640px; padding: 10px; }
	#product-container .sep { display: none; }
	#product-container .bx-wrapper .bx-prev { left: 10px; } #product-container .bx-wrapper .bx-next { right: 10px; }
	#pro-slides li { width: 320px !important; }
	#news-updates { float: none; width: 96%; margin: 0; padding: 15px; height: 250px; }
	.news-home { padding-right: 0; }
	#news-updates a.viewall { bottom: 11px; }
	#food-safety { float: none; width: 96%; margin: 0 auto; }
	#food-safety .q-policy a { float: none; width: 100%; margin: 0 0 15px 0; text-align: center; font-size: 16px; height: auto; }
	
	#bottom-nav { display: none; }
	#designed { float: none; width: 100%; text-align: center; }
	#copyright { text-align: center; }
	#copyright span { display: block; }
	
	/* Inner */
	#banner-inner { display: none; }
	.caption { height: auto; line-height: normal; font-size: 15px; padding: 10px; }
	.content { padding: 10px; }
	.content h1 { display: block; font-size: 20px; }
	.picright, .picleft { float: none; margin: 0 0 15px 0; max-width: 100%; }
	ul.breadcrumb { padding: 15px; }
	.product-container { text-align: center; }
	.product-container li { float: none; display: inline-block; text-align: left; margin: 0 0 10px; vertical-align: top; }
	.product-data { width: 100%; }
	.fsp-close { right: 1em !important; top: 1em !important; }
	.left-content { float: none; width: 100%; }
	.mission-box { float: none; width: 100%; margin: 15px 0 0 0; }
	.infrastructure .cell { display: block; width: 100%; margin-bottom: 15px; }
	.form-div.left, .form-div.right, .pro-right { float: none; width: 100%; }
	.pro-left { display: none; }
	.news { padding: 0; }
}

@media only screen and (min-width: 590px) and (max-width: 768px) and (orientation: landscape) {
}

/* iPad, tablets etc portrait ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	body {}
	.width { width: 100%; }
	#mobileMenu { display: block; }
	header { height: auto; padding: 15px; }
	#logo, #top-right { float: none; display: table-cell; width: 48%; vertical-align: middle; }
	#company-name { text-align: center; margin: 0; }
	#minor-links { display: none; }
	#nav { display: none; }
	#nav ul li.others { display: block; }
	#banner .caption, #banner .width { left:6%; }
	#banner .caption{ width:350px;}
	#banner ul li img { height: auto; }
	#about { padding: 15px; }
	#about .width { width: 100%; }
	#about p { font-size: 14px; line-height: 21px; }
	#product-container { top: 0; margin-bottom: 15px; width: 100%; max-width: 768px; padding: 10px; }
	#product-container .sep { display: none; }
	#product-container .bx-wrapper .bx-prev { left: 10px; } #product-container .bx-wrapper .bx-next { right: 10px; }
	#pro-slides li { width: 384px !important; }
	#news-updates { float: left; width: 48%; margin: 0; padding: 15px; height: 250px; }
	.news-home { padding-right: 0; }
	#news-updates a.viewall { bottom: 11px; }
	#food-safety { float: right; width: 48%; margin-right: 1%; }
	#food-safety .q-policy a { float: none; width: 100%; margin: 0 0 15px 0; text-align: center; font-size: 16px; height: auto; }
	
	#bottom-nav { display: none; }
	#designed { float: none; width: 100%; text-align: center; }
	#copyright { text-align: center; }
	#copyright span { display: block; }
	
	/* Inner */
	#banner-inner { display: none; }
	.caption { height: auto; line-height: normal; font-size: 15px; padding: 10px; }
	.content { padding: 10px; }
	.content h1 { display: block; font-size: 20px; }
	ul.breadcrumb { padding: 15px; }
	.product-container { text-align: center; }
	.product-container li { float: none; display: inline-block; text-align: left; margin: 10px; vertical-align: top; }
	.product-container li.top15 { margin-top: 0; }
	.product-data { width: 100%; }
	.fsp-close { right: 1em !important; top: 1em !important; }
	.left-content { float: left; width: 48%; }
	.mission-box { float: right; width: 48%; margin: 15px 0 0 0; }
	.infrastructure .cell { display: table-cell; width: 33.33%; }
	.pro-left { display: none; }
	.form-div.left { float: left; width: 48%; }
	.form-div.right { float: right; width: 48%; }
}

@media only screen and (min-width: 768px) and (max-width: 900px) and (orientation: landscape) {
}

/* Laptops, Desktops, etc ---- */
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
/*	body:before { content: "Between 1024 and 1200";}*/
#banner ul li img { height: auto; }
}

@media only screen and (min-width: 1200px) and (max-width: 1900px) { }