button , input[type="file"],input[type="text"], input[type="password"] { outline: none; }
input[type="text"]:focus,
input[type="file"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="range"]:focus,
button
{
    outline: none;    
}​




@media only screen and (max-device-width: 1024px) {

}

@media (max-width: 1920px) {
	.block-text-home-1{
		right: -375px;
	}
	.block-text-home-2{
		right: -520px;
	}
	.block-text-home-3{
		right: -375px;
	}
	.block-text-career-1{
		width: 600px;
		margin-right: 280px;
	}
	.contact-detail{
		margin-left:45%;
	}
	.regular{
		width:1200px;
	}
}

@media (max-width: 2560px) {
	
}

@media (max-width: 1660px) {
	.navbar-default {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media (max-width: 1460px) {
	.regular{
		width:1150px;
	}
	.navbar-brand>img{
		width:210px;
	}
	.navbar-default{
		padding-left:30px;
		padding-right:15px;
	}
}

@media (max-width: 1366px) {
	.navbar-default .navbar-nav > li > a{
		font-size:13px;
	}
	.navbar-brand>img{
		width:210px;
	}
	.navbar-default{
		padding-left:30px;
		padding-right:15px;
	}
	.block-text-home-1 , .block-text-home-3{
		right: -300px;
	}
	.block-section-home-1{
		width:95%;
	}
	
	.block-text-home-2{
		right: -650px;
	}
	.regular{
		width:1100px;
	}
	.slick-prev {
		left: -4%;
	}
	.slick-next {
		right: -4%;
	}
	.block-text-career-1{
		width: 90%;
		margin-right: 0;
		right: 58px;
	}
	.contact-detail{
		margin-left:15%;
		padding-right:60px;
	}
}


@media (max-width: 1250px) {
	.navbar-brand>img{
		width:140px;
	}
	.navbar-default .navbar-nav > li > a {
		padding: 0 6px !important;
	}
}


@media (max-width: 1024px) {
	
}

@media (max-width: 991px) {
	
}

@media (max-width: 800px){

}

@media (max-width: 790px){
	.section-bannermain{
		padding-top: 0;	
		padding-bottom: 293px;
	}

	.container,
	.container-body .container {
		width: 100%;
	}
	.navbar-default .navbar-toggle{
		border:0;
	}
	.navbar-default .navbar-toggle .icon-bar{
		height:3px;
		border-radius:4px;
		background-color: #70BC3A;
	}
	.navbar {
		min-height: 100px;
	}
	
	.text-title {
		font-size: 45px;
	}
	.block-banner{
		width:370px;
		padding-left:30px;
		padding-right:30px;
	}
	.text-main{
		font-size:16px;
	}
	.home-section-1{
		padding-top:30px;
		background-position: 200px -415px;
	}
	.block-section-home-1{
		height:850px;
		background-position: right top;
		background-size: contain;
	}
	.block-text-home-1{
		width:95%;
		right:0;
		left:0;
		padding: 30px;
		margin-top: 380px;
	}
	
	.home-section-2{
		padding-top:30px;
		background-size: cover;
		background-position: 0 -320px;
	}
	.block-section-home-2{
		width:90%;
		height:750px;
		background-position: center top;
		background-size: contain;
	}
	.block-text-home-2 {
		right: 0;
		left:0;
		padding: 30px;
		width:100%;
		margin-top: 365px;
	}
	
	
	.home-section-3{
		padding-top:30px;
		background-position: 0 center;
	}
	.block-section-home-3{
		width:90%;
		height:750px;
		background-position: center top;
		background-size: auto;
	}
	.block-text-home-3{
		right: 0;
		left:0;
		padding: 30px;
		width:100%;
		margin-top: 365px;
	}
	
	.home-section-4{
		margin-top:60px;
	}
	.text-home-4 {
		margin: 0;
		padding: 30px;
		width: 100%;
	}
	.home-section-highlight{
		padding-left:15px;
		padding-right:15px;
	}
	.home-section-highlight p{
		font-size:16px;
	}
	footer .block-menu-footer {
		padding: 20px 0;
	}
	.sidenav .closebtn {    
		top: -80px;
	}
	.sidenav {
		background-color: #ECECEC;
	}
	.sidenav a{
		color:#2E2E2E;
		font-family: 'Conv_Montserrat-Regular';
	}
	.sidenav li.lang-item-th a{
		padding-left:5px;
	}
	
	/*About*/
	.detail-content .detail-text{
		margin-bottom:10px;
	}
	.regular {
		width: 100%;
	}
	.home-section-highlight-slide-vitaminers{
		padding:30px 15px;
		padding-bottom:120px;
	}
	.home-section-highlight-slide-vitaminers .slick-prev, 
	.home-section-highlight-slide-vitaminers .slick-next{
		top:0;
	}
	.home-section-highlight-slide-vitaminers .slick-prev{
		left:30%;
	}
	.home-section-highlight-slide-vitaminers .slick-next{
		right:30%;
	}
	.list-filter a{
		font-size:12px;
		width:138px;
		margin-bottom:15px;
	}
	.list-filter{
		padding-bottom:0 !important;
	}
	.detail-header .text-title{
		font-size: 32px;
	}
	.detail-content .detail-text{
		padding: 15px 30px;
	}
	
	/*Career*/
	.block-section-career-1 {
		margin-top:30px;
		width: 90%;
		height: 400px;
		background-size: cover;
	}
	.block-text-career-1 {
		width: 100%;
		margin-right: 0;
		right: 0;
		padding:30px;
	}
	.title-career{
		font-size:18px;
	}
	.detail-career {
		font-size: 12px;
		margin-bottom:5px;
	}
	.career-section-4{
		padding-left:30px;
		padding-right:30px;
	}
	.title-career-quote{
		font-size:18px;
	}
	.title-career-detail{
		font-size:34px;
	}
	.detail-career h3{
		font-size:17px;
		line-height:1.2;
	}
	
	/*Contact*/
	.detail-contaact-display .container{
		width:100%;
		padding:30px;
	}
	.title-getintounch{
		font-size:24px;
	}
	.form-contact{
		width:100%;
	}
	.contact-detail {
		margin-left: 30px;
		padding-right: 30px;
	}
	
	/*Sharing*/
	.block-sharing h2 {
		font-size: 32px;
	}
	
	/*Service*/
	.title-display-foresight {
		font-size: 24px;
	}
	.detail-display-foresight{
		font-size:12px;
	}
	.mb-40 {
		margin-bottom: 10px;
	}
	.mmt-15{
		margin-top:15px;
	}
	.block-tab-service h2 {
		font-size: 16px;
	}
	.list-clinet-image{
		width:50%;
	}
	.list-clinet-image img{
		width:100%;
	}
	.product-h-2{
		
	}
	.mpl-0{
		padding-left:15px;
		padding-right:15px;
	}
	.highlight-blocl-3 {
		padding: 0;
		margin-left:15px;
	}
	.title-highlight {
		font-size: 36px;
	}
	.text-highlight-4 {
		margin: 0;
		margin-left: 15px;
	}
	.home-section-highlight-slide{
		padding:80px 30px;
	}
	.home-section-highlight-slide .slick-next{
		right: 26%;
	}
	.home-section-highlight-slide .slick-prev{
		left: 26%;
	}
	.home-section-highlight-slide .text-title{
		font-size:28px;
	}
	.home-section-highlight-slide p {
		font-size: 15px;
	}
	
	.fancybox-desktop{
		width:100% !important;
		height:auto !important;
	}
	#bpopupdesktopadssubscribe{
		margin:0;
		padding:15px;
		overflow:hidden;
		width:100% !important;
	}
	.fancybox-desktop {
		width: 360px !important;
		height: auto !important;
	}
	.mtm-30{
		margin-top:30px;
	}
	.block-popup .position-slide {
		font-size: 12px;
	}
	.iframemobile{
		overflow:auto;
		height:350px;
	}
	.fancybox-outer ,
	.fancybox-inner {
		overflow: hidden !important;
	}
	
	
	body.page-template-page-career-php .block-section-career-1{
		margin-bottom: 330px;
	}
	
	.navbar-brand>img {
		width: 70px;
	}
	
}

@media (max-width: 450px){
	.display__vdo{
		height: auto !important;
	}
	.home-section-highlight-slide{
		margin-top: -10px !important;
	}
	.home-section-highlight-slide .slick-prev, 
	.home-section-highlight-slide .slick-next{
		margin-top: 640px;
	}
	.home-section-highlight-slide {
		padding-top: 55px !important;
	}

	.list-filter a {
		width: 100%;
		display: block;
		margin-left: 0;
	}
	.displayimageleft-slide {
		height: 250px !important;
	}
	.home-section-highlight-slide .slick-prev, .home-section-highlight-slide .slick-next{
		display: none !important;
	}
	.detail-gallery{
		padding-top: 0;
	}
}

@media (max-width: 375px){
	.home-section-highlight-slide .slick-prev, 
	.home-section-highlight-slide .slick-next{
		margin-top: 590px;
	}
	.fancybox-desktop {
		width: 320px !important;
		height: auto !important;
	}
}

