body{-webkit-font-smoothing: none; /* Looks very thin and awful */
	-webkit-font-smoothing: subpixel-antialiased; /* It is the default and looks bolder */
	-webkit-font-smoothing: antialiased; /* Looks pretty much the same than Windows */}
.container-fluid, .footer{max-width:1270px;}
.pat_top{background:url('../img/garis_miring_atas.png'); background-repeat:no-repeat; background-position:103.5% 50%; height:86px;}
.logo img{padding-left:12%;}
.menu{background-color:#141413; opacity:0.9; color:#ffffff; z-index: 2;}
.hr_menu{margin:0; border-bottom:3px solid #014d87; opacity:0.9;}
.menu ul{list-style:none;  padding-right:28px; padding-left: 28px;}
.menu li{float:left; padding:5px 10px; font-size:9pt; font-weight:bold;}
.menu a{text-decoration:none; color:#fff;}
.active{background-color:#014d87 !important;}
.content{padding:0; margin-top: -25px;}
.pat{position:absolute; z-index:1; top: 0; right: 0;}
.pat_certificates{position:absolute; z-index:1; top: -53px; right: 0;}
.pat_r_d{position:absolute; z-index:1; top: 0px; right: 0;}
.glyphicon-chevron-left:before{content:""; width:27px; height:52px; background:url('../img/left_arrow.png'); background-repeat:no-repeat;}
.carousel-control{margin-top:247px; background-image:none !important; z-index:3; width: 5%;}
.carousel-caption{background:url('../img/back_pat.png'); background-repeat:no-repeat; padding:0; width:40.4%; left: 51.3%; right:0; top:54%; opacity:0.9; color:#014d87;}
.second_bg{background:url('../img/back_pat_1.png') !important; background-size: 501px 89px !important; background-repeat:no-repeat !important; width: 82.5% !important; top: 41% !important;}
.second_bg p{font-size:11pt !important; padding:23px 85px 0 0;}
.carousel-caption h1{margin:0; font-weight:bold; text-align: left; padding-left: 0%;}
.carousel-caption {font-size:14pt !important; text-align: left; padding-left: 8%; padding-top: 10px;}
.sub-content{padding-left: 4.3%; background:url('../img/bg_certificate.png'); background-repeat:no-repeat; background-position:103.4% top;}
.sub-content h1{color:#014d87; font-size:23pt;}
.sub-content div{padding-left:0;}
.certficates{height:300px !important; padding-left:30% !important;}
.sub-content p{font-size:9pt;}

.certficates ul{padding:0; list-style:none;}
.certficates li{float:left; padding-right:5px;}

.footer{background:#c2c2c2; height:auto; width:100%; padding:0; z-index:3; bottom:0; line-height:10px; padding-top:15px; padding-bottom:10px;}
.footer ul{list-style:none; padding-left:4%;}
.footer li{float:left; padding-right:15px; font-size:10pt; padding-top:2px;}
.footer p{padding-left:4%; font-family: 'source_sans_proregular'; margin-top:-10px; font-size:10pt; text-align: right; padding-right: 50px;}

.st_agr{background:url('../img/button_more.jpg'); background-repeat:no-repeat;  background-position:right center; background-color:#d3d3d3; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 25px; border-radius:0; font-size:9pt;}

.bradcrumb{border-bottom:1px solid #dfdfdf; padding:5px 0; font-size:8pt; padding-left: 4.3%;}
.bradcrumb strong{color:#014d87;}
.about{background:none;}
.about h1{font-size:23pt;}
.about p{font-style:italic; font-size:10pt;}
.size_medium{font-size:11pt !important;}
.c_bisnis{font-family: 'source_sans_proregular'; font-style:normal !important;}
.c_bisnis span{font-family: 'source_sans_probold';}
.c_bisnis img{border-bottom:3px solid #014d87; margin-bottom:15px; width:100%;}
.p-content{margin-top: 20px; margin-bottom: 10px; padding-left:15px !important; font-family: 'source_sans_proregular'; font-style:normal !important; font-size:9pt;}
.p-content p{font-family: 'source_sans_proregular'; font-style:normal !important; font-size:9pt;}
.p-content img{width:100%;}
.p-content a{text-decoration:none; color:#000;}

.business_vision{margin-top: 0px;}
.sub-business_vision{padding-left: 4.3%;}
.sub-business_vision h1{font-family: 'source_sans_probold'; font-size: 23pt; color: #014d87;}
.sub-business_vision div{padding-left:0; padding-right:0;}
.sub-business_vision p{font-size:9pt;}

.sub-research_development{padding-left: 4.3%;}
.sub-research_development h1{font-family: 'source_sans_probold'; font-size: 23pt; color: #014d87;}
.sub-research_development div{padding-left:0; padding-right:0;}
.sub-research_development p{font-size:9pt; margin-bottom: 0px;}
.sub-research_development ul{font-size:9pt; padding-left:16px; width:100%; }

.core_business h1{font-size:23pt;}
.core_business_list ul{padding-left:0px; list-style:none; font-size:9pt; color:#919191;}
.core_business_list li{padding: 5px 0; border-bottom:1px solid #dfdfdf;}
.core_business_list li:hover{color:#014d87; background:url('../img/core_arrow_right.png'); background-repeat:no-repeat; background-position:right center;}
.active_core{color:#014d87; background:url('../img/core_arrow_right.png'); background-repeat:no-repeat; background-position:right center;}
.core_business{background:none;}

.p_core_business ul{list-style:none;}
.p_core_business li{float:left; margin-right:3px; font-style:normal !important;}
.poly{list-style:none; font-size:9pt; padding-left:0;}
.poly li{padding:0; border:0; margin-right:3px;}
.poly_left{background:url('../img/left_jajargenjang.png'); background-repeat:no-repeat; background-position:0% 0%; padding: 2px 5px !important; margin-right:0px !important;}
.poly_right{background:url('../img/right_jajargenjang.png'); background-repeat:no-repeat; background-position:0% 0%; padding: 2px 5px !important;}
.list_content{padding: 2px 5px !important; background-color:#cdcdcd; margin-right:0px !important;}

.active_poly .poly_left{background:url('../img/active_left_jajargenjang.png'); background-repeat:no-repeat;}
.active_poly .poly_right{background:url('../img/active_right_jajargenjang.png'); background-repeat:no-repeat;}
.active_poly .list_content{padding: 2px 5px !important; background-color:#014d87; margin-right:0px !important; color:#fff;}

.m-left-21{margin-left:-21px;}

.client_list p{font-style: italic; font-size:14pt;}


.certificates{padding:0;}
.sub_certificates{padding-left: 4.3%; padding-right: 4.3%; margin-bottom:50px;}
.sub_certificates h1{color:#014d87; font-family: 'source_sans_probold'; font-size: 23pt;}

.list_client p{border:1px solid #f0f0f0; margin-top:15px;}
.list_client img{width:auto; max-width:100%; padding:20px 10px;}

.maps{margin-top:75px;}
.maps ul{padding:0; position:absolute;}
.point{width:100%; margin-bottom: 0px;}
.point img{position:absolute; width:auto;}

.pointTea{width:100%;}
.pointTea img{position:absolute; width:auto;}

.pointTeaHover{width:100%;}
.pointTeaHover img{position:absolute; width:auto;}

.MachineTea{width:100%;}
.MachineTea img{position:absolute; width:auto;}

.list_country{margin-top:40px; margin-bottom:50px;}
.list_country div{padding-bottom:0px; min-height: 60px;}
.list_country h4{font-size:10pt; font-family: 'source_sans_probold'; margin-bottom:0;}
.list_country ul{padding-left:0; font-size:10pt; font-family: 'source_sans_proregular';}
.list_country ul li{ float:none;}
.contact_maps p{padding:15px; padding-right:50px; background-color:#fff; margin-top:-180px; margin-left:15px; min-height: 165px;}

.search{position:absolute; width:100%; z-index:9; margin-top:-3.3px; opacity:1; max-width:1270px; margin-top:25px; opacity:0;}
.search input{background:url('../img/search_header.png') no-repeat 40px center; background-color:#fff; padding:2px; height:30px; width:100%; border-radius:0; opacity:0.9; padding:30px 65px; font-family: 'source_sans_proregular';}

.bold{font-family: 'source_sans_probold';}
.semiBold{font-family: 'source_sans_prosemibold';}
.reguler{font-family: 'source_sans_proregular';}
.light{font-family: 'source_sans_prolight';}
.colom2 {
    -webkit-columns: 100px 2; /* Safari and Chrome */
    -moz-columns: 100px 2; /* Firefox */
    columns: 100px 2;
}
.colom3 {
    -webkit-columns: 100px 3; /* Safari and Chrome */
    -moz-columns: 100px 3; /* Firefox */
    columns: 100px 3;
}

.core-business {margin-bottom:40px;}
.core-business img {width: 580px;}

.baseList{
	width:400px;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
ul.blue-points{
	padding-left:28px;
	
}
ul.blue-points li{
	background:url('../img/blue-plus.png');
	background-position:center left;
	background-repeat: no-repeat;
	padding-left:40px;
	font-family: 'source_sans_proregular';
	font-style: normal !important;
	font-size: 9pt;
	line-height: 22px;
	width:200px;
	margin: 8px 0;
}

.point li{display:none;}
.pointTeaHover li{display:none;}
.detail_material,.detail_tea{display:none; background:#f2f2f2;width:580px;padding-top:10px;margin-bottom:40px; border:1px solid #ddd;}
.detail_material img,.detail_tea img{width:100%;}

ul.machines-support li{float:left; width:30%;}
ul.machines-support li img{width:100%;}

.p_core_business h5{color:#014d87;}

.about-new ul{list-style: none; font-size: 9pt;}
.core_business_list a{text-decoration:none;}
.about-new ul a{color:#919191;}
.about-new li{color:#919191;}
.about-new li:hover a{color:#428bca;}
.about-new li.active_core a{color:#428bca;}

.contact_maps p a{padding-right:20px; opacity:0.5; padding-bottom:10px; font-weight:bold;}
.contact_maps p a.active{background-color:transparent !important; opacity:1;}
.contact_maps p text.text2,.contact_maps p text.text3{display:none;}

.groups{display:none;}
.search_result div.col-md-12 h1{color:#014d87;}
.search_result div.col-md-12 p{font-style:italic; font-size:13pt;}
.search_result div.col-md-12 p text{color:#014d87;}

.search_result div.col-md-12 ul{font-family: 'source_sans_proregular'; font-size:10pt;}
.search_result div.col-md-12 ul li.active_core a{color:#014d87;}
.search_result div.col-md-12 ul li:hover a{color:#014d87;}
.search_result div.col-md-12 ul li a{color:#9a9a9a;}

.search_result_list ul{margin:8% 0; padding:0; list-style:none;}
.search_result_list ul li{padding: 10px 0 10px 20px; border-bottom: 1px solid #dfdfdf;}
.search_result_list ul li a{text-decoration:none; color:#333333;}
.search_result_list ul li h5{color:#666666; font-size:12pt; font-family: 'source_sans_probold';}
.search_result_list ul li p{font-family: 'source_sans_proregular'; padding-right:33%;}
.search_result_list ul li:hover p{background:url('../img/next_paging.jpg') no-repeat right top;}
.search_result_list ul li:hover h5{color:#014d87;}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('../font/reguler/sourcesanspro-regular-webfont.eot');
    src: url('../font/reguler/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/reguler/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../font/reguler/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../font/reguler/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('../font/semiBold/sourcesanspro-semibold-webfont.eot');
    src: url('../font/semiBold/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/semiBold/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('../font/semiBold/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('../font/semiBold/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_probold';
    src: url('../font/Bold/sourcesanspro-bold-webfont.eot');
    src: url('../font/Bold/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Bold/sourcesanspro-bold-webfont.woff') format('woff'),
         url('../font/Bold/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('../font/Bold/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_prolight';
    src: url('../font/light/sourcesanspro-light-webfont.eot');
    src: url('../font/light/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/light/sourcesanspro-light-webfont.woff') format('woff'),
         url('../font/light/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('../font/light/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

.ipad-sh{display:none !important;}
.ipad-hi{display:block;}
.show-mobile{display:none}



/* responsive */
.list_client div.col-xs-12 div.col-xs-10{line-height:60px; color:#999999; font-size:9pt;}
.list_client div.col-xs-12{margin-top:40px;}
@media (min-width: 992px) {
	.container-fluid, .footer{min-width:1270px !important;}
	.nav-menu{display:none;}
}
@media (max-width: 991px) {
	.ipad-sh{display:block !important;}
	.ipad-hi{display:none !important;}
	.footer{line-height:20px; position:fixed; padding: 10px 0 10px; z-index:9990;}
	.footer li {
	    font-size: 8pt;
	    text-align:center;
	    padding-bottom:5px;
	}
	.footer p {
	   text-align:center;
	   margin: 0;
	   line-height:30px;
	   
	}
	.container{padding:0;}
	ul.navbar-nav{padding:0 15px; background-color: #014d87;}
	
	.nav-menu{display:block;}
	.content {  margin-top: 0;}
	.sub-content {padding-left: 15px;}
	.search,.pat_top,.menu{display:none;}
	.navbar-brand{padding:0;}
	
	.logo img {padding-left: 0; padding-bottom:15px; opacity:0;}
	.navbar-toggle{background-color: #014d87; display:block;}
	.navbar-header{background-color:#fff; height:90px; width:100%; border-bottom: 4px solid #014d87;}
	/*.carousel-inner > .item > img, .carousel-inner > .item > a > img{height:100%;}*/
	.navbar-fixed-top {border-width: 0; top: 0; height:90px;}
	
	.navbar-inverse {
	    background-color: #fff;
	    border-color: #fff;
	}
	.container{width: 100%;}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: 0px;}
	.container > .navbar-header{ margin-left: 0px; margin-right: 0px; padding:0 40px;}
	.navbar-toggle {
	    margin-top: 25px;
	    padding:9px;
	}
	.navbar-toggle .icon-bar{width:18px; height:3px;}
	.in{background-color: #014d87;}
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	    background-color: #014d87;
	    color: #fff;
	}
	.navbar-nav {
	    margin: 0px -15px;
	}
	.navbar-nav li{width:100%;}
	.navbar-brand{width:70%;}
	.collapse ul{display:none;}
	.pat{height:100%; }
	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
		max-width: none;
		min-height:734px;
	}
	.about_slide div.carousel-inner > .item > img, .carousel-inner > .item > a > img {
		max-width: none;
		min-height:initial;
	}
	
	.pligon{
		 background:#fff;
		-webkit-transform: skew(-45deg);
		   -moz-transform: skew(-45deg);
		     -o-transform: skew(-45deg);
		    height:90px;
		    width:500px;
		    margin-top:-70px;
	}
	.rivalpoligon{
		-webkit-transform: skew(45deg);
		   -moz-transform: skew(45deg);
		     -o-transform: skew(45deg);
		    height:90px;
		    width:500px;
		    margin-top:-70px;
		    padding:17px 20px 20px 60px;
		    font-size: 20pt;
		    font-family: 'source_sans_prolight';
	}
	.rivalpoligon h1{font-size:23pt !important; letter-spacing:1px;}
	.carousel-caption {
	   /* background: url("../img/back_pat-2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	  
	    
	    background:none;
	    color: #094e85;
	    left:20%;
	    opacity: 0.9;
	    padding-left: 53px;
	    top: 81%;
	    height:70px;
	    width: 100%;
	    font-size:13pt !important;
	}
	.carousel-caption h1{line-height:15px; font-size:25pt; padding:5px 0;}
	.carousel-control {
	    background-image: none !important;
	    margin-top: 52%;
	    width: 5%;
	    min-width:27px;
	    z-index: 3;
	}
	.carousel-control.right{right:20px;}
	.carousel-control.left{left:20px;}
	.sub-content {
	   min-height:300px;
	    padding:0 40px;
	    background-position: 230px center;
	    margin-bottom: 50px;
	}
	.certficates {
	    height: auto;
	    max-height:200px;
	    padding-left: 20% !important;
	    padding:40px;
	}
	.certficates h1{
		font-size:18px !important;
	}
	.sub-business_vision {
	    padding:0;
	    padding-bottom:95px;
	    overflow:hidden;
	}
	.sub-business_vision #iamges {width:100%;}
	.sub-business_vision div.bradcrumb{
	    padding:0 40px;
	}
	
	.sub-business_vision div.carousel-caption {
		top:0;
		width: 100%;
	}
	.sub-business_vision h1{margin:20px 0;}
	.pligon1{
		 background:#fff;
		-webkit-transform: skew(-45deg);
		   -moz-transform: skew(-45deg);
		     -o-transform: skew(-45deg);
		    height:80px;
		    width:55%;
		   float:right;
		   min-width:332.063px;
		   position:absolute;
		   right: 40px;
	}
	
	.rivalpoligon1{
		-webkit-transform: skew(45deg);
		   -moz-transform: skew(45deg);
		     -o-transform: skew(45deg);
		    height:90px;
		    width:100%;
		    padding:17px 20px 20px 60px !important;
		    font-size: 12pt;
		    font-family: 'source_sans_prolight';
		    
	}
	
	.sub-business_vision .col-md-9{padding:0 40px 20px;}
	.sub-business_vision .carousel-caption{
		color: #014d87;
	    left: 0 !important;
	    opacity: 0.9;
	    padding-bottom: 0;
	    padding-left: 0px !important;
	    padding-right: 0;
	    padding-top: 0;
	    right: 0;
	    top: 39%;
	    width: 87%;
	}
	/*.sub-business_vision .second_bg, .business_vision .second_bg, .business_vision .pat_r_d{display:none;}*/
	.colom2 ul{padding-bottom:50px;}
	#map {
		width: 100% !important;
		height: 448px;
	}
	.maps .col-md-5{width:50%; margin-bottom:110px;}
	.core-business div.maps img{width:100% !important; padding-top: 50px; margin-top: 0px;}
	.pad-style{padding-right:0;}
	
	.core_business_list{
		padding-bottom: 15px;
	}
	.core_business{
		margin-bottom: 100px;
	}
	.point img {
		bottom: 0 !important;
	}
	
	.machines-support{
		min-height:154px;
	}
	
	.menu-text{font-family: 'source_sans_proregular'; font-weight:bold; font-size:11px; float:right; right:105px; top:37px; position:absolute; color:#666666;}
	.sub-content div.home-content{float:left; width:50%;}
	.home-content h1{font-size:18pt; font-family:'source_sans_probold';}
	.sub-content div {padding: 0px;}
	.bradcrumb{padding:5px 40px;}
	.p-content{padding:0px !important;}
	.about h1 {font-size: 18pt;}
	.panel-group div.panel{border:none; box-shadow: 0 1px 1px rgba(0, 0, 0,0);}
	.panel-group div.panel div.panel-heading{color: #094e85; background-color: #fff; font-family: 'source_sans_probold'; padding:8px 0; background:url('../img/about-bottom_mobile.png') no-repeat;}
	.panel-group div.panel div.panel-heading h4{font-size:16pt;}
	.panel-group div.panel div.panel-body{color: #333333; background-color: #fff; border-top:none !important; font-family: 'source_sans_proregular'; font-style: normal !important; font-size: 9pt; padding-top:20px;}
	.panel-default {
		border-color: #fff !important;
	}
	
	.core_business h1{font-size: 20pt;}
	.client_list p{font-size:12pt;}
	.list_client div.col-xs-4{padding:0 5px; margin:0 0 50px 0;}
	.list_client div.col-xs-4 span{font-size:9pt; font-family: 'source_sans_proregular';}
	.list_client div.col-xs-12{margin-top:10px;}
	
	.pat_certificates{top: 0px;}
	
	.business_vision_mobile{padding:0;}
	.business_vision_mobile div.certificates{min-height:300px;}
	.business_vision_mobile div.content{padding:0 40px; margin-bottom: 105px;}
	.business_vision_mobile div.content h1{color:#094e85; font-family: 'source_sans_probold'; font-size:23pt;}
	.business_vision_mobile div.content p{color:#000; font-family: 'source_sans_probold'; font-size:12pt; font-style: italic; margin-bottom: 20px;}
	.business_vision_mobile div.content div.list-year{padding:0; background-color:#ebebeb;}
	.business_vision_mobile div.content div.genap{background-color:#cccccc;}
	.business_vision_mobile div.content div.list-year div.head{text-align: center; padding:0; line-height:25px; color:#fff; background-color:#014d87; border:1px solid #fff; font-size:10pt; font-family: 'source_sans_proregular';}
	.business_vision_mobile div.content div.list-year div{text-align: center; padding:0; line-height:25px; color:#333333; border:1px solid #fff; font-size:10pt; font-family: 'source_sans_prosemibold'; line-height:35px; border-bottom:0; border-right:0; border-left:0;}
	.business_vision_mobile div.content div.list-year div.left{text-align:left; padding-left:20px;}
	.business_vision_mobile div.content div.list-year div.sparator{border-right:1px solid #fff; border-left:1px solid #fff;}

	.contact div.client_list{padding: 0 40px;}
	.contact div.sub-content {padding: 0px;}
	.contact div.core_business {margin-bottom: 0px;}
	#map {width: 778px;min-height: 578px;}
	
	.select-style {
    	font-size:16pt;
	}
	
	.p_core_business div.col-md-12 div.core-business img{max-width: 580px; width:100% ;}
	.p_core_business div.col-md-12 div.core-business div.head-point{width:100%;}
	.p_core_business div.col-md-12 div.core-business div.head-point ul.point img{ width:100% !important; padding-right:20px;}
	.p_core_business div.col-md-12 div.core-business p{margin: 20px 0 !important;}
	
	
	.p_core_business div.col-md-12 div.core-business{padding:0 10px;}
	.p_core_business div.col-md-12 div.core-business div.col-md-12 div.detail_material {width:100%; max-width: 580px;}
	
	
	.pointTeaHover li img{bottom:0 !important; width:100%;}
	.pointTeaHover li{width:100%}
	
	
	.head-tea{width:100%; padding-right:20px !importanrt;}
	.head-tea ul.pointTeaHover{width:100%; padding-left: 0;}
	.head-tea ul.pointTeaHover li img{bottom:0 !important; width:100% !important;}
	.head-tea ul.pointTeaHover li{width:100%}
	
	div.head-tea ul.pointTea li#teabag img{left: 50% !important; bottom: 45px !important;}
	div.head-tea ul.pointTea li#teastring img{left: 44.5% !important; bottom: 40px !important;}
	div.head-tea ul.pointTea li#teapaper img{left: 50% !important; bottom: 70px !important;}
	div.head-tea ul.pointTea li#teabox img{left: 50% !important; bottom: 170px !important;}
	div.head-tea ul.pointTea li#teapack img{left: 30% !important; bottom: 110px !important;}
	
	
	.MachineTea li#m1 a img{width:auto;left: 130px; bottom: 55px;z-index:999;}
}

@media (max-width: 650px) {
	.menu-text{display:none;}
	.maps .col-md-5{width:60%;}
	.sub-content {padding: 0 10px; background:none;}
	.sub-content div.home-content {float: left; width: 100%;}
	
	.pligon {display:none;}
	
	.contact div.client_list{padding: 0 10px;}
	.contact div.sub-content {padding: 0px;}
	.contact div.core_business {margin-bottom: 0px;}
	#map {width: 100%;min-height: 478px; margin-bottom:50px;}
	.maps .col-md-5 {
	    margin-bottom: 25px;
	    margin-top: -290px;
	    
	}
	
	.select-style {
    	font-size:14pt;
	}
	
	ul.blue-points li {
	    width: 100%;
	    padding-left: 25px;
	}
	ul.blue-points{width:100%; padding-left:0; min-width:320px;}
	.baseList{width:100%; padding-right: 20px !important;}
	
	.p_core_business div.col-md-12 div.core-business div.col-md-12 div.detail_material div{width:100% !important; padding:0 10px;}
	.p_core_business div.col-md-12 div.core-business div.col-md-12 div.detail_material div p{padding-right:20px;}
	
	.head-tea{width:100%; padding-right:20px !importanrt;}
	.head-tea ul.pointTeaHover{width:100%; padding-left: 0;}
	.head-tea ul.pointTeaHover li img{bottom:0 !important; width:100% !important; padding-right: 20px;}
	.head-tea ul.pointTeaHover li{width:100%}
	
	div.head-tea ul.pointTea li#teabag img{left: 60% !important; bottom: 30px !important;}
	div.head-tea ul.pointTea li#teastring img{left: 55% !important; bottom: 40px !important;}
	div.head-tea ul.pointTea li#teapaper img{left: 60% !important; bottom: 70px !important;}
	div.head-tea ul.pointTea li#teabox img{left: 50% !important; bottom: 170px !important;}
	div.head-tea ul.pointTea li#teapack img{left: 30% !important; bottom: 110px !important;}
	
	.MachineTea li#m1 a img{left: 20% !important; bottom: 70px!important;}
	.MachineTea li#m2 a img{left: 50% !important; bottom: 70px!important;}
	.MachineTea li#m3 a img{left: 75% !important; bottom: 70px!important;}
	
}
@media (max-width: 400px) {
	.container{padding:0;}
	ul.navbar-nav{padding:0 15px;}
	.carousel-caption {
		top: 25%;
	}
	
	.sub-business_vision , .sub-research_development{
	   
	    padding-bottom:15px;
	}
	
	#map {
		width: 100% !important;
		height: 300px !important;
	}
	.maps .col-md-5 {
	    margin-bottom: 25px;
	}
	.container > .navbar-header {padding: 0 10px;}
	
	.sub-business_vision .col-md-9 {padding: 0 10px 50px;}
	.sub-business_vision div.bradcrumb {padding: 0 10px;}
	.list_country{min-height: 250px;}
	
	.select-style {
    	font-size:12pt;
	}
	
	div.head-tea ul.pointTea li#teabag img{left: 60% !important; bottom: 15px !important;}
	div.head-tea ul.pointTea li#teastring img{left: 55% !important; bottom: 20px !important;}
	div.head-tea ul.pointTea li#teapaper img{left: 57% !important; bottom: 40px !important;}
	div.head-tea ul.pointTea li#teabox img{left: 50% !important; bottom: 120px !important;}
	div.head-tea ul.pointTea li#teapack img{left: 30% !important; bottom: 80px !important;}
	
	.machines-support{padding-left: 20px;}
	.MachineTea li#m1 a img{left: 20% !important; bottom: 110px !important;}
	.MachineTea li#m2 a img{left: 50% !important; bottom: 110px !important;}
	.MachineTea li#m3 a img{left: 75% !important; bottom: 110px !important;}
	
	.hide-mobile{display:none;}
	.show-mobile{display:block;}
	.parallelogram {
		font-family: 'source_sans_proregular';
		padding:0 20px;
		text-align:center;
		margin:10px 20px;
		width: 80%;
		height: 20px;
		line-height:20px;
		color:#fff;
		-webkit-transform: skew(-50deg);
		   -moz-transform: skew(-50deg);
		     -o-transform: skew(-50deg);
		background: #094e85;
	}
	
	.parallelogram div{
		-webkit-transform: skew(50deg);
		   -moz-transform: skew(50deg);
		     -o-transform: skew(50deg);
	}
	
}

@media (max-width: 320px) {
	#map {
		width: 100% !important;
		height: 300px !important;
		margin-bottom:60px;
	}
	.maps .col-md-5 {
	    margin-bottom: 25px;
	   margin-top: -380px;
	}
	
	.select-style {
    	font-size:10pt;
	}
}



.select-style {
    padding: 0;
    margin: 0;
    border: 0px solid #ccc;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;

    background: url('../img/core_arrow_right.png') no-repeat center left , url('../img/about-bottom_mobile.png') no-repeat center right , url('../img/about-bottom_mobile-line.png') no-repeat right center;
    background-size:auto auto,auto auto , 60% 1px;
    color: #094e85;
    font-family: 'source_sans_probold';
}

.select-style select {
    padding: 8px 8px 8px 20px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-style select:focus {
    outline: none;
}
.valid{display:none;}