@media (max-width:1366px){
	.page-four{padding-top:30px;}
}

@media (max-width:1200px){
	.container,
	.container-fluid{width: 970px;}

	.Logo{width: auto; height: 56px; margin-top: 6px;}
	.nameLogo{line-height: 0.4em; margin-top: 14px;}
	.fontEN-logo{font-size: 26px;}
	.fontTH-logo{font-size: 20px;}
	.navbar-default{height: 70px; margin-bottom: 0;}
	nav ul li a{height: 70px; padding: 22px 16px; font-size: 20px; line-height: inherit;}
	ul li a.change-language{height: 70px; padding: 22px 10px;}

	.whead-title{font-size: 40px;}
	.whead-btn .btn{margin-top: 0;}

	.contact-footer{margin-top: 0;}
	.contact-footer .flex-container{display: inline-block; width: 100%; text-align: center;}
	.address-footer{line-height: 1em;}
	.contact-footer .tel-footer{width: 100%; text-align: center; margin-top: -4px;}
	.contact-footer .breaks-sec{display: none;}
	.contact-footer a{display: inline-block; margin-top: 10px;}
	.bg-footer{height: 80px;}
	.logo-footer{height: 60px;}
	.contact-foo > div{height: 60px;}

	.mainpage-slide{height: auto;}
	.fp-section,
	.fp-tableCell{height: auto !important;}
	.content{margin-top: 0;}

	.content-inner{margin-top: 70px;}
	.default-head{height: 200px;}

	.main-one{margin-top: 68px;}
	.top-graphic .thumb-bg{height: auto; padding-top: 55%;}
	.top-graphic-nav .container{position: relative;}
	.top-graphic-nav .block{width: 100%; padding: 0 15px;}
	.top-graphic-nav .slick-current .list-thumb{width: 80px; height: 80px;}
	.top-graphic-nav .list-thumb{width: 60px; height: 60px;}
	.top-graphic-nav .slick-slide{padding: 10px 5px;}
	.top-graphic-nav .slick-slide.slick-current{padding: 0 5px;}
	.block1-sec1{height: 80px;}
	.slick-current .block1-sec1{height: 100px;}

	.page-two{padding: 40px 0;}
	.head-block-sec2{margin-top: 0; font-size: 40px; margin-bottom: 40px;}
	.block-content-sec2 .txt-conten-sec2{font-size: 20px;}
	.block-years .text-inblock-years{width: 120px; font-size: 100px;}
	.block-years{width: 120px; height: 100px; line-height: 100px;}
	.block-textleft-years .text-years-ex{font-size: 56px;}
	.block-textleft-years{padding-top: 15px;}

	.page-three{padding: 40px 0; background-position: center 0;}
	.head-block-sec3{margin-top: 0; font-size: 40px; margin-bottom: 40px;}
	.block-right-sec3 .block-content-sec3{width: 480px;}
	.block-right-sec3 .block-content-sec3 .txt-content-sec3{font-size: 20px;}
	.btn-viewall-sec3,
	.btn-next-sec3{margin-top: -4px;}
	.block-left-sec3{margin-top: 0;}
	.block-right-sec3{margin-top: 55px; margin-left: 90px; width: 520px;}
	.slider-fx,
	.block-right-sec3 .ic-sec3{margin-top: 0;}
	.block-right-sec3 .text-ictop-sec3{margin-top: 5px;}
	.page-three-header .page-three-btn{float: right;}

	.page-four{padding: 40px 0;}
	.head-block-sec4{margin-top: 0; font-size: 40px; margin-bottom: 40px;}
	.head-left-sec4{margin-top: 0; line-height: 1em; font-size: 30px;}
	.content-left-sec4 .txt-content-sec4{font-size: 20px;}
	.btn-sec4,
	.btn-plus-sec4{margin-top: 0;}
	.content-left-sec4{height: auto; margin-bottom: 30px;}
	.block-top-1{margin-left: -90px;}

	.page-five{padding: 40px 0;}
	.head-block-sec5{margin-top: 0; font-size: 40px; margin-bottom: 40px;}
	.page-five .img-csr{display: none;}
	.head-block-content-sec5{margin-top: 0;}
	.content-block-sec5{height: auto; margin-bottom: 30px;}
	.btn-sec5,
	.btn-plus-sec5{margin-top: 0;}
	.page-five .slick-track .flex-container{display: table; width: 100%;}
	.page-five .slick-track .flex-container > div{display: table-cell; vertical-align: top;}
	a.block-news .content-news{width: auto;}
	.boxs-news-image{width: 180px;}
	.boxs-news-image .image{padding-bottom: 82%;}

	.about-doc-type, 
	.about-doc-download{width: 130px;}
	.about-doc-link{width: 220px;}

	.floating-box-products .img-box-products{max-width: inherit; padding-bottom: 75%;}
	/*.product-right{width: 640px;}*/
	.img-products-list{width: 100%; height: auto;}
	.block-products-detail{width: 480px; height: auto;}
	.block-products-detail .box-detail-products{width: 100%;}
	.img-frame .box-allimg-frame,
	.img-frame{width: 100%;}
	.product-doc-type, 
	.product-doc-download{width: 130px;}
	.product-doc-link{width: 220px;}

	.box-csr-news{height: auto !important;}

	.address-box-left,
	.address-box-center,
	.address-box-right{width: 100%; height: auto; padding: 0;}
	.contact-head,
	.contact-head > div{display: inline-block; width: 100%;}
	.address-box-center{border:none; margin: 30px 0;}

	.block-left-sec3{height: 475px;}

	.txt-map{font-size: 36px;}
	.graphicmap-btn{display: none !important;}
	.graphicmap-btn.showmobile{display: block !important; position: relative; width: 100%; margin-top: 20px;}
	.map{height: auto;}
	button.btn-map{position: relative; width: 100%; margin-left: 0;}
	.graphicmap-btn > .flex-item{width: 50%;}

	.widget-news .list-title{max-height: 2em; overflow: hidden;}

	/*.container-fluid{width: 100%;}*/

	.product-right{width: 640px;}
	.product-filter{width: 640px;}

	.floating-box-products a{display: block; margin: 0 15px; text-align: center;}
	.floating-box-products .box-products-btn{display: inline-block;}



	.slide-news-csr .img-slide-csr{width: 520px; height: auto;}
	.news-head{margin-bottom: 40px;}
}

@media (max-width:992px){
	.container{width: 760px;}

	.container,
	.container-fluid{width: 760px;}

	.navbar-default{height: 60px; margin-bottom: 0;}
	nav ul li a{height: 60px; padding: 18px 10px; font-size: 18px;}
	ul li a.change-language{height: 60px; width: auto; padding: 17px 10px;}
	ul li a.change-language .img-Luge{margin-left: 0;}
	.Logo{height: 45px;}

	.bg-footer{height: auto;}
	.footer-logo{text-align: center;}
	.contact-foo{float: left; width: 100%; display: block; text-align: center;}
	.contact-foo > div{width: auto; display: block; height: auto;}
	.contact-foo-txt{text-align: center; margin-top: 5px;}
	.contact-foo-social{text-align: center;}
	.contact-foo-social a{display: inline-block; margin: 0 3px !important;}

	.top-graphic .thumb-bg{padding-top: 53%;}
	.top-graphic-nav .block{position: relative;}
	.top-graphic-nav .slick-slide{padding: 0 5px;}
	.top-graphic-nav .list-wrapper{display: block; width: 100%;}
	.top-graphic-nav .list-wrapper > div{display: block; width: auto;}
	.top-graphic-nav .list-thumb,
	.top-graphic-nav .slick-current .list-thumb{width: 100%; height: 60px; text-align: center; margin-bottom: 10px;}
	.top-graphic-nav .list-inner{padding-left: 0;}
	.slick-current .block1-sec1,
	.block1-sec1{height: auto;}
	.top-graphic-nav .slick-slide .fa{display: none;}
	.top-graphic-nav .list-thumb .thumb-bg{width: 60px; height: 60px; padding-top: 0; margin: 0 auto;}
	.top-graphic-nav .list-inner,
	.top-graphic-nav .slick-current .list-inner{font-size: 28px; line-height: 1em;}
	.top-graphic-nav .block{padding: 0;}

	.widget-product .owl-item .list-wrapper,
	.widget-product .owl-item.center .list-wrapper{margin: 0;}
	.widget-product .owl-item .list-thumb{margin-top: 0;}
	.widget-product .owl-item .list-thumb .thumb-bg,
	.widget-product .owl-item.center .list-thumb .thumb-bg{width: 100%;}
	.widget-product .owl-item .list-title{font-size: 36px;}
	.widget-product .owl-item .list-desc{font-size: 24px;}
	.widget-product .list-thumb .thumb-bg,
	.widget-product .owl-item.center .list-thumb .thumb-bg{height: auto; padding-top: 70%;}

	/*.container,
	.container-fluid{width: 100%;}

	.Logo{width: auto; height: 40px;}
	.nameLogo{line-height: 0.4em; margin-top: 10px;}
	.fontEN-logo{font-size: 24px;}
	.fontTH-logo{font-size: 18px;}
	.navbar-default{height: 58px;}

	.bg-header .row{margin: 0 -10px;}
	.bg-header .row > div{padding: 0 10px;}
	.bg-header .container,
	.bg-header .container-fluid{padding: 0 10px;}

	.bg-header .row > div{position: static;}
	.site-header-navmobile{display: block;}
	nav ul{display: none;}*/

	.content-inner{margin-top: 58px; margin-bottom: 30px;}
	.default-head{height: 180px; margin-bottom: 0;}

	.main-one{margin-top: 58px;}

	.block-content-sec2{width: 100%;}

	.block-left-sec3{display: none;}
	.block-right-sec3{margin-left: 0; width: 100%; height: auto; margin-top: 0;}
	.block-right-sec3 .block-content-sec3{width: 100%;}

	.content-left-sec4{width: 100%;}
	.page-four .content > .flex-container{display: inline-block; width: 100%;}
	.block-top-1{margin-left: 0; margin-top: 40px;}
	.block-top-2,
	.block-top-3{margin-top: 40px;}
	.block-center-1{margin-left: 0;}

	.wg-news-main{position: relative;}
	.wg-news-list{width: 100%;}
	.wg-news-block2{padding-right: 0;}
	.wg-news-block3 .wg-news-list{margin-top: 0;}
	.wg-news-block3 .wg-news-info{padding-top: 0;}
	.wg-news-block4 .wg-news-list{margin: 0;}
	.wg-news-sub{width: 100%;}
	.wg-news-block1 .wg-news-image:after,
	.wg-news-block3 .wg-news-info:after{display: none;}
	.wg-news-info{width: auto !important;}
	.wg-news-image{width: 150px !important;}
	.wg-news-block3 .wg-news-info{background-color: #676767;}
	.wg-news-block3 .wg-news-info .wrap{height: auto;}
	.btn-block-gray,
	.btn-block-red{position: relative; float: left; margin-left: 15px;}
	.wg-news-list{margin-top: 10px !important;}
	.wg-news-sub{margin-top: 30px;}
	.wg-news-des{padding-bottom: 15px;}

	.hr-about{margin-bottom: 30px;}
	.header-about,
	.about-ul{font-size: 19px;}
	.dot-about{margin-top: 26px;}
	.slidebar-about{display: none;}
	.flex-item.m-left{margin-left: 0;}
	.slidebar-about-mobile{display: block;}
	.about-page,
	.about-page .slidebar-about-mobile
	.about-page .m-left{display: inline-block; width: 100%;}

	.product-left{display: none;}
	.product-right{width: 100%;}
	.prodetail-info,
	.prodetail-info > div{/*display: inline-block; width: 100%;*/}
	.img-products-list{width: 100%; margin-right: 0;}
	.block-products-detail{width: 100%; margin-top: 20px;}

	.product-page,
	.product-page > div{display: inline-block; width: 100%;}
	.product-page div.product-left{display: none;}

	.lac-head-info{float: left; margin-top: -20px;}
	.lac-head-info .ic-date-detail{margin-left: 0;}

	.news-slide-item,
	.news-slide-item > div{display: inline-block; width: 100%;}
	.slide-news-csr .img-slide-csr{width: 100%; height: auto;}

	.contact-map-btn{float: left;}
	.head-contact{margin-bottom: 30px;}
	.btn-gg-map{margin-left: 0;}

	.slidebar-about-mobile{margin-bottom: 20px;}

	.product-filter{width: 100%;}
	.slidebar-product-mobile{margin-bottom: 20px;}
	.hr-products{margin-bottom: 20px;}

	.img-frame .head-img-frame{font-size: 30px;}
	.block-products-detail{margin-top: 30px;}
	.block-products-detail .hr-right{margin-top: 5px; margin-bottom: 20px;}
	.block-products-detail .head-detail-product{font-size: 30px;}

	.txt-head-detail{margin-top: 5px;}
	.lac-head-info{margin-top: 0;}
}

@media (max-width:800px){
	.mainpage-slide{height: 400px;}
}

@media (max-width:767px){
	.container{width: 100%;}

	.container,
	.container-fluid{width: 100%;}

	.Logo{width: auto; height: 38px;}
	.nameLogo{line-height: 0.4em; margin-top: 10px;}
	.fontEN-logo{font-size: 24px;}
	.fontTH-logo{font-size: 18px;}
	.navbar-default{height: 50px;}

	.bg-header .row{margin: 0 -10px;}
	.bg-header .row > div{padding: 0 10px;}
	.bg-header .container,
	.bg-header .container-fluid{padding: 0 10px;}

	.bg-header .row > div{position: static;}
	.site-header-navmobile{display: block;}
	.site-header nav ul li{display: none;}
	.site-header nav ul li:last-child{display: block; padding: 0 10px 0 0; position: absolute; top: 12px; right: 50px;}
	.site-header ul li a.change-language{height: auto; padding: 0;}

	ul li a.change-language .img-Luge{height: 22px;}

	.site-header-navmobile{border:none; height: auto;}
	.bg-header{height: auto;}

	.whead{margin-bottom: 30px;}
	.whead-title{font-size: 32px;}
	.whead-title:before{width: 40px;}

	.wfoo .btn{position: relative; width: 100%;}
	.wfoo .btn-txt{float: none; display: block; margin-right: 46px;}
	.wfoo .btn-icon{position: absolute; top: 0; right: 0;}


	.top-graphic-nav .block{bottom: 0; width: auto; margin: 0 -5px; margin-top: 15px;}
	.top-graphic-nav .list-thumb,
	.top-graphic-nav .slick-current .list-thumb{height: auto;}
	.top-graphic-nav .list-thumb .thumb-bg{width: 40px; height: 40px;}
	.top-graphic-nav .list-inner,
	.top-graphic-nav .slick-current .list-inner{font-size: 24px;}




	.default-head{height: 140px;}

	.main-one{margin-top: 50px;}

	.page-two{padding: 25px 0;}
	.head-block-sec2{margin-bottom: 30px;}
	.block-years .text-inblock-years{width: 80px; font-size: 70px;}
	.block-years{width: 80px; height: 70px; line-height: 70px;}
	.block-textleft-years .text-years-ex{font-size: 38px;}
	.block-textleft-years{padding-top: 12px; margin-left: 15px;}
	.widget-about-header .col:first-child{width: 75px;}
	.widget-about-header h3{font-size: 100px;}
	.widget-about-header h4{font-size: 40px;}
	.widget-about .list-desc{font-size: 22px;}
	.widget-about .list-desc{margin-bottom: 30px;}

	.page-three{padding: 25px 0; background: none;}
	.head-block-sec3{margin-bottom: 20px;}
	.page-three-header .page-three-btn{float: left; margin-bottom: 30px;}
	.btn-viewall-sec3, .btn-next-sec3{margin-left: 0; margin-right: 3px;}
	.block-right-sec3 .text-ictop-sec3{line-height: 1em; font-size: 30px; margin-top: 0;}
	.block-right-sec3 .text-icbottom-sec3{line-height: 1em; font-size: 26px; margin-top: 0;}
	.widget-product .owl-item .list-thumb .thumb-bg, 
	.widget-product .owl-item.center .list-thumb .thumb-bg{width: 100%; height: auto; padding-top: 64%;}

	.page-four{padding: 25px 0;}
	.widget-know-header{padding: 15px; font-size: 22px;}

	.widget-news .row > div:first-child .list-wrapper{height: auto;}
	.widget-news .row > div:first-child .list-thumb .thumb-bg{height: auto; padding-top: 60%;}

	.page-five{padding: 25px 0;}
	.content-block-sec5{width: 100%;}

	.about-doc .table-head{display: none;}
	.about-doc .table-row{text-align: center; padding-top: 15px;}
	.about-doc .table-row,
	.about-doc .table-row > div{display: inline-block; width: 100%;}
	.about-doc .table-row > div.about-doc-name{padding-right: 5px;}
	.about-doc .table-row > div.about-doc-type{padding-left: 5px;}
	.about-doc .table-row > div.about-doc-name,
	.about-doc .table-row > div.about-doc-type{display: inline; width: auto;}
	.about-doc-name{text-align: center; color: #b71b0f;}
	.about-doc-link .doc-label{text-align: left;}
	.about-doc-download:before{display: inline-block; padding-right: 10px;}
	.about-doc .table-col{padding-top: 0px; padding-bottom: 10px;}
	.about-doc-link{margin-top: 5px;}
	.about-doc-head{font-size: 30px;}

	.img-products-list{margin-top: 0;}
	.block-clip{margin: 30px auto;}
	.product-doc{margin-top: 30px; float: left; width: 100%;}
	.product-doc .table-head{display: none;}
	.product-doc .table-row{text-align: center; padding-top: 15px;}
	.product-doc .table-row,
	.product-doc .table-row > div{display: inline-block; width: 100%;}
	.product-doc .table-row > div.product-doc-name{padding-right: 5px;}
	.product-doc .table-row > div.product-doc-type{padding-left: 5px;}
	.product-doc .table-row > div.product-doc-name,
	.product-doc .table-row > div.product-doc-type{display: inline; width: auto;}
	.product-doc-name{text-align: center; color: #b71b0f;}
	.product-doc-link .doc-label{text-align: left;}
	.product-doc-download:before{display: inline-block; padding-right: 10px;}
	.product-doc .table-col{padding-top: 0px; padding-bottom: 10px;}
	.product-doc-link{margin-top: 5px;}
	.product-doc-head{font-size: 30px;}
	.box-allimg-frame .flex-container{display: block;}
	.box-allimg-frame .flex-container > div{display: inline-block; float: left; width: 100%; padding: 5px;}
	.img-frame .box-allimg-frame .box-img-frame{width: 100%; height: auto;}
	.img-frame .box-allimg-frame{height: auto;}
	.img-frame .box-allimg-frame, .img-frame{float: left;}
	.block-products-detail .box-detail-products .txt-detail-products{font-size: 20px;}

	.box-img-detail .img-detail{width: 100%; height: auto;}

	.head-contact{margin-bottom: 30px;}
	.txt-top-address{font-size: 26px;}
	.txt-bottom-address{font-size: 20px;}
	.address-box-center{margin: 20px 0;}
	.contact-head img{width: 50px; height: 50px;}

	.product-filter-right{float: left; margin-top: 10px;}

	.wfoo .btn .btn-txt{min-width: 160px;}

	.graphicmap-btn > .flex-item{width: 100%; margin-top: 5px;}
	.txt-map{margin-top: 12px; font-size: 22px;}

	.content-inner{margin-top: 50px;}

	.hr-products{margin-bottom: 20px;}
	.block-content-products{margin-bottom: 20px;}
	.content-inner{margin-bottom: 20px;}

	.pro-filter .control-label{width: 100%; padding-top: 0;}
	.pro-filter .pull-right{float: none !important;}
	.pro-filter .select-control{width: 100%;}

	.img-frame .head-img-frame{font-size: 26px;}
	.block-products-detail .head-detail-product{font-size: 26px;}
	.block-products-detail .txt-detail-products{margin-left: 0;}

	/*.news-list-item{margin-bottom: 0;}*/

	.txt-head-detail{font-size: 34px; line-height: 1em;}

	.head-contact{font-size: 32px;}
}

@media (max-width:640px){
	.mainpage-slide{height: 300px;}
	.btn-save-message,
	.btn-cancel-message{width: 240px;}
}

@media (max-width:600px){
	.block-top-1{display: none;}
	.block-center-1{width: 285.5px; margin-top: 10px;}
	.block-center-2{margin-top: 10px;}

	.boxs-news-item,
	.boxs-news-item > div{display: inline-block; width: 100%;}
	.boxs-news .owl-nav{text-align: left;}

	.lac-list-item a:hover{text-decoration: none;}
	.lac-list-item.large .lac-list-image{height: auto; padding-bottom: 90%;}
	.lac-list-item.large .lac-list-info{position: relative;}
	.lac-list-item.medium .lac-list-image{height: auto; padding-bottom: 70%;}
	.lac-list-item.medium .lac-list-image,
	.lac-list-item.medium .lac-list-info{width: 100%;}
	.lac-list-item.medium .lac-list-info{height: auto;}
	.lac-list-btn{min-width: inherit; width: 100%;}

	.news-list-item,
	.news-list-item > div{display: inline-block; width: 100%;}
	.news-list-image a{height: auto;}
	.floating-box-csr .img-news-csr{width: 100%; height: auto;}
	.box-csr-news{margin-bottom: 20px;}
	.news-head{margin-bottom: 60px;}
	/*.floating-box-csr .box-content-news .btn-news-csr{width: 100%;}*/
	.floating-box-csr .box-content-news .btn-news-csr{float: left; width: auto; min-width: 100px;}

	.form-btn{margin-top: 20px;}
	.form-btn .wrap{width: 100%; margin: 6px 0;}
	.btn-save-message,
	.btn-cancel-message{width: 100%;}

	.contact-map-btn > div,
	.contact-map-btn > div > div{display: inline-block; width: 100%;}
	.contact-map-btn{width: 100%;}
	.btn-gg-map,
	.btn-gh-map,
	.contact-map-btn a{width: 100%;}
	.contact-map-btn{margin-bottom: 20px;}

	.widget-news .list-wrapper{height: auto;}
	.widget-news .list-wrapper,
	.widget-news .list-wrapper > div{display: block; width: auto;}
	.widget-news .list-thumb .thumb-bg{height: auto; padding-top: 60%;}
	.widget-news .list-desc{height: auto;}



	.news-head{margin-bottom:40px;}
	.news-list-image{padding-top: 63%; position: relative;}
	.news-list-image > a{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

	.news-slide-info{padding: 15px;}
	.news-list-info{padding: 15px;}
}

@media (max-width:480px){
	.mainpage-slide{height: 200px;}

	.block1-sec1,
	.slick-current .block1-sec1{padding: 5px;}
	.top-graphic-nav .list-thumb .thumb-bg{width: 30px; height: 30px;}
	.top-graphic-nav .list-inner,
	.top-graphic-nav .slick-current .list-inner{font-size: 17px; line-height: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

	.widget-news .list-inner{height: 140px;}
}

@media (max-width:460px){
	.default-head{height: 120px;}

	.page-four .flex-item > .flex-container{display: inline-block; width: 100%;}
	.block-top-2{width: 100%; height: auto; padding: 0; padding-bottom: 100%;}
	.block-top-3{width: 100%; margin-top: 0;}
	.block-center-1{width: 100%;}
	.block-center-2{margin-top: 0; width: 100%; height: auto; padding: 0; padding-bottom: 100%; position: relative;}
	.head-block-center-2{position: absolute; bottom: 0; left: 0; right: 0;}
	.block-center-1,
	.block-top-3{height: auto; padding-bottom: 60px;}
}

@media (max-width:420px){
	.pagination-nav{display: none !important;}
}

@media (max-width:380px){
	.wg-news-list,
	.wg-news-list > div{display: block; width: 100% !important; float: left;}
	.wg-news-info{float: left; width: 100%; padding-bottom: 15px;}
	.wg-news-image .image{padding-bottom: 60% !important;}
}