/* ============================================= Media 480  Responsive Menu================================================  */
@media only screen and (min-width: 769px) and (max-width:1040px)  {
/* ------- Menu -------- */
.top-link {
//display:none !important;
margin:0 !important;
}
#panel, #flip {

	display:none;
}
.top-link-left {
  margin: 0 0 0 25px !important;
}

/* -------End Menu -------- */

}
/* ============================================= Media 480  Responsive Menu================================================  */
@media only screen and (min-width: 669px) and (max-width:768px)  {
/* ------- Menu -------- */
.top-link {
//display:none !important;
margin:0 !important;
}
.top-link-left {
  margin: 0 0 0 25px !important;
}
#panel, #flip {

	display:none;
}
/* -------End Menu -------- */

}


/* ============================================= Media 480  Responsive Menu================================================  */
@media only screen and (min-width: 480px) and (max-width:668px)  {
/* ------- Menu -------- */
.top-link {
display:none !important;
}
#flip {
/* display:block !important;
border: solid 1px #A39495; */
}

#panel, #flip {
/* background-color: #685164; */
color: #fff;
cursor: pointer;
/* margin: 10px auto; */
text-align: center;
/* width: 86%; */
}

#panel {
   // padding: 50px;
    display: none;
	//margin-bottom:5px;
	//margin-top: -3%;
	border-left: solid 1px #A39495;
	border-right: solid 1px #A39495;
	border-bottom: solid 1px #A39495;
}
#panel ul{
margin:0px;
padding:0px;
}
#panel li{
margin:0px;
padding:0px;
list-style:none;
border-bottom: solid 1px #A39495;
}
#panel li a{
margin:0px;
padding:0px;
color:#fff !important;
}
/* -------End Menu -------- */

}
/* ============================================= Media 220  Responsive Menu================================================  */
@media only screen and (min-width: 220px) and (max-width:480px)  {
/* ------- Menu -------- */
.top-link {
display:none !important;
}
#flip {
display:block !important;
/* border: solid 1px #A39495; */
}

#panel, #flip {
/* background-color: #685164; */
color: #fff;
cursor: pointer;
//margin: 16px 25px;
/* margin: 10px auto; */
text-align: center;
/* width: 86%; */
	
}

#panel {
   // padding: 50px;
    display: none;
	//margin-bottom:5px;
	//margin-top: -3%;
	border-left: solid 1px #A39495;
	border-right: solid 1px #A39495;
	border-bottom: solid 1px #A39495;
}
#panel ul{
margin:0px;
padding:0px;
}
#panel li{
margin:0px;
padding:0px;
list-style:none;
border-bottom: solid 1px #A39495;
}
#panel li a{
margin:0px;
padding:0px;
color:#fff !important;
}
/* -------End Menu -------- */


}

/* ============================================= Media 320================================================  */
@media only screen and (min-width: 220px) and (max-width:480px)  {

body{
margin:0px;
padding:0px;
}

img{
max-width:100%;
max-height:100%;

}
.cont-box > p {
padding: 25px 20px 25px;
}
.logo img {
 max-width: 78% !important;
    padding-left: 50px;
}
.site-header {
  background-size: 100% 100% !important;
  height:100% !important;
}
.wrapper {
  margin: auto;
  padding: 0;
  width: 100% !important;
}
.main-bg {
  background: #3e2b25 none repeat scroll 0 0 !important;
  float: left;
  padding-bottom: 2% !important;
  width: 100%;
}
.logo {
//height: 100% !important;
margin: auto !important;
padding: 15px !important;
//width: 100% !important;
max-width:100%;
}

#content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links {
  padding: 0 !important;
}
.left-box {
  background: #8c739b none repeat scroll 0 0;
  float: none !important;
  height: auto !important;
  margin: auto !important;
  width: 90% !important;
}
.left-box > img {
  height: auto !important;
  margin: 0;
}
.right-box {
  background: #5e4855 none repeat scroll 0 0;
  float: none !important;
  height: auto !important;
  margin:10px auto !important;
  padding: 0 !important;
  width: 90% !important;
}
.right-box p {
  color: #ddd2c8;
  font-family: pt sans;
  font-size: 12px !important;
  line-height: 12pt !important;
  margin: 0 !important;
  padding: 5% !important;
  text-align: justify;
}
.footer-main {
  background: #8c739b none repeat scroll 0 0;
  float: left !important;
  height: 100% !important;
  margin: 0;
  width: 100%;
}
.footer-left {
display:none !important;3425

  color: #ede3d9;
  float: none !important;
  margin: auto !important;
  width: 100% !important;
}
.footer-left h5 {
  margin: auto !important;
  padding: 0;
  text-align: center;
}
.footer-left a {
  margin: 1% !important;
  width: auto !important;
}
.footer-center {
  float: left;
  margin: auto;
  padding: 10px 0 0 !important;
  width: 100% !important;
}
.footer-link a {
  color: #dfd5cb !important;
  font-family: pt sans;
  font-size: 14px !important;
  margin: 0 1px !important;
  text-align: center;
}
.footer-link{
margin:5px 0 0 0 !important;
}
.footer-right {
  float: none !important;
  margin: 0;
  text-align: center !important;
  width: 100% !important;
}
.footer-right h5 {
font-size: 17px !important;
font-weight: bold !important;
margin: 1% !important;
text-align: center !important;
}
.footer-right > p {
  font-size: 14px !important;
  margin: 1% !important;
  text-align: center !important;
  float:none !important;
}

.bx-wrapper .bx-controls-direction a {
  height: 70% !important;
  top: 29% !important;
  width: 15% !important;
}
.bx-wrapper .bx-prev {
  left: 2% !important;
}
.bx-wrapper .bx-next {
  right: 0 !important;
}

/* ================================ FACTORY PAGE ==================================== */
.line2 {
  display: none !important;
}
.line1 {
  float: none !important;
  height: 6px !important;
  margin: 0 0 14px !important;
  width: 100% !important;
}
.left-box-fact {
  float: none !important;
  margin: auto !important;
  padding: 0;
  width: 90% !important;
}
.left-box-fact > h5 {
  color: #ddd2c8 !important;
  font-size: 18px !important;
  padding: 10px 0 0 15px !important;
}
.left-box-fact > p {
  font-size: 14px !important;
    line-height: 12pt !important;
}
.right-box-fact {
  background: #8c739b none repeat scroll 0 0;
  float: none !important;
  height: 100% !important;
  margin: 3% auto !important;
  padding: 0 !important;
  width: 90% !important;
}
.main-bg-fact {
  padding-bottom: 2% !important;
}
/* ================================ END FACTORY PAGE ==================================== */

/* ================================ KHOW-HOW PAGE ==================================== */
.line3 {
display:none !important;
}
.main-bg-know-inner-left1 {
  background: #8c739b none repeat scroll 0 0;
  float: none !important;
  margin: auto !important;
  padding: 0;
  width: 90% !important;
}
.main-bg-know-inner-right1 {
  float: none !important;
  margin: 1% auto !important;
  width: 90% !important;
}
.main-bg-know-inner-right1 > h5{
font-size: 18px !important;
padding: 10px 0 0 0px !important;
}
.main-bg-know-inner-right1 > p {
  font-size: 14px !important;
  line-height: 12pt !important;
  margin: 0 !important;
  padding: 7px 20px 3px 15px !important;
}
.main-bg-know-inner-right2 {
  float: none !important;
  margin: 1% auto !important;
  width: 90% !important;
}
.main-bg-know-inner-left2 {
  background: #5e4855 none repeat scroll 0 0;
  float: none !important;
  margin: 1% auto !important;
  padding: 0;
  width: 90% !important;
}
.main-bg-know-inner-left2 > h5{
font-size: 18px !important;
padding: 10px 0 0 0px !important;
}
.main-bg-know-inner-left2 > p{
  font-size: 14px !important;
  line-height: 12pt !important;
  margin: 0 !important;
  padding: 7px 20px 3px 15px !important;
}
.content {
  box-sizing: border-box;
  height: 995px;
  margin: 0 !important;
  overflow: auto;
  padding: 20px;
  position: relative;
  width: 100%;
}
.main-bg-know, .main-bg-know-inner1{
padding-bottom:1% !important;
}
/* ================================ END KHOW-HOW PAGE ==================================== */

/* ================================ CONTACT PAGE ==================================== */
.cont-box {
  background: #5e4855 none repeat scroll 0 0;
  float: none !important;
  margin: 2% auto !important;
  width: 90% !important;
  height:100% !important;
}
.cont-box > p {
  font-size: 14px !important;
  line-height: 12pt !important;
}
.cont-box2 {
  background: #5e4855 none repeat scroll 0 0;
  float: none !important;
  margin: auto !important;
  width: 90% !important;
  height:100% !important;
}
.cont-box2 > h4 {
  font-size: 14px !important;
  padding: 8px 0 1px !important;
}
.cont-box2 > p {
  font-size: 16px !important;
}
.cont-box3 {
  background: #5e4855 none repeat scroll 0 0;
  float: none !important;
  height: auto !important;
  margin: 2% auto !important;
  width: 90% !important;
  height:100% !important;
}
.cont-box3 > p {
  font-size: 14px !important;
  line-height: 12pt !important;
}
.main-bg-cont {
  padding-bottom: 1% !important;
}
.cont-top {
  margin: 5px 0 0 !important;
  width: 100%;
}

/* ================================ END CONTACT PAGE ==================================== */
}


/* ============================================= Media 320================================================  */
@media only screen and (min-width: 480px) and (max-width:668px)  {

body{
margin:0px;
padding:0px;
}

img{
max-width:100%;
max-height:100%;
}
.site-header {
  background-size: 100% 100% !important;
  height:100% !important;
}
.wrapper {
  margin: auto;
  padding: 0;
  width: 100% !important;
}
.main-bg {
  background: #3e2b25 none repeat scroll 0 0 !important;
  float: left;
  padding-bottom: 2% !important;
  width: 100%;
}
.logo {
//height: 100% !important;
margin: auto !important;
padding: 15px !important;
//width: 100% !important;
}

#content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links {
  padding: 0 !important;
}
.left-box {
float: none !important;
height: auto !important;
margin: auto !important;
width: 90% !important;
}
.left-box > img {
  height: auto !important;
  margin: 0;
 }
.right-box {
float: none !important;
height: auto !important;
margin: 10px auto !important;
padding: 0 !important;
width: 90% !important;
}
.right-box p {
font-size: 14px !important;
line-height: 12pt !important;
margin: 0 !important;
padding: 2% !important;
}
.footer-main {
  background: #8c739b none repeat scroll 0 0;
  float: left !important;
  height: 100% !important;
  margin: 0;
  width: 100%;
}
.footer-left {
  color: #ede3d9;
  float: none !important;
  margin: auto !important;
  width: 100% !important;
  padding: 20px 0 0 !important;
}
.footer-left h5 {
  margin: auto !important;
  padding: 0;
  text-align: center;
}
.footer-left a {
  margin: 1% !important;
  width: 23% !important;
  text-align:center !important;
}
.footer-center {
  float: left;
  margin: auto;
  padding: 10px 0 0 !important;
  width: 100% !important;
}
.footer-right {
  float: none !important;
  margin: 0;
  text-align: center !important;
  width: 100% !important;
}
.footer-right h5 {
  margin: 1% !important;
  text-align: center !important;
  font-size:20px !important;
}
.footer-right > p > a {
    float: unset !important;
    text-align: center !important;
}
.footer-right > p {
  color: #ede3d9;
  font-family: pt sans;
  font-size: 17px;
  margin: 1% !important;
  text-align: center !important;
  float:none !important;
}

.bx-wrapper .bx-controls-direction a {
  height: 70% !important;
  top: 29% !important;
  width: 15% !important;
}
.bx-wrapper .bx-prev {
  left: 2% !important;
}
.bx-wrapper .bx-next {
  right: 0 !important;
}

/* ================================ FACTORY PAGE ==================================== */
.line2 {
  display: none !important;
}
.line1 {
  float: none !important;
  height: 6px !important;
  margin: 0 0 14px !important;
  width: 100% !important;
}
.left-box-fact {
  float: none !important;
  margin: auto !important;
  padding: 0;
  width: 90% !important;
}
.left-box-fact > h5 {
  color: #ddd2c8 !important;
  font-size: 18px !important;
  padding: 10px 0 0 15px !important;
}
.left-box-fact > p {
  font-size: 14px !important;
  line-height:12pt !important;
}
.right-box-fact {
  background: #8c739b none repeat scroll 0 0;
  float: none !important;
  height: 100% !important;
  margin: 1% auto !important;
  padding: 0 !important;
  width: 90% !important;
}
.main-bg-fact {
  padding-bottom: 2% !important;
}
/* ================================ END FACTORY PAGE ==================================== */

/* ================================ KHOW-HOW PAGE ==================================== */
.line3 {
display:none !important;
}
.main-bg-know-inner-left1 {
  background: #8c739b none repeat scroll 0 0;
  float: none !important;
  margin: auto !important;
  padding: 0;
  width: 90% !important;
}
.main-bg-know-inner-right1 {
  float: none !important;
  margin: 1% auto !important;
  width: 90% !important;
}
.main-bg-know-inner-right1 > h5{
font-size: 18px !important;
padding: 10px 0 0 0px !important;
}
.main-bg-know-inner-right1 > p {
  font-size: 14px !important;
  line-height: 12pt !important;
  margin: 0 !important;
  padding: 7px 20px 3px 15px !important;
}
.main-bg-know-inner-right2 {
  float: none !important;
  margin: 1% auto !important;
  width: 90% !important;
}
.main-bg-know-inner-left2 {
  background: #5e4855 none repeat scroll 0 0;
  float: none !important;
  margin: 1% auto !important;
  padding: 0;
  width: 90% !important;
}
.main-bg-know-inner-left2 > h5{
font-size: 18px !important;
padding: 10px 0 0 0px !important;
}
.main-bg-know-inner-left2 > p{
  font-size: 14px !important;
  line-height: 12pt !important;
  margin: 0 !important;
  padding: 7px 20px 3px 15px !important;
}
.content {
  box-sizing: border-box;
  height: 995px;
  margin: 0 !important;
  overflow: auto;
  padding: 20px;
  position: relative;
  width: 100%;
}
.main-bg-know, .main-bg-know-inner1{
padding-bottom:1% !important;
}
/* ================================ END KHOW-HOW PAGE ==================================== */

/* ================================ CONTACT PAGE ==================================== */
.cont-box {
  background: #5e4855 none repeat scroll 0 0;
  float: none !important;
  margin: 2% auto !important;
  width: 90% !important;
  height:100% !important;
}
.cont-box > p {
  font-size: 14px !important;
  line-height: 12pt !important;
}
.cont-box2 {
  background: #5e4855 none repeat scroll 0 0;
  float: none !important;
  margin: auto !important;
  width: 90% !important;
  height:100% !important;
}
.cont-box2 > h4 {
  font-size: 18px !important;
  padding: 8px 0 1px !important;
}
.cont-box2 > p {
  font-size: 14px !important;
}
.cont-box3 {
  background: #5e4855 none repeat scroll 0 0;
  float: none !important;
  height: auto !important;
  margin: 2% auto !important;
  width: 90% !important;
  height:100% !important;
}
.cont-box3 > p {
  font-size: 18px !important;
  line-height: 12pt !important;
  font-size:14px !important;
}
.main-bg-cont {
  padding-bottom: 1% !important;
}
.cont-top {
  margin: 5px 0 0 !important;
  width: 100%;
}
/* ================================ END CONTACT PAGE ==================================== */
}

/* ============================================= Media 668================================================  */
@media only screen and (min-width: 768px) and (max-width:1300px)  {

body{
margin:0px;
padding:0px;
}

img{
max-width:100%;
max-height:100%;
}
.site-header {
  background-size: 100% 100% !important;
  height:100% !important;
}
.wrapper {
  margin: auto;
  padding: 0;
  width: 100% !important;
}
.main-bg {
  background: #3e2b25 none repeat scroll 0 0 !important;
  float: left;
  padding-bottom: 2% !important;
  width: 100%;
}
.logo {
height: 100% !important;
margin: 0 !important;
padding: 15px !important;
width: 100% !important;
text-align:center !important;
}

#content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links {
  padding: 0 !important;
}
.left-box {
  background: #8c739b none repeat scroll 0 0;
  float: left !important;
  height: auto !important;
  margin: 2% !important;
  width: 45% !important;
}
.left-box > img {
  height: auto !important;
  margin: 0;
}
.right-box {
  background: #5e4855 none repeat scroll 0 0;
  float: right !important;
  height: auto !important;
  margin:2% !important;
  padding: 0 !important;
  width: 45% !important;
}
.right-box p {
color: #ddd2c8;
font-family: pt sans;
font-size: 14px !important;
line-height: 14pt !important;
margin: 0 !important;
padding: 2% !important;
}
.footer-main {
  background: #8c739b none repeat scroll 0 0;
  float: left !important;
  height: 100% !important;
  margin: 0;
  width: 100%;
}
.footer-left {
float: left !important;
margin-left:2% !important;
width: 22% !important;
}
/* .footer-left h5 {
  margin: auto !important;
  padding-top: 20px !important;;
  text-align: center;
}
.footer-left a {
  margin: 1% !important;
  width: 23% !important;
  text-align:center !important;
} */
.footer-center {
/*   float: left;
  margin: auto;
  padding: 10px 0 0 !important; */
  width: 50% !important;
}
.footer-link {
  margin: 10px 0 !important;
}
.footer-right {
float: right !important;
margin-right: 2% !important;
width: 22% !important;
}
.footer-right h5 {
  font-size: 18px !important;
  font-weight: bold !important;
}
.footer-right > p {
  font-size: 15px !important;
}
.footer-left h5 {
  font-size: 18px !important;
  font-weight: bold !important;
}
.footer-left a {
  font-size: 15px !important;
  width:100%;
}
/* .footer-right h5 {
  margin: 1% !important;
  text-align: center !important;
}
.footer-right > p {
  color: #ede3d9;
  font-family: pt sans;
  font-size: 17px;
  margin: 1% !important;
  text-align: center !important;
  float:none !important;
} */

.bx-wrapper .bx-controls-direction a {
  height: 70% !important;
  top: 29% !important;
  width: 15% !important;
}
.bx-wrapper .bx-prev {
  left: 2% !important;
}
.bx-wrapper .bx-next {
  right: 0 !important;
}

/* ================================ FACTORY PAGE ==================================== */
.line2 {
  display: none !important;
}
.line1 {
  float: none !important;
  height: 6px !important;
  margin: 0 0 14px !important;
  width: 100% !important;
}
.left-box-fact {
  float: left !important;
  margin: 2% !important;
  padding: 0;
  width: 45% !important;
}
.left-box-fact > h5 {
  color: #ddd2c8 !important;
  font-size: 20px !important;
  padding: 10px 0 0 15px !important;
}
.left-box-fact > p {
  font-size: 14px !important;
}
.right-box-fact {
  background: #8c739b none repeat scroll 0 0;
  float: right !important;
  height: 100% !important;
  margin: 2% !important;
  padding: 0 !important;
  width: 45% !important;
}
.main-bg-fact {
  padding-bottom: 2% !important;
}
/* ================================ END FACTORY PAGE ==================================== */

/* ================================ KHOW-HOW PAGE ==================================== */
.line3 {
display:none !important;
}
.main-bg-know-inner-left1 {
  background: #8c739b none repeat scroll 0 0;
  float: left !important;
  margin: 2% !important;
  padding: 0;
  width: 45% !important;
}
.main-bg-know-inner-right1 {
  float: right !important;
  margin: 2% !important;
  width: 45% !important;
}
.main-bg-know-inner-right1 > h5{
font-size: 20px !important;
padding: 10px 0 0 0px !important;
}
.main-bg-know-inner-right1 > p {
  font-size: 15px !important;
  line-height: 14pt !important;
  margin: 0 !important;
  padding: 7px 20px 3px 15px !important;
}
.main-bg-know-inner-right2 {
  float: right !important;
  margin: 2% !important;
  width: 45% !important;
}
.main-bg-know-inner-left2 {
  background: #5e4855 none repeat scroll 0 0;
  float: left !important;
  margin: 2% !important;
  padding: 0;
  width: 45% !important;
}
.main-bg-know-inner-left2 > h5{
font-size: 20px !important;
padding: 10px 0 0 0px !important;
}
.main-bg-know-inner-left2 > p{
  font-size: 15px !important;
  line-height: 14pt !important;
  margin: 0 !important;
  padding: 7px 20px 3px 15px !important;
}
.content {
  box-sizing: border-box;
  height: 900px !important;
  margin: 0 !important;
  overflow: auto;
  padding: 20px;
  position: relative;
  width: 100%;
}
.main-bg-know, .main-bg-know-inner1{
padding-bottom:1% !important;
}
/* ================================ END KHOW-HOW PAGE ==================================== */

/* ================================ CONTACT PAGE ==================================== */
.cont-box {
  background: #5e4855 none repeat scroll 0 0;
  float: left !important;
  margin: 1% !important;
  width: 30% !important;
  height:100% !important;
}
.cont-box > p {
  font-size: 15px !important;
  line-height: 14pt !important;
}
.cont-box2 {
  background: #5e4855 none repeat scroll 0 0;
  float: left !important;
  margin: 1% !important;
  width: 30% !important;
  height:100% !important;
}
.cont-box2 > h4 {
  font-size: 16px !important;
  padding: 8px 0 1px !important;
}
.cont-box2 > p {
  font-size: 15px !important;
}
.cont-box3 {
  background: #5e4855 none repeat scroll 0 0;
  float: left !important;
  height: auto !important;
  margin: 1% !important;
  width: 30% !important;
  height:100% !important;
}
.cont-box3 > p {
  font-size: 15px !important;
  line-height: 14pt !important;
}
.main-bg-cont {
  padding-bottom: 1% !important;
}
.cont-top {
  margin: 5px 0 0 !important;
  width: 100%;
}
.footer-center {
  position: unset !important;
  float:left;
  
  }
  .head-fix .wrapper {
  max-width: 100% !important;
  
}
.footer-main .wrapper {
  
  width: auto !important;
  max-width:100% !important;
}
/* ================================ END CONTACT PAGE ==================================== */
}

/* ============================================= Media 668================================================  */
@media only screen and (min-width: 668px) and (max-width:767px)  {

body{
margin:0px;
padding:0px;
}

img{
max-width:100%;
max-height:100%;
}
.site-header {
  background-size: 100% 100% !important;
  height:100% !important;
}
.wrapper {
  margin: auto;
  padding: 0;
  width: 100% !important;
}
.main-bg {
  background: #3e2b25 none repeat scroll 0 0 !important;
  float: left;
  padding-bottom: 2% !important;
  width: 100%;
}
.logo {
height: 100% !important;
margin: 0 !important;
padding: 15px !important;
width: 100% !important;
text-align:center !important;
}

#content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links {
  padding: 0 !important;
}
.left-box {
float: left !important;
height: auto !important;
margin: 2% !important;
width: 45% !important;
}
.left-box > img {
  height: auto !important;
  margin: 0;
}
.right-box {
background: #5e4855 none repeat scroll 0 0;
float: right !important;
height: auto !important;
margin: 2% !important;
padding: 0 !important;
width: 45% !important;
}
.right-box p {
font-size: 15px !important;
line-height: 13pt !important;
margin: 0 !important;
padding: 2% !important;
}
.footer-main {
  background: #8c739b none repeat scroll 0 0;
  float: left !important;
  height: 100% !important;
  margin: 0;
  width: 100%;
}
.footer-left {
  color: #ede3d9;
  float: none !important;
  margin: auto !important;
  width: 100% !important;
}
.footer-left h5 {
  margin: auto !important;
  padding: 0;
  text-align: center;
}
.footer-left a {
  margin: 1% !important;
  width: 23% !important;
  text-align:center !important;
}
.footer-center {
  float: left;
  margin: auto;
  padding: 10px 0 0 !important;
  width: 100% !important;
}
.footer-right {
  float: none !important;
  margin: 0;
  text-align: center !important;
  width: 100% !important;
}
.footer-right h5 {
  margin: 1% !important;
  text-align: center !important;
}

.footer-right > p {
  color: #ede3d9;
  font-family: pt sans;
  font-size: 17px;
  margin: 1% !important;
  text-align: center !important;
  float:none !important;
}

.bx-wrapper .bx-controls-direction a {
  height: 70% !important;
  top: 29% !important;
  width: 15% !important;
}
.bx-wrapper .bx-prev {
  left: 2% !important;
}
.bx-wrapper .bx-next {
  right: 0 !important;
}

/* ================================ FACTORY PAGE ==================================== */
.line2 {
  display: none !important;
}
.line1 {
  float: none !important;
  height: 6px !important;
  margin: 0 0 14px !important;
  width: 100% !important;
}
.left-box-fact {
  float: none !important;
  margin: auto !important;
  padding: 0;
  width: 90% !important;
}
.left-box-fact > h5 {
  color: #ddd2c8 !important;
  font-size: 20px !important;
  padding: 10px 0 0 15px !important;
}
.left-box-fact > p {
  font-size: 16px !important;
  line-height:14pt !important;
}
.right-box-fact {
  background: #8c739b none repeat scroll 0 0;
  float: none !important;
  height: 100% !important;
  margin: 1% auto !important;
  padding: 0 !important;
  width: 90% !important;
}
.main-bg-fact {
  padding-bottom: 2% !important;
}
/* ================================ END FACTORY PAGE ==================================== */

/* ================================ KHOW-HOW PAGE ==================================== */
.line3 {
display:none !important;
}
.main-bg-know-inner-left1 {
  background: #8c739b none repeat scroll 0 0;
  float: none !important;
  margin: auto !important;
  padding: 0;
  width: 90% !important;
}
.main-bg-know-inner-right1 {
  float: none !important;
  margin: 1% auto !important;
  width: 90% !important;
}
.main-bg-know-inner-right1 > h5{
font-size: 20px !important;
padding: 10px 0 0 0px !important;
}
.main-bg-know-inner-right1 > p {
  font-size: 16px !important;
  line-height: 14pt !important;
  margin: 0 !important;
  padding: 7px 20px 3px 15px !important;
}
.main-bg-know-inner-right2 {
  float: none !important;
  margin: 1% auto !important;
  width: 90% !important;
}
.main-bg-know-inner-left2 {
  background: #5e4855 none repeat scroll 0 0;
  float: none !important;
  margin: 1% auto !important;
  padding: 0;
  width: 90% !important;
}
.main-bg-know-inner-left2 > h5{
font-size: 20px !important;
padding: 10px 0 0 0px !important;
}
.main-bg-know-inner-left2 > p{
  font-size: 16px !important;
  line-height: 14pt !important;
  margin: 0 !important;
  padding: 7px 20px 3px 15px !important;
}
.content {
  box-sizing: border-box;
  height: 995px;
  margin: 0 !important;
  overflow: auto;
  padding: 20px;
  position: relative;
  width: 100%;
}
.main-bg-know, .main-bg-know-inner1{
padding-bottom:1% !important;
}
/* ================================ END KHOW-HOW PAGE ==================================== */

/* ================================ CONTACT PAGE ==================================== */
.cont-box {
  background: #5e4855 none repeat scroll 0 0;
  float: none !important;
  margin: 2% auto !important;
  width: 90% !important;
  height:100% !important;
}
.cont-box > p {
  font-size: 16px !important;
  line-height: 14pt !important;
}
.cont-box2 {
  background: #5e4855 none repeat scroll 0 0;
  float: none !important;
  margin: auto !important;
  width: 90% !important;
  height:100% !important;
}
.cont-box2 > h4 {
  font-size: 17px !important;
  padding: 8px 0 1px !important;
}
.cont-box2 > p {
  font-size: 16px !important;
}
.cont-box3 {
  background: #5e4855 none repeat scroll 0 0;
  float: none !important;
  height: auto !important;
  margin: 2% auto !important;
  width: 90% !important;
  height:100% !important;
}
.cont-box3 > p {
  font-size: 16px !important;
  line-height: 14pt !important;
}
.main-bg-cont {
  padding-bottom: 1% !important;
}
.cont-top {
  margin: 5px 0 0 !important;
  width: 100%;
}
/* ================================ END CONTACT PAGE ==================================== */
}

@media only screen and (min-width: 490px) and (max-width:667px)  {
.left-box {
  float: none !important;
  height: auto !important;
  margin: auto !important;
  width: 65% !important;
}
.right-box {
  float: none !important;
  height: auto !important;
  margin: 10px auto !important;
  padding: 0 !important;
  width: 65% !important;
}


}

@media only screen and (min-width: 625px) and (max-width:768px)  {

.left-box-fact {
  width: 60% !important;
  margin:auto !important;
  float:none !important;
}
.right-box-fact {
  width: 60% !important;
  margin:10px auto !important;
  float:none !important;
}
}

@media only screen and (min-width: 585px) and (max-width:767px)  {
.main-bg-know-inner-left1 {
  width: 65% !important;
}
.main-bg-know-inner-right1 {
  width: 65% !important;
}
.main-bg-know-inner-left2{
  width: 65% !important;
}
.main-bg-know-inner-right2{
  width: 65% !important;
}

}





/* reponsive for slider */
@media only screen and (min-width: 401px) and (max-width:768px)  
{
	.sliders .ls-l.ls-preloaded{
  top: 12% !important;
}
.footer-right > p > a {
    color: #ffe0aa;
    float: none;
    font-family: pt sans;
    font-size: 16px;
    margin: 0;
    text-align: center;
}
}


@media only screen and (min-width: 240px) and (max-width:767px)  
{
.sliders .ls-l.s-3.ls-preloaded {
  top: 3% !important;
}
.sliders .ls-l.s-4.ls-preloaded {
  top: -1% !important;
}
/* .ls-inner {
  height: auto !important;
} */
  .head-fix .wrapper {
  max-width: 100% !important;
  
}
#sourcetxt {
  display: none;
}
#sourceimg {
  display: none;
}
.main-bg-know-inner div:first-child {
  margin-bottom: 12px !important;
}
}
@media only screen and (min-width: 240px) and (max-width:400px)  
{
	.sliders .ls-l.ls-preloaded {
  top: 25% !important;
}
}

@media only screen and (min-width: 768px) and (max-width:1024px)  
{
.sliders .ls-l.ls-preloaded{
  top: 18% !important;
}
}



@media only screen and (min-width: 240px) and (max-width:480px)
{
	.ls-wp-container.ls-container.ls-borderlessdark3d {
  height: 142px !important;
}
}

@media only screen and (min-width: 481px) and (max-width:568px)
{
	.ls-wp-container.ls-container.ls-borderlessdark3d {
  height: 200px !important;
}
}
@media only screen and (min-width: 569px) and (max-width:600px)
{
	.ls-wp-container.ls-container.ls-borderlessdark3d {
  height: 230px !important;
}
}

@media only screen and (min-width: 601px) and (max-width:700px)
{
	.ls-wp-container.ls-container.ls-borderlessdark3d {
  height: 260px !important;
}
}

@media only screen and (min-width: 701px) and (max-width:800px)
{
	.ls-wp-container.ls-container.ls-borderlessdark3d {
  height: 300px !important;
}
}

@media only screen and (min-width: 801px) and (max-width:900px)
{
	.ls-wp-container.ls-container.ls-borderlessdark3d {
  height: 350px !important;
}
}

@media only screen and (min-width: 901px) and (max-width:1025px)
{
	.ls-wp-container.ls-container.ls-borderlessdark3d {
  height: 350px !important;
}
}

@media only screen and (min-width: 240px) and (max-width:1025px)
{
.sliders.home {
  padding-bottom: 40px;
}
.footer-main .wrapper {
 
  width: auto !important;
  max-width: 100% !important;
}
.footer-center {
  position: initial !important;
 }
 .facto-top {
  margin: 5px auto auto !important;
  padding: 0;
  width: 94% !important;
}
}


@media only screen and (min-width: 240px) and (max-width:668px)  
{
	.site-header {
  height: 100px !important;
  
}
}

@media only screen and (min-width: 220px) and (max-width:360px)  
{
	.fixed-header #flip {
  left: 18px !important;
}
.right-menu {
  right: 20px !important;
}
.fixed-header #panel {
  left: 17px !important;
}
}




@media only screen and (min-width: 667px) and (max-width:1040px)  
{
.top-link-right a {
  margin-left: 0 !important;
  margin-right: 30px !important;
}
}

@media only screen and (min-width:768px)  
{
	#get-text
	{
		display:none;
	}
	#get-image
	{
		display:none;
	}
}




@media only screen and (min-width: 667px) and (max-width:1300px)  
{
	.head-fix .wrapper {
  width: 94% !important;
  max-width:94% !important;
}
}




.main-bg-know-inner > p {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
@media only screen and (min-width: 230px) and (max-width:480px) {

.footer-right > p > a {
    float: none !important;
}
}
.lang {
    z-index: 99999 !important;
    position: relative !important;
}
.cont-box > p {
padding: 35px 20px !important;
}

/* 11/11/2015*/
.res_pob {
  height: 214px !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {

.res_pob {
  height: 201px !important;
}
}

body {
	overflow:hidden;
}

@media only screen and (min-width: 669px) and (max-width:1040px)  {
	.header-main {
		background-size: auto 100% !important;
		height: auto !important;
	}
	.head-fix {
		height: auto !important;
		margin-bottom: 41px !important;
	}
	.site-header {
		height: auto !important;
		overflow: hidden !important;
	}
}