/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
@import url('http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/css/datepicker.css');
@import url('intlTelInput.css');

body {
    overflow-x: hidden;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    /* font-family: "Microsoft YaHei"!important; */
    color: #43372c;
    font-size: 14px;
	padding-top:58px;
}

.navbar-collapse.collapsing {
	-webkit-transition: height 0.00s;
	-moz-transition: height 0.00s;
	-ms-transition: height 0.00s;
	-o-transition: height 0.00s;
	transition: height 0.00s;
}

header {
    height: 600px;
}

.dd .ddTitlesingle {
    color: #000;
    background: transparent;
    border: 1px solid transparent;
	padding: 9px;
	text-align: left;
}

.dd .ddTitlesingle:hover {
    color: #000;
    background: transparent;
    border: 1px solid transparent;
	padding: 9px;
	text-align: left;
}

.collapse.in {
    display: block;
    background-color: #251F19;
}

.navbar-default .collapsed{
	background-color: #FF7400!important;
}

.navbar-header{
	padding-left: 5%;
}

.list-resources1{
	padding-left: 15px; 
	float:right;
}

.list-resources2{
	padding-left: 15px; 
	float:left;
}

.contain-pod-view{
	padding-left:30px!important;
}

.blockhorisontal li {
	display: -moz-inline-box;
	display: -webkit-inline-box;
	width:24.7%;
}

.line-delimiter{
	display:none;
}

.header-gallery-slider-how-we-work{
	padding-bottom: 30px; 
	padding-left: 50px; 
	padding-right: 50px;
}

.am-title-mosaic{
	font-size:18px!important; 
	font-weight:600;
}

.mozaic-center-hompeage{
	display: -webkit-flex; /* Safari */
	-webkit-flex-direction: row-reverse; /* Safari 6.1+ */
	display: flex;
	flex-direction: row-reverse; 
	height:480px;
}

.logo-members > img {
    width: 100%;
    display: inline-block;
    max-width: 100%;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-image: none !important;
}

.img-press-kit{
	padding-bottom:25px;
}

.col-am-5-contain{
	width:20%;
	float:left;
}

.contain-hidden{
	display:none!important;
}

.title-workflow{
	text-align:center; 
	color:#FF6500; 
	font-size:14px; 
	font-weight:700; 
	margin-top:0px; 
	margin-bottom:0px; 
	padding:27px 0 18px 0;
}
.contain-workflow{
	background:#ebebeb; 
	width:400px; 
	margin:0 auto; 
	padding:0px 20px 14px 20px;
}

.button-filter-for-submit{
	border-radius:0px 3px 3px 0px!important;
	moz-border-radius:0px 3px 3px 0px!important; 
	width:100%!important;
	border-color:transparent!important; 
}

.NEAT-homepage-tab{
	border-bottom:0px; 
	background:#f5f5f5;
}

.NEAT-tab-homepage{
	text-align:center; 
	border-top-left-radius:0px; 
	border-top-right-radius:0px;
}

.tab-NEAT-homepage{
	padding:16px 30px!important; 
	font-size:14px; 
	border-top-left-radius:0px; 
	border-top-right-radius:0px;
}

.announcements-tab-hompage{
	margin-right: 0px; 
}

.nav-tabs > li > a {
    border-radius:0px!important;
	margin-right:0px!important;
}
.contain-media-pod-nav{
	background:#f5d8b1; 
	margin-top:10px; 
	padding:10px 13px;
}
.contain-inner-media-nav{
	
}
.contain-inner-other-nav{
	
}
.contain-member-pod-nav-1{
	background:#f5d8b1; 
	margin-top:10px; 
	padding:10px 13px;
}
.contain-member-pod-nav-2{
	line-height:1.2; 
	padding-top:63px;
}
.contain-inner-member-nav{
	
}
.contain-consumers-pod-nav-1{
	background:#f5d8b1; 
	margin-top:10px; 
	padding:10px 13px;
}
.contain-consumers-pod-nav-2{
	line-height:1.2; 
	padding-top:25px;
}
.contain-inner-consumers-nav{
	
}

.img-askrspo-pod-sidebar-right-nav{
	float:right;
}
.img-askrspo-pod-sidebar-right{
	float:right;
}
.trademark-title-images{
	margin-top:90px; 
	line-height:1.4; 
	font-size:28px; 
	font-weight:normal;
}

.contain-pod-index-middle{
	border-bottom:1px solid #ddd; 
	/* padding-bottom:30px;  */
	margin-bottom:25px;
}

.logo-traders a.btn-brown {
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 11.5px;
	background: none repeat scroll 0% 0% #735636;
	color: #F2F2F2;
	width: 152px;
	border-radius: 3px !important;
	margin-top: -3px;
}

.logo-traders a{
	width:152px;
}

#gallerySlider .left.carousel-control {
	margin-top: 180px;
	font-size: 50px;
	padding-top: 60px;
	margin-left: -50px;
}
#gallerySlider .right.carousel-control {
	margin-top: 180px;
	font-size: 50px;
	padding-top: 60px;
	margin-right: -50px;
}

.supply-chain-certificate-holders-1{
	padding-left:0px; 
	padding-right:1px; 
	text-align:left; 
	width:22%
}

.supply-chain-certificate-holders-2{
	padding-left:0px; 
	padding-right:1px; 
	text-align:left; 
	width:16%
}

.supply-chain-certificate-holders-3{
	padding-left:0px; 
	padding-right:1px; 
	text-align:left; 
	width:20%
}

.scc-search-bar-tab{
	padding:16px 30px!important; 
	font-size:14px; 
	border-top-left-radius:0px; 
	border-top-right-radius:0px;
	font-weight:normal!important;
}	

.container-tab-1-scc-search{
	min-height:127px; 
	max-height:127px;
}

.container-tab-2-scc-search{
	min-height:150px; 
	max-height:150px;
}

/* ================================== members apply =================================== */

label.inline.with-padding small {
	margin-left: 20px;
	float: left;
	width: 90%;
	font-size: 13px;
	margin-left: 0;
	padding-left: 0;
}
	
/* ================================== end members apply ================================ */

/* ===================================== pod ============================================ */

.tab-pod-show-more{
	border-top-left-radius:0px; 
	border-top-right-radius:0px;
	display:block;
}

.show-more-orange-tab-pod{
	/* margin-right: -1px; */
}

.large-thumb-metro{
	width:100%;
	height:100%;
}

.img-resources{
	width:100%;
	height:227px;
}

.img-pod-bottom{
	max-height:304px; 
	min-height:304px; 
	height:304px;
}

.left-mosaic-large{
    width: 100%;
    height: 427px;
    overflow: hidden;
}

.contain-left-view-primary{
	font-size:13px; 
	line-height:1.3; 
	border-radius:3px; 
	font-weight:600; 
	padding:6px 20px 8px 20px; 
	cursor:default;
}
.contain-right-view-primary {
    padding-top: 0px;
    padding-bottom: 10px;
}
.title-right-view-primary{
	margin-bottom: 18px; 
	padding-top: 29px; 
	padding-bottom: 6px;
}
.tabbed-of-member{
	padding-left:0px;
	padding-right:0px;
}

.quarter-right-mosaic{
    width: 100%;
    height: 211px;
    overflow: hidden !important;
}

.quarter-right-mosaic-minus{
    width: 100%;
    height: 172px;
    overflow: hidden;
}

.right-single-mosaic{
    width: 100%;
    height: 212px;
    overflow: hidden;
}

.text-content{
    line-height: 1em;
}
 
article {
  border-bottom: 1px solid black;
}

.no-display{
	display:none!important;
}

.no-margin{
	margin:0px;
}

.no-margin-top{
	margin-top:0px;
}

.no-margin-bottom{
	margin-bottom:0px;
}

.no-margin-left{
	margin-left:0px;
}

.no-margin-right{
	margin-right:0px;
}

.dropdown-login{
	margin-top:-1px;
	margin-right:-1px;
}

.dropdown-login li a{
	padding-top:10px;
	padding-bottom:10px;
}

.dropdown-login li a:hover{
	background:#F79644!important;
	color:#fff!important;
}

#morebtn{
    padding: 7px 13px 5px 10px;
    display: block;
    margin-top: 4px;
    position: relative;
    background: url(../img/chevron-down.png) 20px 11px no-repeat;
}

#morebtn:hover{
    padding: 7px 13px 5px 10px;
    display: block;
    margin-top: 4px;
    position: relative;
	color: #fff;
    background: #F79644 url(../img/chevron-down.png) 20px 11px no-repeat;
}

#morebtn:hover .liner-bottom{
    background: #F79644;
}

#more{
    display: none;
    border-right:none;
    border-left:1px solid #D7D7D7;
    border-bottom:1px solid #D7D7D7;
    padding-bottom: 0px;
    height: 100%;
    width: 100%;
    margin-top: -8px;
}

a.more-aktif{
    background: #ed7b1c;
	padding: 7px 13px 5px 10px;
    margin-top: 4px;
	color:#fff;
    background: url(../img/chevron-top.png) 20px 11px no-repeat #ed7b1c !important;
}

.wrapper-down{
    height: auto;
    width: 100%;
    display: block;
}

.none-padding{
    padding:0px;
}

.red-border{
    border:1px solid #cf0000;
}

.no-pad-left{
    padding-left: 0px;
}

.no-pad-right{
    padding-right: 0px;
}

.logo-partner{
    margin-top:35px;
    font-size:14px;
}

.logo-partner h1{
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    color: #251f19;
    line-height: 7px;
}

.mosaic-news {
    margin-top: 22px;
    padding: 0 15px;
}

.contain-mozaic-pod-homepage{
	padding:0 30px;
}

.right-mosaic{
    display: block;
}

.blocking{
    display: block;
    overflow: hidden;    
}

.blocking-right{
    display: block;
    overflow: hidden;
    padding-left:4px;
    margin-bottom: 4px;
}

.blocking-left{
    display: block;
    overflow: hidden;
    padding-right:4px;
}

.blocking-more{
    display: block;
    padding:0px;
    background: #251f19;
    font-size: 14px;
    color: #fff;
        
}

.blocking-more a{
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    line-height: 26px;
    margin-top:0px !important;
    padding-left: 59px !important;
}

.text-center-abs{
    text-align: center;
    position: absolute;
}


.caption-video{
    position: absolute;
    background: rgba(0,0,0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff'); /* IE */
    width:99.4%;
    height: auto;
    bottom:0px;
    left:0px;
    padding:17px 20px;
    height:125px;
}

.show-more-dropdown{
	margin-left: 4px; 
	width:98.8%
}

.caption-blog{
    position: absolute;
    background: rgba(0,0,0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff'); /* IE */
    width:99.9%;
    height: auto;
    bottom:0px;
    left:0px;
    padding:17px 20px;
    height:102px;
}

.caption-half{
    position: absolute;
    background: rgba(0,0,0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff'); /* IE */
    width: 50%;
    height: auto;
    bottom:0px;
    right:0px;
    padding:17px 20px;
    height:110px;
}

.caption-short{
    position: absolute;
    background: rgba(0,0,0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff'); /* IE */
    width: 100%;
    height: auto;
    bottom:0px;
    left:0px;
    padding:17px 20px;
    height:85px;
	margin-left:4px;
}

.tag{
    text-transform: uppercase;
    font-size:14px;
	line-height: 16px;
    color: #fff!important;
    font-weight: bold;
    width:100%;
    display: block;
}

.tag-video{
    text-transform: uppercase;
    font-size:16px;
	line-height: 18px;
    color: #fff;
    font-weight: bold;
    width:100%;
    display: block;
}

.title-headlinews{
    color: #fff;
    width: 100%;
    display: block;
    font-size:24px;
    line-height: 26px;
}

.title-smallnews{
    color: #fff;
    width: 100%;
    display: block;
    font-size:14px;
    line-height: 20px;
}

.margin-4{
    margin-bottom:4px;
}

.right-4{
    margin-left:0px;
    padding-left: 0px;
    padding-right: 4px;  
    overflow: hidden;
}

.liner-bottom{
    height: 8px;
    background: #251f19;
    margin-top: 0px;
	width:100.01%;
}

.about-debate{
    
}





.quarter-right-mosaic-minus-small{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.about-debate h2{
    text-transform: uppercase;
    color: #251f19;
    font-size: 24px;
}

.about-debate p{
    margin-top:13px;
	margin-bottom: 20px;
	font-size: 14px;
}

.tagline-italic{
    font-size: 12px;
    color: #4e4e4e;
    font-weight: 400;
}

.btn-view-prymary-am, .btn-view-subsidiary-am{
	padding: 9.4px 20px!important;
}

.btn-lg, .btn-group-lg>.btn{
    border-radius:3px;
    padding:13px 16px;
}

.to-rspo{
    width:100%;
}

.to-impact{
    width:100%;
}

.margin-right-30{
	margin-right:28px;
}

.nav-beta-label{
	position:fixed; 
	margin-left:1px;
}

.tittle-thub-news{
    text-transform: uppercase;
    font-size:18px;
    color:#251f19;
    font-weight:300;
    line-height: 24px;
    margin-bottom:18px;
}

.grey-text{
    text-transform: uppercase;
    color: #4e4e4e;
    font-size:14px;
    line-height: 10px;
    font-weight:bold;
    margin-bottom: 0px;
}

.dark-text{
    text-transform: uppercase;
    color: #251f19;
    font-size:14px;
    line-height: 17px;
    font-weight:bold;
    margin-bottom: 0px;
}

.orange-text{
    text-transform: uppercase;
    color: #ed7b1c;
    font-size:14px;
    line-height: 10px;
    font-weight:bold;
    margin-bottom: 0px;
}

.right-banner{
    margin-bottom: 24px;
}

.sidebar-pod-banner-view{
	padding-top:20px; 
	width:280px;
}

.link-question{
    border-top:1px solid #d7d7d7;
    padding-top:20px;
}

.link-question img{
    float: left;
    margin-right:12px;
}

.subscribe-submit{
    margin:24px 0px;
}

.input-group{
    height: 39px;
}

.input-group .no-rounded{
    border-radius:0px;
    height: 39px;
    color: #786a5d; 
    font-style:italic;    
}

.submit-orange{
    border-radius:0px;
    background: #ed7b1c;
    color: #fff;
    text-transform:uppercase;
    font-weight:bold;
    border:none;
}

.for-responsive-label{
	display:none;
}

:-ms-input-placeholder {  
    color: #786a5d; 
    font-style:italic;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #786a5d; 
    font-style:italic;
}

::-webkit-input-placeholder {
    color: #786a5d; 
    font-style:italic;
}

.privacy-text{
    font-size:13.5px;
    color:#4d4d4d;
    line-height: 32px;
}

.morelink{
    border:1px solid #c2c2c2;
    width:100%;
    height: auto;
    display: block;
    padding:0px;
}

#show-more{
    display: block;
    width:100%;
    border:1px solid #cf0000;
}

#content-list2 {
    display: none;
}

.tabbed-list-menu{
    height: 45px;
    background: #ed7b1c;
    margin-bottom: 3px;
}

.list-more-link ul{
    display: block;
    /* width:285px; */
    float: left;
    /* padding-left: 30px; */
}

.list-more-link ul li{
    padding-left: 15px;
    padding-right: 15px;
}

ul, ol {
    margin-top: 0px;
    /* margin-bottom: 0px !important; */
	margin-bottom:10px;
}

.list-more-link ul li{
    list-style: none;
    margin-bottom: 2s0px;
	display: inline-block;
	min-height:80px;
	vertical-align:top;
}

.inner-height-pod-show-more{
	min-height:70px;
}

.list-more-link ul li a{
    text-decoration:none;
    font-size:14px;
    color: #43372c;
    /* width:280px; */
    display: block;
    line-height: 22px;
}

.link-f14{
	color:#43372c;
	font-size:14px;
}

.list-more-link ul li a:hover{
    color: #FF6500;
	text-decoration:underline;
}

.list-date{
    font-size: 11px;
    color: #888888;
}

.article-content .article-title{
    color: #251F19;
    font-size: 24px;    
    line-height: 32px;
}

.article-content img{
    margin:24px 0px;
}

.article-title{
    margin-top:0px;
    margin-bottom:28px;
}

.article-content p{
    margin-top: 26px;
}

.wrapper-article{
    margin-top:70px;
}

.more-article-link{
    color: #ed7b1c;
}

.title-other-article{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #251f19;
    
}

.other-article{
    margin-bottom:32px;
}

.other-article ul{
    margin-left: 0px;
    padding-left:0px;
}

.other-article li{
    list-style: none;
    margin-left: 0px;
    padding-left:0px;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 15px;
    padding-top: 15px;
}

.other-article img{
    float: left;
    margin-right:12px;
}

.other-article p{
    font-size: 13.5px;
    line-height: 18px;
}

.other-article a{
    text-decoration: none;
    font-size:13px;
}

.nav-tabs li.active{
    display: block;
}
.wrapper-down{
    height: 355px;
}

.tab-content-links .tab-pane{
    background-color: #FFF;
    padding: 22px 15px 3px 15px;
    /* min-height: 345px; */
    max-height: 410px;
    overflow-y: auto;
}

#tab-links li a {
    color: #fff;
    font-weight: 700;
    line-height: 16px;
    font-size: 16px;
    padding-left: 2em;
    padding-right: 2em;
}

#tab-links.nav-tabs > li.active > a{
    color: #555;
    cursor: default;
    background-color: #FFF;
    border-width: 0px;
    border-style: solid;
    border-color: #DDD #DDD #FFF;    
}

.pod>li>a:hover{
	border-color:#eee #eee #ddd;
	background: none repeat scroll 0% 0% #CB6815;
}

/* ======================================= end mozaid pod ================================== */

/* ========================================= min height ==================================== */

.members-apply-out{
	min-height:610px;
}

/* ========================================= section ====================================== */

.section-no-title
{
	padding:30px 0px;
	margin:0 auto;
}

.section{
	padding:0px 0px 30px 0px;
	margin:0 auto;
}

section {
    padding: 0px 0px 30px 0px;
}

section#members {
    padding: 25px 0px 25px 0px;
}

section#about p {
    margin: 20px 0px;
}

section#updates {
    padding: 42px 0px 0px 0px;
}

.first-section {
    padding: 0px;
}

section#related,
section#supply-map,
section#numbers,
section#casetracker,
section#organization-people,
section#quotes-text,
section#heading-text,
section#vision,
section#results,
section#history,
section#whoweare,
section#acop-complaint,
section#smallholders,
section#fact-sheet,
section#trade-product,
section#members,
section#dual-image-people {
    padding: 0px 0px 30px 0px;
}

.section-heading{
	margin-top:0px; 
	margin-bottom:0px;
}

.section-title{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:10px;
	padding-bottom:20px;
	font-size:25px;
	font-weight:700;
	color:#43372C;
}

/* ===================================== font set default ============================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

h1{
	font-size:25px;
	font-weight:700;
	text-transform:uppercase;
	margin-top:20px;
	margin-bottom:2px;
	padding-top:3px;
}

.container-event-content>h1{
	margin-top:0px!important;
}

.h1-font-15{
	font-size:15px;
	text-transform:none;
	color:#e5e5e4;
	line-height:1.5;
	margin-bottom:20px;
	font-weight:normal;
}

h2{
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	margin:0px;
	padding-top:25px;
	padding-bottom:20px;
}

h3{
	font-weight:700;
	font-size:14px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:15px;
	padding-bottom:10px;
}

.title-filter-acop{
	margin-top:30px; 
	margin-bottom:30px;
}

.ul-contain-right-about{
	padding-left:15px; 
	padding-top:7px;
}

.container-search-members{
	padding-left:30px;
	padding-right:30px;
}

.tab-search-members{
	border-bottom:0px; 
	background:#f5f5f5 !important;
}

.content-search-members{
	max-height:120px;
}

/* .content-inner-search-members{
	min-height:120px; 
	max-height:120px;
} */

.content-inner-search-members {
    min-height: 100%;
    max-height: 100%;
}

.tab-li-search-members{
	text-align:center; 
	border-top-left-radius:0px !important; 
	border-top-right-radius:0px !important;
}

.tab-li-search-members a{
	padding:16px 30px!important; 
	font-size:14px; 
	border-top-left-radius:0px !important; 
	border-top-right-radius:0px !important;
}

.title-members-category{
	text-align:center; 
	font-weight:normal;
	font-size:46px; 	
	letter-spacing:1px;
}

.title-subtitle-category{
	text-align:center; 
	color:gray; 
	letter-spacing: 2px;
}

.title-members-associate {
    text-align: center;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 23px;
}

.subtitle-members-associate{
	text-align:center; 
	color:gray; 
	letter-spacing: 2px;
}

/* ============================================== container ======================================== */
.contain-right-about{
	width:40%!important;
}

.conatainer-step-type{
	padding:20px 30px; 
	margin-top:0px; 
	margin-bottom:0px; 
	margin-right:0px; 
	margin-left:0px; 
	background-color:#f5f5f5; 
	border: 4px solid #f5f5f5; 
	min-height: 326px;
}

.container-inner-step-1{
	min-height: 239px;
}

.container-inner-step-2{
	min-height:97px;
}

.complaints-img-content{
	width:100%;
}

.contain-complaints-inner{
	height:565px;
}

.contain-complaints-slide{
	height: 565px; 
	padding-left: 50px; 
	padding-right: 50px; 
	margin-left: -50px; 
	margin-right: -50px;
}

.contain-acop{
	max-width:70%; 
	width:70%;
}

.row {
    margin-right: 0px!important;
    margin-left: 0px!important;
}

.container {
    /* max-width: 92.5% !important;
    width: 92.5% !important; */
	/* max-width: 94.5% !important;
    width: 94.5% !important; */
	max-width: 1275px !important;
    width: 1275px !important;
}

.contain800{
	width:68.3%;
	margin:0 auto;
}

.contain-MAP-1, .contain-MAP-2, .contain-MAP-3{
	padding-top:16px; 
	margin-top:0px; 
	margin-bottom:0px; 
	margin-right:0px; 
	margin-left:0px; 
	background-color:#f5f5f5; 
	border: 4px solid #f5f5f5; 
	min-height:285px!important;
}

.contain-MAP-inner2-1, .contain-MAP-inner2-2, .contain-MAP-inner2-3{
	/* height:97px;  */
	min-height:97px;
}

.contain-MAP-inner-1, .contain-MAP-inner-2, .contain-MAP-inner-3{
	/* height:250px;  */
	min-height:300px;
}

.contain900{
	width:80%;
	margin:0 auto;
}

.contain-in{
	width:100%;
	margin:0 auto;
}

.contain500{
	width:60%;	
	margin:0 auto;
}

.contain400{
	width:50%;	
	margin:0 auto;
}

.contain300{
	width:40%;	
	margin:0 auto;
}

.container-full {
    width: 100%;
    padding: 0px 15px;
    margin-right: auto;
    margin-left: auto;
}

/* .container, .jumbotron .container {
    width: auto;
    max-width: 1170px;
} */

.jumbotron {
    margin: 60px 0;
    padding-left: 0;
    padding-right: 0;
}
.jumbotron.intro {
    margin-top: 0;
}
.jumbotron .navbar {
    font-size: 14px;
    line-height: 1.6;
}

#rspo-logo {
    background: url(../img/logo-rspo-top.png) left center no-repeat;
    width: 260px;
    height: 58px;
    margin: 0px;
    padding: 0px;
}
#rspo-logo-big {
    background: url(../img/logo-rspo-bottom.png) center center no-repeat;
    width: 294px;
    height: 80px;
    margin: 0px;
    padding: 0px;
    display: block;
    margin: auto;
}
#rspo-logo em, #rspo-logo-big em {
    display: none;
}

.acop-gray1 h4.subsection-heading {
    font-size: 13px;
    display: block!important;
    min-height: 60px;
}

#resultCarousel h4 {
    font-weight: bold;
    font-size: 14px;
    color: #43372c;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #fff;
    background-color: #F79644;
    border-color: #DDD;
}

.text-muted {
    color: #ad9c8c;
}
.text-primary {
    color: #786a5d;
}
.intabtextp {
    font-size: 14px;
    line-height: 1.5;
    padding-top: 10px;
}

#navigation_responsive{                
	width:100%;
}

.member_profile{
	font-size:13px;
}

.whoweareabout {
    font-size: 14px;
    line-height: 1.75;
}

.memberprofiletextleft {
    font-size: 13px;
    line-height: 1.5;
}

.centered {
    text-align: center;
}
.img-centered {
    margin: 0 auto;
}

#bs-example-navbar-collapse-1 {
    margin-top: 0px;
    z-index: 1100;
}
#bs-example-navbar-collapse-1 .dropdown {
    margin-right: 220px;
}
#other-sites-dropdown a#dLabel {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

/* .dropdown-menu {
    margin-top: 65px;
} */

.dropdown-menu {
    border-radius: 0px!important;
	padding: 0px;
}

.NEAT-height-out{
	min-height:320px; 
	max-height:320px;
}

.contain-link-menu-NEAT{
	margin-top: 12px;
}
.contain-search-NEAT{
	padding-right: 0px; 
	/* padding-left: 8px;  */
	padding-left: 0px; 
	margin-right: 0px; 
	margin-bottom: -1px; 
	margin-top: 6px;
}
.contain-post-NEAT{
	
}
.contain-list-sidebar-NEAT{
	padding-top:6px; 
	padding-left:10px;
}

.NEAT-height-container{
	min-height:120px; 
	min-height:270px;
}

.sidebar-right-NEAT{
	width:100%;
}

.why-join-rspo-container{
	padding-top:0px; 
	padding-bottom:36.4px; 
	min-height: 328px;
	max-height: 328px;
}

.show-more-pod{
	border-right: 1px solid #D7D7D7; 
	width: 100.01%;
}

/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */

.yamm .nav,		
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
	
}
.navbar-nav.yamm>li>a {
    padding: 20px 20px 18px 20px;
}
.yamm .container {
    position: relative;
}
.yamm .dropdown-menu {
    left: auto;
}
.yamm .yamm-content {
    /* padding: 4px 18px 10px 18px; */
	padding: 4px 0px 8px 0px;
}
.yamm .yamm-content ul>li>p {
    border-bottom: solid 1px #e6dad0;
    margin: 0px;
    padding: 5px 0px;
}
.yamm .yamm-content ul>li>p a {
    margin: 10px 0px;
    line-height: 18px;
    font-size: 14px;
	color: #FF6500;
	background: transparent !important;
}
.yamm .yamm-content ul>li>p a:hover, .yamm .yamm-content ul>li>p a:focus  {
    color: #bf5700;
	background: transparent!important;
    /* text-decoration: none; */
}	

.yamm .yamm-content ul>li>ul {
    margin: 0px;
    padding: 5px 0px 0px 0px;
}
.yamm .yamm-content ul>li>ul>li {
    padding: 0px 0px 8px 0px;
    list-style-type: none;
    margin: 0px;
	font-size: 13px;
}
/* .yamm .yamm-content ul>li>ul>li a {
    color: #786a5d;
    font-size: 13px;
} */
/* .yamm .yamm-content ul>li>ul>li a:hover {
    color: #F79644; */
    /* text-decoration: none; */
/* } */

.yamm .yamm-content ul>li>ul>a li {
    color: #786a5d;
    font-size: 13px;
}
.yamm .yamm-content ul>li>ul>a li:hover {
    color: #F79644;
    /* text-decoration: none; */
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}
.navbar-fixed-top .yamm .dropdown-menu {
    z-index: 5;
    margin-top: 0px !important;
    position: absolute;
    border-top: solid 2px #f79644;
}
.navbar-fixed-top.navbar-shrink .yamm .dropdown-menu {
    z-index: 5;
    margin-top: 0px !important;
    position: absolute;
    left: 100px;
}
/*
.yamm .dropdown-menu#other-dropdown {
    left: 100px;
}*/

.contain-member-pod-nav-2 a{
	color:#786A5D;
}

.contain-member-pod-nav-2 a:hover{
	color:#F79644!important;
}

/* ===================================== menu style ====================================== */

.list-unstyled, .list-unstyled ul {
    /* min-width: 120px; */
    min-width: 250px;
}

/* ===================================== Grid demo styles ================================== */

.grid-demo {
    padding: 10px 30px;
}
.grid-demo[class*="col-"] {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1em;
    text-align: center;
    line-height: 2;
    background-color: #e5e1ea;
    border: 1px solid #d1d1d1;
}

.image-credit {
    position: absolute;
    right: 0px;
    left: 0px;
    padding: 3px 6px;
    bottom: 10px;
    color: #F2F2F2;
    text-align: center;
    font-size: 11px;
    text-shadow: 1px 1px 1px #0A0203;
}

.img-credit-trademark{
	margin-top:34%;
}

#inside header#member-header {
    height: 500px;
}

#inside  header#member-header #myCarousel .fill {
    height: 357px;
}

.top-header {
    padding: 0px 0px;
}

.font-container-copy {
    background: #020202 url(../img/footer-img.jpg) top center no-repeat;
    text-align: center;
    padding: 25px 0px;
    color: #ffffff;
	background-size: cover;
}
/* for animation */

#pushstat{
	display:none;
}

.sembunyi {
    opacity: 0;
}
.tampil {
    opacity: 1;
}
.form-control {
    border-color: #bde1f4;
    color: #24a9e1;
}
.form-control input:active,
.form-control:focus {
    border-color: #39b4f2;
}
/* ABOUT */

#about,
#about p {
    background-color: #43372c;
    color: #a39b94;
    font-size: 15px;
}

.why-join-rspo-out{
	padding-top:0px; 
	padding-bottom:36.4px; 
	min-height:328px; 
	max-height:328px;
}

.tab-content-news .tab-pane {
    background-color: #ffffff;
    padding: 0px 30px 16px 30px;
}

.tab-content-news .tab-pane h3 {
    color: #f26522;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

.search-detail-news-events{
	padding-left:0px;
	padding-right:0px;
	margin-bottom:-1px;
}

.searchbox-open {
    width: 100.4%;
    border: 1px solid #DDD;
}

#tab-news li a {
    font-weight: 700;
    line-height: 16px;
}
#tab-news.nav-tabs>li.active>a,
#tab-news.nav-tabs>li.active>a:hover,
#tab-news.nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 0px solid #ddd;
    border-bottom-color: white;
}
/* #tab-news {
    background-color: #ebe6e1;
} */

.tab-why-join-rspo-homepage{
	border-bottom:0px; 
	background:transparent;
}
.tab-why-join-rspo-homepage{
	width:100%; 
	text-align:center; 
	border-top-left-radius:0px; 
	border-top-right-radius:0px;
}
.tab-a-why-join-rspo{
	margin-right: 0px; 
	padding:16px 30px 8px 30px!important; 
	font-size:14px; 
	border-top-left-radius:0px; 
	border-top-right-radius:0px;
}

.button-subcribe-footer{
	display:block;
	height:10px;
}

/* ==================================== socmed ================================= */

.fb{
	background:#3e5b97;
}
.fb:hover{
	background:#324979;
	cursor:pointer;
}

.gplus{
	background:#dc4b38;
}
.gplus:hover{
	background:#be2f1f;
	cursor:pointer;	
}

.twitter{
	background:#2aa7de;
}
.twitter:hover{
	background:#2286b2;
	cursor:pointer;
}

.twitter-link,
facebook-link {
    line-height: 30px;
    text-decoration: none;
}
.twitter-link .fa-twitter {
    color: #00b5f4;
    font-size: 20px;
}
.facebook-link .fa-facebook {
    color: #2f5488;
    font-size: 20px;
}
.social-quote,
.social-quote:hover {
    color: #786a5d;
    min-height: 100px;
    display: block;
}
.social-quote .people-name {
    font-size: 16px;
    font-weight: 600;
}
.social-quote img {
    border: none;
}
hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.twitter-container {
    padding-right: 10px;
}
.facebook-container {
    padding-left: 10px;
}
#social {
    padding-bottom: 0px;
}

.socmentextp {
    font-size: 14px;
    line-height: 1.5;
}

.socmed-height-out{
	min-height:151px;
}
	
.socmed-height-in{
	min-height:170px;
}

/* =================================== ============================================ */

.tab-comments-container {
    border: 0px;
    border-left: solid 15px #5a4c40;
}
#tab-comments li {
    border: 0px;
    display: block;
    float: none;
    border-right: solid 1px #fff;
}
#tab-comments li.active a {
    border: 0px;
    width: 100%;
    background-color: #ffffff;
    color: #5a4c40;
    font-weight: bold;
    display: block;
}
#tab-comments li a {
    width: 100%;
    background-color: #F79644;
    color: #ffffff;
    font-weight: bold;
    display: block;
    border-radius: 0px;
    border: 0px;
    font-size: 14px;
    padding: 20px 20px;
}
#tab-comments li a:hover {
    background-color: #5a4c40;
    color: #ffffff;
}
.comments-tab-container {
    border: solid 1px #e9e6c8;
}
.list-comments {
    list-style-type: none;
    margin: 0px 0px;
    padding: 0px 0px;
}
.list-comments li {
    border-bottom: solid 1px #e9e6c8;
    margin-left: 0px;
    margin-right: 0px;
    padding: 8px 0px 8px 0px;
}
.list-comments li a {
    font-size: 14px;
    font-weight: bold;
    color: #43372c;
}
.link-more-comments {
    margin-left: 20px;
}

#other-sites-dropdown a div {
    padding-top: 14px;
}

.icon-search{
	font-size:18px;
}

#link-search {
    display: block;
    float: left;
    line-height: 38px;
    height: 58px;
    color: #ffffff;
    font-size: 18px;
    padding: 0px 20px;
    background-color: #f79644;
    margin-left: 10px;
    margin-right: 10px;
}
#link-search.search-aktif {
    color: #f79644;
    background-color: #ffffff;
}
#link-search .glyphicon-search {
    margin-top: 20px;
}
#link-ask {
    display: block;
    float: left;
    line-height: 38px;
    height: 38px;
    padding: 0px 0px 0px 20px;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
}
.link-other {
    display: block;
    float: left;
    height: 38px;
    font-weight: 600px;
    letter-spacing: 1px;
}
.link-other-arrow {
    display: block;
    float: left;
    line-height: 38px;
    height: 38px;
    padding: 0px 10px;
    font-size: 16px;
}
.search-area {
    background-color: #ffffff;
    padding: 40px 0px;
	margin-top:-2px;
    z-index: 2;
    width: 100%;
    position: absolute;
    /*box-shadow: 1px 2px 1px #89745f;*/
    border-bottom: solid 1px #cbc9c6;
}
#searchText {
    /* height: 40px; */
    width: 350px;
    background-color: #f6f2ed;
    border-radius: 0px;
    margin: 0px;
    border-color: #d8d2ce;
}
#btn-search {
    border-radius: 0px 3px 3px 0px;
    margin: 0px;
}

/* ======================================= comment and consultations ========================================= */
.tab-head{
	padding-left:0px;
	padding-right:0px;
}

.tab-body{
	padding-left:0px;
	padding-right:0px;
}

/*  */

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: #d8d2ce;
    ;
    box-shadow: 0 1px 1px #e2d4ca inset, 0 0 8px #e2d4ca;
    outline: 0 none;
}
#container-navbar {
    padding-bottom: 0px;
}
.yamm .dropdown-menu#other-dropdown {
    left: 100px;
}
.carousel-inner .item a,
.carousel-inner .item a:hover,
.carousel-inner .item a:active {
    color: #ffffff;
    text-decoration: none;
}
/* SHARE BUTTON */

.socialmedia-box-container {
    position: absolute;
    /* border: 1px solid red;*/
}
#socmed-arrow {
    font-size: 20px;
    background: #F79644;
    color: #fff;
    width: 31px;
    height: 50px;
    position: absolute;
    left: -32px;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
    transition: 0.25s;
    margin-top: -1px;
}
#socmed-arrow:hover {} .socialmedia-box-container:hover .socialmedia-box {
    right: -2px;
}
.socialmedia-box {
    z-index: 1002;
    position: fixed;
    width: 60px;
    top: 200px;
    right: -68px;
    display: block;
    transition: 0.25s;
    background: #f2f2f2;
    padding: 0px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.socialmedia-box #tab-socialmedia {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: block;
    margin-top: 0px;
    width: 100px;
    height: 100px;
    overflow: hidden;
}
#tab-socialmedia li {} #tab-socialmedia li a {
    background-color: #e1ddda;
    color: #786a5d;
    font-weight: bold;
    display: block;
    text-decoration: none;
    padding: 10px 10px;
    width: 34px;
}
#tab-socialmedia li a:hover {
    color: #43372c;
    text-decoration: none;
}
#tab-socialmedia li.active a {
    color: #786a5d;
    background-color: #f2f2f2;
    text-decoration: none;
}
#tab-socialmedia {
    margin: 0px;
    padding: 0px;
}
#tab-socialmedia li {
    width: 20px;
    height: 50px;
    display: block;
    float: left;
    margin: 0px;
	background: transparent;
}
#socialmedia-tab-content {
    display: block;
}
.tab-sharing a.link-facebook {
    font-size: 25px;
    color: #2a4f84;
}
.tab-sharing a.link-facebook:hover {
    color: #ffffff;
    background-color: #2a4f84;
}
.tab-sharing a.link-twitter {
    font-size: 25px;
    color: #00b1f9;
}
.tab-sharing a.link-twitter:hover {
    color: #ffffff;
    background-color: #00b1f9;
}
.tab-sharing a.link-linkedin {
    font-size: 20px;
    color: #0077aa;
}
.tab-sharing a.link-linkedin:hover {
    color: #ffffff;
    background-color: #0077aa;
}
.tab-sharing a.link-google-plus {
    font-size: 20px;
    color: #da4735;
}
.tab-sharing a.link-google-plus:hover {
    color: #ffffff;
    background-color: #da4735;
}
#link-share {
    margin-left: 10px;
}
.tab-sharing {
    padding: 0px 10px 10px 10px;
    text-align: center;
}
.tab-sharing a {
    height: 40px;
    width: 40px;
    display: block;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    color: #ffffff;
    font-weight: 500;
    margin: auto;
    padding: 5px;
    margin-bottom: 5px;
    background-color: #ffffff;
}
.thumbnail-container {
    float: left;
    margin: 0px 15px 15px 0px;
}
.showline {
    display: none;
}
.show-on-mobile {
    display: none;
}

#footer-map {
    width: 275px;
}


.timeline {
    list-style: none;
    padding: 0px;
    position: relative;
}
.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #e7e7e7;
    left: 50%;
    margin-left: -1.5px;
}
.timeline > li {
    margin-bottom: 20px;
    position: relative;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li > .timeline-panel {
    width: 46%;
    float: left;
    border-radius: 0px;
    padding: 20px;
    position: relative;
    border: solid 1px #E7E7E7;
    background-color: #E7E7E7;
    color: #43372c;
    /*text-align: right;*/
}
.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #E7E7E7;
    border-right: 0 solid #E7E7E7;
    border-bottom: 15px solid transparent;
    content: " ";
}
.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #E7E7E7;
    border-right: 0 solid #E7E7E7;
    border-bottom: 14px solid transparent;
    content: " ";
}
.timeline > li > .timeline-badge {
    color: #43372c;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 33px;
    left: 50%;
    margin-left: -11px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
    border: solid 1px #E7E7E7;
    background-color: #E7E7E7;
    color: #43372c;
    text-align: left;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel a,
.timeline > li.timeline-inverted > .timeline-panel a:hover,
.timeline > li.timeline-inverted > .timeline-panel a:visited {
    color: #ffffff;
}
.timeline-badge.primary {
    background-color: #2e6da4 !important;
}
.timeline-badge.orange {
    background-color: #E7E7E7 !important;
}
.timeline-title {
    margin-top: 0;
    color: inherit;
    font-weight: bold;
	text-align:center;
}
.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}
.timeline-body > p + p {
    margin-top: 5px;
}

.left{
	float:left;
}

.map-footer-img{
	width:100%;
	height:146px;
}

.carousel-control.left,
.carousel-control.right {
    background:none;
    filter: progid: none !important;
}

.about-quote {
    font-size: 30px;
    color: #43372c;
}
.inorange {
    color: #ee8639;
    font-weight: normal;
}
.content-style ul li,
.content-style ol li {
    margin-bottom: 12px;
}


#resultCarousel .fa {
    color: #000000;
    text-shadow: none;
    width: 30px;
    height: 30px;
    margin-top: 100px;
    font-size: 60px;
}
.front-photo {
    display: block;
    border: none;
}
.front-photo-container a,
.front-photo-container a:visited,
.front-photo-container a:hover {
	border: none;
    color: #43372C;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.5;
}
.front-photo-container .image-thumbnail {
    margin: auto;
}
#inside .dropdown-menu,
#front .dropdown-menu {
}
#inside #bs-example-navbar-collapse-1 .dropdown-menu,
#front #bs-example-navbar-collapse-1 .dropdown-menu {
    margin-top: 65px;
}
#inside #bs-example-navbar-collapse-1 #dropdown-login,
#front #bs-example-navbar-collapse-1 #dropdown-login {
    margin-top: 20px;
}

#careerlist {
    padding: 0px;
}
.container-career-content {
    padding: 30px;
    border-left: solid 1px #dedede;
    height: 1400px;
    overflow-y: scroll;
}
.career-tab-container {
    border: solid 1px #dedede;
    background-color: #ffffff;
    height: 1400px;
}
.tab-career-container {
    border: 0px;
}
.career-position {
    font-size: 20px;
    color: #786a5d;
}
.career-location {
    font-size: 15px;
    color: #ed7b1c;
}
.career-deadline {
    margin-top: 10px;
    color: #c0bfbe;
    font-size: 12px;
}
#tab-career li a {
    padding: 30px;
    border: 0px;
    border-bottom: solid 1px #dedede;
    width: 100%;
    border-radius: 0px;
}
#tab-career li {
    width: 100%;
    display: block;
}
#tab-career li.active a {
    padding: 30px;
    border: none;
    border-radius: 0px;
    border-left: solid 0px #db6707;
    width: 100%;
    background-color: #ed7b1c;
    color: #ffffff;
    display: block;
}
#tab-career li.active a .career-position,
#tab-career li.active a .career-location,
#tab-career li.active a .career-deadline {
    color: #ffffff;
}

/* MEMBER INDEX */

/*!
 * Bootstrap-select v1.6.2 (http://silviomoreto.github.io/bootstrap-select/)
 *
 * Copyright 2013-2014 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */

.bootstrap-select {
    /*width: 220px\9; IE8 and below*/
    width: 220px \0;
    /*IE9 and below*/
}
.bootstrap-select > .btn {
    width: 100%;
    padding-right: 25px;
}
.error .bootstrap-select .btn {
    border: 1px solid #b94a48;
}

.dropdown-toggle{
	border-radius:0px;
}

.control-group.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48;
}
.bootstrap-select.fit-width {
    width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}
.bootstrap-select .btn:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
	box-shadow: none;
}
.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.form-control {
	display: block;
	width: 100%;
	/* cursor:pointer; */
	cursor:text;
	height: 40px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857;
	color: #555;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #CCC;
	-webkit-border-radius: 0px!important;
	-moz-border-radius: 0px!important;
	border-radius: 0px!important;
	box-shadow: none;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	height: 39px;
}

i/* nput[type=text] {
    -webkit-appearance: none!important;
}

input{
    -webkit-appearance: none!important;
} */

select{
	-webkit-appearance: menulist!important;
}

.bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row-fluid .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
    float: right;
}
.form-search .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
    margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0;
}
.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%;
}
.input-append .bootstrap-select.btn-group {
    margin-left: -1px;
}
.input-prepend .bootstrap-select.btn-group {
    margin-right: -1px;
}
.bootstrap-select.btn-group > .disabled {
    cursor: not-allowed;
}
.bootstrap-select.btn-group > .disabled:focus {
    outline: none !important;
}
.bootstrap-select.btn-group .btn .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
}
.bootstrap-select.btn-group .btn .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}
.bootstrap-select.btn-group[class*="col-"] .btn {
    width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    z-index: 1035;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small {
    color: #64b1d8;
    color: rgba(100, 177, 216, 0.4);
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
}
.bootstrap-select.btn-group.fit-width .btn .filter-option {
    position: static;
}
.bootstrap-select.btn-group.fit-width .btn .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}
.bootstrap-select.show-menu-arrow.open > .btn {
    z-index: 1035 + 1;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom-width: 7px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    border-bottom-color: rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-bottom: 0;
    border-top-width: 7px;
    border-top-style: solid;
    border-top-color: #cccccc;
    border-top-color: rgba(204, 204, 204, 0.2);
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid white;
    border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
    display: block;
}
.bs-searchbox,
.bs-actionsbox {
    padding: 4px 8px;
}
.bs-actionsbox {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
    width: 50%;
}
.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px;
}
.bs-searchbox input.form-control {
    margin-bottom: 0;
    width: 100%;
}
.mobile-device {
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: 100% !important;
    opacity: 0;
}
/*# sourceMappingURL=bootstrap-select.css.map */

#member-search {
    background-color: #F5F5F5;
}
.input-member-keyword {
    /* width: 536px; */
    float: left;
}
.search-form input,
.search-form div,
.search-form button {
    border-radius: 0px;
    margin: 0px;
    font-size: 13px;
    min-height: 40px;
	margin-right:-2px;
	border-color:transparent;
}
.search-form .selected a {
    color: #ed7b1c;
}
.search-form span.caret,
.search-form span.glyphicon {
    color: #ed7b1c;
}
.search-form #submit-button {
    color: #ffffff;
    font-weight: bold;
    padding-left: 55px;
    padding-right: 55px;
    background-color: #ed7b1c;
    border: none;
    font-size: 13px;
	font-weight:600;
    border-radius: 0px 3px 3px 0px;
}
.search-form .btn-group,
.search-form select {
    margin-left: -5px;
    padding: 0px;
}
.search-input-area {
    width: 1000px;
    float: left;
}
.search-submit-area {
    margin-left: 1000px;
}
.radio-options,
.radio-options input {
    color: #ffffff;
    line-height: 13px;
    height: 13px;
    min-height: 13px;
}
.radio-options {
    padding: 10px 10px 0px 0px;
    line-height: 16px;
    font-size: 14px;
}
#oops {
    padding: 200px 0px 150px 0px;
    font-size: 14px;
    line-height: 25px;
}
.big-heading {
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 70px;
    color: #1b140d;
}
#contact-map {
    padding: 0px;
}
#contact-map-container {
    min-height: 450px;
}

.link-link{
	color:#FF6500;
}

.link-link:hover{
	color:#FF6500!important;
}

.address-label {
    width: 100px;
    color: #ad9c8c;
    display: block;
    float: left;
}
#question {
    padding-top: 0px;
}
.form-control {
    border-color: #D5CEC8;
    color: #786a5d;
}
.form-control:focus {
    border-color: #d5cec8;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(202, 177, 155, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(202, 177, 155, .6);
}
.form-control option {} .form-control option:active {} #contact-message {
    height: 150px;
}
.btn-send-contact,
.btn-daftar {
    background-color: #ef6e19;
    color: #ffffff;
    font-weight: bold;
    padding: 10px 100px;
}
.btn-send-contact:focus,
.btn-send-contact:hover {
    background-color: #ff7600;
    color: #ffffff;
}
#certification-bodies-search {
    background-color: #ffffff;
    padding-top: 0px;
}
#certification-bodies-search .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    /* width: 298px; */
	width:100%;
}
#input-keyword-certification {
    /* width: 400px; */
}
#certification-bodies-search .radio-options {
    color: #786a5d;
}
#related.in-certification {
    border-top: solid 1px #dedede;
}
#container-cari {
    min-height: 90px;
}
.pagination>li>a,
.pagination>li>span {
    color: #786a5d;
}
.detailed-people .modal-header {
    margin: auto;
    margin-top: 130px;
    margin-bottom: 0px;
    width: 675px;
    border: none;
}
.detailed-people .modal-dialog {
    margin-top: 0px;
    width: 675px;
    padding: 10px 30px 30px 30px;
    border-radius: 0px;
}
.detailed-people .modal-content {
    border-radius: 0px;
}

.detailed-people .modal-dialog .modal-content .modal-body {
	padding-bottom: 15px;
}

.detailed-people .close {
    text-shadow: none;
    font-size: 16px;
    padding-right: 20px;
    color: #ffffff;
    opacity: 100;
}
.detailed-people .close .in-orange {
    color: #ff8c2c;
}
#organization-chart {
    padding-top: 0px;
}


#pie-chart {
    padding-top: 0px;
}
#inside h4.subsection-heading {
    font-size: 14px;
    line-height: 18px;
    color: #555;
    font-weight: bold;
    display: inline;
}
.btn-pop,
.btn-pop:hover,
.btn-pop:focus {
    border-color: #ed7b1c;
    color: #fff;
    background-color: #ed7b1c;
    font-size: 15px;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    line-height: 14px;
    padding: 0px;
    outline: none;
}
#piechart-hectars-certified {
    width: 380px;
    height: 300px;
    overflow: hidden;
    margin: auto;
}
#piechart-hectars-certified > DIV {
    margin-top: -30px;
}
.aktif {
    display: block;
    width: 400px;
    height: 350px;
}
.non-aktif {
    display: none;
}
#select-chart, #select-member-chart {
    width: 350px;
    margin: auto;
}
.rounded-chart {
    background-color: #ed7b1c;
    color: white;
    font-size: 18px;
    width: 210px;
    height: 210px;
    border-radius: 150px;
    text-align: center;
    padding-top: 85px;
    display: block;
    margin: auto;
    margin-top: 35px;
}

#piechart-members {
    margin: 0px;
    padding: 0px;
    height: 300px;
    width: 100%;
    overflow: hidden;
}

#piechart-members > DIV {
    margin: 0px;
    padding: 0px;
    height: 300px;
    width: 100%;
    overflow: hidden;
}


.country {
    width: 200px;
    display: block;
}
.country-in-numbers {
    color: #d2cac2;
}
.simplebox {
    outline: none;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    color: #888888;
}
#btn-login {
    color: #ffffff;
    background-color: #251f19;
    /* margin-top: 10px; */
    line-height: 20px;
    height: 58px;
    font-weight: 600;
    letter-spacing: 1px;
	text-transform: capitalize;
	border: none !important;
	text-align: left;
	padding-right: 20px;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 5%;
}

#btn-login .caret {
    font-size: 20px;
}
#dropdown-login {
	/* margin-top: 17px; */
    margin-top: -1px;
    width: 280px;
    padding: 20px 0px;
    font-size: 13px;
    border-radius: 0px 0px 3px 3px !important;
    margin-right: -1px;
}
.join-the-rspo-am{
	padding-right:10px;
}
/* am add 28jan2015 */
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0px none;
    background-color: white !important;
    color: #000 !important;
}

#dropdown-login label {
    font-weight: normal;
    font-size: 13px;
    margin-top: 17px;
}
#dropdown-login .pull-right {
    padding-top: 10px;
}

.forgot-password-am{
	padding-top: 17px!important;
}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-top: 6px;
}

#dropdown-login a:hover {
    text-decoration: none;
}
.join-area {
    border-top: solid 1px #d5cec8;
    margin-top: 20px;
    padding-top: 16px;
	padding-left:20px;
	padding-right:20px;
}
.contain-inner-login-am{
	padding-left:20px!important;
	padding-right:20px!important;
}

#btn-signin {
    margin-top: 20px;
}
.overlay {
    background: transparent;
    position: relative;
    width: 1400px;
    height: 480px;
    /* your iframe height */
    top: 480px;
    /* your iframe height */
    margin-top: -480px;
    /* your iframe height */
}
/* frame careers */

.career-tab-container {
    width: auto;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0;
    display: block;
}
.career-tab-container p,
li {
    font-size: 14px;
    line-height: 1.75;
}
#vision {
    padding: 50px 0px;
}
.sect-wrapper {
    width: auto;
    max-width: 1170px;
    margin: 0 auto;
}
/* frame careers */

.career-tab-container {
    width: auto;
}
.career-tab-container p,
li {
    font-size: 14px;
    line-height: 1.5;
}
#vision {
    padding: 30px 0px;
}
.sect-wrapper {
    width: auto;
    max-width: 1170px;
    margin: 0 auto;
}
/* agus 22 Sept 14 */

.related-block {
    display: table;
}
.bg-gray {
    background-color: #F2F2F2;
}
#contact-address p {
    font-size: 13px;
    line-height: 1.75;
}
/* member profile */

.text-left {} 

.left-brand {
    width: 28%;
}

.logo-members {
    width: auto;
    border: 1px solid #DEDEDE;
    vertical-align: middle;
    display: table-cell;
    padding-left: 27px;
    padding-right: 27px;
    padding-top: 32%;
    padding-bottom: 32%;
}
.logo-members img {
    width: 100%;
}
.descr-profile {
    padding: 24px 0px;
}
.descr-profile span{
    color:#786A5D;
}
.brand-trade {
    width: 100%;
    padding: 20px 0px 20px 0px;
}
.logo-traders {
    width: 100%;
    vertical-align: middle;
    display: table-cell;
    padding: 0px;
    min-width: 195px;
}
.logo-traders h3 {
    color: #EF6E19;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.traders-img {
    padding: 12px 0px 0px;
    margin: 0px auto;
    position: relative;
}
.logo-traders a.btn-brown {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 11.5px;
    background: none repeat scroll 0% 0% #735636;
    color: #F2F2F2;
    width: 152px;
    border-radius: 0px !important;
    margin-top: -3px;
}
.right-desc {
    width: 72%;
}
#tab-profile-member {
    background: #fff;
    padding-left: 0px;
    /* margin-left: -16px; */
    margin-bottom: 16px;
}
.list-sub p {
    font-size: 14px;
}
.list-sub ul li a{
    font-size: 13px;
}
#tab-profile-member li a {
    color: #FF6500;
    font-weight: bold;
    padding: 0px 14px 0px 0px;
    margin-right: 0px !important;
}
#double-list {
    padding-left: 10px;
    border-left: 1px solid #555;
}
.first-tabbed {} #tab-profile-member li.active a {
    color: #555 !important;
}
.list-name ul {
    padding: 0px;
    margin: 0px;
}
.list-name li {
    list-style: none;
    padding: 0px;
}
.list-sub ul {
    padding: 0px;
    margin: 0px;
}
.list-sub li {
    list-style: none;
    padding: 0px;
}
.member-report {
    /* padding: 26px 0px 0px 0px */
}
.report-content {
    padding-left: 0px;
    border-bottom: 1px solid #dedede;
}
.member-report h4 {
    padding-bottom: 10px;
}
.list-reports {
    padding: 10px 0px 14px 0px;
}
.list-reports li {
    list-style: none;
	font-size: 13px;
}
.list-reports ul li a{
    font-size: 13px;
}
.suply-chain {
    padding-left: 0px;
}
.title-suply {
    font-size: 24px;
    margin: 21px 0px 10px 0px;
}
.btm-padding {
    padding: 0px;
}
.back-linkmembers {
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 27px;
    padding-bottom: 22px;
    vertical-align: middle;
    position: relative;
}
.back-linkmembers a {
    vertical-align: middle;
    font-size: 14px;
    text-decoration: none;
}
.back-linkmembers i {
    font-size: 16px;
    margin-right: 8px;
    color: #FF6500;
}
.primary-member {
	padding-left:0px; 
	padding-right:0px;
} 

.text-desc-members p {
    font-size: 13px;
}
.btn-orange-member {
    background: #786A5D;
    color: #fff;
	border-radius:0px;
}
.btn-orange-member {
    color: #fff;
    margin-left: -14px;
    margin: 0px 0px 18px 0px;
}
.btn-orange-member:hover {
    color: #fff;
	background: #735636;
}
/* member profile */

/* Event Detail */

.wrap-events-detail {
    border: solid 1px #dedede;
}
.back-linkevents {
    font-weight: bold;
    padding-top: 23px;
    padding-bottom: 20px;
    vertical-align: middle;
    position: relative;
}

.back-linkevents span {
    font-size: 16px;
    margin-right: 8px;
    color: #f79644;
	padding-top: 10px;
}

.back-linkevents span:hover {
    font-size: 16px;
    margin-right: 8px;
    color: #FF6500;
}

.back-linkevents span a {
    color: #43372C;
    vertical-align: middle;
    font-size: 14px;
    text-decoration: none;
}

.back-linkevents span a:hover {
    color: #FF6500;
    vertical-align: middle;
    font-size: 14px;
    text-decoration: none;
}

.event-tab-container {
    background-color: #ffffff;
    height: auto;
    padding-bottom: 0px;
    width: auto;
}
.event-tab-container p,
.event-tab-container li {
    font-size: 14px;
    line-height: 1.75;
	color:#43372C;
}
.wrapper-event p,
.wrapper-event li {
    font-size: 13px;
}
.tape-event {
    height: auto;
	padding-bottom: 0px;
    display: block;
}
.container-event-content {
    padding: 8px 30px 0px 15px;
}

.container-NPP-NI-content{
	padding: 8px 30px 8px 30px;
}

.container-NEAT-content{
	padding: 8px 30px 8px 30px;
}

.container-event-content img {
    margin: 3px 0px 30px 0px;
}
.date-start {
    font-size: 13px;
    padding: 0px 0px 16px 0px;
}
.date-start span {
    color: #FF6500;
}
.regard {
    padding-left: 0px;
}
.position {
    width: 100%;
    font-size: 14px;
    color: 898989;
    display: block;
    padding-top: 8px;
}
.organisation-state {
    width: 100%;
    font-size: 14px;
    color: 898989;
    display: block;
}
.wrapper-event {
    text-align: left;
    font-size: 16px;
}
.wrapper-event ul {
    list-style: none;
    padding: 20px 8px 8px 20px;
}
.wrapper-event ul li {
    font-size: 14px;
}
.wrapper-event span {
    font-weight: bold;
    display: block;
    width: 80px;
    float: left;
}
.related-news-btm {
    font-size: 13px;
    padding: 14px 30px;
    margin: 35px 0px 14px 0px;
    border-top: solid 1px #dedede;
}
.related-news-btm h3 {
    font-size: 13px;
    color: #5b5b5b;
    text-transform: uppercase;
    font-weight: bold;
}
.related-news-date {
    color: #858585;
}
.related-news-date {
    font-size: 12px;
    padding-top: 6px;
}
.related-news-date span {
    color: #FF6500;
}
.related-news-column {
    padding: 6px 30px 6px 0px;
}
.tab-event-container {
    border: 0px;
}
.event-position {
    font-size: 14px;
    color: #43372C;
    font-weight: 600;
}

.event-position:hover{
    font-size: 14px;
    color: #f26522;
    font-weight: 600;
	cursor:pointer;
}

.career-location {
    font-size: 15px;
    color: #ed7b1c;
}
.wrapper-selector {
    height: 49px !important;
    overflow: hidden;
    margin-left: -16px !important;
    position: relative;
}
.event-filter-opt select {
    background: #FF6500;
    color: #fff;
    border-radius: 0px !important;
    width: 100%;
    display: inline-block;
    padding: 0px 120px 0px 12px;
    margin: 0;
    font: inherit;
    outline: none;
    /* remove focus ring from Webkit */
    line-height: 1.2;
    border: 0px;
    font-size: 13px;
    display: block;
    height: 40px;
}

.event-filter-opt:after {
    content: "?";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 13px;
    line-height: 30px;
    padding: 6px 16px;
    background: #FF6500;
    color: white;
    height: 40px;
    pointer-events: none;
    -webkit-border-radius: 0 0px)px 0;
    -moz-border-radius: 0 0px 0px 0;
    border-radius: 0px;
}
.no-pointer-events .event-filter-opt:after {
    content: none;
}
.selector-orange option {
    background: #fff;
    color: #786a5d;
    padding-right: 29px !important;
}
.btn-orange {
    color: #FFF;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #F79644;
    font-size: 13px;
    border-radius: 3px;
	text-decoration:none;
}

.whitecontainer {
    background-color: #ffffff;
    padding: 30px;
    margin: 0px 0px;
}
.selector-newsevent {
    background: #FF6500;
}

.event-location-index {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 15px !important;
    font-size: 12px;
}

.event-location-npp-ni {
    border-bottom: 1px solid #DEDEDE;
	font-size:12px; 
	padding:0px 20px 8px 20px;
    margin-left: -20px;
    margin-right: -20px;
}

.event-location {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 10px;
    font-size: 12px;
    margin-left: -20px;
    margin-right: -20px;
}

.event-location span{
    padding-left:20px;
	padding-right:20px;
	display: -moz-inline-stack;
	display: inline-block;
}

.tab-event-container ul li a {
    padding-top: 6px;
}
.newsevent-link {
    padding-top: 0px;
}
.newsevent-link ul {
    list-style: none;
}
.newsevent-link ul li {
    display: inline-block;
}
.newsevent-link ul li a {
	color: #786A5D;
	font-size: 16px;
	padding: 10px 15px;
	font-weight: 600;
	text-decoration: none;
	line-height: 20px;
}
.newsevent-link ul li.active a {
    color: #43372c;
}

.newsevent-link ul li a:hover {
    color: #f26522;
}

.linknews-wrapper ul {
    margin: 0px;
    margin-top: 0px;
    padding: 0px;
}

.images-beta{
	position:fixed; 
	margin-left:17px;
}

.newsevent-search {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #858585;
    background-color: #FFF;
    background-image: none;
    border: 0px;
    border-radius: 0px;
    box-shadow: none !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.my-glip-search {
    padding: 9px 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #ED7B1C;
    text-align: center;
    background: #fff;
    border-radius: 0px;
    border: none;
}
.search-tranparant i {
    font-size: 22px;
    font-weight: 300;
}
#events-heading-menu {
    padding-top: 0px;
}
/* Event Detail */

/* Tender Detail */

.qoute-deadline {
    padding: 18px 18px 8px 18px;
    background: #252525;
    font-size: 14px;
    height: auto;
    display: block;
    color: #fff;
    margin: 18px 0px 24px 0px;
}
.qoute-deadline ul {
    list-style: none;
    padding: 0px;
    display: block;
}
.qoute-deadline span {
    font-weight: bold;
    display: block;
    width: 80px;
    float: left;
}
.qoute-deadline p {
    line-height: 11px;
}
.qoute-deadline span {
    line-height: 11px;
}
#events-heading-menu {
    padding: 0px !important;
}
/* Tender Detail */

#related {
    display: block;
}
/* NEW PAGES */

#imageHeader {
    position: relative;
}
#imageHeader .fill {
    height: 450px;
    display: block;
    z-index: 1;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#imageHeader .imageHeader-caption {
    right: 5%;
    left: 5%;
    width: 550px;
    margin: auto;
    position: absolute;
    top: 90px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
.imageHeader-caption a,
.imageHeader-caption a:hover,
.imageHeader-caption a:active,
.imageHeader-caption a:visited {
    color: #333;
    text-decoration: none;
}


.thumbnail-small-caption,
.thumbnail-small-caption p {
    font-size: 11px;
    color: #7f7f7f;
}
.bg-light-gray {
    color: #43372c;
}
blockquote {
    font-family: georgia, serif;
    font-size: 20px;
    font-style: italic;
    border: none;
    margin: 0px;
    padding: 0px;
}
.blockquote-separator {
    font-size: 30px;
    font-family: georgia, serif;
    color: #7f7f7f;
    line-height: 15px;
    margin: 10px 0px 0px 0px;
    font-style: italic;
}
.blockquote-author {
    font-style: italic;
    font-weight: bold;
    font-size: 13px;
}
.blockquote-tittle {
    font-style: italic;
    font-size: 13px;
}
ul.link-download {
    list-style-type: none;
    text-align: left;
    margin: 0px;
    padding: 0px;
}
ul.link-download li {
    line-height: 30px;
    height: 40px;
    font-size: 14px;
}

#heading-text h4 {
    font-size: 25px;
	text-align:center;
	text-transform:uppercase;
	padding:25px 0px;
	margin-top:0px; 
	margin-bottom:0px;
}

#organization-chart h4{
	text-align:center;
	padding-bottom:21px;
	padding-top:11px;
	margin-bottom:0px;
	margin-top:0px;
}

.sourceimg{
	font-size:12px;
	padding-top:5px;
}

#link-login {
    display: none;
}
.timeline > li > .timeline-badge {
    background-color: #e7e7e7;
    margin-left: -10px;
}
.bottom-related {
    float: none !important;
}

/* RIZA */
.no-margin {
	margin:0!important
}
.mb-0 {
	margin-bottom:0!Important;
}
.ml-0 {
	maargin-left:0;
	padding-left:0
}
.no-padding {
	padding:0!important
}
.border-top-gray {
	border-top:1px solid #CDCDCD;
}
.box-contact-form {
	padding:30px;
	width:100%;
	background:#F2F2F2;
	font-size:14px;
	margin-top:20px;
	height:auto;
}
.box-contact-form.contact{
	height:1170px;
}
.box-contact-form.supporting{
	height:570px;
}
.box-contact-form.organisation{
	/*margin:0 auto;
	width:50%;*/
}
.box-contact-form h5 {
	margin:0 0 20px 0;
}
.box-contact-form h3 {
	margin:0 0 5px 0!important;
}
.box-contact-form input, .box-contact-form textarea {
	border-radius:0;
	height:45px;
}
.box-contact-form textarea {
	border-radius:0;
	margin-top:10px;
}
.box-contact-form select {
	border:none;
}
.box-contact-form .form-group {
	margin-bottom:23px;
	border-radius:0;
}
.box-contact-form label {
	color:#333;
	font-size:14px;
	margin-bottom:6px;
}
.box-contact-form .input-group-addon {
	background:#fff;
	border-radius:0;
	border: 1px solid #D5CEC8;
}
.box-contact-form .input-date {
	border-right:0;
}
.rz-datepicker {
	cursor:pointer;
}
.box-contact-form .input-file {
	border:1px solid D5CEC8;
	margin-top:10px;
}
.box-contact-form input[type=checkbox] {
	margin:-10px 0 0 0;
	width:22px;
	border-radius:0!important;
	background-color:#FFF!Important;
}
.box-contact-form input[type=radio] {
	margin:-10px 0 0 0;
}
.box-contact-form .radio-parent, .box-contact-form .radio-parent div {
	margin-bottom:0;
}
.stage-supporting {
	font-size: 14px;
    line-height: 18px;
    color: #43372c;
    font-weight: bold;
    display: inline;
}
.popover {
	max-width: 450px;
	border-radius:0;
}
.popover p{
	font-size:13px!important;
	color:#333;
}
input.tlp-code {
	height:30px;
	/* width:105px; */
	width:100%;
	border:none;
	background:#fff url('../img/caret-flag.png') 35px no-repeat;
	height: 38px;
	display: table;
}
.tml-contact {
	font-size:13px;
	margin-bottom:30px;
}

.id-stepcertification {
	background:url('../img/Step1to6-Line.jpg')no-repeat;
	background-position:50px 28px;	
	background-size:81%;
}

.id-organisation {
	background:url('../img/tml-member1.jpg') center 6px no-repeat;	
	background-size: 35%;
}
.member_application_step2 {
	background:url('../img/step2_map.jpg') center 6px no-repeat;	
	background-size: 35%;
}
.member_application_step3 {
	background:url('../img/step3_map.jpg') center 6px no-repeat;
	background-size: 35%;	
}
.member_application_step4 {
	background:url('../img/step4_map.jpg') center 6px no-repeat;
	background-size: 35%;
}

.id-trademark {
	background:url('../img/tml-member1_real.jpg') center 6px no-repeat;	
	background-size: 32%;
}
.id-trademark-2 {
	background:url('../img/tml-member2.jpg') center 6px no-repeat;	
	background-size: 32%;
}
.id-trademark-3 {
	background:url('../img/tml-member3.jpg') center 6px no-repeat;	
	background-size: 32%;
}
.tml-contact h5{
	font-weight:bold;
	margin:3px 0 3px;
}
.tml-contact label.orange {
	color:#ED7A1D;
}

.bullets-zero{
	background:#fff;
	border-radius:15px;
	height:17px;
	width:17px;
	margin:0 auto 10px;
	border:3px solid #D0D0D0;
}

/* News & Events index */

.right-down{
    padding-left: 12px;
    margin-left: 12px;
    border-left: 1px solid #bebebe;
}

.caret-oranye{
    color:#ED7B1C; 
}

.latest-item{
    border-radius: 0px !important;
    width:210px;
    margin-top: 4px;
    padding: 0 8px;
}

.latest-item > li > a{
    display: block;
    padding: 8px 8px !important;
    clear: both;
    font-weight: 300 !important;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;    
    border-bottom: 1px solid #dedede;
}

.most-menu{
    border:none !important;
}

.latest-item > li > a:hover{
    background: none !important;
    color: #858585;
    background: url(../img/check-it.png) no-repeat scroll right !important;
}

.container-event-content{
    
}

.head-news-event{
    border-bottom: 1px solid #dedede;
}

.head-news-event img{
    padding-left:16px;
}



.date-post-news{
    font-size: 12px;
    padding:0px 0px 6px 0px;
}

.date-post-news span{
    color:#FF6500; 
}

.heading-news-index{
	margin-bottom:3px;
}

.list-of-news{
    border-bottom: 1px solid #dedede;
    padding-bottom: 14px;
	/* padding-top:15px; */
	padding-top:0px;
}

.white-loader{
    background: #fff;
    border:1px solid #ED7B1C;
    border-radius:0px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 64px;
    margin: 30px 0px 2px 0px;
}

.wrap-index-news {
    border:none;
}

.index-tab-container {
    background-color: #ffffff;
    height: auto;
    padding-bottom:0px;
    width: auto;
    border-top: 1px solid #dedede;
}

.index-tab-container p, li{
    font-size: 14px;
    line-height: 1.75;    
}



/* News & Events index */

/* Resource */

.tagline-resources p{
    font-size: 14px !important;
    color: #786A5D;
}

.required_field{
	color:red;
}

.th-right{
    font-size:13px;
    text-decoration: none;
}

.th-right b{

    margin-left: 20px;
}
#ng-right{
    float: right;
    padding:6px 0px;
}

#ng-right a{
    text-decoration: none;
}

.ng-right {
    border-radius: 0px !important;
    margin-top: 8px !important;
    padding: 0px 8px;
    width:199px;
    right: -7px !important;
}

.ng-right > li > a {
    display: block;
    padding: 8px !important;
    clear: both;
    font-weight: 300 !important;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap;
    border-bottom: 1px solid #DEDEDE;
}

.ng-right > li > a:hover{
    background: none !important;
    color: #858585;
    background: url(../img/check-it.png) no-repeat scroll right !important;
}

td.one{
    font-size: 13px;
    padding:15px 8px !important;
}

td.one p{
    font-size: 13px;
}

td.one i{
    font-size: 7px;
    margin-left:4px;
}

td.two{
    text-align: center;
    font-size: 13px;
    padding:15px 8px!important;

}

.two a{
    text-decoration: none;
    color: #786A5D;
}

td.three{
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    padding:15px 8px !important;
}

.three a{
    text-decoration: none;
}

.box-contact-form label {
    color: #333;
    font-size: 13px;
    margin-bottom: 6px;
}

.membershipstep{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
}

/* Consumers */

.consumerp_sustainablebenerfit{
	margin-bottom:0px;
	font-size:14px;
	line-height:1.5;
	margin-top:20px;
}

.consumerp_productuseing{
	margin-bottom:0px;
	font-size:14px;
	line-height:1.5;
}

#myheadingimg{
    height: 368px;
    
}

#myheadingimg .carousel-inner {
    height: 368px;
	width: 100%;
	display: block;
}


#myheadingimg .fill {
    display: block;
    z-index: 1;
    height: 368px;
    background-position: center center;
    background-size: cover;
}

.tagline-consumers-page{
    z-index: 10;
    position: relative;
    height: 368px;
}

.buttom-custome{
    position: absolute;
    bottom: 0;
    right: 0;
    display: table-cell;
}

.full-caption{
    width: 90% !important;
    right: 4%;
    left: 4%;
    padding-bottom: 10px;
}

.tagline-consumers-page p{
    color: #fff;  
    font-size: 14px;
}

header {
    height: auto !important;
}

/* Consumers */

.benefit-iconic{
    padding:0px;
}

.benefit-box{
    display: block;
}

.tagline-fact{
    max-width: 500px;
    width: auto;
    margin: 0 auto;
}

.tagline-fact p{
    margin-bottom:25px;
}

.tagline-fact a{
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

.tagline-fact a:hover{
    color: #fff;
}



.element-search{
    padding:0px 0px 24px 0px;
}

.element-center{
    margin:0 auto;
    padding: 0px;
    position: relative;
    max-width: 660px;
    height: auto;
    width: auto;
}

.all-product-trade{
    margin-left:-20px !important;
    padding:0px;
    width:112px !important;
}

.btn-orange-sharp{
    color: #FFF;
    font-weight: bold;
    padding-left: 32px !important;
    padding-right: 32px !important;
    background-color: #ED7B1C;
    border: 1px solid #ED7B1C;
    font-size: 13px !important;
    border-radius: 0px !important;
}

.box-trade-product{
    padding:12px 0px;
}

.box-trade-product img{
    padding:8px 0px;
}

.box-trade-product p{
    text-align: left;
}

.input-keyword {
    max-width: 400px;
    width: 400px;
}

.single-seacrh-column{
    margin:0 auto;
    max-width:800px;
}

.table-supplychain{
    font-size: 13px;
}


#member-in-number {
    margin-top: 30px;
}

#member-in-number .big-number {
    font-size: 40px;
    font-weight: bold;    
    text-align: right;
    height: 60px;
}

#member-in-number .number-definition {
    font-size: 14px;
    font-weight: bold;
    text-align: left;    
    height: 60px;
    display:block;  
}

#member-in-number .number-definition .oneline {
    margin-top: 18px;
    display: inline-block;
}

#member-in-number .number-definition .twoline {
    margin-top: 10px;
    display: inline-block;
}



.bigger-number {
    font-size: 60px;
    font-weight: bold;
}

.bigger-number-definition {    
    font-size: 20px;
    font-weight: bold;
}


#bigger-stats {
    margin-top: 80px;
}

span.checkbox-label {
    line-height: 25px;
    font-weight: normal;
}

/* TRADEMARK */
#imageHeaderTrademark {
    position: relative;
}
#imageHeaderTrademark .fill {
    height: 450px;
    display: block;
    z-index: 1;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
#imageHeaderTrademark .imageHeader-caption {
    right: 5%;
    left: 5%;
    width: 1170px;
    position: absolute;
    top: 50px;
    z-index: 10;   
    color: #fff;
    text-align: left;
}
#imageHeaderTrademark .imageHeader-caption a,
#imageHeaderTrademark .imageHeader-caption a:hover,
#imageHeaderTrademark .imageHeader-caption a:active,
#imageHeaderTrademark .imageHeader-caption a:visited {
    color: #ffffff;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

#inside h3.subsection-heading.name {
    font-weight: bold;
    margin: 0px;
}

.btn:hover, .btn:focus {
    color: #fff;
    text-decoration: none;
	background:#FF6500;
	outline:none;
}

#acop-reporting {
	border-bottom:1px solid #CCC;
	padding-bottom:0px;
	margin-bottom: 0px;
}
.acop-reporting {
	border:1px solid #CCC;
	padding:0 30px 30px;
	margin:-5px 30px 0;
}
.acop-reporting input, .acop-reporting select{
	border-radius:0px;
	margin-bottom:20px;
}

.mb-0 {
	margin-bottom:0!Important;
}
.mb-20 {
	margin-bottom:20px;
}
.ml-0 {
	maargin-left:0;
	padding-left:0
}
.mt-40 {
	margin-top:40px;
}
.mt-50 {
	margin-top:50px;
}

.grafik-bar select,
.acop-gray1 select {
    border-radius: 0;
    margin-top: 3px;
    margin-bottom: 15px;
}
.acop-gray1 {
    padding: 40px 0 50px 0;
    font-size: 14px;
    margin-bottom: 0!Important;
}

.content-member-profile{
	padding-left:0px;
}

.btn-acop {
    background: #ECEEED;
    border: 1px solid #CCC;
    padding: 5px 15px;
    margin: 0 20px 10px 0;
    font-weight: bold;
    border-radius: 0
}
.col-md-20 {
    float: left;
    width: 20%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.disclaimer-acop {
    margin: 0px;
    padding-bottom: 24px;
    border-bottom: 1px solid #CCC;
}
.disclaimer-acop p {
    font-size: 14px;
}
.disclaimer-acop h4 {
    margin: 10px 0 10px!important;
    font-weight: bold;
    font-size: 16px;
}

.related-info {
    padding-bottom: 50px;
}

.bg-light-gray {
    color: #43372c;
}

.bg-light-gray {
    background: #f5f5f5;
}

/* START MEMBERSHIP REGISTRATION */

.area-step,
.area-step p {
    position: relative;
    font-size: 14px;
	line-height:1.75;
	margin-bottom:0px;
	padding-bottom:10px;
}
.area-step hr {
    margin-top: 5px;
}
.title-on-top {
    margin-top: 0px;
}
.absolute-title {
    position: absolute;
    width: 100%;
    height: 42px;
    display: block;
    background: url(../img/absolute-tytle.jpg) top left no-repeat;
    margin-top: 30px;
    color: #ffffff;
    padding: 6.5px 10px;
    font-size: 16px;
}
.absolute-title .alpha {
    color: #333;
    padding-left: 6px;
    padding-right: 25px;
    display: block;
    float: left;
    font-weight: bold;
}
.container-step {
    background-color: #ffffff;
    border: solid 4px #ededed;
    padding: 0px 20px 20px 20px;
    margin: 0px 20px 0px 20px;
    min-height: 550px;
}
h3.title-step-header {
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0px;
}
h3.title-step-header.no-border {
    border: none;
}
ul.requirement-list {
    padding-left: 15px;
}
.login-area label {
    font-weight: 700;
}
.registerarea label {
    font-weight: 700;
}

.flag-area {
    margin: 0px;
}
.flag-area .dd-select {
    border-radius: 2px;
    border: solid 1px #ccc;
    position: relative;
    cursor: pointer;
    width: 150px !important;
    text-align: left;
    font-weight: normal;
}

.flag-area .dd-options {
    width: 150px !important;
    text-align: left;
    font-weight: normal;
}

.flag-area .dd-selected-text {
 line-height: 20px !important;   
}   

.flag-area .dd-option-text {
    line-height: 20px !important;   
}
/* END MEMBERSHIP REGISTRATION */

.all_p_standing_comittee{
	font-size:14px;
	color:#433727;
}

.all_p_standing_comittee_last{
	font-size:14px;
	color:#433727;
	margin-bottom:0px;
}

.olstandingcomittee{
	list-style-type: disc;
	color:#433727;
	margin-bottom:0px;
}

.ulstandingcomittee{
	list-style-type: disc;
	color:#433727;
	margin-bottom:0px;
	padding-left: 15px;
}

.same_about_related {
    max-width: 55%;
    width: 52%;
    margin: 0px auto;
}

.openmodal img{
	margin-bottom:15px;
}

.img-whoweare{
	margin-top:20px;
	width:70%;
}

.pagination {
    margin: 0px;
    border-radius: 3px;
	padding-top: 15px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #43372c;
    background-color: #ebebeb;
    border-color: #ebebeb;
}

.btn {
    display: inline-block;
    /* padding: 6px 20px; */
	padding: 9px 20px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
    text-transform: uppercase;
    font-weight: 600;
	height: 39px;
}

.bottom_info_impacts{
	background: transparent; 
	border: none; 
	height: 48px;
}

.btn-border-color{
	border: 1px solid #F79644;
    border-radius: 3px;
}

.image-credit {
	text-shadow: 1px 1px 1px #0A0203;
}

#inside .dropdown-menu, #front .dropdown-menu {
	margin-top: none;
}

.height43 {
    height: 43px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0px;
	margin-bottom:21px;
}

.borderliketable{
	border:1px solid #ddd; 
	border-collapse:collapse;
}

.margin-label-input{
	margin-top:6px;
}

.p-under-input{
	font-size:13px;
	padding-top:6px;
}

.font-size14{
	font-size:14px;
}

.font-size14-line-height1-75{
	font-size:14px;
	line-height:1.75;
}

.font-size14-line-height1-75-last{
	font-size:14px;
	line-height:1.75;
	margin-bottom:0px;
}

.btn-over-img{
	border-color: transparent;
    color: #FFF;
    background-color: rgba(0,0,0,0.7);
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
    font-size: 13px;
}

.privacy-policy-footer{
	color:#fff;
	margin-left:10px;
}

.top-30-bot-15{
	padding-top:25px;
	padding-bottom:8px;
	margin-bottom:0px;
}

.presskit-img-contain{
	width:215px; 
	max-width:215px; 
	margin:0 auto; 
	min-height:390px;
}

.privacy-policy-footer:hover{
	color:#EF6E19;
	margin-left:10px;
}

/* ======================================== breadcrumbs ==================================== */

.breadcrumb{
	width:100%;
	padding: 10px 5%;
	background:#F5F5F5;
	border-radius:0px;
	margin-bottom:0px;
	font-size:12px;
}

/* ======================================== end breadcrumbs ==================================== */

.h1size15 {
    font-size: 15px;
	color: #E5E5E4;
	line-height: 1.5;
	margin-bottom: 25px;
	margin-top: 16px;
	text-transform: none;
	font-weight: normal;
	padding-top:0px;
}

.h1size30 {
    font-size: 30px;
	font-weight: 300;
	margin: 0px;
	line-height: 38px;
	text-transform:none;
}

.titlesocmed{
	height:30px;
	line-height:30px;
}

.border-bottom{
	border-bottom: 1px solid #DDD;
	border-bottom-style: solid;
	margin-bottom: 15px;
}

/* ================================ socmed homepage ================================= */

section h2.section-heading.small-heading {
    color: #43372C;
    font-weight: 700;
    border-bottom: 1px solid #DDD;
    line-height: 35px;
    margin: auto auto 15px;
    font-size: 16px;
}

/* ================================ paragraph ================================= */

p {
    font-size: 14px;
    line-height: 1.5;
}

.p-no-margin{
	margin-bottom:0px;
}

/* ================================ font ================================= */

.font-11{
	font-size:11px;
}

.font-12{
	font-size:12px;
}

.font-13{
	font-size:13px;
}

.font-14{
	font-size:14px;
}

.font-16{
	font-size:16px;
}

.font-20{
	font-size:20px;
}

.font-25{
	font-size:25px;
}

/* ================================ margin ================================= */

.right-25{
	margin-right:25px;
	border-radius:3px !important;
}

/* ================================  not yet cek ================================= */

.imgborderbottom:hover{
	border-bottom: 5px solid #f79644;
	margin-bottom:-5px;
	color: #f79644;
}

/* ================================ captcha style google ================================= */

#recaptcha_privacy{
	margin-right:50px !important;
}
	
.recaptchatable{
	background:#fff;
	width:100%
}

#recaptcha_table{
	background:#fff;
	width:100%;
}

#recaptcha_response_field{
	padding-left:15px; 
	padding-right:15px;
	border: 1px solid #d9d9d9!important;
}

.recaptcha_only_if_privacy{
	margin-right:50px !important;
}

.view-all-members{
	width:100%; 
	font-size:14px; 
	padding-top:13px; 
	text-align:center;
}

/* ================================ a href ================================= */

.link{
	color:#43372c;
}

.link_supermenu{
	font-size:13px;
	color:#786A5D;
}

.external-link{
	background: url(../img/link_external.png);
	background-repeat: no-repeat;
    background-position: right 6px; 
	list-style-type: none;
	font-size:13px;
	padding-bottom:8px;
}

.external-link:hover{
	background: url(../img/link_external_1.png);
	background-repeat: no-repeat;
    background-position: right 6px; 
	list-style-type: none;
	font-size:13px;
	padding-bottom:8px;
	color: #F79644;
	text-decoration: underline;
}

.external-link-no-img{
	list-style-type: none;
	font-size:13px;
	padding-bottom:8px;
}

.external-link-no-img:hover{
	list-style-type: none;
	font-size:13px;
	padding-bottom:8px;
	color: #F79644;
	text-decoration: underline;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}

a {
    color: #ef6e19;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #ff6500;
}

/* ================================ col-lg-xx ================================= */

/* .col-lg-6 {
	width: 50%;
	float: left;
} */

/* ================================ padding ================================= */

.no-pad-left-right{
	padding-left:0px;
	padding-right:0px;
}

.no-pad-top-bottom{
	padding-top:0px;
	padding-bottom:0px;
}

.no-pad-top{
	padding-top:0px;
}

.no-pad-bottom{
	padding-bottom:0px;
}

.pad-left-contact{
	padding-left:88px;
}

.pad-middle-contact{
	padding-left:72px;
}

.pad-right-contact{
	padding-left:88px;
}

.pad-secretariat{
	padding-left:90px;
}

.pad-advisor-and-honorary{
	padding-left:90px; 
	text-align:center
}

.pad-board-of-governors{
	padding-left:90px;
}

.pad-alternate-members{
	padding-left:90px;
}

.staff-secretariat{
	max-width:215px; 
	min-height:220px
}

.staff-board-of-governors{
	max-width:215px; 
	min-height:270px
}

.staff-alternate-members{
	max-width:215px; 
	min-height:270px
}

.staff-advisor-and-honorary{
	max-width:215px; 
	min-height:270px; 
	text-align:left;
}

.margin-bottom-10{ margin-bottom:10px;}
.margin-bottom-20{ margin-bottom:20px;}
.margin-bottom-30{ margin-bottom:30px;}

.pad-left-right-5{ padding-left:5px; padding-right:5px; }
.pad-right-5{ padding-right:5px; }

.pad-top-30{ padding-top:30px; }
.pad-top-20{ padding-top:20px; }
.pad-top-10{ padding-top:10px; }
.pad-bottom-30{ padding-bottom:30px; }
.pad-bottom-20{ padding-bottom:20px; }
.pad-bottom-10{ padding-bottom:10px; }
.pad-right-1{ padding-right:1px; }
.pad-left-10{ padding-left:10px; }
.pad-left-20{ padding-left:20px; }
.pad-left-30{ padding-left:30px; }

/* ================================ button =================================== */

.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    /* text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); */
    text-shadow: none;
    box-shadow: none;
}

.btn-default.active, .open > .dropdown-toggle.btn-default {
	background-color: #F79644;
	color:#fff;
}

.btn-primary {
    border-color: #ed7b1c;
    text-transform: uppercase;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #ed7b1c;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color: #ff7400;
    color: #fff;
    background-color: #ff7400;
}

.open{
	/* color:#fff !important; */
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #dedede;
    background-color: #dedede;
}
.btn-primary .badge {
    color: #fed136;
    background-color: #fff;
}
.btn-xl {
    padding: 20px 40px;
    border-color: #ed7b1c;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #ed7b1c;
}
.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #ff7400;
    color: #fff;
    background-color: #ff7400;
}
.btn-lg {
    border-color: #ed7b1c;
    color: #fff;
    background-color: #ed7b1c;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
    font-size: 13px;
}
.btn-lg:hover,
.btn-lg:focus,
.btn-lg:active,
.btn-lg.active {
    border-color: #ff7400;
    color: #fff;
    background-color: #ff7400;
}
.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: #fed136;
    background-color: #fed136;
}
.btn-xl .badge {
    color: #fed136;
    background-color: #fff;
}

/* ================================ navigation =================================== */

.contain-search-nav{
	display: -moz-box !important;
}

#inside .navbar-default, #front .navbar-default {
    height: 58px;
}

#inside #rspo-logo, #front #rspo-logo {
    background: url(../img/logo-rspo-top.png) left center no-repeat;
    width: 260px;
    height: 60px;
    /* margin: 0px 5px; */
    padding: 0px;
    display: block;
}

#header-white {
    background-color: #ffffff;
    padding: 0px 0px 20px 0px;
}

#inside .navbar-fixed-top .yamm .dropdown-menu {
    margin-top: 0px !important;
}
#inside #myCarousel .fill {
    height: 457px;
}
#front #myCarousel .fill {} #inside header {
    height: 850px;
}
#front header {
    height: 657px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #F79644;
    background-color: #fff;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
	color: #fff;
	background: #f79644;
}

.navbar-default .nav li .nav-a:hover,
.navbar-default .nav li .nav-a:focus {
    outline: 0;
	color: #fff;
	background: #f79644;
}

.navbar-default .navbar-nav > .open > .nav-a, .navbar-default .navbar-nav > .open > .nav-a:hover, 
.navbar-default .navbar-nav > .open > .nav-a:focus {
    color: #fff;
    background-color: #f79644;
}

.navigation-search{
	background:#F79644;
	color:#fff ;
	height:58px;
}

.navbar-default {
    border-color: transparent;
    background-color: #e1dbd6;
	background: url(../img/header-transparent.png) top center repeat;
}
.navbar-default .navbar-collapse {
    border-color: rgba(255, 255, 255, .02);
}

.navbar-default .navbar-toggle {
    /* border-color: #fed136;
    background-color: #fed136; */
	margin-top: 0px;
	height: 60px;
	border-radius: 0px;
	background-color: #FF7400;
	border: none;
	padding: 9px 15px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 1px;
    margin: 6px 0px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #8c755e;
}

.navbar-default .nav li a {
    outline: 0px none;
    color: #786A5D;
}

.nav > li > a {
    position: relative;
    display: block;
    /* padding: 10px 0px; broke navigation */ 
}

.toTheTop{
	padding-left:0px!important;
	padding-right:0px!important;
	padding-bottom: 0px!important;
}

.navbar-default .nav > li > a {
    /* font-family: "Open Sans", Helvetica, Arial, sans-serif; */
    font-size: 14px;
	/* font-size: 16px; */
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
	background: #251F19;
}
.navbar-default .navbar-nav>.active>a {
    color: #e1dbd6;
    background-color: #251f19;
}
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #fc531d;
}
.navbar-default .navbar-nav.yamm>.open>a,
.navbar-default .navbar-nav.yamm>.open>a:hover,
.navbar-default .navbar-nav.yamm>.open>a:focus {
    color: #ffffff;
    background-color: #f79644;
}

.reponsive-search-text{
	display:none;
}

.navigation-dropdown{
    position: absolute;
    top: 101%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    margin-top: -2px;
    font-size: 14px;
    text-align: left;
    list-style: outside none none;
    background-color: #FFF;
    background-clip: padding-box;
    border-left:none;
    border-right:none;
    border-bottom:none;
	border-top:2px solid #F79644;
    border-radius: 4px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
}

.navigation-search-open{
	border-top:2px solid #fff !important;
}

.yamm .yamm-content ul > li > ul > a > li {
    padding: 0px 0px 8px;
    list-style-type: none;
    margin: 0px;
}

.yamm .yamm-content ul > li > ul > a li {
    font-size: 13px;
}

/* ================================ carousel =================================== */

.complaints-indicator{
	
}

.carousel-indicators {
	bottom: -56px;
}

#myCarouselfooter.carousel, #myCarouselfooter .item {
    /* height: 190px; */
    width: 100%;
}

#myCarousel .carousel-inner {
    height: 640px;
    width: 100%;
    display: block;
}
#myCarousel.carousel,
#myCarousel .item {
    height: 640px;
    width: 100%;
}

/*#myCarousel.carousel,
#myCarousel.item,
#myCarousel.active {
    height: 640px;
}*/


#myCarousel .carousel-inner {
    height: 640px;
}
#myCarousel .fill {
    display: block;
    z-index: 1;
    height: 640px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
#myCarousel .left.carousel-control,#myCarousel .right.carousel-control {
    /* top: 85%; */
	top: 30%;
    font-size: 50px;
	padding-top:100px;
}
/* #myCarousel .right.carousel-control {
    margin-top: 452px;
    font-size: 50px;
	padding-top:100px;
} */
#myCarousel .carousel-caption {
	right: 3.6%;
	left: 3.6%;
    width: 90%;
	background:rgba(0,0,0,0.7);
    margin: auto;
	bottom: 0px;
	padding-top:0px;
}

.border-for-table{
	border:1px solid #DDD;
}

/* ================================ mozaic =================================== */

.arrow-left-top{
	margin-top:83px; 
	float:right;
	width:auto!important;
}

.arrow-left-bottom{
	margin-top:83px;
	width:auto!important;
}

.center-top{
	margin-top:183px; 
	margin-left:48%;
	width:auto!important;
}

.arrow-right-top{
	width:auto!important;
	margin-top:83px;
}

.arrow-right-bottom{
	width:auto!important;
	margin-top:83px; 
	float:right;
}

#updates .tab-pane>DIV>DIV {
	float: left;
	margin: 0px;
	padding: 0px;
	margin: auto;
}

.contain-mozaic-map{
	max-height:390px; 
	height:390px; 
	background:#7E756C; 
	padding:25px 25px 25px 25px;
}

.contain-inner-map-mozaic{
	
}

.impacts-img{
	width:80%;
}

.link-view-members {
    font-size: 13px;
    line-height: 29px;
    /*position: absolute;*/
    right: 0px;
}
.update-block {
    min-height: 195px;
    margin: 0px;
    padding: 0px;
}
.update-block p {
    padding: 22px 25px 0px 25px;
    line-height: 1.5;
    font-size: 14px;
	word-wrap: break-word;
}
.lead-title-mosaic{
	font-size:13px!important;
	color:#fff;
	padding-top:0px!important;
	padding-bottom:0px!important;
	word-wrap: break-word;
}
.update-container-center .update-block .thumbnail-update {
    width: 100%;
    height: 195px;
    display: block;
    overflow: hidden;
}
#updates .tab-content a {
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    font-size: 16px;
    text-align: left;
}
.update-container-center .update-block {
    min-height: 390px;
	max-height: 390px;
}
.update-container-center p {
    font-size: 14px;
    line-height: 1.5;
    padding: 22px 25px 0px 25px;
}
.update-container-top-left,
.update-container-top-right,
.update-container-bottom-left,
.update-container-bottom-right {
    display: block;
    height: 195px;
    overflow: hidden;
}
.update-container-top-left .update-block {
    background-color: #43372c;
}
.update-container-bottom-left .update-block {
    background-color: #43372c;
}
.update-container-center .update-block {
    background-color: #43372c;
}
.update-container-top-right .update-block {
    background-color: #43372c;
}
.update-container-bottom-right .update-block {
    background-color: #43372c;
}
.thumb-link {
    display: inline-block;
    background: black;
	width:100%;
}
.thumb-link .update-block { 	
    display: block;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
	/* opacity:0.7; */
	opacity: 0.4;
}
.thumb-link:hover .update-block {
    opacity: 0.9;
}

#tab-updates {
    text-align: center;
    padding: 0px;
    /* margin-bottom: 20px; */
	margin-bottom:0px;
}
#tab-updates li a {
    background-color: #ed7b1c;
    color: #ffffff;
    font-weight: bold;
    border-radius: 0px;
    padding: 12px 30px;
    text-decoration: none;
}
#tab-updates a:hover {
    background-color: #ff7400;
}
#tab-updates li {
    display: inline;
    float: none;
}
#tab-updates li.active a {
    background-color: transparent;
    color: #43372c;
    margin: 0px;
    padding: 12px 30px;
}

.top-right-mozaic-pod{
	height:105px; 
	width:49.4%;
}

.bg-light-gray {
    background: #f5f5f5;
}

.bg-brown {
    background-color: #43372c;
}

.middle-mozaic{
	float:unset!important;
}

.mozaic-height{
	height:auto; 
	padding:0px;
}

.tabmozaic {
    font-size: 14px;
}

.bg-light-mozaic {
    background-color: #f2f2f2;
    background-size: cover;
}

/* ================================ table =================================== */

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0px;
	border: 1px solid #dedede !important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 10px 15px 10px 15px;
	border-top: 1px solid transparent;
	vertical-align: top;
}

.table-striped tr th{
	font-size:14px; 
	text-transform:uppercase; 
	font-weight:600;
}

.table > thead > tr > th {
    vertical-align: top;
    border-bottom: 1px solid #DDD;
}

.tablestyle_cat{
	border:1px solid #ddd;
	border-top:1px solid #ddd;
}

/* ================================ footer =================================== */

.footer-slideshow{
	background-size: 70% auto !important;
	height:240px;
}

.front-footer {
    padding: 30px 0px;
}
.footertext {
    font-size: 12px;
    line-height: 1.5;
}


footer {
    color: #ffffff;
}

.link-more-impacts {
    color: #988d82;
    text-decoration: none;
}
.link-more-impacts:hover {
    text-decoration: none;
}
.link-more-impacts-for-mobile {
    display: none;
}
.list-explore {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.list-explore a,
.list-explore a:hover {
    font-size: 13px;
    color: #ffffff;
    line-height: 25px;
    text-decoration: none;
}
footer .right.carousel-control, footer .left.carousel-control{
	/* margin-top: 62px; */
	top:50%;
}
footer .right.carousel-control {
    background: none !important;
    background-image: none !important;
    /* height: 200px;
    line-height: 130px; */
}
footer .left.carousel-control {
    background: none !important;
    background-image: none !important;
    /* height: 200px;
    line-height: 130px; */
}
footer .carousel-inner {
    padding-top: 0px;
	height: 230px;
	position: relative;
	width: 100%;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}
footer .carousel-caption {
    width: 100%;
    text-align: left;
}
#impactsCarousel.carousel {
    height: 190px;
}

footer h2.section-heading, #inside footer h2.section-heading, #front footer h2.section-heading {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #dfd4c9;
	padding-top:0px;
	padding-bottom:0px;
}

footer h2.section-heading .in-orange {
    color: #ef6e19;
}	
	
.front-footer {
    background-color: #1c150f;
    min-height: 244px;
}

/* ======================================= end footer ===================================================== */


/* .pad-navigation{
	padding-left:5%; 
	padding-right:6.1%;
} */

.contain-left-paragraph-view-pod{
	width:300px; 
	height:200px;
}
.img-left-paragraph-view-pod{
	width:300px; 
	height:195px;
	margin-left:0px; 
	margin-right:0px; 
	margin-top:0px;
}

#acopreports .reports-left {
	display:block;
	float:left;
	width: 130px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	margin-right: 5px;
}

.contain-trademark-product-gallery{
	max-height:268px;
	min-height:268px;
	margin-bottom:30px;
	overflow:hidden;
}

.contain-img-articles-view{
	width:300px; 
	height:200px;
}

.img-articles-paragraph-view{
	width:300px; 
	height:195px; 
	margin-left:0px; 
	margin-right:0px; 
	margin-top:0px; 
	margin-bottom:10px;
}

.container-step-third{
	padding:25px 30px 30px 30px;
	margin:0px 20px;
}

.products-contain-am{
	max-height:268px;
	min-height:268px;
	margin-bottom:30px;
	overflow:hidden;
}

.contain-product-am{
	
}

.img-products-am-1{
	max-height:184px;
	margin:0 auto; 
	border:1px solid #CCC;
}

.img-products-am-2{
	max-height:184px;
	margin:0 auto;  
	border:1px solid #CCC;
}

.paragraph-product-am-1{
	max-width:246px; 
	text-align:center; 
	margin:0 auto; 
	padding-top:10px;
}

.paragraph-product-am-2{
	max-width:246px; 
	text-align:center; 
	margin:0 auto; 
	padding-top:10px;
}

.am-products-search-result{
	max-height:268px;
	min-height:268px;
	margin-bottom:30px;
	overflow:hidden;
}

.contain-am-product-saerch-result{
	
}

.am-img-product-search-result-1{
	max-height:184px;
	margin:0 auto; 
	border:1px solid #CCC;
}

.am-img-product-search-result-2{
	max-height:184px;
	margin:0 auto;  
	border:1px solid #CCC;
}

.am-paragraph-search-result-products{
	max-width:246px; 
	text-align:center; 
	margin:0 auto; 
	padding-top:10px;
}

.contain-event-category-articles{
	background:#f5f5f5; 
	width:285px; 
	min-height:50px;
	margin-left:15px;
	margin-bottom:10px;
}

.dd .ddTitle .ddTitleText img{padding-right:5px; width: auto !important;}
.dd .ddChild li img{padding:0 6px 0 0; width:auto!important;}

div#myTabContent img{
	/* width:100%; */
}

.img-mozaic-map{
	width:auto;
}

.members-primay-subsidiary-am{
	margin-bottom: 10px;
	padding-top: 25px;
	padding-bottom: 6px;
	font-size: 24px;
	font-weight: normal;
}

/* about/impacts */
.container-impacts-out{
	/* border-bottom: 1px solid #d7d7d7; 
	margin-bottom:27px; 
	padding-bottom:20px; */	
}

.container-impacts-left{
	padding-right:30px;
}

.content-impacts-left-innner{
	width:100%; 
	display: inline-block;
}

.content-impacts-left-text{
	text-align:left; 
	float:right; 
	height:58px; 
	display:table; 
	color:#000;
}

.content-impacts-left-text-inner{
	display:table-cell; 
	vertical-align:middle;
}

.content-impacts-left-value{
	font-size:40px; 
	font-weight:bold; 
	float:right; 
	height:58px; 
	text-align:right; 
	padding-right:20px;
}

.content-impacts-left-icon{
	text-align:right; 
	float:right; 
	height:58px; 
	display:table; 
	color:#000; 
	padding-right:16px;
}

.content-impacts-left-icon-inner{
	display:table-cell; 
	vertical-align:middle;
}

.content-impacts-left-icon-inner img{
	display:table-cell; 
	vertical-align:middle;
}

.container-impacts-right{
	padding-left:30px;
}

.content-impacts-right-innner{
	width:100%;
	display: inline-block;
}

.content-impacts-right-icon{
	text-align:left; 
	float:left; 
	height:58px; 
	display:table; 
	color:#000; 
	padding-right:16px;
}

.content-impacts-right-icon-inner{
	display:table-cell; 
	vertical-align:middle;
}

.content-impacts-right-icon-inner img{
	display:table-cell; 
	vertical-align:middle;
}

.content-impacts-right-value{
	font-size:40px; 
	font-weight:bold; 
	float:left; 
	height:58px; 
	text-align:left; 
	padding-right:20px;
}

.content-impacts-right-text{
	text-align:left; 
	float:left; 
	height:58px; 
	display:table; 
	color:#000;
}

.content-impacts-right-text-inner{
	display: table-cell;
	vertical-align: middle;
}
/* about/impacts */

/* =============================== responsive ====================================== */
/* =============================== responsive ====================================== */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .event-filter-opt select {
        padding-right: 70px;
    }
}

@media only screen and (max-width: 1920px) {
	#imageHeaderTrademark .fill {
		height: 550px;
	}
	
	.img-credit-trademark {
		margin-top: 41%;
	}
	
	#myCarousel.carousel, #myCarousel .item {
		height: 840px;
		width: 100%;
	}
	#myCarousel .carousel-inner {	
		height: 840px;
	}
		
	#myCarousel .left.carousel-control, #myCarousel .right.carousel-control {
		/* top:92%; */
		top:33%;
		padding-top:0px;
	}
	
	.img-press-kit{
		padding-bottom:0px;
		width: 60%;
		margin-bottom: 25px;
	}
	
	.img-press-kit:hover {
		padding-bottom: 0px;
		width: 60%;
		margin-bottom: 20px;
	}
	
	.mozaic-center-hompeage {
		height: 520px;
		max-height: 520px;
	}
	
	.update-block {
		margin: 0px;
		padding: 0px;
		min-height: 260px;
	}
	.update-container-top-left, .update-container-top-right, .update-container-bottom-left, .update-container-bottom-right {
		display: block;
		overflow: hidden;
		height: 260px;
	}
	.update-container-center .thumbnail-update {
		height: 260px;
	}
	.update-container-center .update-block {
		min-height: 520px;
		max-height: 520px;
	}
	#updates .update-container-center .thumbnail-update {
		height: 260px;
	}
	.center-top {
		margin-top: 249px;
	}
	.arrow-left-bottom , .arrow-left-top, .arrow-right-bottom, .arrow-right-top {
		margin-top: 120px;
	}
}

@media only screen and (max-width: 1852px) {
	#myCarousel.carousel, #myCarousel .item {
		height: 840px;
		width: 100%;
	}
	#myCarousel .carousel-inner {
		height: 840px;
	}
	
	.img-press-kit{
		padding-bottom:0px;
		width: 60%;
		margin-bottom: 25px;
	}
	
	.img-press-kit:hover {
		padding-bottom: 0px;
		width: 60%;
		margin-bottom: 20px;
	}
	
	.mozaic-center-hompeage {
		height: 520px;
		max-height: 520px;
	}
	
	.update-block {
		margin: 0px;
		padding: 0px;
		min-height: 260px;
	}
	.update-container-top-left, .update-container-top-right, .update-container-bottom-left, .update-container-bottom-right {
		display: block;
		overflow: hidden;
		height: 260px;
	}
	.update-container-center .thumbnail-update {
		height: 260px;
	}
	.update-container-center .update-block {
		min-height: 520px;
		max-height: 520px;
	}
	#updates .update-container-center .thumbnail-update {
		height: 260px;
	}
	.center-top {
		margin-top: 249px;
	}
	.arrow-left-bottom , .arrow-left-top, .arrow-right-bottom, .arrow-right-top {
		margin-top: 120px;
	}
}

@media only screen and (max-width: 1500px) {
	#myCarousel.carousel, #myCarousel .item {
		height: 640px;
		width: 100%;
	}
	#myCarousel .carousel-inner {	
		height: 640px;
	}
	
	#myCarousel .left.carousel-control, #myCarousel .right.carousel-control {
		top:89%;
		padding-top:0px;
	}
	
	.impacts-img {
		width: 70%;
	}
	
	.img-press-kit{
		padding-bottom:0px;
		width: 60%;
		margin-bottom: 25px;
	}
	.img-press-kit:hover {
		padding-bottom: 0px;
		width: 60%;
		margin-bottom: 20px;
	}
	
	.mozaic-center-hompeage {
		height: 520px;
		max-height: 520px;
	}
	
	.update-block {
		margin: 0px;
		padding: 0px;
		min-height: 260px;
	}
	.update-container-top-left, .update-container-top-right, .update-container-bottom-left, .update-container-bottom-right {
		display: block;
		overflow: hidden;
		height: 260px;
	}
	.update-container-center .thumbnail-update {
		height: 260px;
	}
	.update-container-center .update-block {
		min-height: 520px;
		max-height: 520px;
	}
	#updates .update-container-center .thumbnail-update {
		height: 260px;
	}
	.center-top {
		margin-top: 249px;
	}
	.arrow-left-bottom , .arrow-left-top, .arrow-right-bottom, .arrow-right-top {
		margin-top: 120px;
	}
}

@media only screen and (max-width: 1440px) {
	
	#myCarousel.carousel, #myCarousel .item {
		height: 640px;
		width: 100%;
	}
	#myCarousel .carousel-inner {
		height: 640px;
	}
	
	#myCarousel .right.carousel-control, #myCarousel .left.carousel-control {
		/* top:85%; */
		top:30%;
		padding-top: 0px;
	}
	
	.container {
		max-width: 94.5% !important;
		width: 94.5% !important;
	}
	
	.footer-slideshow {
		background-size: 70% auto !important;
		height: 240px;
	}
	
	.mozaic-center-hompeage {
		height: 480px;
		max-height: 480px;
	}
	
	.update-block {
		margin: 0px;
		padding: 0px;
		min-height: 240px;
	}
	.update-container-top-left, .update-container-top-right, .update-container-bottom-left, .update-container-bottom-right {
		display: block;
		overflow: hidden;
		height: 240px;
	}
	.update-container-center .thumbnail-update {
		height: 240px;
	}
	.update-container-center .update-block {
		min-height: 480px;
		max-height: 480px;
	}
	#updates .update-container-center .thumbnail-update {
		height: 240px;
	}
	.center-top {
		margin-top: 229px;
	}
	.arrow-left-bottom , .arrow-left-top, .arrow-right-bottom, .arrow-right-top {
		margin-top: 110px;
	}
}

@media only screen and (max-width: 1366px) {
	
	#myCarousel.carousel, #myCarousel .item {
		height: 640px;
		width: 100%;
	}
	#myCarousel .carousel-inner {
		height: 640px;
	}
	
	#myCarousel .right.carousel-control, #myCarousel .left.carousel-control {
		/* top:85%; */
		top:30%;
		padding-top: 0px;
	}
	
	.container {
		max-width: 94.5% !important;
		width: 94.5% !important;
	}
	
	.footer-slideshow {
		background-size: 70% auto !important;
		height: 240px;
	}
	
	.update-block {
		margin: 0px;
		padding: 0px;
		min-height: 240px;
	}
	.update-container-top-left, .update-container-top-right, .update-container-bottom-left, .update-container-bottom-right {
		display: block;
		overflow: hidden;
		height: 240px;
	}
	.update-container-center .thumbnail-update {
		height: 240px;
	}
	.update-container-center .update-block {
		min-height: 480px;
		max-height: 480px;
	}
	#updates .update-container-center .thumbnail-update {
		height: 240px;
	}
	.center-top {
		margin-top: 229px;
	}
	.arrow-left-bottom , .arrow-left-top, .arrow-right-bottom, .arrow-right-top {
		margin-top: 110px;
	}
}

@media only screen and (max-width: 1280px) {
	.container-NEAT-content {
		padding: 8px 20px;
	}
	
	.col-am-sm-2{
		width:10%;
	}
	.col-am-sm-8{
		width:80%;
	}
	
	.contain-redirect {
		width: 40%;
	}
	
	.footer-slideshow {
		background-size: 80% auto !important;
		height: 240px;
	}
	
	.container {
		max-width: 94.5% !important;
		width: 94.5% !important;
	}
	.img-press-kit{
		padding-bottom:0px;
		width: 60%;
		margin-bottom: 25px;
	}
	.img-press-kit:hover {
		padding-bottom: 0px;
		width: 60%;
		margin-bottom: 20px;
	}

	.tab-a-why-join-rspo {
		width:100%;
	}
	.pagination {
		padding-top: 5px;
	}
	#vision .col-lg-6 {
        width: 50%;
        float: left;
    }
    #related .col-lg-6.col-md-offset-3 {
        margin-left: 0px;
    }
    #footer-map {
        width: 250px;
    }
    .front-footer .col-md-6 {
        width: 470px;
    }
    .front-footer .btn-daftar {
        padding: 10px 83px;
    }
    #myCarousel .carousel-caption {
        right: 5%;
        left: 5%;
        /* width: 800px; */
    }
    #bs-example-navbar-collapse-1 .dropdown {
        margin-right: 180px;
    }
    .navbar-nav.yamm>li>a {
        padding: 25px 10px 26px 10px;
    }
    .navbar-default {
        background: url(../img/header-transparent-medium.png) top center no-repeat;
    }
    section#why-an-updates h2.section-heading.small-heading {
        margin-top: 30px;
    }
	/* ======================== mozaic map ============================*/
	.img-mozaic-map{
		/* only have 1 style */
		width:100%!important;
	}
	.contain-maps-homepage{
		/* only have 1 style */
		width:100%!important;
	}
    #updates .tab-pane>DIV>DIV {
        width: 33.33%;
    }
	/* ======================= end mozaic map ===================== */
    .metro-item {
        height: 440px;
        padding: 0px;
    }
    #resultCarousel a.carousel-control {
        height: 620px;
    }
    #resultCarousel .fa {
        margin: 0px;
        /* margin-top: 300px; */
    }
    #resultCarousel p {
        margin: 0px;
    }
    #resultCarousel img {
        margin-bottom: 60px;
    }
    #updates .tab-pane>DIV>DIV>DIV {
        margin: 0px;
        padding: 0px;
    }
	
    .thumbnail-update {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .thumbnail-update img {
        width: auto;
        max-height: 100%;
    }
    .update-container-top-left,
    .update-container-bottom-left,
    .update-container-top-right,
    .update-container-bottom-right,
    .update-container-center {
        width: 100%;
    }
    #updates .update-block {
        width: 50%;
        float: left;
    }
    #updates .update-container-center .update-block {
        width: 100%;
    }
    #updates .update-container-center .thumbnail-update {
        height: 240px;
    }
    .thumb-link {
        width: 100%;
    }
    
    .comments-tab-container .tab-head {
        width: 30%;
        float: left;
    }
    .comments-tab-container .tab-body {
        width: 70%;
        float: right;
    }
    .front-footer {
        padding: 50px 20px;
    }
    #why-an-updates .col-lg-6 {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 1200px) {
	.contain-redirect {
		width: 42%;
	}
	
	#myCarousel.carousel, #myCarousel .item {
		height: 540px;
		width: 100%;
	}
	#myCarousel .carousel-inner {
		height: 540px;
	}
	
	#myCarousel .right.carousel-control, #myCarousel .left.carousel-control {
		/* top:87%; */
		top:32%;
		padding-top: 0px;
	}
	
	.col3-profile {
		width: 23%!important;
	}
	.col6-profile {
		width: 48.5%!important;
	}
	.col-profile-password {
		width: 47.3%!important;
	}
	
	.footer-slideshow {
		background-size: 85% auto !important;
		height: 240px;
	}
	
	.container {
		max-width: 94.5% !important;
		width: 94.5% !important;
	}
	.img-press-kit{
		padding-bottom:0px;
		width: 60%;
		margin-bottom: 25px;
	}
	.img-press-kit:hover {
		padding-bottom: 0px;
		width: 60%;
		margin-bottom: 20px;
	}

	.tab-a-why-join-rspo {
		width:100%;
	}
	.pagination {
		padding-top: 5px;
	}
	#vision .col-lg-6 {
        width: 50%;
        float: left;
    }
    #related .col-lg-6.col-md-offset-3 {
        margin-left: 0px;
    }
    #footer-map {
        width: 250px;
    }
    .front-footer .col-md-6 {
        width: 470px;
    }
    .front-footer .btn-daftar {
        padding: 10px 83px;
    }
    #myCarousel .carousel-caption {
        right: 5%;
        left: 5%;
        /* width: 800px; */
    }
    #bs-example-navbar-collapse-1 .dropdown {
        margin-right: 180px;
    }
    .navbar-nav.yamm>li>a {
        padding: 25px 10px 26px 10px;
    }
    .navbar-default {
        background: url(../img/header-transparent-medium.png) top center no-repeat;
    }
    section#why-an-updates h2.section-heading.small-heading {
        margin-top: 30px;
    }
	/* ======================== mozaic map ============================*/
	.img-mozaic-map{
		/* only have 1 style */
		width:100%!important;
	}
	.contain-maps-homepage{
		/* only have 1 style */
		width:100%!important;
	}
    #updates .tab-pane>DIV>DIV {
        width: 33.33%;
    }
	/* ======================= end mozaic map ===================== */
    .metro-item {
        height: 440px;
        padding: 0px;
    }
    #resultCarousel a.carousel-control {
        height: 620px;
    }
    #resultCarousel .fa {
        margin: 0px;
        margin-top: 300px;
    }
    #resultCarousel p {
        margin: 0px;
    }
    #resultCarousel img {
        margin-bottom: 60px;
    }
    #updates .tab-pane>DIV>DIV>DIV {
        margin: 0px;
        padding: 0px;
    }
    .thumbnail-update {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .thumbnail-update img {
        width: auto;
        max-height: 100%;
    }
    .update-container-top-left,
    .update-container-bottom-left,
    .update-container-top-right,
    .update-container-bottom-right,
    .update-container-center {
        width: 100%;
    }
    #updates .update-block {
        width: 50%;
        float: left;
    }
    #updates .update-container-center .update-block {
        width: 100%;
    }
    #updates .update-container-center .thumbnail-update {
        height: 195px;
    }
    .thumb-link {
        width: 100%;
    }
    
    .comments-tab-container .tab-head {
        width: 30%;
        float: left;
    }
    .comments-tab-container .tab-body {
        width: 70%;
        float: right;
    }
    .front-footer {
        padding: 50px 20px;
    }
    #why-an-updates .col-lg-6 {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 1024px) {
	/* .col-md-12{width:100%} */
	.col-md-11{width:91.66666667%}
	.col-md-10{width:83.33333333%}
	.col-md-9{width:75%}
	.col-md-8{width:66.66666667%}
	.col-md-7{width:58.33333333%}
	.col-md-6{width:50%}
	.col-md-5{width:41.66666667%}
	.col-md-4{width:33.33333333%}
	.col-md-3{width:25%}
	.col-md-2{width:16.66666667%}
	.col-md-1{width:8.33333333%}
	
	.nav-beta-label {
		left: 95%;
		display: block;
	}
	
	.oops-text{
		padding-top:8px;
	}
	
	.col-am-sm-2{
		width:13%;
	}
	.col-am-sm-8{
		width:74%;
	}
	
	.contain-redirect {
		width: 50%;
	}
	
	.resources-page{
		float:left;
	}
	
	.add-pad-am{
		margin-top:8px;
	}
	
	.col3-profile {
		width: 22.6%!important;
	}
	.col6-profile {
		width: 48.3%!important;
	}
	.col-profile-password {
		width: 46.8%!important;
	}
	
	.contain-MAP-1, .contain-MAP-2, .contain-MAP-3{
		min-height:100%;
	}

	.contain-MAP-inner2-1, .contain-MAP-inner2-2, .contain-MAP-inner2-3{
		min-height:100%;
	}

	.contain-MAP-inner-1, .contain-MAP-inner-2, .contain-MAP-inner-3{
		min-height:100%;
	}
	
	.contain-trademark-middle {
		width: 80%;
	}
	.contain-trademark-left {
		width: 10%;
	}
	.contain-trademark-right {
		width: 10%;
	}
	#orange_line_trademark > div {
		width: 100% !important;
		margin-top: 0px;
	}
	.id-trademark {
		background-size: 65% auto;
	}
	.id-trademark-2 {
		background-size: 65% auto;
	}
	.id-trademark-3 {
		background-size: 65% auto;
	}

	.footer-slideshow {
		background-size: 85% auto !important;
		height: 240px;
	}

	.container-event-content {
		padding: 8px 30px 0px 0px;
	}
	.same_about_related {
		max-width: 80%;
		width: 100%;
		margin: 0px auto;
	}
	.img-press-kit{
		padding-bottom:0px;
		width: 80%;
		margin-bottom: 25px;
	}
	.img-press-kit:hover {
		padding-bottom: 0px;
		width: 80%;
		margin-bottom: 20px;
	}

	.impacts-img {
		width: 80%;
		padding-top:15px;
	}
	.pagination {
		padding-top: 5px;
	}
	.tab-a-why-join-rspo {
		width:100%;
	}
	.map-footer-img{
		width:100%;
		height:auto;
	}
	.container {
		max-width: 94.5% !important;
		width: 94.5% !important;
	}
	/* ============================= mozaic ================================ */
	#updates .tab-pane>DIV>DIV {
        width: 33.33%;
    }
	
	.update-block p {
		padding: 13px 20px 0px 20px;
	}
	
	.am-title-mosaic{
		font-size:16px!important; 
		font-weight:600;
	}
	
	.update-container-center .update-block {
		min-height: 390px;
		max-height: 390px;
	}
	
	.arrow-left-bottom, .arrow-left-top, .arrow-right-bottom, .arrow-right-top {
		margin-top: 85px;
	}
	
	.center-top {
		margin-top: 184px;
	}
	
	.img-mozaic-map{
		width:100%;
	}
	.contain-maps-homepage{
		/* only have 1 style */
		width:100%!important;
	}
	.contain-mozaic-map {
		max-height: 390px;
		height: 390px;
		padding: 25px;
		background: #7E756C;
		display: unset !important;
	}
	
	.contain-inner-map-mozaic-botton{
		width: 100%;
		background-color: #7E756C;
		padding: 0px 20px 20px 20px;
	}

	.contain-inner-map-mozaic{
		width:100%;
		background-color: #7E756C;
		padding: 20px 20px 0px 20px;
	}
	/* ================================= end mozaic ======================================== */
	.facebook-container {
		padding-left: 0px;
	}
	/* .tab-why-join-rspo-homepage {
		width: 100.7%;
	} */
	.twitter-container {
		padding-right: 0px;
	}
	.tab-content > .tab-pane {
		width: 100%;
	}
	.logo-traders {
		min-width: 50px;
	}
	.container-inner-step-1{
		min-height:240px;
	}
	.title-members-category{
		font-size:28px; 
	}
	.title-members-associate {
		font-size: 20px;
	}
	.contain900{
		width:100%;
		margin:0 auto;
	}
	.breadcrumb {
		padding: 10px 5%;
	}
	#myCarousel .carousel-caption {
		padding-left: 15px;
		padding-right: 15px;
	}
	.container-search-members {
		padding-left: 24px;
		padding-right: 24px;
	}
	/* ================================== pod ==================================== */
	a.more-aktif{
		background: url(../img/chevron-top.png) 20px 6px no-repeat #ed7b1c !important;
	}

	#morebtn{
		background: url(../img/chevron-down.png) 20px 6px no-repeat;
	}
	#morebtn:hover{
		background: #F79644 url(../img/chevron-down.png) 20px 6px no-repeat;
	}
	.tab-pod-show-more{
		border-top-left-radius:0px; 
		border-top-right-radius:0px;
		display:block;
	}
	.show-more-orange-tab-pod{
		margin-right: 0px;
	}
	.img-pod-bottom{
		max-height:204px; 
		min-height:204px; 
		height:204px;
	}
	h1{
		font-size:20px;
	}
	.left-mosaic-large{
		height: 360px;
	}
	.right-single-mosaic {
		height: 180px;
	}
	.quarter-right-mosaic {
		height: 176px;
	}
	.quarter-right-mosaic-minus {
		height: 145px;
	}
	.tag {
		font-size: 12px;
	}
	.title-headlinews {
		font-size: 15px;
	}
	.title-smallnews {
		font-size: 8px;
		display:none;
	}
	.top-right-mozaic-pod{
		height: 65px;
		width: 70%;
	}
	.blocking-more a {
		font-size: 14px;
	}
	#morebtn {
		padding: 2px;
	}
	#morebtn:hover {
		padding: 2px;
	}
	.show-more-dropdown {
		width: 98.3%;
	}
	.caption-short {
		height: 50px;
	}
	.caption-blog {
		height: 50px;
	}
	/* =============================== end pod =================================== */
	
	.img-whoweare{
		width:90%;
	}
	.border-for-table{
		border:none;
	}
	.contain-resouces-1{
		padding-right:0px;
	}
	.contain-resouces-2{
		padding-right:0px;
	}
	.img-resources{
		width:100%;
		height:200px;
	}
	.trademark-title-images {
		font-size: 23px;
		margin-top: 70px;
	}
	.img-credit-trademark {
		margin-top: 39%;
	}
	#imageHeaderTrademark .fill {
		height: 400px;
	}
	.pad-left-contact{
		padding-left:30px;	
	}
	.newsevent-link ul li a {
		color: #786A5D;
		font-size: 16px;
		padding: 10px 7px;
		font-weight: 600;
		text-decoration: none;
		line-height: 20px;
	}

	.members-apply-out{
		min-height:165px;
	}

	.logo-partner {
		margin-top: 30px;
	}
	
	.table-responsive{
		width:100%;
		margin-bottom:15px;
		overflow-x:auto;
		overflow-y:hidden;
		-webkit-overflow-scrolling:touch;
		-ms-overflow-style:-ms-autohiding-scrollbar;
		border:1px solid #ddd
	}
	.pad-NEAT-respo{
		padding-bottom:30px;
		width:100%;
	}
	
	.map-footer-img{
		width:100%;
		height:auto;
	}
	
	.contain800{
		width:100%;
		margin:0 auto;
	} 
	
	.NEAT-height-out{
		min-height:270px; 
		/* max-height:280px; */
	}
	
	.NEAT-height-container{
		min-height:120px; 
		min-height:218px;
	}
	
	.why-join-rspo-container{
		padding-top:0px; 
		padding-bottom:36.4px; 
		min-height:384px; 
		max-height:384px;
	}
	
	.why-join-rspo-out{
		padding-top:0px; 
		padding-bottom:36.4px; 
		min-height:388px; 
		max-height:390px;
	}
	
	.socmed-height-out{
		min-height:250px;
	}
	
	.socmed-height-in{
		min-height:270px
	}

	#container-navbar {
		padding-bottom: 0px;
		height:58px;
	}
	
	#myCarousel.carousel, #myCarousel .item {
		height: 440px;
	}
	
	#myCarousel .carousel-inner {
		height: 440px;
	}
	#myCarousel .fill {
		height: 440px;
	}
	
	#myCarousel .left.carousel-control, #myCarousel .right.carousel-control {
		/* top:83%; */
		top:30%;
		padding-top:0px;
	}
	
	#socmed-arrow {
		font-size: 30px;
		background: none repeat scroll 0% 0% #F79644;
		color: #FFF;
		height: 51px;
		position: absolute;
		line-height: 45px;
		text-align: center;
		cursor: pointer;
		transition: all 0.25s ease 0s;
		margin-top: -1px;
		width: 40px;
		left: -41px;
	}
	
	#vision .col-lg-6 {
        width: 50%;
        float: left;
    }
    
	#related .col-lg-6.col-md-offset-3 {
        margin-left: 0px;
    }
    .front-footer .col-md-6 {
        width: 470px;
    }
    .front-footer .btn-daftar {
        padding: 10px 83px;
    }
    #myCarousel .carousel-caption {
        right: 5%;
        left: 5%;
        /* width: 800px; */
    }
    #bs-example-navbar-collapse-1 .dropdown {
        margin-right: 180px;
    }
    .navbar-nav.yamm>li>a {
        padding: 25px 10px 26px 10px;
    }
    .navbar-default {
        background: url(../img/header-transparent-medium.png) top center no-repeat;
    }
    section#why-an-updates h2.section-heading.small-heading {
        margin-top: 30px;
    }
    .metro-item {
        height: 440px;
        padding: 0px;
    }
    #resultCarousel a.carousel-control {
        height: 620px;
    }
    #resultCarousel .fa {
        margin: 0px;
        margin-top: 300px;
    }
    #resultCarousel p {
        margin: 0px;
    }
    #resultCarousel img {
        margin-bottom: 60px;
    }
    #updates .tab-pane>DIV>DIV>DIV {
        margin: 0px;
        padding: 0px; 
    }
    .thumbnail-update {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .thumbnail-update img {
        width: auto;
        max-height: 100%;
    }
    .update-container-top-left,
    .update-container-bottom-left,
    .update-container-top-right,
    .update-container-bottom-right,
    .update-container-center {
        width: 100%;
		height:195px;
    }
    #updates .update-block {
        width: 50%;
        float: left;
    }	
    #updates .update-container-center .update-block {
        width: 100%;	
    }
    #updates .update-container-center .thumbnail-update {
        height: 195px;	
    }
    .thumb-link {
        width: 100%;
    }
	/* ============================ NEAT ================================ */
    .comments-tab-container .tab-head {
        width: 30%;
        float: left;
		padding-left: 0px;
		padding-right: 0px;
    }
    .comments-tab-container .tab-body {
        width: 70%;
        float: right;
    }
	/* =========================== footer ================================= */
    .front-footer {
        padding: 50px 0px;
    }
	#footer-map {
        width: 250px;
    }
    #why-an-updates .col-lg-6 {
        margin-bottom: 15px;	
    }
}

@media only screen and (max-width: 980px) {
	.for-responsive-label{
		display:unset;
	}
	
	.nav-beta-label {
		display:block;
		margin-left:0px;
	}
	
	.oops-text{
		padding-top:8px;
	}
	
	#oops {
		padding: 100px 0px;
		font-size: 14px;
		line-height: 25px;
	}
	
	.oops-face, .oops-text{
		float: left;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.col-md-offset-2 {
		margin-left: 16.6667%;
	}
	
	.contain-redirect {
		width: 52%;
	}
	
	.navbar-nav > li > a {
		padding: 20px 10px 18px;
	}
	
	.contain-MAP-impacts{
		width: 100% !important;
		margin:0 auto;
	}
	
	.am-title-mosaic{
		font-size:15px!important; 
		font-weight:600;
	}
	
	.add-pad-am{
		margin-top:8px;
	}
	
	#tab-profile-member li.tab-profile {
		width: 50%;
		margin: 0px !important;
		padding: 10px;
	}
	
	.col3-profile {
		width: 100% !important;
		margin-right: 0px !important;
		float: left;
		margin-bottom: 10px;
	}
	
	.col6-profile {
		width: 100% !important;
	}
	
	.col-profile-password {
		width: 100% !important;
	}
	
	.col-profile-password-arrow {
		display: none !important;
	}
	
	.contain-MAP-1, .contain-MAP-2, .contain-MAP-3{
		min-height:80%;
	}

	.contain-MAP-inner2-1, .contain-MAP-inner2-2, .contain-MAP-inner2-3{
		min-height:100%;
	}

	.contain-MAP-inner-1, .contain-MAP-inner-2, .contain-MAP-inner-3{
		min-height:100%;
	}

	.contain-trademark-middle {
		width: 80%;
	}
	.contain-trademark-left {
		width: 10%;
	}
	.contain-trademark-right {
		width: 10%;
	}
	#orange_line_trademark > div {
		width: 100% !important;
		margin-top: 0px;
	}
	.id-trademark {
		background-size: 65% auto;
	}
	.id-trademark-2 {
		background-size: 65% auto;
	}
	.id-trademark-3 {
		background-size: 65% auto;
	}

	.footer-slideshow {
		background-size: 85% auto !important;
		height: 240px;
	}

	.same_about_related {
		max-width: 80%;
		width: 100%;
		margin: 0px auto;
	}
	.img-press-kit{
		padding-bottom:0px;
		width: 80%;
		margin-bottom: 25px;
	}
	.img-press-kit:hover {
		padding-bottom: 0px;
		width: 80%;
		margin-bottom: 20px;
	}

	.map-footer-img{
		width:100%;
		height:auto;
	}
	.pagination {
		padding-top: 5px;
	}
	.container {
		max-width: 94.5% !important;
		width: 94.5% !important;
	}
    #rspo-logo {
        background: url(../img/logo-rspo-top.png) left center no-repeat;
        width: 260px;
        height: 50px;
    }
	.impacts-img {
		padding-top:15px;
		width:80%;
	}
	.pagination {
		padding-top: 5px;
	}
}

@media only screen and (max-width: 900px) {
	
	.contain-redirect {
		width: 57%;
	}

	#activate-user .col-lg-6.col-md-6.col-sm-6 {
		width: 100%;
	}
	
	.img-resources {
		height: 180px;
	}
	
	.navbar-nav > li > a {
		padding-top: 20px;
		padding-bottom: 18px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.contain-MAP-impacts{
		width: 100% !important;
		margin:0 auto;
	}
	
	.am-title-mosaic{
		font-size:15px!important; 
		font-weight:600;
	}
	
	.add-pad-am{
		margin-top:8px;
	}
	
	#tab-profile-member li.tab-profile {
		width: 50%;
		margin: 0px !important;
		padding: 10px;
	}
	
	.col3-profile {
		width: 100% !important;
		margin-right: 0px !important;
		float: left;
		margin-bottom: 10px;
	}
	
	.col6-profile {
		width: 100% !important;
	}
	
	.col-profile-password {
		width: 100% !important;
	}
	
	.col-profile-password-arrow {
		display: none !important;
	}

	.contain-MAP-1, .contain-MAP-2, .contain-MAP-3{
		min-height:80%;
	}

	.contain-MAP-inner2-1, .contain-MAP-inner2-2, .contain-MAP-inner2-3{
		min-height:100%;
	}

	.contain-MAP-inner-1, .contain-MAP-inner-2, .contain-MAP-inner-3{
		min-height:100%;
	}

	.footer-slideshow {
		background-size: 85% auto !important;
		height: 240px;
	}
	.same_about_related {
		max-width: 80%;
		width: 100%;
		margin: 0px auto;
	}
	.img-press-kit{
		padding-bottom:0px;
		width: 80%;
		margin-bottom: 25px;
	}
	.img-press-kit:hover {
		padding-bottom: 0px;
		width: 80%;
		margin-bottom: 20px;
	}

	.impacts-img {
		padding-top:30px;
		width:80%;
	}
	.pagination {
		padding-top: 5px;
	}
	
	.img-press-kit{
		padding-bottom:0px;
		width: 100%;
		margin-bottom: 25px;
	}
	.img-press-kit:hover {
		padding-bottom: 0px;
		width: 100%;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 860px) {
	.responsive-in{
		border-bottom: 0px!important;
	}
	
	.container-NEAT-content {
		padding: 8px 15px;
	}
	
	.nav-language{
		background: #8C755E!important;
	}
	
	.nav-language:hover, .nav-language:focus{
		background: #F79644!important;
	}
	
	.yamm .yamm-content {
		padding: 4px 18px 4px 18px;
	}
	
	.yamm .yamm-content ul > li > p {
		padding: 11px 0px;
	}
	
	.col-am-sm-2{
		width:10%;
	}
	.col-am-sm-8{
		width:80%;
	}
	
	
	#gallerySlider .left.carousel-control {
		margin-left: 0!important;
	}
	
	#gallerySlider .right.carousel-control {
		margin-right: 0px!important;
	}
	
	#gallerySlider .left.carousel-control, #gallerySlider .right.carousel-control {
		margin-top: 16%!important;
	}
	
	.navbar-default .nav > li > a {
		/* font-family: "Open Sans", Helvetica, Arial, sans-serif; */
		/* font-size: 16px; */
		font-size: 14px;
		color: #fff;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 1px;
		background: #8c755e url("../img/chevron-down.png") no-repeat scroll 94% center;
		background-size: 15px 15px;
	}
	
	.navbar-default .nav li .nav-a:hover, .navbar-default .nav li .nav-a:focus {
		outline: 0px none;
		color: #FFF;
		background: #F79644 url("../img/chevron-down.png") no-repeat scroll 94% center;
		background-size: 15px 15px;
	}
	
	.navbar-default .nav li a:hover, .navbar-default .nav li a:focus {
		outline: 0px none;
		color: #FFF;
		background: #F79644 url("../img/chevron-down.png") no-repeat scroll 94% center;
		background-size: 15px 15px;
	}
	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #fff;
		background: #F79644 url("../img/chevron-top.png") no-repeat scroll 94% center;
		background-size: 15px 15px;
	}
	
	.navbar-default .navbar-nav > .open > .nav-a, .navbar-default .navbar-nav > .open > .nav-a:hover, .navbar-default .navbar-nav > .open > .nav-a:focus {
		color: #FFF;
		background: #F79644 url("../img/chevron-top.png") no-repeat scroll 94% center;
		background-size: 15px 15px;
	}
	
	#navbar-collapse-2{
		width: 100%; 
		/* height: 100vh;
		max-height: 96vh;
		overflow-y:scroll; */
		/* float: right; */
		overflow-y:scroll;
	}
	
	.navbar-nav.navbar-right:last-child {
		margin-right: 0px;
	}
	
	.reponsive-search-text{
		display:inherit;
		width: 96%;
		float: right;
	}

	/* .responsive-in{
		display:none!important;
	} */
	
	.collapse.in {
		background-color: #8c755e;
	}
	
	.yamm .yamm-content ul > li > ul > a li {
		font-size: 15px;
	}

	.container-impacts-out {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.content-impacts-left-value, .content-impacts-right-value {
		font-size: 38px;
	}
	
	.container-impacts-right{
		padding-right:0px;
		padding-left:15px;
	}
	
	.container-impacts-left{
		padding-left:0px;
		padding-right:15px;
	}
	
	.resources-page{
		width:50%;
		padding-bottom:30px;
	}
	
	#activate-user .col-lg-6.col-md-6.col-sm-6 {
		width: 100%;
	}
	
	.navbar-toggle {
		margin-top: 13px;
		margin-bottom: 0px;
		margin-right: 0px;
	}
	
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666667%}
	.col-sm-10{width:83.33333333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666667%}
	.col-sm-7{width:58.33333333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666667%}
	.col-sm-4{width:33.33333333%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.66666667%}
	.col-sm-1{width:8.33333333%}
	
	.am-title-mosaic{
		font-size:15px!important; 
		font-weight:600;
	}
	
	.add-pad-am{
		margin-top:8px;
	}
	
	#tab-profile-member li.tab-profile {
		width: 50%;
		margin: 0px !important;
		padding: 10px;
	}
	
	.col3-profile {
		width: 100% !important;
		margin-right: 0px !important;
		float: left;
		margin-bottom: 10px;
	}
	
	.col6-profile {
		width: 100% !important;
	}
	
	.col-profile-password {
		width: 100% !important;
	}
	
	.col-profile-password-arrow {
		display: none !important;
	}
	
	.sidebar-pod-banner-view{
		padding-top:20px; 
		width:200px;
	}
	
	.contain-MAP-impacts{
		overflow:auto;
		width: 100% !important;
		margin:0 auto;
	}
	
	div#mapcontent {
		width: 650px !important;
	}
	
	#mapcontent .demo1 {
		width: 650px !important;
	}
	
	#mapcontent #map_canvas {
		width: 650px !important;
	}
	
	#question .col-lg-8.col-md-8.col-sm-8.col-md-offset-2.col-sm-offset-2 {
		width: 100%;
	}
	
	.contain-MAP-1, .contain-MAP-2, .contain-MAP-3{
		min-height:100%;
	}

	.contain-MAP-inner2-1, .contain-MAP-inner2-2, .contain-MAP-inner2-3{
		min-height:100%;
	}

	.contain-MAP-inner-1, .contain-MAP-inner-2, .contain-MAP-inner-3{
		min-height:100%;
	}
	
	.container-MAP-AM{
		width:100%;
	}
	.contain-sidebar-MAP{
		width:0%;
	}
	
	.update-block {
		margin: 0px;
		padding: 0px;
		min-height: 260px;
	}
	.update-container-top-left, .update-container-top-right, .update-container-bottom-left, .update-container-bottom-right {
		display: block;
		overflow: hidden;
		height: 260px;
	}
	.update-container-center .thumbnail-update {
		height: 260px;
	}
	.update-container-center .update-block {
		min-height: 480px;
		max-height: 480px;
	}
	#updates .update-container-center .thumbnail-update {
		height: 250px;
	}
	.center-top {
		margin-top: 239px;
	}
	.arrow-left-bottom , .arrow-left-top, .arrow-right-bottom, .arrow-right-top {
		margin-top: 120px;
	}
	
	.contain-trademark-middle {
		width: 80%;
	}
	.contain-trademark-left {
		width: 10%;
	}
	.contain-trademark-right {
		width: 10%;
	}
	#orange_line_trademark > div {
		width: 100% !important;
		margin-top: -1px;
	}
	.id-trademark {
		background-size: 65% auto;
	}
	.id-trademark-2 {
		background-size: 65% auto;
	}
	.id-trademark-3 {
		background-size: 65% auto;
	}
	
	.footer-slideshow {
		background-size: 85% auto !important;
		height: 200px;
	}
	
	.contain-link-menu-NEAT {
		width: 70%;
	}
	.contain-search-NEAT {
		padding-left: 0px;
		width: 30%;
		margin-top: 29px;
	}
	.contain-post-NEAT{
		width: 70%;
	}
	.contain-list-sidebar-NEAT{
		padding-top:6px; 
		padding-left:0px;
		width:30%;
	}
	
	.same_about_related {
		max-width: 80%;
		width: 100%;
		margin: 0px auto;
	}		
		
	.img-press-kit{
		padding-bottom:0px;
		width: 100%;
		margin-bottom: 25px;
	}
	.img-press-kit:hover {
		padding-bottom: 0px;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.pagination {
		padding-top: 5px;
	}
	.map-footer-img{
		width:100%;
		height:auto;
	}
	
	/* trademark */
	.contain-trademark-left{
		width:10%;
	}
	.contain-trademark-middle{
		width:80%;
	}
	.contain-trademark-right{
		width:10%
	}
	/* end trademark */
	
	.contain-trademark-form{
		display:block!important;
	}
	
	.container {
		max-width: 94.5% !important;
		width: 94.5% !important;
	}

	.pad-NEAT-respo {
		padding-bottom: 30px;
		width: 100%;
	}
	
	.logo-traders {
		min-width: 50px;
	}
	
	.p-under-input {
		font-size: 13px;
		padding-top: 6px;
		width: 60%;
	}
	
	label.inline.with-padding small {
		width: 65%;
	}
	.col-sm-offset-1 {
		margin-left: 8.33333%;
	}
	.form-control {
		height: 39px;
		font-size: 12px;
	}
	.btn {
		font-size: 11px;
	}
	.btn-lg, .btn-group-lg > .btn {
		padding: none;
	}
	.nav-beta-label {
		left:89.5%;
		display: none;
	}
	
	.for-responsive-label{
		display:unset;
		z-index: 1;
	}

	/* ============================= mozaic ================================ */
	.img-mozaic-map{
		width:100%;
	}
	
	.contain-mozaic-map {
		max-height: 390px;
		height: 390px;
		padding: 25px;
		background: #7E756C;
		display: unset !important;
	}
	
	.contain-inner-map-mozaic-botton{
		width: 100%;
		background-color: #7E756C;
		padding: 0px 20px 20px 20px;
	}

	.contain-inner-map-mozaic{
		width:100%;
		background-color: #7E756C;
		padding: 20px 20px 0px 20px;
	}
	/* ================================= end mozaic ======================================== */
	
	.list-unstyled, .list-unstyled ul {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	.title-members-category{
		font-size:26px; 
	}
	.title-members-associate {
		font-size: 18px;
	}
	.contain900{
		width:100%;
		margin:0 auto;
	}
	.tab-content-news .tab-pane {
		background-color: #FFF;
		padding: 0px 30px 16px;
	}	
	.breadcrumb {
		padding: 10px 5%;
	}
	.container-search-members{
		padding-left:15px;
		padding-right:15px;
	}
	.images-beta{
		position:fixed; 
		margin-left:16px;
	}
	/* ================================== pod ==================================== */
	a.more-aktif{
		background: url(../img/chevron-top.png) 20px 6px no-repeat #ed7b1c !important;
	}

	#morebtn{
		background: url(../img/chevron-down.png) 20px 6px no-repeat;
	}
	#morebtn:hover{
		background: #F79644 url(../img/chevron-down.png) 20px 6px no-repeat;
	}
	.tab-pod-show-more{
		border-top-left-radius:0px; 
		border-top-right-radius:0px;
		display:block;
	}
	.show-more-orange-tab-pod{
		margin-right: 0px;
	}
	.img-pod-bottom{
		max-height:170px; 
		min-height:170px; 
		height:170px;
	}
	h1{
		font-size:20px;
	}
	.left-mosaic-large{
		height: 260px;
	}
	.right-single-mosaic {
		height: 125px;
	}
	.quarter-right-mosaic {
		height: 131px;
	}
	.quarter-right-mosaic-minus {
		height: 100px;
	}
	.tag {
		font-size: 12px;
	}
	.title-headlinews {
		font-size: 15px;
	}
	.title-smallnews {
		font-size: 8px;
		display:none;
	}
	.top-right-mozaic-pod{
		height: 65px;
		width: 70%;
	}
	.blocking-more a {
		font-size: 14px;
	}
	#morebtn {
		padding: 2px;
	}
	#morebtn:hover {
		padding: 2px;
	}
	.show-more-dropdown {
		width: 98%;
	}
	.right-4 {
		padding-right: 2px;
	}
	.caption-short {
		height: 50px;
	}
	.caption-blog {
		height: 50px;
	}
	/* =============================== end pod =================================== */
	
	.view-all-members{
		width:120%; 
	}
	.img-whoweare{
		width:100%;
	}
	.border-for-table{
		border:none;
	}
	.contain-resouces-1{
		width:100%;
	}
	.contain-resouces-2{
		width:100%;
		padding-top:30px;
		padding-left:0px;
	}
	.img-resources{
		height:275px;
	}
	.trademark-title-images {
		font-size: 18px;
		margin-top: 50px;
	}
	.img-credit-trademark {
		margin-top: 46%;
	}
	#imageHeaderTrademark .fill {
		height: 350px;
	}
	.id-stepcertification {
		background: url("../img/Step1to6-Line.jpg") no-repeat scroll 50px 28px / 81% auto transparent;
		background-size:81%;
	}
	.pad-left-contact{
		padding-left:20px;	
	}
	.staff-board-of-governors{
		max-width:215px; 
		min-height:300px
	}
	.staff-secretariat{
		max-width:215px; 
		min-height:270px
	}
	.pad-secretariat{	
		padding-left:40px;
	}
	.pad-advisor-and-honorary{
		padding-left:30px; 
		text-align:center
	}
	.pad-alternate-members{
		padding-left:40px;
	}
	.pad-board-of-governors{
		padding-left:40px;
	}
	.staff-alternate-members{
		max-width:215px; 
		min-height:300px
	}
	.ul-contain-right-about{
		padding-left:15px; 
		padding-top:0px;
	}
	.conatainer-step-type{
		padding:20px; 
		margin-top:0px; 
		margin-bottom:30px; 
		margin-right:0px; 
		margin-left:0px; 
		background-color:#f5f5f5; 
		border: 4px solid #f5f5f5; 
		min-height:400px;
	}

	.container-inner-step-1{
		min-height:300px;
	}

	.container-inner-step-2{
		min-height:97px;
	}
	.contain-complaints-slide{
		height: 440px; 
		padding-left: 50px; 
		padding-right: 50px; 
		margin-left: -50px; 
		margin-right: -50px;
	}
	.title-filter-acop{
		margin-top:0px; 
		margin-bottom:0px;
	}
	.contain-acop {
		max-width: 100%;
		width: 90%;
	}
	.acop-reporting {
		border: 1px solid #CCC;
		padding: 0px 30px 30px;
		margin: -5px 15px 0px;
	}
	h2 {
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		margin: 0px;
		padding-top: 20px;
		padding-bottom: 15px;
	}
	.content-member-profile{
		padding-left:15px;
	}
	.profile-member-title-headline{
        padding-left:15px;
    }
	.profile-subsidiary-prymary{
		padding-left:30px;
	}
	.primary-subsidiary{
		padding-left:50px;
	}
	
	#myCarousel.carousel, #myCarousel .item {
		height: 440px;
	}
	#myCarousel .fill {
		height: 440px;
	}
	#myCarousel .carousel-inner {
		height: 440px;
	}
	#myCarousel.carousel, #myCarousel.item, #myCarousel.active {
		height: 440px;
	}
	#myCarousel .right.carousel-control, #myCarousel .left.carousel-control {
		/* top:84%; */
		top:30%;
		padding-top: 0px;
	}
	.container-event-content {
		padding: 8px 30px 0px 0px;
	}
	.container-socmed{
		width:100%;
		padding-top:0px;
	}
	.socmed-height-in {
		min-height: 210px!important;
	}
	.twitter-container {
		padding-right: 0px !important;
	}
	.facebook-container {
		padding-left: 0px !important;
	}
	#inside .navbar-default, #front .navbar-default {
		height: 60px;
	}
	.navigation-search{
		height:50px;
	}
	.navigation-search.open{
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
	}
	/* .pad-navigation{
		padding-left:2%; 
		padding-right:3%;
	} */
	.navbar-nav > li > a {
		padding: 15px 20px;
	}
	.navbar-right> li > a{
		padding-top:15px;
		padding-bottom:15px;
	}
	.glyphicon-search {
		position: relative;
		top: 1px;
		display: inline-block;
		font-family: "Glyphicons Halflings";
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		padding:0px;
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		transform:rotate(90deg);
	}
	.navbar-nav > li > .dropdown-menu {
		margin-top: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		left: 19.4%;
		/* setiap dropdown li ada scroll */
		/* max-height: 300px; */
		overflow-y: auto;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		/* border-left:1px solid #ededed;
		border-right:1px solid #ededed; */
		
	}
	.navbar-nav > li > .navigation-search-open {
		margin-top: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		left: 0px;
		background: #fff !important;
		border-top: 1px solid #ededed !important;
	}
	.navigation-search{
		height:50px;
	}
	.navigation-search.open{
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
	}
	
	.navbar-nav .open .dropdown-menu {
		border-bottom: 1px solid #ededed;
		/* border-left: 1px solid #ededed;
		border-right: 1px solid #ededed; */
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
		background:#fff;
	}
	/* ================================= end navigation ======================================== */
	
	.why-join-rspo-container{
		padding-top:0px; 
		padding-bottom:36.4px; 
		min-height:344px; 
		max-height:344px;
	}
	
	.why-join-rspo-out{
		padding-top:0px; 
		padding-bottom:36.4px; 
		min-height:340px!important; 
		max-height:350px!important;
	}
    #header-white {
        /* padding: 110px 0px 10px 0px; */
    }
    #header-white h1 {
        font-size: 20px;
    }
    #vision .col-lg-6 {
        width: 100%;
    }
    .about-quote {
        /* text-align: center; */
        font-size: 18px;
        margin-bottom: 30px;
    }
    #navbar-collapse-1 {
        width: 480px !important;
    }
    #resultCarousel .col-lg-5 h4 {
        margin-bottom: 0px;
    }
    #resultCarousel .col-lg-5 img {
        margin-bottom: 30px;
    }
    #resultCarousel .fa {
        margin-top: 200px;
    }
    #resultCarousel .col-lg-5 {
        margin: 0px 40px;
        padding: 0px;
    }
    #resultCarousel .col-lg-5 img {
        max-width: 70%;
    }
    .carousel-caption,
    .carousel-caption p {
        font-size: 12px;
		margin-bottom:0px;
    }
    .carousel-caption p {
		line-height: 18px;
		margin-bottom: 10px;
	}
	.carousel-indicators {
		bottom: -40px;
		/* display: none; */
	}
    #inside #myCarousel .fill{
        height: 657px;
    }
    #inside header {
        height: 800px;
    }
    #link-login:link,
    #link-login:hover,
    #link-login:visited {
        display: block;
        line-height: 35px;
        font-size: 14px;
        color: #ffffff;
        text-decoration: none;
        padding: 12px 20px;
        font-weight: bold;
    }
    #btn-login {
        display: none;
    }
	
	#btn-othersites {
        display: none;
    }
	
	/* ============================= footer ================================== */
	
	#impactsCarousel.carousel {
		height: 190px;
		padding-top: 30px;
	}
	
	.button-subcribe-footers-right{
		border-radius: 0px 3px 3px 0px !important;
		height: 44px;
		font-size:12px;
	}
	
	.input-text-footer{
		width:100%;
		height:42px;
	}
	
	.button-subcribe-footer{
		display:none;
		height:none;
	}
	
	footer .left.carousel-control,footer .right.carousel-control {
		/* margin-top: 72px; */
		top: 57%;
	}
	
    .front-footer .row {
        margin: 0px;
        /* padding: 0px 8px; */
		padding: 0px;
    }
	
	.front-footer {
		padding: 30px 0px;
	}
	
	.contain-footer-right{
		padding-left:0px;
		padding-right:0px;
		width: 100%;
		padding-top:30px;
	}
	
	.contain-footer-middle{
		width: 70%;
	}
	
	.contain-footer-left{
		padding-left:0px;
		padding-right:0px;
		width: 30%;
	}
	
	/* =============================== end footer ============================== */
	
    .socialmedia-box {
        display: none;
    }
    #myCarousel .carousel-caption {
        right: 0%!important;
        left: 0%!important;
        width: 100%!important;
		padding-left: 15px;
		padding-right: 15px;
        /* padding-bottom: 0px; */
    }
    #myCarousel .carousel-caption h2 {
        font-size: 18px;
    }
    #rspo-logo-big {
        display: none;
    }
	
	/* ====================================== navigation ======================================*/
    .navbar-default {
        background-image: none;
        background-color: #251f19;
		margin-top: -1px;
    }
    .navbar-collapse {
        /* display: block;*/
        position: absolute;
        /* width: 100%; */
        background-color: transparent;
		display:none;
    }
    #bs-example-navbar-collapse-1.navbar-collapse {
        margin: 0px;
        margin-top: 40px;
        padding: 0px 40px;
        background: transparent url(../img/bg-color.png) top center repeat-x;
        height: 300px;
        z-index: 1;
        width: 100%;
    }
    .container>.navbar-header {
        margin: 0px;
    }
    .navbar-nav>li {
        float: left;
		width: 100%;
		border-bottom: 1px solid #251F19;
    }
    .navbar-nav.yamm>li>a {
        padding: 10px 20px;
    }
    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:active {
        /* background-color: #FF7400 ; */
        color: #ffffff;
        border-color: transparent;
    }
	/* .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:active {
        background-color: #8c755e;
        color: #ffffff;
        border-color: transparent;
    } */
    .breakline {
        display: none;
    }
    .link-other {
        line-height: 35px;
        font-size: 14px;
        margin-left: 10px;
        margin-right: 5px;
    }
    #link-search {
        font-size: 14px;
        margin-left: 25px;
    }
	
	.navbar-toggle {
		margin-top: 13px;
		margin-bottom: 0px;
		/* margin-right: 20px; */
		margin-right: 0;
	}
	
    .showline {
        display: block;
        float: left;
        font-weight: bold;
    }
    #link-ask {
        line-height: 35px;
        font-size: 14px;
        margin-left: 20px;
    }
    .navbar-fixed-top .yamm .dropdown-menu {
        background-color: #ffffff;
        max-height: 500px;
        margin-top: 0px !important;
        width: 100%;
        padding: 0px;
        left: 0px;
        overflow-y: scroll;
        margin-left: 0px;
    }
    .navbar-fixed-top.navbar-shrink .yamm .dropdown-menu {
        left: 0px;
        margin-left: 0px;
    }
    .yamm .dropdown-menu#other-dropdown {
        left: 0px;
        margin-left: 0px;
    }
    .navbar-nav {
        margin: 0px;
		/* padding-top: 10px; */
    }
    .navbar-nav.yamm>li>a {
        padding: 10px 18px;
    }
    .yamm .yamm-content ul>li>p a,
    .yamm .yamm-content ul>li>ul>li a {
        font-size: 15px;
    }
    .yamm .yamm-content ul>li>ul>li {
        padding: 0px 0px 3px 0px;
    }
    .search-area {
        padding: 20px 0px;
        margin-top: 95px;
    }
    .search-area p {
        font-size: 14px;
    }
    #searchText {
        width: 100%;
        font-size: 14px;
    }
    
	#btn-search {
		margin-top: -2px;
		border-radius: 3px;
	}
	.form-group {
		/* display: -moz-box; */
		display: block;
		margin-right: 3px;
    }
	/* .pad-navigation {
		padding-left: 5%;
		padding-right: 5%;
	} */
	
	.navbar-collapse {
		padding-right: 0px!important;
		padding-left: 0px!important;
		overflow-x: visible;
		border-top: 1px solid transparent;
		box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
	}
	
    #tab-news li a {
        padding-left: 1em;
        padding-right: 1em;
    }
    .hide-on-mobile {
        display: none;
    }
    .show-on-mobile {
        display: block;
        margin: 0px;
        margin: auto;
        text-align: center;
        width: 100%;
        position: relative;
        padding: 0px;
    }
	/* ==================== mozail map ======================== */
    #updates .tab-pane>DIV>DIV {
        width: 80%;
        float: none;
    }
	/* ===================== mozaic map ======================= */
    .list-comments li .pull-right.text-muted {
        display: none;
    }
    .tab-comments-container {
        border-left: 0px;
    }
    .comments-tab-container .tab-head {
		padding-left: 0px;
		padding-right: 0px;
    }
    .comments-tab-container .tab-body {
        width: 70%;
    }
    #tab-comments li a {
        padding: 10px 15px;
    }
    .list-comments li {
        padding-left: 0px;
    }
    .list-comments li a {
        font-weight: normal;
        font-size: 13px;
    }
    .link-more-comments {
        margin-left: 10px;
    }
    .timeline > li > .timeline-panel:before {
        /* border-right: 0 solid #c3c3c3; */
    }
    .timeline > li > .timeline-panel:after {
        border-right: 0 solid #e7e7e7;
    }
    .timeline > li > .timeline-panel {
        text-align: left;
    }
    .timeline > li.timeline-inverted > .timeline-panel {
        /* border: solid 1px #c3c3c3; */
        background-color: #e7e7e7;
        color: #43372c;
        text-align: left;
    }
    .timeline > li.timeline-inverted > .timeline-panel a {
        color: #f17c0f;
    }
    /* ul.timeline > li > .timeline-badge {
        left: 30px;
        top: 34px;
    } */
    .timeline-badge.orange {
        background-color: #e7e7e7 !important;
    }
    #tab-updates li {
        line-height: 44px;
    }
    .detailed-people .modal-dialog,
    .detailed-people .modal-header {
        width: 480px;
        margin: 0px auto;
    }
    .profile-detail {
        padding: 10px 10px 10px 10px;
    }		
    .profile-detail p {
        font-size: 14px;
    }
    .profile-detail img {
        width: 100px !important;
    }
    .profile-detail img {
        width: 100px !important;
        display: block !important;
        float: none !important;
        margin: auto !important;
        ;
    }
    .profile-detail h3 {
        margin-left: 0px !important;
        border: none;
        text-align: center;
        font-size: 16px;
    }
    .modal-body {
        padding-bottom: 15px;
        overflow-y: scroll;
    }
    #imageHeader .imageHeader-caption {
        width: 400px;
    }
    #heading-text .row,
    .row.front-photo-container {
        margin-left: 10px;
        margin-right: 10px;
    }
    #container-in-detail {
        margin-left: 0px;
        margin-right: 0px;
    }
    .event-tab-container .tab-head {
        padding-top: 10px;
    }
	
	.dropdown{
		/* width: 100%; */
	}
	
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}
}

@media only screen and (max-width: 800px) {
	.container-NEAT-content {
		padding: 8px 15px;
	}
	
	.nav-language{
		background: #8C755E!important;
	}
	
	.nav-language:hover, .nav-language:focus{
		background: #F79644!important;
	}
	
	.yamm .yamm-content {
		padding: 4px 18px 4px 18px;
	}
	
	.yamm .yamm-content ul > li > p {
		padding: 11px 0px;
	}
	
	.col-am-sm-2{
		width:10%;
	}
	.col-am-sm-8{
		width:80%;
	}
	
	
	#gallerySlider .left.carousel-control {
		margin-left: 0!important;
	}
	
	#gallerySlider .right.carousel-control {
		margin-right: 0px!important;
	}
	
	#gallerySlider .left.carousel-control, #gallerySlider .right.carousel-control {
		margin-top: 16%!important;
	}
	
	.navbar-default .nav > li > a {
		/* font-family: "Open Sans", Helvetica, Arial, sans-serif; */
		/* font-size: 16px; */
		font-size: 14px;
		color: #fff;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 1px;
		background: #8c755e url("../img/chevron-down.png") no-repeat scroll 94% center;
		background-size: 15px 15px;
	}
	
	.navbar-default .nav li .nav-a:hover, .navbar-default .nav li .nav-a:focus {
		outline: 0px none;
		color: #FFF;
		background: #F79644 url("../img/chevron-down.png") no-repeat scroll 94% center;
		background-size: 15px 15px;
	}
	
	.navbar-default .nav li a:hover, .navbar-default .nav li a:focus {
		outline: 0px none;
		color: #FFF;
		background: #F79644 url("../img/chevron-down.png") no-repeat scroll 94% center;
		background-size: 15px 15px;
	}
	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #fff;
		background: #F79644 url("../img/chevron-top.png") no-repeat scroll 94% center;
		background-size: 15px 15px;
	}
	
	.navbar-default .navbar-nav > .open > .nav-a, .navbar-default .navbar-nav > .open > .nav-a:hover, .navbar-default .navbar-nav > .open > .nav-a:focus {
		color: #FFF;
		background: #F79644 url("../img/chevron-top.png") no-repeat scroll 94% center;
		background-size: 15px 15px;
	}
	
	#navbar-collapse-2{
		width: 100%; 
		/* height: 100vh;
		max-height: 96vh;
		overflow-y:scroll; */
		/* float: right; */
		overflow-y:scroll;
	}
	
	.navbar-nav.navbar-right:last-child {
		margin-right: 0px;
	}
	
	.reponsive-search-text{
		display:inherit;
		width: 96%;
		float: right;
	}

	/* .responsive-in{
		display:none!important;
	} */
	
	.collapse.in {
		background-color: #8c755e;
	}
	
	.yamm .yamm-content ul > li > ul > a li {
		font-size: 15px;
	}

	.container-impacts-out {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.content-impacts-left-value, .content-impacts-right-value {
		font-size: 38px;
	}
	
	.container-impacts-right{
		padding-right:0px;
		padding-left:15px;
	}
	
	.container-impacts-left{
		padding-left:0px;
		padding-right:15px;
	}
	
	.resources-page{
		width:50%;
		padding-bottom:30px;
	}
	
	#activate-user .col-lg-6.col-md-6.col-sm-6 {
		width: 100%;
	}
	
	.navbar-toggle {
		margin-top: 13px;
		margin-bottom: 0px;
		margin-right: 0px;
	}
	
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666667%}
	.col-sm-10{width:83.33333333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666667%}
	.col-sm-7{width:58.33333333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666667%}
	.col-sm-4{width:33.33333333%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.66666667%}
	.col-sm-1{width:8.33333333%}
	
	.am-title-mosaic{
		font-size:15px!important; 
		font-weight:600;
	}
	
	.add-pad-am{
		margin-top:8px;
	}
	
	#tab-profile-member li.tab-profile {
		width: 50%;
		margin: 0px !important;
		padding: 10px;
	}
	
	.col3-profile {
		width: 100% !important;
		margin-right: 0px !important;
		float: left;
		margin-bottom: 10px;
	}
	
	.col6-profile {
		width: 100% !important;
	}
	
	.col-profile-password {
		width: 100% !important;
	}
	
	.col-profile-password-arrow {
		display: none !important;
	}
	
	.sidebar-pod-banner-view{
		padding-top:20px; 
		width:200px;
	}
	
	.contain-MAP-impacts{
		overflow:auto;
		width: 100% !important;
		margin:0 auto;
	}
	
	div#mapcontent {
		width: 650px !important;
	}
	
	#mapcontent .demo1 {
		width: 650px !important;
	}
	
	#mapcontent #map_canvas {
		width: 650px !important;
	}
	
	#question .col-lg-8.col-md-8.col-sm-8.col-md-offset-2.col-sm-offset-2 {
		width: 100%;
	}
	
	.contain-MAP-1, .contain-MAP-2, .contain-MAP-3{
		min-height:100%;
	}

	.contain-MAP-inner2-1, .contain-MAP-inner2-2, .contain-MAP-inner2-3{
		min-height:100%;
	}

	.contain-MAP-inner-1, .contain-MAP-inner-2, .contain-MAP-inner-3{
		min-height:100%;
	}
	
	.container-MAP-AM{
		width:100%;
	}
	.contain-sidebar-MAP{
		width:0%;
	}
	
	.update-block {
		margin: 0px;
		padding: 0px;
		min-height: 260px;
	}
	.update-container-top-left, .update-container-top-right, .update-container-bottom-left, .update-container-bottom-right {
		display: block;
		overflow: hidden;
		height: 260px;
	}
	.update-container-center .thumbnail-update {
		height: 260px;
	}
	.update-container-center .update-block {
		min-height: 480px;
		max-height: 480px;
	}
	#updates .update-container-center .thumbnail-update {
		height: 250px;
	}
	.center-top {
		margin-top: 239px;
	}
	.arrow-left-bottom , .arrow-left-top, .arrow-right-bottom, .arrow-right-top {
		margin-top: 120px;
	}
	
	.contain-trademark-middle {
		width: 80%;
	}
	.contain-trademark-left {
		width: 10%;
	}
	.contain-trademark-right {
		width: 10%;
	}
	#orange_line_trademark > div {
		width: 100% !important;
		margin-top: -1px;
	}
	.id-trademark {
		background-size: 65% auto;
	}
	.id-trademark-2 {
		background-size: 65% auto;
	}
	.id-trademark-3 {
		background-size: 65% auto;
	}
	
	.footer-slideshow {
		background-size: 85% auto !important;
		height: 200px;
	}
	
	.contain-link-menu-NEAT {
		width: 70%;
	}
	.contain-search-NEAT {
		padding-left: 0px;
		width: 30%;
		margin-top: 29px;
	}
	.contain-post-NEAT{
		width: 70%;
	}
	.contain-list-sidebar-NEAT{
		padding-top:6px; 
		padding-left:0px;
		width:30%;
	}
	
	.same_about_related {
		max-width: 80%;
		width: 100%;
		margin: 0px auto;
	}		
		
	.img-press-kit{
		padding-bottom:0px;
		width: 100%;
		margin-bottom: 25px;
	}
	.img-press-kit:hover {
		padding-bottom: 0px;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.pagination {
		padding-top: 5px;
	}
	.map-footer-img{
		width:100%;
		height:auto;
	}
	
	/* trademark */
	.contain-trademark-left{
		width:10%;
	}
	.contain-trademark-middle{
		width:80%;
	}
	.contain-trademark-right{
		width:10%
	}
	/* end trademark */
	
	.contain-trademark-form{
		display:block!important;
	}
	
	.container {
		max-width: 94.5% !important;
		width: 94.5% !important;
	}

	.pad-NEAT-respo {
		padding-bottom: 30px;
		width: 100%;
	}
	
	.logo-traders {
		min-width: 50px;
	}
	
	.p-under-input {
		font-size: 13px;
		padding-top: 6px;
		width: 60%;
	}
	
	label.inline.with-padding small {
		width: 65%;
	}
	.col-sm-offset-1 {
		margin-left: 8.33333%;
	}
	.form-control {
		height: 39px;
		font-size: 12px;
	}
	.btn {
		font-size: 11px;
	}
	.btn-lg, .btn-group-lg > .btn {
		padding: none;
	}
	.nav-beta-label {
		left:89.5%;
		display: none;
	}
	
	.for-responsive-label{
		display:unset;
		z-index: 1;
	}

	/* ============================= mozaic ================================ */
	.img-mozaic-map{
		width:100%;
	}
	
	.contain-mozaic-map {
		max-height: 390px;
		height: 390px;
		padding: 25px;
		background: #7E756C;
		display: unset !important;
	}
	
	.contain-inner-map-mozaic-botton{
		width: 100%;
		background-color: #7E756C;
		padding: 0px 20px 20px 20px;
	}

	.contain-inner-map-mozaic{
		width:100%;
		background-color: #7E756C;
		padding: 20px 20px 0px 20px;
	}
	/* ================================= end mozaic ======================================== */
	
	.list-unstyled, .list-unstyled ul {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	.title-members-category{
		font-size:26px; 
	}
	.title-members-associate {
		font-size: 18px;
	}
	.contain900{
		width:100%;
		margin:0 auto;
	}
	.tab-content-news .tab-pane {
		background-color: #FFF;
		padding: 0px 30px 16px;
	}	
	.breadcrumb {
		padding: 10px 5%;
	}
	.container-search-members{
		padding-left:15px;
		padding-right:15px;
	}
	.images-beta{
		position:fixed; 
		margin-left:16px;
	}
	/* ================================== pod ==================================== */
	a.more-aktif{
		background: url(../img/chevron-top.png) 20px 6px no-repeat #ed7b1c !important;
	}

	#morebtn{
		background: url(../img/chevron-down.png) 20px 6px no-repeat;
	}
	#morebtn:hover{
		background: #F79644 url(../img/chevron-down.png) 20px 6px no-repeat;
	}
	.tab-pod-show-more{
		border-top-left-radius:0px; 
		border-top-right-radius:0px;
		display:block;
	}
	.show-more-orange-tab-pod{
		margin-right: 0px;
	}
	.img-pod-bottom{
		max-height:170px; 
		min-height:170px; 
		height:170px;
	}
	h1{
		font-size:20px;
	}
	.left-mosaic-large{
		height: 260px;
	}
	.right-single-mosaic {
		height: 125px;
	}
	.quarter-right-mosaic {
		height: 131px;
	}
	.quarter-right-mosaic-minus {
		height: 100px;
	}
	.tag {
		font-size: 12px;
	}
	.title-headlinews {
		font-size: 15px;
	}
	.title-smallnews {
		font-size: 8px;
		display:none;
	}
	.top-right-mozaic-pod{
		height: 65px;
		width: 70%;
	}
	.blocking-more a {
		font-size: 14px;
	}
	#morebtn {
		padding: 2px;
	}
	#morebtn:hover {
		padding: 2px;
	}
	.show-more-dropdown {
		width: 98%;
	}
	.right-4 {
		padding-right: 2px;
	}
	.caption-short {
		height: 50px;
	}
	.caption-blog {
		height: 50px;
	}
	/* =============================== end pod =================================== */
	
	.view-all-members{
		width:120%; 
	}
	.img-whoweare{
		width:100%;
	}
	.border-for-table{
		border:none;
	}
	.contain-resouces-1{
		width:100%;
	}
	.contain-resouces-2{
		width:100%;
		padding-top:30px;
		padding-left:0px;
	}
	.img-resources{
		height:275px;
	}
	.trademark-title-images {
		font-size: 18px;
		margin-top: 50px;
	}
	.img-credit-trademark {
		margin-top: 46%;
	}
	#imageHeaderTrademark .fill {
		height: 350px;
	}
	.id-stepcertification {
		background: url("../img/Step1to6-Line.jpg") no-repeat scroll 50px 28px / 81% auto transparent;
		background-size:81%;
	}
	.pad-left-contact{
		padding-left:20px;	
	}
	.staff-board-of-governors{
		max-width:215px; 
		min-height:300px
	}
	.staff-secretariat{
		max-width:215px; 
		min-height:270px
	}
	.pad-secretariat{	
		padding-left:40px;
	}
	.pad-advisor-and-honorary{
		padding-left:30px; 
		text-align:center
	}
	.pad-alternate-members{
		padding-left:40px;
	}
	.pad-board-of-governors{
		padding-left:40px;
	}
	.staff-alternate-members{
		max-width:215px; 
		min-height:300px
	}
	.ul-contain-right-about{
		padding-left:15px; 
		padding-top:0px;
	}
	.conatainer-step-type{
		padding:20px; 
		margin-top:0px; 
		margin-bottom:30px; 
		margin-right:0px; 
		margin-left:0px; 
		background-color:#f5f5f5; 
		border: 4px solid #f5f5f5; 
		min-height:400px;
	}

	.container-inner-step-1{
		min-height:300px;
	}

	.container-inner-step-2{
		min-height:97px;
	}
	.contain-complaints-slide{
		height: 440px; 
		padding-left: 50px; 
		padding-right: 50px; 
		margin-left: -50px; 
		margin-right: -50px;
	}
	.title-filter-acop{
		margin-top:0px; 
		margin-bottom:0px;
	}
	.contain-acop {
		max-width: 100%;
		width: 90%;
	}
	.acop-reporting {
		border: 1px solid #CCC;
		padding: 0px 30px 30px;
		margin: -5px 15px 0px;
	}
	h2 {
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		margin: 0px;
		padding-top: 20px;
		padding-bottom: 15px;
	}
	.content-member-profile{
		padding-left:15px;
	}
	.profile-member-title-headline{
        padding-left:15px;
    }
	.profile-subsidiary-prymary{
		padding-left:30px;
	}
	.primary-subsidiary{
		padding-left:50px;
	}
	
	#myCarousel.carousel, #myCarousel .item {
		height: 440px;
	}
	#myCarousel .fill {
		height: 440px;
	}
	#myCarousel .carousel-inner {
		height: 440px;
	}
	#myCarousel.carousel, #myCarousel.item, #myCarousel.active {
		height: 440px;
	}
	#myCarousel .right.carousel-control, #myCarousel .left.carousel-control {
		/* top:84%; */
		top:30%;
		padding-top: 0px;
	}
	.container-event-content {
		padding: 8px 30px 0px 0px;
	}
	.container-socmed{
		width:100%;
		padding-top:0px;
	}
	.socmed-height-in {
		min-height: 210px!important;
	}
	.twitter-container {
		padding-right: 0px !important;
	}
	.facebook-container {
		padding-left: 0px !important;
	}
	#inside .navbar-default, #front .navbar-default {
		height: 60px;
	}
	.navigation-search{
		height:50px;
	}
	.navigation-search.open{
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
	}
	/* .pad-navigation{
		padding-left:2%; 
		padding-right:3%;
	} */
	.navbar-nav > li > a {
		padding: 15px 20px;
	}
	.navbar-right> li > a{
		padding-top:15px;
		padding-bottom:15px;
	}
	.glyphicon-search {
		position: relative;
		top: 1px;
		display: inline-block;
		font-family: "Glyphicons Halflings";
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		padding:0px;
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		transform:rotate(90deg);
	}
	.navbar-nav > li > .dropdown-menu {
		margin-top: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		left: 19.4%;
		/* setiap dropdown li ada scroll */
		/* max-height: 300px; */
		overflow-y: auto;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		/* border-left:1px solid #ededed;
		border-right:1px solid #ededed; */
		
	}
	.navbar-nav > li > .navigation-search-open {
		margin-top: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		left: 0px;
		background: #fff !important;
		border-top: 1px solid #ededed !important;
	}
	.navigation-search{
		height:50px;
	}
	.navigation-search.open{
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
	}
	
	.navbar-nav .open .dropdown-menu {
		border-bottom: 1px solid #ededed;
		/* border-left: 1px solid #ededed;
		border-right: 1px solid #ededed; */
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
		background:#fff;
	}
	/* ================================= end navigation ======================================== */
	
	.why-join-rspo-container{
		padding-top:0px; 
		padding-bottom:36.4px; 
		min-height:344px; 
		max-height:344px;
	}
	
	.why-join-rspo-out{
		padding-top:0px; 
		padding-bottom:36.4px; 
		min-height:340px!important; 
		max-height:350px!important;
	}
    #header-white {
        /* padding: 110px 0px 10px 0px; */
    }
    #header-white h1 {
        font-size: 20px;
    }
    #vision .col-lg-6 {
        width: 100%;
    }
    .about-quote {
        /* text-align: center; */
        font-size: 18px;
        margin-bottom: 30px;
    }
    #navbar-collapse-1 {
        width: 480px !important;
    }
    #resultCarousel .col-lg-5 h4 {
        margin-bottom: 0px;
    }
    #resultCarousel .col-lg-5 img {
        margin-bottom: 30px;
    }
    #resultCarousel .fa {
        margin-top: 200px;
    }
    #resultCarousel .col-lg-5 {
        margin: 0px 40px;
        padding: 0px;
    }
    #resultCarousel .col-lg-5 img {
        max-width: 70%;
    }
    .carousel-caption,
    .carousel-caption p {
        font-size: 12px;
		margin-bottom:0px;
    }
    .carousel-caption p {
		line-height: 18px;
		margin-bottom: 10px;
	}
	.carousel-indicators {
		bottom: -40px;
		/* display: none; */
	}
    #inside #myCarousel .fill{
        height: 657px;
    }
    #inside header {
        height: 800px;
    }
    #link-login:link,
    #link-login:hover,
    #link-login:visited {
        display: block;
        line-height: 35px;
        font-size: 14px;
        color: #ffffff;
        text-decoration: none;
        padding: 12px 20px;
        font-weight: bold;
    }
    #btn-login {
        display: none;
    }
	
	#btn-othersites {
        display: none;
    }
	
	/* ============================= footer ================================== */
	
	#impactsCarousel.carousel {
		height: 190px;
		padding-top: 30px;
	}
	
	.button-subcribe-footers-right{
		border-radius: 0px 3px 3px 0px !important;
		height: 44px;
		font-size:12px;
	}
	
	.input-text-footer{
		width:100%;
		height:42px;
	}
	
	.button-subcribe-footer{
		display:none;
		height:none;
	}
	
	footer .left.carousel-control,footer .right.carousel-control {
		/* margin-top: 72px; */
		top: 57%;
	}
	
    .front-footer .row {
        margin: 0px;
        /* padding: 0px 8px; */
		padding: 0px;
    }
	
	.front-footer {
		padding: 30px 0px;
	}
	
	.contain-footer-right{
		padding-left:0px;
		padding-right:0px;
		width: 100%;
		padding-top:30px;
	}
	
	.contain-footer-middle{
		width: 70%;
	}
	
	.contain-footer-left{
		padding-left:0px;
		padding-right:0px;
		width: 30%;
	}
	
	/* =============================== end footer ============================== */
	
    .socialmedia-box {
        display: none;
    }
    #myCarousel .carousel-caption {
        right: 0%!important;
        left: 0%!important;
        width: 100%!important;
		padding-left: 15px;
		padding-right: 15px;
        /* padding-bottom: 0px; */
    }
    #myCarousel .carousel-caption h2 {
        font-size: 18px;
    }
    #rspo-logo-big {
        display: none;
    }
	
	/* ====================================== navigation ======================================*/
    .navbar-default {
        background-image: none;
        background-color: #251f19;
		margin-top: -1px;
    }
    .navbar-collapse {
        /* display: block;*/
        position: absolute;
        /* width: 100%; */
        background-color: transparent;
		display:none;
    }
    #bs-example-navbar-collapse-1.navbar-collapse {
        margin: 0px;
        margin-top: 40px;
        padding: 0px 40px;
        background: transparent url(../img/bg-color.png) top center repeat-x;
        height: 300px;
        z-index: 1;
        width: 100%;
    }
    .container>.navbar-header {
        margin: 0px;
    }
    .navbar-nav>li {
        float: left;
		width: 100%;
		border-bottom: 1px solid #251F19;
    }
    .navbar-nav.yamm>li>a {
        padding: 10px 20px;
    }
    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:active {
        /* background-color: #FF7400 ; */
        color: #ffffff;
        border-color: transparent;
    }
	/* .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:active {
        background-color: #8c755e;
        color: #ffffff;
        border-color: transparent;
    } */
    .breakline {
        display: none;
    }
    .link-other {
        line-height: 35px;
        font-size: 14px;
        margin-left: 10px;
        margin-right: 5px;
    }
    #link-search {
        font-size: 14px;
        margin-left: 25px;
    }
	
	.navbar-toggle {
		margin-top: 13px;
		margin-bottom: 0px;
		/* margin-right: 20px; */
		margin-right: 0;
	}
	
    .showline {
        display: block;
        float: left;
        font-weight: bold;
    }
    #link-ask {
        line-height: 35px;
        font-size: 14px;
        margin-left: 20px;
    }
    .navbar-fixed-top .yamm .dropdown-menu {
        background-color: #ffffff;
        max-height: 500px;
        margin-top: 0px !important;
        width: 100%;
        padding: 0px;
        left: 0px;
        overflow-y: scroll;
        margin-left: 0px;
    }
    .navbar-fixed-top.navbar-shrink .yamm .dropdown-menu {
        left: 0px;
        margin-left: 0px;
    }
    .yamm .dropdown-menu#other-dropdown {
        left: 0px;
        margin-left: 0px;
    }
    .navbar-nav {
        margin: 0px;
		/* padding-top: 10px; */
    }
    .navbar-nav.yamm>li>a {
        padding: 10px 18px;
    }
    .yamm .yamm-content ul>li>p a,
    .yamm .yamm-content ul>li>ul>li a {
        font-size: 15px;
    }
    .yamm .yamm-content ul>li>ul>li {
        padding: 0px 0px 3px 0px;
    }
    .search-area {
        padding: 20px 0px;
        margin-top: 95px;
    }
    .search-area p {
        font-size: 14px;
    }
    #searchText {
        width: 100%;
        font-size: 14px;
    }
    
	#btn-search {
		margin-top: -2px;
		border-radius: 3px;
	}
	.form-group {
		/* display: -moz-box; */
		display: block;
		margin-right: 3px;
    }
	/* .pad-navigation {
		padding-left: 5%;
		padding-right: 5%;
	} */
	
	.navbar-collapse {
		padding-right: 0px!important;
		padding-left: 0px!important;
		overflow-x: visible;
		border-top: 1px solid transparent;
		box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
	}
	
    #tab-news li a {
        padding-left: 1em;
        padding-right: 1em;
    }
    .hide-on-mobile {
        display: none;
    }
    .show-on-mobile {
        display: block;
        margin: 0px;
        margin: auto;
        text-align: center;
        width: 100%;
        position: relative;
        padding: 0px;
    }
	/* ==================== mozail map ======================== */
    #updates .tab-pane>DIV>DIV {
        width: 80%;
        float: none;
    }
	/* ===================== mozaic map ======================= */
    .list-comments li .pull-right.text-muted {
        display: none;
    }
    .tab-comments-container {
        border-left: 0px;
    }
    .comments-tab-container .tab-head {
		padding-left: 0px;
		padding-right: 0px;
    }
    .comments-tab-container .tab-body {
        width: 70%;
    }
    #tab-comments li a {
        padding: 10px 15px;
    }
    .list-comments li {
        padding-left: 0px;
    }
    .list-comments li a {
        font-weight: normal;
        font-size: 13px;
    }
    .link-more-comments {
        margin-left: 10px;
    }
    .timeline > li > .timeline-panel:before {
        /* border-right: 0 solid #c3c3c3; */
    }
    .timeline > li > .timeline-panel:after {
        border-right: 0 solid #e7e7e7;
    }
    .timeline > li > .timeline-panel {
        text-align: left;
    }
    .timeline > li.timeline-inverted > .timeline-panel {
        /* border: solid 1px #c3c3c3; */
        background-color: #e7e7e7;
        color: #43372c;
        text-align: left;
    }
    .timeline > li.timeline-inverted > .timeline-panel a {
        color: #f17c0f;
    }
    /* ul.timeline > li > .timeline-badge {
        left: 30px;
        top: 34px;
    } */
    .timeline-badge.orange {
        background-color: #e7e7e7 !important;
    }
    #tab-updates li {
        line-height: 44px;
    }
    .detailed-people .modal-dialog,
    .detailed-people .modal-header {
        width: 480px;
        margin: 0px auto;
    }
    .profile-detail {
        padding: 10px 10px 10px 10px;
    }		
    .profile-detail p {
        font-size: 14px;
    }
    .profile-detail img {
        width: 100px !important;
    }
    .profile-detail img {
        width: 100px !important;
        display: block !important;
        float: none !important;
        margin: auto !important;
        ;
    }
    .profile-detail h3 {
        margin-left: 0px !important;
        border: none;
        text-align: center;
        font-size: 16px;
    }
    .modal-body {
        padding-bottom: 15px;
        overflow-y: scroll;
    }
    #imageHeader .imageHeader-caption {
        width: 400px;
    }
    #heading-text .row,
    .row.front-photo-container {
        margin-left: 10px;
        margin-right: 10px;
    }
    #container-in-detail {
        margin-left: 0px;
        margin-right: 0px;
    }
    .event-tab-container .tab-head {
        padding-top: 10px;
    }
	
	.dropdown{
		/* width: 100%; */
	}
	
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}
}

@media only screen and (max-width: 768px) {
	.nav-beta-label {
		left: 89%;
	}
	
	.contain-redirect {
		width: 50%;
	}

	.button-back-redirect {
		width: 100% !important;
		padding-bottom: 10px;
	}

	.button-continue-redirect{
		width: 100% !important;
	}

	.btn-redirect-white, .btn-redirect-orange{
		width: 100%;
	}
	
	.contain300{
		width:70%;	
		margin:0 auto;
	}
	
	.container-impacts-out {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#navbar-collapse-2{
		width: 100%; 
		/* height: 935px;
		max-height: 935px;
		overflow-y:scroll; */
		/* float: right; */
		overflow-y:scroll;
	}
	
	/* .responsive-in{
		display:none!important;
	} */
	
	.yamm .yamm-content ul > li > ul > a li {
		font-size: 15px;
	}
	
	.reponsive-search-text{
		display:inherit;
		width: 96%;
		float: right;
	}
	
	.content-impacts-left-value, .content-impacts-right-value {
		font-size: 34px;
		line-height: 55px;
	}
	
	.container-impacts-right{
		padding-left:15px;
	}
	
	.container-impacts-left{
		padding-right: 15px;
	}
	
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666667%}
	.col-sm-10{width:83.33333333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666667%}
	.col-sm-7{width:58.33333333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666667%}
	.col-sm-4{width:33.33333333%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.66666667%}
	.col-sm-1{width:8.33333333%}
	
	#activate-user .col-lg-6.col-md-6.col-sm-6 {
		width: 100%;
	}
	
	.resources-page{
		width:50%;
		padding-bottom:30px;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.am-title-mosaic{
		font-size:15px!important; 
		font-weight:600;
	}
	
	.add-pad-am{
		margin-top:8px;
	}
	
	#tab-profile-member li.tab-profile {
		width: 50%;
		margin: 0px !important;
		padding: 10px;
	}
	
	.col3-profile {
		width: 100% !important;
		margin-right: 0px !important;
		float: left;
		margin-bottom: 10px;
	}
	
	.col6-profile {
		width: 100% !important;
	}
	
	.col-profile-password {
		width: 100% !important;
	}
	
	.col-profile-password-arrow {
		display: none !important;
	}
	
	.sidebar-pod-banner-view{
		padding-top:20px; 
		width:200px;
	}
	
	.contain-MAP-impacts{
		overflow:auto;
		width: 100% !important;
		margin:0 auto;
	}
	
	div#mapcontent {
		width: 650px !important;
	}
	
	#mapcontent .demo1 {
		width: 650px !important;
	}
	
	#mapcontent #map_canvas {
		width: 650px !important;
	}
	
	#question .col-lg-8.col-md-8.col-sm-8.col-md-offset-2.col-sm-offset-2 {
		width: 100%;
	}
	
	.contain-MAP-1, .contain-MAP-2, .contain-MAP-3{
		min-height:100%;
	}

	.contain-MAP-inner2-1, .contain-MAP-inner2-2, .contain-MAP-inner2-3{
		min-height:100%;
	}

	.contain-MAP-inner-1, .contain-MAP-inner-2, .contain-MAP-inner-3{
		min-height:100%;
	}
	
	.container-MAP-AM{
		width:100%;
	}
	.contain-sidebar-MAP{
		width:0%;
	}
	
	.update-block {
		margin: 0px;
		padding: 0px;
		min-height: 260px;
	}
	.update-container-top-left, .update-container-top-right, .update-container-bottom-left, .update-container-bottom-right {
		display: block;
		overflow: hidden;
		height: 260px;
	}
	.update-container-center .thumbnail-update {
		height: 260px;
	}
	.update-container-center .update-block {
		min-height: 480px;
		max-height: 480px;
	}
	#updates .update-container-center .thumbnail-update {
		height: 250px;
	}
	.center-top {
		margin-top: 239px;
	}
	.arrow-left-bottom , .arrow-left-top, .arrow-right-bottom, .arrow-right-top {
		margin-top: 120px;
	}
	
	.contain-trademark-middle {
		width: 80%;
	}
	.contain-trademark-left {
		width: 10%;
	}
	.contain-trademark-right {
		width: 10%;
	}
	#orange_line_trademark > div {
		width: 100% !important;
		margin-top: -1px;
	}
	.id-trademark {
		background-size: 65% auto;
	}
	.id-trademark-2 {
		background-size: 65% auto;
	}
	.id-trademark-3 {
		background-size: 65% auto;
	}
	
	.footer-slideshow {
		background-size: 85% auto !important;
		height: 200px;
	}
	
	.contain-link-menu-NEAT {
		width: 70%;
	}
	.contain-search-NEAT {
		padding-left: 0px;
		width: 30%;
		margin-top: 29px;
	}
	.contain-post-NEAT{
		width: 70%;
	}
	.contain-list-sidebar-NEAT{
		padding-top:6px; 
		padding-left:0px;
		width:30%;
	}
	
	.same_about_related {
		max-width: 80%;
		width: 100%;
		margin: 0px auto;
	}		
		
	.img-press-kit{
		padding-bottom:0px;
		width: 100%;
		margin-bottom: 25px;
	}
	.img-press-kit:hover {
		padding-bottom: 0px;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.pagination {
		padding-top: 5px;
	}
	.map-footer-img{
		width:100%;
		height:auto;
	}
	
	/* trademark */
	.contain-trademark-left{
		width:10%;
	}
	.contain-trademark-middle{
		width:80%;
	}
	.contain-trademark-right{
		width:10%
	}
	/* end trademark */
	
	.contain-trademark-form{
		display:block!important;
	}
	
	.container {
		max-width: 94.5% !important;
		width: 94.5% !important;
	}

	.pad-NEAT-respo {
		padding-bottom: 30px;
		width: 100%;
	}
	
	.logo-traders {
		min-width: 50px;
	}
	
	.p-under-input {
		font-size: 13px;
		padding-top: 6px;
		width: 60%;
	}
	
	label.inline.with-padding small {
		width: 65%;
	}
	.col-sm-offset-1 {
		margin-left: 8.33333%;
	}
	.form-control {
		height: 39px;
		font-size: 12px;
	}
	.btn {
		font-size: 11px;
	}
	.btn-lg, .btn-group-lg > .btn {
		padding: none;
	}
	.for-responsive-label{
		display:unset;
	}

	/* ============================= mozaic ================================ */
	.img-mozaic-map{
		width:100%;
	}
	
	.contain-mozaic-map {
		max-height: 390px;
		height: 390px;
		padding: 25px;
		background: #7E756C;
		display: unset !important;
	}
	
	.contain-inner-map-mozaic-botton{
		width: 100%;
		background-color: #7E756C;
		padding: 0px 20px 20px 20px;
	}

	.contain-inner-map-mozaic{
		width:100%;
		background-color: #7E756C;
		padding: 20px 20px 0px 20px;
	}
	/* ================================= end mozaic ======================================== */
	
	.list-unstyled, .list-unstyled ul {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	.title-members-category{
		font-size:26px; 
	}
	.title-members-associate {
		font-size: 18px;
	}
	.contain900{
		width:100%;
		margin:0 auto;
	}
	.tab-content-news .tab-pane {
		background-color: #FFF;
		padding: 0px 30px 16px;
	}	
	.breadcrumb {
		padding: 10px 5%;
	}
	.container-search-members{
		padding-left:15px;
		padding-right:15px;
	}
	.images-beta{
		position:fixed; 
		margin-left:16px;
	}
	/* ================================== pod ==================================== */
	a.more-aktif{
		background: url(../img/chevron-top.png) 20px 6px no-repeat #ed7b1c !important;
	}

	#morebtn{
		background: url(../img/chevron-down.png) 20px 6px no-repeat;
	}
	#morebtn:hover{
		background: #F79644 url(../img/chevron-down.png) 20px 6px no-repeat;
	}
	.tab-pod-show-more{
		border-top-left-radius:0px; 
		border-top-right-radius:0px;
		display:block;
	}
	.show-more-orange-tab-pod{
		margin-right: 0px;
	}
	.img-pod-bottom{
		max-height:170px; 
		min-height:170px; 
		height:170px;
	}
	h1{
		font-size:20px;
	}
	.left-mosaic-large{
		height: 260px;
	}
	.right-single-mosaic {
		height: 125px;
	}
	.quarter-right-mosaic {
		height: 131px;
	}
	.quarter-right-mosaic-minus {
		height: 100px;
	}
	.tag {
		font-size: 12px;
	}
	.title-headlinews {
		font-size: 15px;
	}
	.title-smallnews {
		font-size: 8px;
		display:none;
	}
	.top-right-mozaic-pod{
		height: 65px;
		width: 70%;
	}
	.blocking-more a {
		font-size: 14px;
	}
	#morebtn {
		padding: 2px;
	}
	#morebtn:hover {
		padding: 2px;
	}
	.show-more-dropdown {
		width: 98%;
	}
	.right-4 {
		padding-right: 2px;
	}
	.caption-short {
		height: 50px;
	}
	.caption-blog {
		height: 50px;
	}
	/* =============================== end pod =================================== */
	
	.view-all-members{
		width:120%; 
	}
	.img-whoweare{
		width:100%;
	}
	.border-for-table{
		border:none;
	}
	.contain-resouces-1{
		width:100%;
	}
	.contain-resouces-2{
		width:100%;
		padding-top:30px;
		padding-left:0px;
	}
	.img-resources{
		height:270px;
	}
	.trademark-title-images {
		font-size: 18px;
		margin-top: 50px;
	}
	.img-credit-trademark {
		margin-top: 46%;
	}
	#imageHeaderTrademark .fill {
		height: 350px;
	}
	.id-stepcertification {
		background: url("../img/Step1to6-Line.jpg") no-repeat scroll 50px 28px / 81% auto transparent;
		background-size:81%;
	}
	.pad-left-contact{
		padding-left:20px;	
	}
	.staff-board-of-governors{
		max-width:215px; 
		min-height:300px
	}
	.staff-secretariat{
		max-width:215px; 
		min-height:270px
	}
	.pad-secretariat{	
		padding-left:40px;
	}
	.pad-advisor-and-honorary{
		padding-left:30px; 
		text-align:center
	}
	.pad-alternate-members{
		padding-left:40px;
	}
	.pad-board-of-governors{
		padding-left:40px;
	}
	.staff-alternate-members{
		max-width:215px; 
		min-height:300px
	}
	.ul-contain-right-about{
		padding-left:15px; 
		padding-top:0px;
	}
	.conatainer-step-type{
		padding:20px; 
		margin-top:0px; 
		margin-bottom:30px; 
		margin-right:0px; 
		margin-left:0px; 
		background-color:#f5f5f5; 
		border: 4px solid #f5f5f5; 
		min-height:400px;
	}

	.container-inner-step-1{
		min-height:300px;
	}

	.container-inner-step-2{
		min-height:97px;
	}
	.contain-complaints-slide{
		height: 440px; 
		padding-left: 50px; 
		padding-right: 50px; 
		margin-left: -50px; 
		margin-right: -50px;
	}
	.title-filter-acop{
		margin-top:0px; 
		margin-bottom:0px;
	}
	.contain-acop {
		max-width: 100%;
		width: 90%;
	}
	.acop-reporting {
		border: 1px solid #CCC;
		padding: 0px 30px 30px;
		margin: -5px 15px 0px;
	}
	h2 {
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		margin: 0px;
		padding-top: 20px;
		padding-bottom: 15px;
	}
	.content-member-profile{
		padding-left:15px;
	}
	.profile-member-title-headline{
        padding-left:15px;
    }
	.profile-subsidiary-prymary{
		padding-left:30px;
	}
	.primary-subsidiary{
		padding-left:50px;
	}
	
	#myCarousel.carousel, #myCarousel .item {
		height: 440px;
	}
	#myCarousel .fill {
		height: 440px;
	}
	
	#myCarousel .carousel-inner {
		height: 440px;
	}
	#myCarousel.carousel, #myCarousel.item, #myCarousel.active {
		height: 440px;
	}
	#myCarousel .right.carousel-control, #myCarousel .left.carousel-control  {
		/* top:84%; */
		top:30%;
		padding-top: 0px;
	}
	.container-event-content {
		padding: 8px 30px 0px 0px;
	}
	.container-socmed{
		width:100%;
		padding-top:0px;
	}
	.socmed-height-in {
		min-height: 210px!important;
	}
	.twitter-container {
		padding-right: 0px !important;
	}
	.facebook-container {
		padding-left: 0px !important;
	}
	#inside .navbar-default, #front .navbar-default {
		height: 60px;
	}
	.navigation-search{
		height:50px;
	}
	.navigation-search.open{
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
	}
	/* .pad-navigation{
		padding-left:2%; 
		padding-right:3%;
	} */
	.navbar-nav > li > a {
		padding: 15px 20px;
	}
	.navbar-right> li > a{
		padding-top:15px;
		padding-bottom:15px;
	}
	.glyphicon-search {
		position: relative;
		top: 1px;
		display: inline-block;
		font-family: "Glyphicons Halflings";
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		padding:0px;
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		transform:rotate(90deg);
	}
	.navbar-nav > li > .dropdown-menu {
		margin-top: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		left: 19.4%;
		/* setiap dropdown li ada scroll */
		/* max-height: 300px; */
		overflow-y: auto;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		/* border-left:1px solid #ededed;
		border-right:1px solid #ededed; */
		
	}
	.navbar-nav > li > .navigation-search-open {
		margin-top: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		left: 0px;
		background: #fff !important;
		border-top: 1px solid #ededed !important;
	}
	.navigation-search{
		height:50px;
	}
	.navigation-search.open{
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
	}
	.navbar-nav .open .dropdown-menu {
		border-bottom: 1px solid #ededed;
		/* border-left: 1px solid #ededed;
		border-right: 1px solid #ededed; */
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
		background:#fff;
	}
	/* ================================= end navigation ======================================== */
	
	.why-join-rspo-container{
		padding-top:0px; 
		padding-bottom:36.4px; 
		min-height:344px; 
		max-height:344px;
	}
	
	.why-join-rspo-out{
		padding-top:0px; 
		padding-bottom:36.4px; 
		min-height:340px!important; 
		max-height:350px!important;
	}
    #header-white {
        /* padding: 110px 0px 10px 0px; */
    }
    #header-white h1 {
        font-size: 20px;
    }
    #vision .col-lg-6 {
        width: 100%;
    }
    .about-quote {
        /* text-align: center; */
        font-size: 18px;
        margin-bottom: 30px;
    }
    #navbar-collapse-1 {
        width: 480px !important;
    }
    #resultCarousel .col-lg-5 h4 {
        margin-bottom: 0px;
    }
    #resultCarousel .col-lg-5 img {
        margin-bottom: 30px;
    }
    #resultCarousel .fa {
        margin-top: 200px;
    }
    #resultCarousel .col-lg-5 {
        margin: 0px 40px;
        padding: 0px;
    }
    #resultCarousel .col-lg-5 img {
        max-width: 70%;
    }
    .carousel-caption,
    .carousel-caption p {
        font-size: 12px;
		margin-bottom:0px;
    }
    .carousel-caption p {
		line-height: 18px;
		margin-bottom: 10px;
	}
	.carousel-indicators {
		bottom: -40px;
		/* display: none; */
	}
    #inside #myCarousel .fill{
        height: 657px;
    }
    #inside header {
        height: 800px;
    }
    #link-login:link,
    #link-login:hover,
    #link-login:visited {
        display: block;
        line-height: 35px;
        font-size: 14px;
        color: #ffffff;
        text-decoration: none;
        padding: 12px 20px;
        font-weight: bold;
    }
    #btn-login {
        display: none;
    }
    #btn-othersites {
        display: none;
    }
	
	/* ============================= footer ================================== */
	
	#impactsCarousel.carousel {
		height: 190px;
		padding-top: 30px;
	}
	
	.button-subcribe-footers-right{
		border-radius: 0px 3px 3px 0px !important;
		height: 44px;
		font-size:12px;
	}
	
	.input-text-footer{
		width:100%;
		height:42px;
	}
	
	.button-subcribe-footer{
		display:none;
		height:none;
	}
	
	footer .left.carousel-control,footer .right.carousel-control {
		/* margin-top: 72px; */
		top: 55%;
	}
	
    .front-footer .row {
        margin: 0px;
        /* padding: 0px 8px; */
		padding: 0px;
    }
	
	.front-footer {
		padding: 30px 0px;
	}
	
	.contain-footer-right{
		padding-left:0px;
		padding-right:0px;
		width: 100%;
		padding-top:30px;
	}
	
	.contain-footer-middle{
		width: 70%;
	}
	
	.contain-footer-left{
		padding-left:0px;
		padding-right:0px;
		width: 30%;
	}
	
	/* =============================== end footer ============================== */
	
    .socialmedia-box {
        display: none;
    }
    #myCarousel .carousel-caption h2 {
        font-size: 18px;
    }
    #rspo-logo-big {
        display: none;
    }
	
	/* ====================================== navigation ======================================*/
    .navbar-default {
        background-image: none;
        background-color: #251f19;
		margin-top: -1px;
    }
    .navbar-collapse {
        /* display: block;*/
        position: absolute;
        /* width: 100%; */
        background-color: transparent;
		display:none;
    }
    #bs-example-navbar-collapse-1.navbar-collapse {
        margin: 0px;
        margin-top: 40px;
        padding: 0px 40px;
        background: transparent url(../img/bg-color.png) top center repeat-x;
        height: 300px;
        z-index: 1;
        width: 100%;
    }
    .container>.navbar-header {
        margin: 0px;
    }
    .navbar-nav>li {
        float: left;
		width: 100%;
		border-bottom: 1px solid #251F19;
    }
    .navbar-nav.yamm>li>a {
        padding: 10px 20px;
    }
    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:active {
        /* background-color: #FF7400 ; */
        color: #ffffff;
        border-color: transparent;
    }
	/* .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:active {
        background-color: #8c755e;
        color: #ffffff;
        border-color: transparent;
    } */
    .breakline {
        display: none;
    }
    .link-other {
        line-height: 35px;
        font-size: 14px;
        margin-left: 10px;
        margin-right: 5px;
    }
    #link-search {
        font-size: 14px;
        margin-left: 25px;
    }
    .navbar-toggle {
        margin-top: 13px;
		margin-bottom: 0px;
		/* margin-right: 20px; */
		margin-right: 0;
    }
    .showline {
        display: block;
        float: left;
        font-weight: bold;
    }
    #link-ask {
        line-height: 35px;
        font-size: 14px;
        margin-left: 20px;
    }
    .navbar-fixed-top .yamm .dropdown-menu {
        background-color: #ffffff;
        max-height: 500px;
        margin-top: 0px !important;
        width: 100%;
        padding: 0px;
        left: 0px;
        overflow-y: scroll;
        margin-left: 0px;
    }
    .navbar-fixed-top.navbar-shrink .yamm .dropdown-menu {
        left: 0px;
        margin-left: 0px;
    }
    .yamm .dropdown-menu#other-dropdown {
        left: 0px;
        margin-left: 0px;
    }
    .navbar-nav {
        margin: 0px;
		/* padding-top: 10px; */
    }
    .navbar-nav.yamm>li>a {
        padding: 10px 18px;
    }
    .yamm .yamm-content ul>li>p a,
    .yamm .yamm-content ul>li>ul>li a {
        font-size: 15px;
    }
    .yamm .yamm-content ul>li>ul>li {
        padding: 0px 0px 3px 0px;
    }
    .search-area {
        padding: 20px 0px;
        margin-top: 95px;
    }
    .search-area p {
        font-size: 14px;
    }
    #searchText {
        width: 100%;
        font-size: 14px;
    }
    
	#btn-search {
		margin-top: -2px;
	}
	.form-group {
		/* display: -moz-box; */
		display: block;
		margin-right: 3px;
    }
	/* .pad-navigation {
		padding-left: 5%;
		padding-right: 5%;
	} */
	
	.navbar-collapse {
		padding-right: 0px!important;
		padding-left: 0px!important;
		overflow-x: visible;
		border-top: 1px solid transparent;
		box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
	}
	
    #tab-news li a {
        padding-left: 1em;
        padding-right: 1em;
    }
    .hide-on-mobile {
        display: none;
    }
    .show-on-mobile {
        display: block;
        margin: 0px;
        margin: auto;
        text-align: center;
        width: 100%;
        position: relative;
        padding: 0px;
    }
	/* ==================== mozail map ======================== */
    #updates .tab-pane>DIV>DIV {
        width: 80%;
        float: none;
    }
	/* ===================== mozaic map ======================= */
    .list-comments li .pull-right.text-muted {
        display: none;
    }
    .tab-comments-container {
        border-left: 0px;
    }
    .comments-tab-container .tab-head {
		padding-left: 0px;
		padding-right: 0px;
    }
    .comments-tab-container .tab-body {
        width: 70%;
    }
    #tab-comments li a {
        padding: 10px 15px;
    }
    .list-comments li {
        padding-left: 0px;
    }
    .list-comments li a {
        font-weight: normal;
        font-size: 13px;
    }
    .link-more-comments {
        margin-left: 10px;
    }
    .timeline > li > .timeline-panel:before {
        /* border-right: 0 solid #c3c3c3; */
    }
    .timeline > li > .timeline-panel:after {
        border-right: 0 solid #e7e7e7;
    }
    .timeline > li > .timeline-panel {
        text-align: left;
    }
    .timeline > li.timeline-inverted > .timeline-panel {
        /* border: solid 1px #c3c3c3; */
        background-color: #e7e7e7;
        color: #43372c;
        text-align: left;
    }
    .timeline > li.timeline-inverted > .timeline-panel a {
        color: #f17c0f;
    }
    /* ul.timeline > li > .timeline-badge {
        left: 30px;
        top: 34px;
    } */
    .timeline-badge.orange {
        background-color: #e7e7e7 !important;
    }
    #tab-updates li {
        line-height: 44px;
    }
    .detailed-people .modal-dialog,
    .detailed-people .modal-header {
        width: 480px;
        margin: 0px auto;
    }
    .profile-detail {
        padding: 10px 10px 10px 10px;
    }		
    .profile-detail p {
        font-size: 14px;
    }
    .profile-detail img {
        width: 100px !important;
    }
    .profile-detail img {
        width: 100px !important;
        display: block !important;
        float: none !important;
        margin: auto !important;
        ;
    }
    .profile-detail h3 {
        margin-left: 0px !important;
        border: none;
        text-align: center;
        font-size: 16px;
    }
    .modal-body {
        padding-bottom: 15px;
        overflow-y: scroll;
    }
    #imageHeader .imageHeader-caption {
        width: 400px;
    }
    #heading-text .row,
    .row.front-photo-container {
        margin-left: 10px;
        margin-right: 10px;
    }
    #container-in-detail {
        margin-left: 0px;
        margin-right: 0px;
    }
    .event-tab-container .tab-head {
        padding-top: 10px;
    }
	
	.dropdown{
		/* width: 100%; */
	}
	
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}
	
	.navbar-toggle {
		margin-top: 13px;
		margin-bottom: 0px;
		/* margin-right: 20px; */
		margin-right: 0;
	}
}

@media only screen and (max-width: 767px) {
	#navbar-collapse-2{
		width: 100%; 
		/* height: 935px;
		max-height: 935px;
		overflow-y:scroll; */
		/* float: right; */
		overflow-y:scroll;
	}
	
	.yamm .yamm-content ul > li > ul > a li {
		font-size: 15px;
	}
	
	.reponsive-search-text{
		display:inherit;
		width: 96%;
		float: right;
	}
	
	/* .responsive-in{
		display:none!important;
	} */
	
	.container-impacts-out {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.content-impacts-left-value, .content-impacts-right-value {
		font-size: 34px;
		line-height: 55px;
	}
	
	.container-impacts-right{
		padding-left:15px;
	}
	
	.container-impacts-left{
		padding-right: 15px;
	}
	
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666667%}
	.col-sm-10{width:83.33333333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666667%}
	.col-sm-7{width:58.33333333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666667%}
	.col-sm-4{width:33.33333333%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.66666667%}
	.col-sm-1{width:8.33333333%}
	
	.resources-page{
		width:50%;
		padding-bottom:30px;
	}
	
	#link-login:link, #link-login:hover, #link-login:visited {
		display: block;
		line-height: 35px;
		font-size: 14px;
		color: #FFF;
		text-decoration: none;
		padding: 12px 20px;
		font-weight: bold;
	}
	
	#activate-user .col-lg-6.col-md-6.col-sm-6 {
		width: 100%;
	}
	
	.am-title-mosaic{
		font-size:15px!important; 
		font-weight:600;
	}
	
	.add-pad-am{
		margin-top:8px;
	}
	
	#tab-profile-member li.tab-profile {
		width: 50%;
		margin: 0px !important;
		padding: 10px;
	}
	
	.col3-profile {
		width: 100% !important;
		margin-right: 0px !important;
		float: left;
		margin-bottom: 10px;
	}
	
	.col6-profile {
		width: 100% !important;
	}
	
	.col-profile-password {
		width: 100% !important;
	}
	
	.col-profile-password-arrow {
		display: none !important;
	}
	
	.sidebar-pod-banner-view{
		padding-top:20px; 
		width:200px;
	}
	
	.contain-MAP-impacts{
		overflow:auto;
		width: 100% !important;
		margin:0 auto;
	}
	
	div#mapcontent {
		width: 650px !important;
	}
	
	#mapcontent .demo1 {
		width: 650px !important;
	}
	
	#mapcontent #map_canvas {
		width: 650px !important;
	}
	
	#question .col-lg-8.col-md-8.col-sm-8.col-md-offset-2.col-sm-offset-2 {
		width: 100%;
	}
	
	.contain-MAP-1, .contain-MAP-2, .contain-MAP-3{
		min-height:100%;
	}

	.contain-MAP-inner2-1, .contain-MAP-inner2-2, .contain-MAP-inner2-3{
		min-height:100%;
	}

	.contain-MAP-inner-1, .contain-MAP-inner-2, .contain-MAP-inner-3{
		min-height:100%;
	}
	
	.container-MAP-AM{
		width:100%;
	}
	.contain-sidebar-MAP{
		width:0%;
	}
	
	.update-block {
		margin: 0px;
		padding: 0px;
		min-height: 260px;
	}
	.update-container-top-left, .update-container-top-right, .update-container-bottom-left, .update-container-bottom-right {
		display: block;
		overflow: hidden;
		height: 260px;
	}
	.update-container-center .thumbnail-update {
		height: 260px;
	}
	.update-container-center .update-block {
		min-height: 480px;
		max-height: 480px;
	}
	#updates .update-container-center .thumbnail-update {
		height: 250px;
	}
	.center-top {
		margin-top: 239px;
	}
	.arrow-left-bottom , .arrow-left-top, .arrow-right-bottom, .arrow-right-top {
		margin-top: 120px;
	}
	
	.contain-trademark-middle {
		width: 80%;
	}
	.contain-trademark-left {
		width: 10%;
	}
	.contain-trademark-right {
		width: 10%;
	}
	#orange_line_trademark > div {
		width: 100% !important;
		margin-top: -1px;
	}
	.id-trademark {
		background-size: 65% auto;
	}
	.id-trademark-2 {
		background-size: 65% auto;
	}
	.id-trademark-3 {
		background-size: 65% auto;
	}
	
	.footer-slideshow {
		background-size: 85% auto !important;
		height: 200px;
	}
	
	.contain-link-menu-NEAT {
		width: 70%;
	}
	.contain-search-NEAT {
		padding-left: 0px;
		width: 30%;
		margin-top: 29px;
	}
	.contain-post-NEAT{
		width: 70%;
	}
	.contain-list-sidebar-NEAT{
		padding-top:6px; 
		padding-left:0px;
		width:30%;
	}
	
	.same_about_related {
		max-width: 80%;
		width: 100%;
		margin: 0px auto;
	}		
		
	.img-press-kit{
		padding-bottom:0px;
		width: 100%;
		margin-bottom: 25px;
	}
	.img-press-kit:hover {
		padding-bottom: 0px;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.pagination {
		padding-top: 5px;
	}
	.map-footer-img{
		width:100%;
		height:auto;
	}
	
	/* trademark */
	.contain-trademark-left{
		width:10%;
	}
	.contain-trademark-middle{
		width:80%;
	}
	.contain-trademark-right{
		width:10%
	}
	/* end trademark */
	
	.contain-trademark-form{
		display:block!important;
	}
	
	.container {
		max-width: 94.5% !important;
		width: 94.5% !important;
	}

	.pad-NEAT-respo {
		padding-bottom: 30px;
		width: 100%;
	}
	
	.logo-traders {
		min-width: 50px;
	}
	
	.p-under-input {
		font-size: 13px;
		padding-top: 6px;
		width: 60%;
	}
	
	label.inline.with-padding small {
		width: 65%;
	}
	.col-sm-offset-1 {
		margin-left: 8.33333%;
	}
	.form-control {
		height: 39px;
		font-size: 12px;
	}
	.btn {
		font-size: 11px;
	}
	.btn-lg, .btn-group-lg > .btn {
		padding: none;
	}
	
	/* ============================= mozaic ================================ */
	.img-mozaic-map{
		width:100%;
	}
	
	.contain-mozaic-map {
		max-height: 390px;
		height: 390px;
		padding: 25px;
		background: #7E756C;
		display: unset !important;
	}
	
	.contain-inner-map-mozaic-botton{
		width: 100%;
		background-color: #7E756C;
		padding: 0px 20px 20px 20px;
	}

	.contain-inner-map-mozaic{
		width:100%;
		background-color: #7E756C;
		padding: 20px 20px 0px 20px;
	}
	/* ================================= end mozaic ======================================== */
	
	.list-unstyled, .list-unstyled ul {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	.title-members-category{
		font-size:26px; 
	}
	.title-members-associate {
		font-size: 18px;
	}
	.contain900{
		width:100%;
		margin:0 auto;
	}
	.tab-content-news .tab-pane {
		background-color: #FFF;
		padding: 0px 30px 16px;
	}	
	.breadcrumb {
		padding: 10px 5%;
	}
	.container-search-members{
		padding-left:15px;
		padding-right:15px;
	}
	.images-beta{
		position:fixed; 
		margin-left:16px;
	}
	/* ================================== pod ==================================== */
	a.more-aktif{
		background: url(../img/chevron-top.png) 20px 6px no-repeat #ed7b1c !important;
	}

	#morebtn{
		background: url(../img/chevron-down.png) 20px 6px no-repeat;
	}
	#morebtn:hover{
		background: #F79644 url(../img/chevron-down.png) 20px 6px no-repeat;
	}
	.tab-pod-show-more{
		border-top-left-radius:0px; 
		border-top-right-radius:0px;
		display:block;
	}
	.show-more-orange-tab-pod{
		margin-right: 0px;
	}
	.img-pod-bottom{
		max-height:170px; 
		min-height:170px; 
		height:170px;
	}
	h1{
		font-size:20px;
	}
	.left-mosaic-large{
		height: 260px;
	}
	.right-single-mosaic {
		height: 125px;
	}
	.quarter-right-mosaic {
		height: 131px;
	}
	.quarter-right-mosaic-minus {
		height: 100px;
	}
	.tag {
		font-size: 12px;
	}
	.title-headlinews {
		font-size: 15px;
	}
	.title-smallnews {
		font-size: 8px;
		display:none;
	}
	.top-right-mozaic-pod{
		height: 65px;
		width: 70%;
	}
	.blocking-more a {
		font-size: 14px;
	}
	#morebtn {
		padding: 2px;
	}
	#morebtn:hover {
		padding: 2px;
	}
	.show-more-dropdown {
		width: 98%;
	}
	.right-4 {
		padding-right: 2px;
	}
	.caption-short {
		height: 50px;
	}
	.caption-blog {
		height: 50px;
	}
	/* =============================== end pod =================================== */
	
	.view-all-members{
		width:120%; 
	}
	.img-whoweare{
		width:100%;
	}
	.border-for-table{
		border:none;
	}
	.contain-resouces-1{
		width:100%;
	}
	.contain-resouces-2{
		width:100%;
		padding-top:30px;
		padding-left:0px;
	}
	.img-resources{
		height:250px;
	}
	.trademark-title-images {
		font-size: 18px;
		margin-top: 50px;
	}
	.img-credit-trademark {
		margin-top: 46%;
	}
	#imageHeaderTrademark .fill {
		height: 350px;
	}
	.id-stepcertification {
		background: url("../img/Step1to6-Line.jpg") no-repeat scroll 50px 28px / 81% auto transparent;
		background-size:81%;
	}
	.pad-left-contact{
		padding-left:20px;	
	}
	.staff-board-of-governors{
		max-width:215px; 
		min-height:300px
	}
	.staff-secretariat{
		max-width:215px; 
		min-height:270px
	}
	.pad-secretariat{	
		padding-left:40px;
	}
	.pad-advisor-and-honorary{
		padding-left:30px; 
		text-align:center
	}
	.pad-alternate-members{
		padding-left:40px;
	}
	.pad-board-of-governors{
		padding-left:40px;
	}
	.staff-alternate-members{
		max-width:215px; 
		min-height:300px
	}
	.ul-contain-right-about{
		padding-left:15px; 
		padding-top:0px;
	}
	.conatainer-step-type{
		padding:20px; 
		margin-top:0px; 
		margin-bottom:30px; 
		margin-right:0px; 
		margin-left:0px; 
		background-color:#f5f5f5; 
		border: 4px solid #f5f5f5; 
		min-height:400px;
	}

	.container-inner-step-1{
		min-height:300px;
	}

	.container-inner-step-2{
		min-height:97px;
	}
	.contain-complaints-slide{
		height: 440px; 
		padding-left: 50px; 
		padding-right: 50px; 
		margin-left: -50px; 
		margin-right: -50px;
	}
	.title-filter-acop{
		margin-top:0px; 
		margin-bottom:0px;
	}
	.contain-acop {
		max-width: 100%;
		width: 90%;
	}
	.acop-reporting {
		border: 1px solid #CCC;
		padding: 0px 30px 30px;
		margin: -5px 15px 0px;
	}
	h2 {
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		margin: 0px;
		padding-top: 20px;
		padding-bottom: 15px;
	}
	.content-member-profile{
		padding-left:15px;
	}
	.profile-member-title-headline{
        padding-left:15px;
    }
	.profile-subsidiary-prymary{
		padding-left:30px;
	}
	.primary-subsidiary{
		padding-left:50px;
	}
	
	#myCarousel.carousel, #myCarousel .item {
		height: 440px;
	}
	#myCarousel .fill {
		height: 440px;
	}
	#myCarousel .carousel-inner {
		height: 440px;
	}
	#myCarousel.carousel, #myCarousel.item, #myCarousel.active {
		height: 440px;
	}
	.container-event-content {
		padding: 8px 30px 0px 0px;
	}
	.container-socmed{
		width:100%;
		padding-top:0px;
	}
	.socmed-height-in {
		min-height: 210px!important;
	}
	.twitter-container {
		padding-right: 0px !important;
	}
	.facebook-container {
		padding-left: 0px !important;
	}
	#inside .navbar-default, #front .navbar-default {
		height: 60px;
	}
	.navigation-search{
		height:50px;
	}
	.navigation-search.open{
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
	}
	/* .pad-navigation{
		padding-left:2%; 
		padding-right:3%;
	} */
	.navbar-nav > li > a {
		padding: 15px 20px;
	}
	.navbar-right> li > a{
		padding-top:15px;
		padding-bottom:15px;
	}
	.glyphicon-search {
		position: relative;
		top: 1px;
		display: inline-block;
		font-family: "Glyphicons Halflings";
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		padding:0px;
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		transform:rotate(90deg);
	}
	.navbar-nav > li > .dropdown-menu {
		margin-top: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		left: 19.4%;
		/* setiap dropdown li ada scroll */
		/* max-height: 300px; */
		overflow-y: auto;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		/* border-left:1px solid #ededed;
		border-right:1px solid #ededed; */
		
	}
	.navbar-nav > li > .navigation-search-open {
		margin-top: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		left: 0px;
		background: #fff !important;
		border-top: 1px solid #ededed !important;
	}
	.navigation-search{
		height:50px;
	}
	.navigation-search.open{
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
	}
	.navbar-nav .open .dropdown-menu {
		border-bottom: 1px solid #ededed;
		/* border-left: 1px solid #ededed;
		border-right: 1px solid #ededed; */
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
		background:#fff;
	}
	/* ================================= end navigation ======================================== */
	
	.why-join-rspo-container{
		padding-top:0px; 
		padding-bottom:36.4px; 
		min-height:344px; 
		max-height:344px;
	}
	
	.why-join-rspo-out{
		padding-top:0px; 
		padding-bottom:36.4px; 
		min-height:340px!important; 
		max-height:350px!important;
	}
    #header-white {
        /* padding: 110px 0px 10px 0px; */
    }
    #header-white h1 {
        font-size: 20px;
    }
    #vision .col-lg-6 {
        width: 100%;
    }
    .about-quote {
        /* text-align: center; */
        font-size: 18px;
        margin-bottom: 30px;
    }
    #navbar-collapse-1 {
        width: 480px !important;
    }
    #resultCarousel .col-lg-5 h4 {
        margin-bottom: 0px;
    }
    #resultCarousel .col-lg-5 img {
        margin-bottom: 30px;
    }
    #resultCarousel .fa {
        margin-top: 200px;
    }
    #resultCarousel .col-lg-5 {
        margin: 0px 40px;
        padding: 0px;
    }
    #resultCarousel .col-lg-5 img {
        max-width: 70%;
    }
    .carousel-caption,
    .carousel-caption p {
        font-size: 12px;
		margin-bottom:0px;
    }
    .carousel-caption p {
		line-height: 18px;
		margin-bottom: 10px;
	}
	.carousel-indicators {
		bottom: -40px;
		/* display: none; */
	}
    #inside #myCarousel .fill,
    #myCarousel .carousel-inner {
        height: 657px;
    }
    #inside header {
        height: 800px;
    }
    #link-login:link,
    #link-login:hover,
    #link-login:visited {
        display: block;
        line-height: 35px;
        font-size: 14px;
        color: #ffffff;
        text-decoration: none;
        padding: 12px 20px;
        font-weight: bold;
    }
    #btn-login {
        display: none;
    }
    #btn-othersites {
        display: none;
    }
	
	/* ============================= footer ================================== */
	
	#impactsCarousel.carousel {
		height: 190px;
		padding-top: 30px;
	}
	
	.button-subcribe-footers-right{
		border-radius: 0px 3px 3px 0px !important;
		height: 44px;
		font-size:12px;
	}
	
	.input-text-footer{
		width:100%;
		height:42px;
	}
	
	.button-subcribe-footer{
		display:none;
		height:none;
	}
	
	footer .left.carousel-control, footer .right.carousel-control {
		/* margin-top: 72px; */
		top: 40%;
	}
	
    .front-footer .row {
        margin: 0px;
        /* padding: 0px 8px; */
		padding: 0px;
    }
	
	.front-footer {
		padding: 30px 0px;
	}
	
	.contain-footer-right{
		padding-left:0px;
		padding-right:0px;
		width: 100%;
		padding-top:30px;
	}
	
	.contain-footer-middle{
		width: 70%;
	}
	
	.contain-footer-left{
		padding-left:0px;
		padding-right:0px;
		width: 30%;
	}
	
	/* =============================== end footer ============================== */
	
    .socialmedia-box {
        display: none;
    }
    #myCarousel .carousel-caption h2 {
        font-size: 18px;
    }
    #rspo-logo-big {
        display: none;
    }
	
	/* ====================================== navigation ======================================*/
    .navbar-default {
        background-image: none;
        background-color: #251f19;
		margin-top: -1px;
    }
    .navbar-collapse {
        /* display: block;*/
        position: absolute;
        /* width: 100%; */
        background-color: transparent;
		display:none;
    }
    #bs-example-navbar-collapse-1.navbar-collapse {
        margin: 0px;
        margin-top: 40px;
        padding: 0px 40px;
        background: transparent url(../img/bg-color.png) top center repeat-x;
        height: 300px;
        z-index: 1;
        width: 100%;
    }
    .container>.navbar-header {
        margin: 0px;
    }
    .navbar-nav>li {
        float: left;
		width: 100%;
		border-bottom: 1px solid #251F19;
    }
    .navbar-nav.yamm>li>a {
        padding: 10px 20px;
    }
    /* .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:active {
        background-color: #8c755e;
        color: #ffffff;
        border-color: transparent;
    } */
	.navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:active {
        /* background-color: #8c755e; */
        color: #ffffff;
        border-color: transparent;
    }
    .breakline {
        display: none;
    }
    .link-other {
        line-height: 35px;
        font-size: 14px;
        margin-left: 10px;
        margin-right: 5px;
    }
    #link-search {
        font-size: 14px;
        margin-left: 25px;
    }
    .navbar-toggle {
        margin-top: 13px;
		margin-bottom: 0px;
		/* margin-right: 20px; */
		margin-right: 0;
    }
    .showline {
        display: block;
        float: left;
        font-weight: bold;
    }
    #link-ask {
        line-height: 35px;
        font-size: 14px;
        margin-left: 20px;
    }
    .navbar-fixed-top .yamm .dropdown-menu {
        background-color: #ffffff;
        max-height: 500px;
        margin-top: 0px !important;
        width: 100%;
        padding: 0px;
        left: 0px;
        overflow-y: scroll;
        margin-left: 0px;
    }
    .navbar-fixed-top.navbar-shrink .yamm .dropdown-menu {
        left: 0px;
        margin-left: 0px;
    }
    .yamm .dropdown-menu#other-dropdown {
        left: 0px;
        margin-left: 0px;
    }
    .navbar-nav {
        margin: 0px;
		/* padding-top: 10px; */
    }
    .navbar-nav.yamm>li>a {
        padding: 10px 18px;
    }
    .yamm .yamm-content ul>li>p a,
    .yamm .yamm-content ul>li>ul>li a {
        font-size: 15px;
    }
    .yamm .yamm-content ul>li>ul>li {
        padding: 0px 0px 3px 0px;
    }
    .search-area {
        padding: 20px 0px;
        margin-top: 95px;
    }
    .search-area p {
        font-size: 14px;
    }
    #searchText {
        width: 100%;
        font-size: 14px;
    }
    
	#btn-search {
		margin-top: -2px;
	}
	.form-group {
		/* display: -moz-box; */
		display: block;
		margin-right: 3px;
    }
	/* .pad-navigation {
		padding-left: 5%;
		padding-right: 5%;
	} */
	
	.navbar-collapse {
		padding-right: 0px!important;
		padding-left: 0px!important;
		overflow-x: visible;
		border-top: 1px solid transparent;
		box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
	}
	
    #tab-news li a {
        padding-left: 1em;
        padding-right: 1em;
    }
    .hide-on-mobile {
        display: none;
    }
    .show-on-mobile {
        display: block;
        margin: 0px;
        margin: auto;
        text-align: center;
        width: 100%;
        position: relative;
        padding: 0px;
    }
	/* ==================== mozail map ======================== */
    #updates .tab-pane>DIV>DIV {
        width: 80%;
        float: none;
    }
	/* ===================== mozaic map ======================= */
    .list-comments li .pull-right.text-muted {
        display: none;
    }
    .tab-comments-container {
        border-left: 0px;
    }
    .comments-tab-container .tab-head {
		padding-left: 0px;
		padding-right: 0px;
    }
    .comments-tab-container .tab-body {
        width: 70%;
    }
    #tab-comments li a {
        padding: 10px 15px;
    }
    .list-comments li {
        padding-left: 0px;
    }
    .list-comments li a {
        font-weight: normal;
        font-size: 13px;
    }
    .link-more-comments {
        margin-left: 10px;
    }
    .timeline > li > .timeline-panel:before {
        /* border-right: 0 solid #c3c3c3; */
    }
    .timeline > li > .timeline-panel:after {
        border-right: 0 solid #e7e7e7;
    }
    .timeline > li > .timeline-panel {
        text-align: left;
    }
    .timeline > li.timeline-inverted > .timeline-panel {
        /* border: solid 1px #c3c3c3; */
        background-color: #e7e7e7;
        color: #43372c;
        text-align: left;
    }
    .timeline > li.timeline-inverted > .timeline-panel a {
        color: #f17c0f;
    }
    /* ul.timeline > li > .timeline-badge {
        left: 30px;
        top: 34px;
    } */
    .timeline-badge.orange {
        background-color: #e7e7e7 !important;
    }
    #tab-updates li {
        line-height: 44px;
    }
    .detailed-people .modal-dialog,
    .detailed-people .modal-header {
        width: 480px;
        margin: 0px auto;
    }
    .profile-detail {
        padding: 10px 10px 10px 10px;
    }		
    .profile-detail p {
        font-size: 14px;
    }
    .profile-detail img {
        width: 100px !important;
    }
    .profile-detail img {
        width: 100px !important;
        display: block !important;
        float: none !important;
        margin: auto !important;
        ;
    }
    .profile-detail h3 {
        margin-left: 0px !important;
        border: none;
        text-align: center;
        font-size: 16px;
    }
    .modal-body {
        padding-bottom: 15px;
        overflow-y: scroll;
    }
    #imageHeader .imageHeader-caption {
        width: 400px;
    }
    #heading-text .row,
    .row.front-photo-container {
        margin-left: 10px;
        margin-right: 10px;
    }
    #container-in-detail {
        margin-left: 0px;
        margin-right: 0px;
    }
    .event-tab-container .tab-head {
        padding-top: 10px;
    }
	
	.dropdown{
		/* width: 100%; */
	}
	
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}
}

@media only screen and (max-width: 640px) {
	.nav-beta-label {
		left: 87%;
	}
	
	.pnc-certification ul{
		padding-left: 20px;
	}
	
	#oops {
		padding: 40px 0px;
	}
	
	.oops-text{
		padding-top:8px;
		padding-left: 50px;
	}
	
	.big-heading{
		font-size:30px;
	}
	
	div.same_about_related .col-lg-5.col-md-5.col-sm-5.text-left {
		text-align: center;
	}
	
	.impacts-timeline{
		padding:0px;
	}
	
	/* .timeline > li > .timeline-panel {
		width: 45%;
		padding: 15px;
	} */
	
	.timeline:before {
		left: 0%!important;
	}
	.timeline > li > .timeline-badge {
		left: 0%!important;
	}

	.timeline > li > .timeline-panel {
		width: 93%;
		padding: 15px;
	}

	.timeline > li.timeline-inverted-responsive > .timeline-panel {
		float: right!important;
		border: solid 1px #E7E7E7!important;
		background-color: #E7E7E7!important;
		color: #43372c!important;
		text-align: left!important;
	}
	.timeline > li.timeline-inverted-responsive > .timeline-panel:before {
		border-left-width: 0!important;
		border-right-width: 15px!important;
		left: -15px!important;
		right: auto!important;
	}
	.timeline > li.timeline-inverted-responsive > .timeline-panel:after {
		border-left-width: 0!important;
		border-right-width: 14px!important;
		left: -14px!important;
		right: auto!important;
	}
	.timeline > li.timeline-inverted-responsive > .timeline-panel a,
	.timeline > li.timeline-inverted-responsive > .timeline-panel a:hover,
	.timeline > li.timeline-inverted-responsive > .timeline-panel a:visited {
		color: #ffffff!important;
	}
	
	/* ================= end timeline */
	
	.content-impacts-left-text-inner, .content-impacts-right-text-inner {
		line-height: 20px;
	}
	
	.content-impacts-left-value, .content-impacts-right-value{
		line-height: 37px;
	}
	
	.col-am-sm-2{
		width:5%;
	}
	.col-am-sm-8{
		width:90%;
	}
	
	.col-md-offset-2 {
		margin-left: 0;
	}
	
	.contain-right-about {
		width: 50% !important;
	}
	
	.contain-redirect {
		width: 70%;
	}

	.button-back-redirect {
		width: 100% !important;
		padding-bottom: 10px;
	}

	.button-continue-redirect{
		width: 100% !important;
	}

	.btn-redirect-white, .btn-redirect-orange{
		width: 100%;
	}
	
	#gallerySlider .left.carousel-control {
		margin-left: 0!important;
	}
	
	#gallerySlider .right.carousel-control {
		margin-right: 0px!important;
	}
	
	#gallerySlider .left.carousel-control, #gallerySlider .right.carousel-control {
		margin-top: 12%!important;
	}
	
	#navbar-collapse-2 {
		width: 100%;
		/* height: 280px;
		max-height: 280px;
		overflow-y:scroll; */
		overflow-y:scroll;
	}
	
	.yamm .yamm-content ul > li > ul > a li {
		font-size: 15px;
	}
	
	.reponsive-search-text{
		display:inherit;
		width: 95%;
		float: right;
	}
	
	/* .responsive-in{
		display:none!important;
	} */
	
	.navbar-header {
		padding-left: 0em;
	}

	.container-impacts-left {
		padding-right: 33%;
		padding-left: 0px;
		width: 100% !important;
	}
	
	.container-impacts-right{
		padding-right:0px;
		padding-left:31.8%;
		width: 100% !important;
	}
	
	#activate-user .col-lg-6.col-md-6.col-sm-6 {
		width: 100%;
	}
	#tab-profile-member li.tab-profile {
		width: 50%;
		margin: 0px !important;
		padding: 10px;
	}
	
	.resources-page{
		width:25%;
		padding-bottom:30px;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	#link-login:link, #link-login:hover, #link-login:visited {
		display: block;
		line-height: 35px;
		font-size: 14px;
		color: #FFF;
		text-decoration: none;
		padding: 12px 20px;
		font-weight: bold;
	}
	
	.am-title-mosaic{
		font-size:15px!important; 
		font-weight:600;
	}
	
	.add-pad-am{
		margin-top:8px;
	}
	
	.col3-profile {
		width: 100% !important;
		margin-right: 0px !important;
		float: left;
		margin-bottom: 10px;
	}
	
	.col6-profile {
		width: 100% !important;
	}
	
	.col-profile-password {
		width: 100% !important;
	}
	
	.col-profile-password-arrow {
		display: none !important;
	}
	
	.sidebar-pod-banner-view{
		padding-top:20px; 
		width:170px;
	}
	
	.col6-profile {
		width: 100%!important;
	}
	
	.blockhorisontal li {
		width:49%;
	}

	.container-chart-impacts{
		width:100%;
		padding-bottom:30px;
	}

	.contain-MAP-impacts{
		overflow:auto;
		width: 100% !important;
		margin:0 auto;
	}

	div#mapcontent {
		width: 550px !important;
	}
	
	#mapcontent .demo1 {
		width: 550px !important;
	}
	
	#mapcontent #map_canvas {
		width: 550px !important;
	}


	#question .col-lg-8.col-md-8.col-sm-8.col-md-offset-2.col-sm-offset-2 {
		width: 100%;
	}

	.tab-point-MAP{
		width:75%;
		padding-left:0px;
		padding-right:0px;
	}
	
	.id-organisation {
		background:url("../img/tml-member1.jpg") no-repeat scroll 81% 6px / 58% auto transparent;
	}
	.member_application_step2 {
		background:url('../img/step2_map.jpg') no-repeat scroll 81% 6px / 58% auto transparent;
	}
	.member_application_step3 {
		background:url('../img/step3_map.jpg') no-repeat scroll 81% 6px / 58% auto transparent;
	}
	.member_application_step4 {
		background:url('../img/step4_map.jpg') no-repeat scroll 81% 6px / 58% auto transparent;
	}
	
	.MAP-current-login{
		width: 100%;
		padding-top: 20px;
	}
	
	.contain-MAP-1, .contain-MAP-2, .contain-MAP-3{
		min-height:100%;
	}

	.contain-MAP-inner2-1, .contain-MAP-inner2-2, .contain-MAP-inner2-3{
		min-height:100%;
	}

	.contain-MAP-inner-1, .contain-MAP-inner-2, .contain-MAP-inner-3{
		min-height:100%;
	}

	.container-MAP-AM{
		width:100%;
	}
	.contain-sidebar-MAP{
		width:0%;
	}

	.update-block {
		margin: 0px;
		padding: 0px;
		min-height: 250px;
	}
	.update-container-top-left, .update-container-top-right, .update-container-bottom-left, .update-container-bottom-right {
		display: block;
		overflow: hidden;
		height: 250px;
	}
	.update-container-center .thumbnail-update {
		height: 250px;
	}
	.update-container-center .update-block {
		min-height: 500px;
		max-height: 500px;
	}
	#updates .update-container-center .thumbnail-update {
		height: 250px;
	}
	.center-top {
		margin-top: 239px;
	}
	.arrow-left-bottom , .arrow-left-top, .arrow-right-bottom, .arrow-right-top {
		margin-top: 110px;
	}

	.footer-slideshow {
		background-size: 85% auto !important;
		height: 180px;
	}
	#orange_line_trademark > div {
		width: 100% !important;
		margin-top: -1px;
	}
	#whoweare .nav-tabs > li {
		width: 100%;
	}
	.container-tab-1-scc-search {
		min-height: 100%;
		max-height: 100%;
	}
	.container-tab-2-scc-search {
		min-height: 100%;
		max-height: 100%;
	}
	
	div#myTabContent {
		max-height: 100% !important;
	}
	
	#container-cari .col-lg-7.col-md-7.col-sm-7 {
		width: 100%;
	}
	#container-cari .col-lg-3.col-md-3.col-sm-3 {
		width: 50%;
	}
	#container-cari .col-lg-4.col-md-4.col-sm-4 {
		width: 50%;
	}
	#container-cari .col-lg-10.col-md-10.col-sm-10 {
		width: 50%;
	}
	#container-cari .col-lg-2.col-md-2.col-sm-2 {
		width: 50% !important;
	}
	
	.scc-search-bar-tab {
		padding: 16px 15px !important;
	}
	.id-trademark {
		background-size: 65% auto;
	}
	.id-trademark-2 {
		background-size: 65% auto;
	}
	.id-trademark-3 {
		background-size: 65% auto;
	}

	.conatainer-step-type {
		min-height: 100%;
	}
	.container-inner-step-1 {
		min-height: 100%;
		max-height: 100%;
	}
	.area-step {
		width:70%;
		padding-left:0px;
		padding-right:0px;
		float: unset;
		margin: 0 auto;
	}
	
	form[name="member_search"] .col-lg-2.col-md-2.col-sm-2 {
		width: 50%;
	}
	form[name="member_search"] .col-lg-4.col-md-4.col-sm-4.no-pad-left {
		width: 100%;
	}
	form[name="member_search"] .col-lg-8.col-md-8.col-sm-8.no-pad-left {
		width: 100%;
	}
	.tab-li-search-members a {
		padding: 16px 15px !important;
	}
	
	.tab-NEAT-homepage {
		padding: 16px 15px !important;
	}
	.contain-link-menu-NEAT {
		width: 70%;
	}
	.contain-search-NEAT {
		padding-left: 0px;
		width: 30%;
		margin-top: 29px;
	}
	.contain-post-NEAT{
		width: 70%;
	}
	.contain-list-sidebar-NEAT{
		padding-top:6px; 
		padding-left:0px;
		width:30%;
	}

	.container-event-content {
		padding: 8px 30px 0px 0px;
	}
	.img-resources {
		height: 120px;
	}
	.pad-secretariat {
		padding-left: 20px;
	}
	.pad-alternate-members {
		padding-left: 20px;
	}
	.pad-board-of-governors {
		padding-left: 20px;
	}
	#acopreports .reports ul.slides, #acopreports .reports-left ul.slides {
		margin-left: 3px;
		padding-left: 10px;
	}
	
	#acopreports .reports-right {
		margin-right: -20px !important;
	}

	.right-4 {
		padding-right: 2px;
	}
	.show-more-dropdown {
		width: 98%;
	}
	.tab-content-news .tab-pane {
		background-color: #FFF;
		padding: 0px 15px 16px;
	}
	.same_about_related {
		max-width: 80%;
		width: 100%;
		margin: 0px auto;
	}
	.col-sm-offset-1 {
		margin-left: 5%;
	}
	.primary-subsidiary {
		padding-left: 50px;
		padding-right: 0px;
	}
	.ddcommon .ddArrow {
		right: 0px;
	}
	.ddcommon .ddTitle {
		width: 75%;
		margin-left: -15px;
	}
	.dd .ddTitle .ddTitleText {
		padding: 5px;
	}
	
	.pagination {
		padding-top: 5px;
	}
	.img-press-kit{
		padding-bottom:0px;
		width: 100%;
		margin-bottom: 25px;
	}
	.img-press-kit:hover {
		padding-bottom: 0px;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.staff-alternate-members {
		max-width: 215px;
		min-height: 350px;
	}
	.staff-board-of-governors {
		max-width: 215px;
		min-height: 400px;
	}
	
	.contain-left-about{
		width:50%;
	}
	
	#resultCarousel .fa {
		margin-top: 320px;
	}

	.id-stepcertification {
		background: url("../img/Step1to6-Line.jpg") no-repeat scroll 50px 28px / 81% auto transparent;
		background-size:81%;
	}
	.form-group {
		/* display: -moz-box; */
		display: block;
		margin-right: 3px;
	}
	.contain-trademark-form{
		display:block!important;
	}
	/* trademark */
	.contain-trademark-left{
		width:10%;
	}
	.contain-trademark-middle{
		width:80%;
	}
	.contain-trademark-right{
		width:10%
	}
	/* end trademark */
	.container-inner-step-1 {
		min-height: 100%;
	}
	label.inline.with-padding small {
		width: 47%;
	}
	.form-smallholder-members{
		width:100%;
	}
	.font-container-copy {
		font-size: 12px;
	}
	.pagination {
		padding-top: 10px;
	}
	.impacts-img {
		width: 85%;
	}
	.map-footer-img{
		width:100%;
		height:auto;
	}
	.container {
		max-width: 94.5% !important;
		width: 94.5% !important;
	}
	/* ============= trademark ================ */
	.trademark-title-images {
		font-size: 16px;
		margin-top: 10px;
	}
	.img-credit-trademark {
		margin-top: 46%;
	}
	#imageHeaderTrademark .fill {
		height: 300px;
	}
	/* ================ end trademark ================ */
	.contain-inner-media-nav{
		padding-bottom:10px;
	}
	.contain-inner-other-nav{
		padding-bottom:10px;
	}
	.contain-member-pod-nav-2{ 
		padding-top:13px;
	}
	.contain-inner-member-nav{
		padding-bottom:10px;
	}
	.contain-consumers-pod-nav-2{ 
		padding-top:5px;
	}
	.contain-inner-consumers-nav{
		padding-bottom:10px;
	}
	/* ========================================= pod ========================================= */
	.tag {
		font-size: 11px;
	}
	.blocking-more a {
		font-size: 12px;
	}
	h1 {
		font-size: 18px;
	}
	.show-more-dropdown {
		width: 97.1%;
	}
	.contain-askrspo-pod-1{
		width:100%;
		padding-right:0px;
	}
	.img-askrspo-pod-sidebar-right{
		float:left;
	}
	.contain-askrspo-pod-2{
		width:100%;
	}
	#morebtn {
		background: url("../img/chevron-down.png") no-repeat scroll 10px 6px transparent;
	}
	.blocking-more a {
		padding-left: 45px !important;
	}
	/* ========================================= end pod ===================================== */
	#tab-news li a {
		font-size: 14px;
	}
	.supply-chain-certificate-holders-2 {
		width: 25% !important;
	}
	.contain-complaints-slide {
		height: 350px;
	}
	.logo-traders {
		min-width: 50px;
	}

	.pad-NEAT-respo {
		padding-bottom: 30px;
		width: 100%;
	}
	
	.p-under-input {
		font-size: 13px;
		padding-top: 6px;
		width: 100%;
	}
	
	.view-all-members {
		width: 100%;
	}
	
	/* ============================== N/E/A/T =============================== */
	.why-join-rspo-container{
		padding-top:0px; 
		padding-bottom:36.4px; 
		min-height:300px; 
		max-height:300px;
	}
	/* =============================== N/E/A/T ============================ */
	
	/* ============================ slideshow homepage ===================================*/
	#myCarousel .left.carousel-control,#myCarousel .right.carousel-control  {
		/* top:85%; */
		top:30%;
		padding-top: 0px;
	}
	.carousel-caption, .carousel-caption p {
		font-size: 12px;
		margin-bottom: 10px;
	}
	#myCarousel.carousel, #myCarousel .item {
		height: 440px;
		width: 100%;
	}
	#myCarousel .fill {
		height: 440px;
	}
	#myCarousel .carousel-inner {
		height: 440px;
	}
	/* ============================ end slideshow homepage ================================ */
	
	/* ============================ search ================================== */
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		/* border-left:1px solid #ededed;
		border-right:1px solid #ededed; */
		
	}
	.navbar-nav > li > .navigation-search-open {
		border-top: 1px solid #ededed !important;
	}
	.navigation-search{
		height:50px;
	}
	.navigation-search.open{
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
	}
	.navbar-nav .open .dropdown-menu {
		border-bottom: 1px solid #ededed;
		/* border-left: 1px solid #ededed;
		border-right: 1px solid #ededed; */
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
		background:#fff;
	}
		
	/* ============================ end search ============================== */
	
	/* ============================= footer ================================== */
	
	#impactsCarousel.carousel {
		height: 190px;
		padding-top: 40px;
	}
	
	.button-subcribe-footers-right{
		border-radius: 0px 3px 3px 0px !important;
		height: 44px;
		font-size:12px;
	}
	
	.input-text-footer{
		width:100%;
		height:42px;
	}
	
	.button-subcribe-footer{
		display:none;
		height:none;
	}
	
	footer .left.carousel-control, footer .right.carousel-control {
		/* margin-top: 72px; */
		top: 60%;
	}
	
    .front-footer .row {
        margin: 0px;
        /* padding: 0px 8px; */
		padding: 0px;
    }
	
	.front-footer {
		padding: 30px 0px;
	}
	
	.contain-footer-right{
		padding-left:0px;
		padding-right:0px;
		width: 100%;
		padding-top:30px;
	}
	
	.contain-footer-middle{
		width: 70%;
		padding-right: 0px;
		padding-left: 30px;
	}
	
	.contain-footer-left{
		padding-left:0px;
		padding-right:0px;
		width: 30%;
	}
	
	/* =============================== end footer ============================== */
}

@media only screen and (max-width: 600px) {
	.nav-beta-label {
		left: 84.7%;
	}
	
	#oops {
		padding: 40px 0px;
	}
	
	.big-heading{
		font-size:28px;
	}
	
	div.same_about_related .col-lg-5.col-md-5.col-sm-5.text-left {
		text-align: right;
	}
	
	#gallerySlider .left.carousel-control, #gallerySlider .right.carousel-control {
		margin-top: 10% !important;
	}
	
	#navbar-collapse-2 {
		width: 100%;
		/* height: 280px;
		max-height: 280px;
		overflow-y:scroll; */
		overflow-y:scroll;
	}
	
	.yamm .yamm-content ul > li > ul > a li {
		font-size: 15px;
	}
	
	.reponsive-search-text{
		display:inherit;
		width: 95%;
		float: right;
	}
	
	/* .responsive-in{
		display:none!important;
	} */
	
	.container-impacts-left {
		padding-right: 31%;
		padding-left: 0px;
		width: 100% !important;
	}
	
	.container-impacts-right{
		padding-right:0px;
		padding-left:31%;
		width: 100% !important;
	}
	
	#activate-user .col-lg-6.col-md-6.col-sm-6 {
		width: 100%;
	}
	#tab-profile-member li.tab-profile {
		width: 25%;
		margin: 0px !important;
		padding: 10px;
	}
	
	.resources-page{
		width:50%;
		padding-bottom:30px;
	}
	
	#link-login:link, #link-login:hover, #link-login:visited {
		display: block;
		line-height: 35px;
		font-size: 14px;
		color: #FFF;
		text-decoration: none;
		padding: 12px 20px;
		font-weight: bold;
	}
	
	.am-title-mosaic{
		font-size:15px!important; 
		font-weight:600;
	}
	
	.add-pad-am{
		margin-top:8px;
	}
	
	.col3-profile {
		width: 100% !important;
		margin-right: 0px !important;
		float: left;
		margin-bottom: 10px;
	}
	
	.col6-profile {
		width: 100% !important;
	}
	
	.col-profile-password {
		width: 100% !important;
	}
	
	.col-profile-password-arrow {
		display: none !important;
	}
	
	.sidebar-pod-banner-view{
		padding-top:20px; 
		width:160px;
	}
	
	.col6-profile {
		width: 100%!important;
	}

	.contain-pod-view{
		padding-left:20px!important;
	}

	.blockhorisontal li {
		width:49%;
	}

	.container-chart-impacts{
		width:100%;
		padding-bottom:30px;
	}

	.contain-MAP-impacts{
		overflow:auto;
		width: 100% !important;
		margin:0 auto;
	}

	div#mapcontent {
		width: 500px !important;
	}
	
	#mapcontent .demo1 {
		width: 500px !important;
	}
	
	#mapcontent #map_canvas {
		width: 500px !important;
	}

	#question .col-lg-8.col-md-8.col-sm-8.col-md-offset-2.col-sm-offset-2 {
		width: 100%;
	}

	.tab-point-MAP{
		width:75%;
		padding-left:0px;
		padding-right:0px;
	}
	
	.id-organisation {
		background:url("../img/tml-member1.jpg") no-repeat scroll 81% 6px / 59% auto transparent;
	}
	.member_application_step2 {
		background:url('../img/step2_map.jpg') no-repeat scroll 81% 6px / 59% auto transparent;
	}
	.member_application_step3 {
		background:url('../img/step3_map.jpg') no-repeat scroll 81% 6px / 59% auto transparent;
	}
	.member_application_step4 {
		background:url('../img/step4_map.jpg') no-repeat scroll 81% 6px / 59% auto transparent;
	}
	
	.contain-MAP-1, .contain-MAP-2, .contain-MAP-3{
		min-height:100%;
	}
	
	.MAP-current-login{
		width: 100%;
		padding-top: 20px;
	}

	.contain-MAP-1, .contain-MAP-2, .contain-MAP-3{
		min-height:100%;
	}

	.contain-MAP-inner2-1, .contain-MAP-inner2-2, .contain-MAP-inner2-3{
		min-height:100%;
	}

	.contain-MAP-inner-1, .contain-MAP-inner-2, .contain-MAP-inner-3{
		min-height:100%;
	}

	.container-MAP-AM{
		width:100%;
	}
	.contain-sidebar-MAP{
		width:0%;
	}

	.update-block {
		margin: 0px;
		padding: 0px;
		min-height: 200px;
	}
	.update-container-top-left, .update-container-top-right, .update-container-bottom-left, .update-container-bottom-right {
		display: block;
		overflow: hidden;
		height: 200px;
	}
	.update-container-center .thumbnail-update {
		height: 250px;
	}
	.update-container-center .update-block {
		min-height: 400px;
		max-height: 400px;
	}
	#updates .update-container-center .thumbnail-update {
		height: 200px;
	}
	.center-top {
		margin-top: 189px;
	}
	.arrow-left-bottom , .arrow-left-top, .arrow-right-bottom, .arrow-right-top {
		margin-top: 90px;
	}

	.footer-slideshow {
		background-size: 85% auto !important;
		height: 180px;
	}
	#orange_line_trademark > div {
		width: 100% !important;
		margin-top: -1px;
	}
	#whoweare .nav-tabs > li {
		width: 100%;
	}
	div#myTabContent {
		max-height: 100% !important;
	}
	.container-tab-1-scc-search {
		min-height: 100%;
		max-height: 100%;
	}
	.container-tab-2-scc-search {
		min-height: 100%;
		max-height: 100%;
	}
	
	#container-cari .col-lg-7.col-md-7.col-sm-7 {
		width: 100%;
	}
	#container-cari .col-lg-3.col-md-3.col-sm-3 {
		width: 50%;
	}
	#container-cari .col-lg-4.col-md-4.col-sm-4 {
		width: 50%;
	}
	#container-cari .col-lg-10.col-md-10.col-sm-10 {
		width: 50%;
	}
	#container-cari .col-lg-2.col-md-2.col-sm-2 {
		width: 50% !important;
	}
	
	.scc-search-bar-tab {
		padding: 16px 15px !important;
	}
	
	.id-trademark {
		background-size: 65% auto;
	}
	.id-trademark-2 {
		background-size: 65% auto;
	}
	.id-trademark-3 {
		background-size: 65% auto;
	}

	.conatainer-step-type {
		min-height: 100%;
	}
	.container-inner-step-1 {
		min-height: 100%;
		max-height: 100%;
	}
	
	.area-step {
		width:70%;
		padding-left:0px;
		padding-right:0px;
		float: unset;
		margin: 0 auto;
	}
	
	form[id="productsearch"] .col-lg-6.col-md-6.col-sm-6 {
		width: 50%;
	}
	form[id="productsearch"] .col-lg-2.col-md-2.col-sm-2 {
		width: 50%;
	}
	
	form[name="member_search"] .col-lg-2.col-md-2.col-sm-2 {
		width: 50%;
	}
	form[name="member_search"] .col-lg-4.col-md-4.col-sm-4.no-pad-left {
		width: 100%;
	}
	form[name="member_search"] .col-lg-8.col-md-8.col-sm-8.no-pad-left {
		width: 100%;
	}
	.tab-li-search-members a {
		padding: 16px 15px !important;
	}
	
	.tab-NEAT-homepage {
		padding: 16px 15px !important;
	}
	.contain-link-menu-NEAT {
		width: 70%;
	}
	.contain-search-NEAT {
		padding-left: 0px;
		width: 30%;
		margin-top: 29px;
	}
	.contain-post-NEAT{
		width: 70%;
	}
	.contain-list-sidebar-NEAT{
		padding-top:6px; 
		padding-left:0px;
		width:30%;
	}
	
	.container-event-content {
		padding: 8px 30px 0px 0px;
	}
	
	.img-resources {
		height: 120px;
	}
	.pad-secretariat {
		padding-left: 20px;
	}
	.pad-alternate-members {
		padding-left: 20px;
	}
	.pad-board-of-governors {
		padding-left: 20px;
	}

	#acopreports .reports ul.slides, #acopreports .reports-left ul.slides {
		margin-left: 3px;
		padding-left: 10px;
	}
	
	#acopreports .reports-right {
		margin-right: -20px !important;
	}
	
	.right-4 {
		padding-right: 2px;
	}
	.show-more-dropdown {
		width: 98%;
	}
	
	.tab-content-news .tab-pane {
		background-color: #FFF;
		padding: 0px 15px 16px;
	}
	.same_about_related {
		max-width: 80%;
		width: 100%;
		margin: 0px auto;
	}
	.carousel-indicators {
		bottom: -10px;
	}
	.col-sm-offset-1 {
		margin-left: 1%;
	}
	.primary-subsidiary {
		padding-left: 50px;
		padding-right: 0px;
	}
	.ddcommon .ddArrow {
		right: 0px;
	}
	.ddcommon .ddTitle {
		width: 75%;
		margin-left: -15px;
	}
	.dd .ddTitle .ddTitleText {
		padding: 5px;
	}
	
	.img-press-kit{
		padding-bottom:0px;
		width: 100%;
		margin-bottom: 25px;
	}
	.img-press-kit:hover {
		padding-bottom: 0px;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.pagination {
		padding-top: 5px;
	}
	.staff-alternate-members {
		max-width: 215px;
		min-height: 350px;
	}
	.staff-board-of-governors {
		max-width: 215px;
		min-height: 400px;
	}
	
	.contain-left-about{
		width:50%;
	}
	
	#resultCarousel .fa {
		margin-top: 320px;
	}

	.id-stepcertification {
		background: url("../img/Step1to6-Line.jpg") no-repeat scroll 50px 28px / 81% auto transparent;
		background-size:81%;
	}
	.form-group {
		/* display: -moz-box; */
		display: block;
		margin-right: 3px;
	}
	.contain-trademark-form{
		display:block!important;
	}
	/* trademark */
	.contain-trademark-left{
		width:10%;
	}
	.contain-trademark-middle{
		width:80%;
	}
	.contain-trademark-right{
		width:10%
	}
	/* end trademark */
	.container-inner-step-1 {
		/* min-height: 448px; */
		min-height: 100%;
	}
	label.inline.with-padding small {
		width: 47%;
	}
	.form-smallholder-members{
		width: 100%;
	}
	.font-container-copy {
		font-size: 12px;
	}
	.pagination {
		padding-top: 10px;
	}
	.impacts-img {
		width: 85%;
	}
	.map-footer-img{
		width:100%;
		height:auto;
	}
	.container {
		max-width: 94.5% !important;
		width: 94.5% !important;
	}
	/* ============= trademark ================ */
	.trademark-title-images {
		font-size: 16px;
		margin-top: 10px;
	}
	.img-credit-trademark {
		margin-top: 50%;
	}
	#imageHeaderTrademark .fill {
		height: 300px;
	}
	/* ================ end trademark ================ */
	.contain-inner-media-nav{
		padding-bottom:10px;
	}
	.contain-inner-other-nav{
		padding-bottom:10px;
	}
	.contain-member-pod-nav-2{ 
		padding-top:13px;
	}
	.contain-inner-member-nav{
		padding-bottom:10px;
	}
	.contain-consumers-pod-nav-2{ 
		padding-top:5px;
	}
	.contain-inner-consumers-nav{
		padding-bottom:10px;
	}
	/* ========================================= pod ========================================= */
	.tag {
		font-size: 11px;
	}
	.blocking-more a {
		font-size: 12px;
	}
	h1 {
		font-size: 18px;
	}
	.show-more-dropdown {
		width: 97.1%;
	}
	.contain-askrspo-pod-1{
		width:100%;
		padding-right:0px;
	}
	.img-askrspo-pod-sidebar-right{
		float:left;
	}
	.contain-askrspo-pod-2{
		width:100%;
	}
	#morebtn {
		background: url("../img/chevron-down.png") no-repeat scroll 10px 6px transparent;
	}
	.blocking-more a {
		padding-left: 45px !important;
	}
	/* ========================================= end pod ===================================== */
	#tab-news li a {
		font-size: 14px;
	}
	.supply-chain-certificate-holders-2 {
		width: 25% !important;
	}
	.contain-complaints-slide {
		height: 350px;
	}
	.logo-traders {
		min-width: 50px;
	}
	
	.pad-NEAT-respo {
		padding-bottom: 30px;
		width: 100%;
	}
	
	.p-under-input {
		font-size: 13px;
		padding-top: 6px;
		width: 100%;
	}
	
	.view-all-members {
		width: 100%;
	}
	
	/* ============================== N/E/A/T =============================== */
	.why-join-rspo-container{
		padding-top:0px; 
		padding-bottom:36.4px; 
		min-height:300px; 
		max-height:300px;
	}
	/* =============================== N/E/A/T ============================ */
	
	/* ============================ slideshow homepage ===================================*/
	
	#myCarousel.carousel, #myCarousel .item {
		height: 410px;
		width: 100%;
	}
	#myCarousel .left.carousel-control, #myCarousel .right.carousel-control {
		top:0%;
		padding-top: 0px;
	}
	.carousel-caption, .carousel-caption p {
		font-size: 12px;
		margin-bottom: 10px;
	}
	#myCarousel .fill {
		height: 410px;
	}
	#myCarousel .carousel-inner {
		height: 410px;
	}
	#myCarousel.carousel, #myCarousel.item, #myCarousel.active {
		height: 410px;
	}
	/* ============================ end slideshow homepage ================================ */
	
	/* ============================ search ================================== */
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		/* border-left:1px solid #ededed;
		border-right:1px solid #ededed; */
		
	}
	.navbar-nav > li > .navigation-search-open {
		border-top: 1px solid #ededed !important;
	}
	.navigation-search{
		height:50px;
	}
	.navigation-search.open{
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
	}
	.navbar-nav .open .dropdown-menu {
		border-bottom: 1px solid #ededed;
		/* border-left: 1px solid #ededed;
		border-right: 1px solid #ededed; */
		box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
		background:#fff;
	}
		
	/* ============================ end search ============================== */
	
	/* ============================= footer ================================== */
	
	#impactsCarousel.carousel {
		height: 190px;
		padding-top: 40px;
	}
	
	.button-subcribe-footers-right{
		border-radius: 0px 3px 3px 0px !important;
		height: 44px;
		font-size:12px;
	}
	
	.input-text-footer{
		width: 100%;
		height:42px;
	}
	
	.button-subcribe-footer{
		display:none;
		height:none;
	}
	
	footer .left.carousel-control, footer .right.carousel-control {
		/* margin-top: 72px; */
		top: 57%;
	}
	
    .front-footer .row {
        margin: 0px;
        /* padding: 0px 8px; */
		padding: 0px;
    }
	
	.front-footer {
		padding: 30px 0px;
	}
	
	.contain-footer-right{
		padding-left:0px;
		padding-right:0px;
		width: 100%;
		padding-top:30px;
	}
	
	.contain-footer-middle{
		width: 70%;
	}
	
	.contain-footer-left{
		padding-left:0px;
		padding-right:0px;
		width: 30%;
	}
	
	/* =============================== end footer ============================== */
}

@media only screen and (max-width: 480px) {	
	.contain300 {
		width: 90%;
		margin: 0px auto;
	}
	
	#oops {
		padding: 40px 0px;
	}
	
	.oops-text{
		padding-top:0px;
	}
	
	.big-heading{
		font-size:20px;
	}
	
	#oops img {
		padding-top: 15px;
		width: 190px;
	}
	
	.container-event-content {
		padding: 8px 0px 0px 0px;
	}
	
	.container-NEAT-content {
		padding: 8px 0px;
	}
	
	.wrap-events-detail {
		border-top: 1px solid #DEDEDE;
		border-bottom: none;
		border-left: none;
		border-right: none;
	}

	.bottom-related {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	div.same_about_related .col-lg-7.col-md-7.col-sm-7.text-left{
		padding-right:0px;
	}
	
	.last-trademark{
		padding-bottom: 0px !important;
		border-bottom: none !important;
	}
	
	.impacts-timeline{
		padding:0px;
	}
	
	/* .timeline > li > .timeline-panel {
		width: 44%;
		padding: 15px;
	} */
	
	#gallerySlider .left.carousel-control, #gallerySlider .right.carousel-control {
		margin-top: 5% !important;
	}
	
	#gallerySlider .right.carousel-control, #gallerySlider .left.carousel-control {
		font-size: 40px;
	}
	
	#myCarousel.carousel, #myCarousel .item {
		height: 390px;
		width: 100%;
	}
	
	.staff-alternate-members {
		max-width: 215px;
		min-height: 300px;
		padding-right: 15px;
	}
	
	.staff-board-of-governors {
        max-width: none;
		min-height: 300px;
    }
	
	.front-photo-container .col-lg-3.col-md-3.col-sm-3 {
        width: 50% !important;
    }
	
	.advisor-and-honorary{
		width: 0px ! important; 
		padding: 0px ! important;
		max-width: 0px;
	}
	
	.staff-secretariat {
		max-width: 215px;
		min-height: 250px;
	}
	
	.contain-redirect {
		width: 80%;
	}

	.button-back-redirect {
		width: 100% !important;
		padding-bottom: 10px;
	}

	.button-continue-redirect{
		width: 100% !important;
	}

	.btn-redirect-white, .btn-redirect-orange{
		width: 100%;
	}
	
	#navbar-collapse-2 {
		width: 100%;
		/* height: 270px;
		max-height: 270px;
		overflow-y:scroll; */
		overflow-y:scroll;
	}
	
	.yamm .yamm-content ul > li > ul > a li {
		font-size: 15px;
	}
	
	.reponsive-search-text{
		display:inherit;
		width: 94%;
		float: right;
	}
	
	/* .responsive-in{
		display:none!important;
	} */

	.container-impacts-left {
		padding-right: 26.5%;
		padding-left: 0px;
		width: 100% !important;
	}
	
	.container-impacts-right{
		padding-right:0px;
		padding-left:25.5%;
		width: 100% !important;
	}
	
	#tab-career li.active a {
		padding: 15px;
	}
	
	.list-resources1, .list-resources2{
		float:left;
	}
	
	.resources-page{
		width:100%;
		padding-bottom:30px;
		padding-left: 30px;
		padding-right: 30px;
		border-bottom: 1px solid #dedede;
		margin-bottom: 30px;
	}
	
	.latest-resources-page{
		border-bottom: none!important;
		margin-bottom: 0px!important;
	}
	
	.img-resources {
		height: 330px;
	}
	
	#link-login:link, #link-login:hover, #link-login:visited {
		display: block;
		line-height: 35px;
		font-size: 14px;
		color: #FFF;
		text-decoration: none;
		padding: 12px 20px;
		font-weight: bold;
	}
	
	.am-title-mosaic{
		font-size:15px!important; 
		font-weight:600;
	}
	
	.add-pad-am{
		margin-top:8px;
	}
	
	.profile-subsidiary-prymary {
		padding-left: 0px;
	}
	
	.career-tab-container {
		height: 100%;
	}
	
	.career-position {
		font-size: 15px;
	}
	
	.conatin-am-careers{
		width:100%;
	}
	
	.career-location {
		font-size: 12px;
	}
	
	.career-deadline {
		font-size: 10px;
	}

	.impacts-2-column-gray-am{
		width:100%;
	}	

	.contain-left-paragraph-view-pod{
		width:280px; 
		height:200px;
	}
	
	.contain-trademark-product-gallery-am{
		width:50%;
	}
	
	#acopreports .reports-right {
		margin-right: 0px !important;
	}
	
	#acopreports .reports-left {
		text-align: center;
		padding: 0px;
		width: 130px;
		display: block;
		margin-left: -35px;
	}
	
	.sidebar-pod-banner-view {
		padding-top: 20px;
		width: 270px;
	}
	
	.img-left-paragraph-view-pod{
		width:280px; 
		height:195px;
		margin-left:0px; 
		margin-right:0px; 
		margin-top:0px;
	}

	.contain-pod-view{
		padding-left:10px!important;
	}

	.blockhorisontal li {
		width:49%;
	}

	/* mozaic */
	.left-mosaic-large {
		height: 250px;
	}
	
	.caption-video {
		width: 100%;
	}
	
	.right-mosaic{
		width:100%;
	}
	
	.right-single-mosaic {
		height: 150px;
	}
	
	.right-4 {
		padding-right: 0px;
	}
	
	.quarter-right-mosaic {
		height: 150px;
	}
	
	.quarter-right-mosaic-minus {
		height: 120px;
	}
	
	.show-more-dropdown {
		width: 98%;
	}
	
	.news-headline{
		width: 100%;
	}
	/* end mozaic */
	
	
	.container-chart-impacts{
		width:100%;
		padding-bottom:30px;
	}
	
	.contain-MAP-impacts{
		overflow:auto;
		width: 100% !important;
		margin:0 auto;
	}

	.tab-point-MAP{
		width:75%;
		padding-left:0px;
		padding-right:0px;
	}

	.id-organisation {
		background:url("../img/tml-member1.jpg") no-repeat scroll 81% 6px / 60% auto transparent;
	}
	.member_application_step2 {
		background:url('../img/step2_map.jpg') no-repeat scroll 81% 6px / 60% auto transparent;
	}
	.member_application_step3 {
		background:url('../img/step3_map.jpg') no-repeat scroll 81% 6px / 60% auto transparent;
	}
	.member_application_step4 {
		background:url('../img/step4_map.jpg') no-repeat scroll 81% 6px / 60% auto transparent;
	}
	
	.contain-MAP-1, .contain-MAP-2, .contain-MAP-3{
		min-height:100%;
	}
	
	.MAP-current-login{
		width: 100%;
		padding-top: 20px;
	}

	.contain-MAP-inner2-1, .contain-MAP-inner2-2, .contain-MAP-inner2-3{
		min-height:100%;
	}

	.contain-MAP-inner-1, .contain-MAP-inner-2, .contain-MAP-inner-3{
		min-height:100%;
	}

	.container-MAP-AM{
		width:100%;
	}
	.contain-sidebar-MAP{
		width:0%;
	}

	/* AM */
	.footer-slideshow {
		background-size: 80% auto !important;
		height: 180px;
	}
	.scc-search-bar-tab {
		padding: 16px 15px !important;
	}
	.img-credit-trademark {
		margin-top: 50%;
	}
	#imageHeaderTrademark .fill {
		height: 250px;
	}
	.trademark-title-images {
		font-size: 13px;
		margin-top: 0px;
	}
	.conatainer-step-type {
		min-height: 100%;
	}
	.container-inner-step-1 {
		min-height: 100%;
		max-height: 100%;
	}
	
	.area-step {
		width:70%;
		padding-left:0px;
		padding-right:0px;
		float: unset;
		margin: 0 auto;
	}
	
	.form-smallholder-members {
		width: 100%;
	}
	.carousel-indicators {
		bottom: -30px;
	}
	.view-all-members {
		width: 100%;
	}
	.form-group {
		display: block;
		margin-right: 3px;
	}
	.tab-NEAT-homepage {
		padding: 16px 15px !important;
	}
	.nav-beta-label {
		left: 82.5%;
	}
	/* AM */
	
	.map-footer-img{
		/* width:1000%; */
		width:70%;
		height:auto;
	}
	.container {
		max-width: 94.5% !important;
		width: 94.5% !important;
	}
	
    /* .container#container-navbar,
    .container {
        max-width: 320px !important;
        width: 320px !important;
        padding: 0px;
    } */
	
    #header-white {
        padding: 0px 0px 20px;
    }
    #navbar-collapse-1 {
        width: 320px !important;
    }
    #myCarousel .carousel-caption h2 {
        font-size: 15px;
    }
    #myCarousel .carousel-caption p {
        /* display: none; */
    }
    #front #rspo-logo,
    #inside #rspo-logo {
		margin-left: 19px;
        width: 99px;
    }
    #link-login:link,
    #link-login:hover,
    #link-login:visited {
        display: block;
        line-height: 35px;
        font-size: 14px;
        color: #ffffff;
        text-decoration: none;
        padding: 12px 20px;
        font-weight: bold;
    }
    #inside #myCarousel .fill,
    #myCarousel .carousel-inner {
        height: 350px;
    }
    #inside header {
        height: 530px;
    }
    #front header {
        height: 400px;
    }
    #myCarousel .carousel-caption h2 {
        font-size: 18px;
        line-height: 23px;
    }
    #myCarousel .carousel-caption {
        bottom: 20px;
    }
    ul.timeline:before {
/*        left: 16px;*/
    }
    ul.timeline > li > .timeline-badge {
/*        left: 6px;*/
    }
    #link-search .glyphicon-search {
        margin-top: 14px;
    }
    #inside #bs-example-navbar-collapse-1 .dropdown-menu,
    #front #bs-example-navbar-collapse-1 .dropdown-menu {
        margin-top: 44px;
    }
    ul.timeline > li > .timeline-panel {
		/*width: -webkit-calc(100% - 45px);*/
    }
    .yamm .dropdown-menu {
        margin-left: 0px;
    }
    .navbar-nav.yamm>li>a {
        padding: 10px 5px;
    }
    #other-sites-dropdown a div {
        padding-top: 10px;
    }
    #link-search {
        height: 45px;
        padding: 0px 15px;
    }
    .link-other {
        line-height: 25px;
        font-size: 12px;
        margin-left: 10px;
        margin-right: 5px;
        font-weight: normal;
    }
    #bs-example-navbar-collapse-1.navbar-collapse {
        padding: 0px 15px;
    }
    #link-search {
        font-size: 13px;
        margin-left: 5px;
        line-height: 25px;
    }
    .showline {
        display: none;
        float: left;
        font-weight: bold;
    }
    #link-ask {
        line-height: 25px;
        font-size: 13px;
        margin-left: 0px;
        padding-left: 0px;
    }
    #bs-example-navbar-collapse-1 .dropdown {
        margin-right: 0px;
    }
    .link-other-arrow {
        height: 25px;
        padding: 0px 5px;
        line-height: 25px;
    }
    #bs-example-navbar-collapse-1.navbar-collapse {
        background-position: 0px -13px;
        height: 150px;
    }
    .search-area {
        margin-top: 86px;
    }
    .search-area > DIV > DIV {
        width: 95%;
        padding: 0px 20px;
    }
    #searchText {
        width: 100%;
        font-size: 13px;
        padding: 5px;
    }
    .search-area .btn-lg {
        padding: 10px 16px;
    }
    #myCarousel .right.carousel-control, #myCarousel .left.carousel-control {
        /* top:84%; */
		top:29%;
    }
    #myCarousel .fill {
        height: 400px;
    }
    #myCarousel.carousel,
    #myCarousel.item,
    #myCarousel.active,
    #myCarousel .carousel-inner,
    header {
        height: 390px;
    }
    #myCarousel .carousel-caption {
        /* bottom: 120px; */
    }
	
	/* AM change */
    /* section {
        padding: 30px 0px 30px 0px;
    } */
	
    #header-white h1 {
        font-size: 18px;
    }
    section h2.section-heading {
        font-size: 20px;
    }
    #tab-news li a {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .thumbnail-container {
        float: none;
        width: 1005;
        text-align: center;	
    }
    #members li img {
        height: 60px;
    }
    section#updates {
        padding-top: 40px;
    }
    #tab-updates a {
        font-size: 12px;
        padding: 5px 6px;
        font-weight: normal;
        margin: 0px;
        margin-right: 1px;
        margin-bottom: 2px;
        /* border: solid 2px #ffffff; */
        height: 30px;
        line-height: 30px;
    }
    #tab-updates li.active a {
        padding: 5px 6px;
    }
	/*============================ mozaic map ============================*/
    #updates .tab-pane>DIV>DIV {
        width: 100%;
    }
	/*============================ mozaic map ===========================*/
    #tab-comments li a {
        font-size: 13px;
    }
    .navbar-fixed-top .yamm .dropdown-menu {
        max-height: 350px;
    }
    #rspo-logo,
    inside #rspo-logo {
        width: 99px;
    }
    .detailed-people .modal-dialog,
    .detailed-people .modal-header {
        width: 100%;
        margin: 0px;
    }
    .profile-detail {
        padding: 0px !important;
    }
    .profile-detail p {
        font-size: 13px;
    }
    .profile-detail img {
        width: 100px !important;
        display: block !important;
        float: none !important;
        margin: auto !important;
        ;
    }
    .profile-detail h3 {
        margin-left: 0px !important;
        border: none;
        text-align: center;
        font-size: 16px;
    }
    .modal-body {
        padding-bottom: 15px;
        overflow-y: scroll;
    }
    #imageHeader .imageHeader-caption {
        width: 300px;
    }
    #imageHeader .imageHeader-caption h2 {
        font-size: 18px;
    }
    #imageHeader .imageHeader-caption p {
        font-size: 13px;
    }
	form[name="member_search"] .col-lg-4.col-md-4.col-sm-4.no-pad-left {
		width: 100%;
	}
	form[name="member_search"] .col-lg-2.col-md-2.col-sm-2 {
		width: 50%;
	}
	form[name="member_search"] #submit-button {
		border-radius: 0px !important;
	}
	.content-inner-search-members{
		max-height:none !important;
	}
	form[name="member_search"] .col-lg-8.col-md-8.col-sm-8.no-pad-left {
		width: 100% !important;
	}
	.contain-footer-left{
		width:100%;
	}
	.contain-footer-middle {
		width: 100%;
		margin-top: 20px !important;
	}
	.button-subcribe-footers-right {
		border-radius: 3px !important;
	}
    form#mailchimp_signup input.form-control {
        width: 100%;
    }
    .same_about_related{
        width: 100%;  
		max-width: 100%;	
    }
    div#gallerySlider.contain-complaints-slide {
        height: 250px;
    }
    #container-cari .col-lg-7.col-md-7.col-sm-7 {
        width: 100%;
    }
    #container-cari .col-lg-3.col-md-3.col-sm-3 {
        width: 50%;
    }
    #container-cari .col-lg-2.col-md-2.col-sm-2 {
        width: 50%;
    }
    button#submit-button {
        border-radius: 0px !important;
    }
    .col-lg-4.col-md-4.col-sm-4.supply-chain-certificate-holders-1, .col-lg-4.col-md-4.col-sm-4.supply-chain-certificate-holders-2, .col-lg-4.col-md-4.col-sm-4.supply-chain-certificate-holders-3 {
        width: 50% !important;
    }
    .col-lg-6.col-md-6.col-sm-6.text-center {
        width: 100%;
    }
    .tab-content-news .tab-pane{
        max-height: 100%;   
    }
    #container-cari .col-lg-10.col-md-10.col-sm-10 {
        width: 50%;
    }
    #container-cari .col-lg-2.col-md-2.col-sm-2 {
        width: 50% !important;
    }
    .id-stepcertification .col-lg-2.col-md-2.col-sm-2.text-left {
        width: 100%;
        padding-bottom: 0px !important;
    }
    .col-lg-2.col-md-2.col-sm-2.text-left img {
        float: left;
        width: 30px;
        margin-right: 20px;
    }
    .id-stepcertification p {
        margin: 4px 0 0px 0;
    }
    #whoweare .nav-tabs>li {
        width: 100%;
    }
    div#myTabContent {
        max-height: 100% !important;
    }
    .col-lg-9.col-md-9.col-sm-9 {
        width: 100%;
    }
    h1.no-margin-top.pad-bottom-20 {
        height: 50px;
    }
    .section-no-title .container .row .col-lg-3.col-md-3.col-sm-3 {
        width: 100%;
    }
    /* #organization-people .col-lg-4.col-md-4.col-sm-4 {
        width: 50%;
        min-height: 215px !important;
    } */
    .newsevent-linkselect {
        width: 100% !important;
    }
    .col-lg-3.col-md-3.col-sm-3.col-xs-12.pull-right.contain-search-NEAT {
        width: 100%;
    }
    .col-lg-3.col-md-3.col-sm-3.tab-head.contain-list-sidebar-NEAT {
        width: 100%;
    }
    .col-lg-6.col-md-6.col-sm-6.col-lg-offset-3.col-md-offset-3.col-sm-offset-3.newsevent-link {
        width: 100%;
    }
    .search-detail-news-events {
        width: 80% !important;
    }
    .wrap-events-detail.tab-body {
        width: 100%;
    }
    .col-lg-3.col-md-3.col-sm-4.tab-head {
        width: 100%;
		padding-left: 0px !important;
		padding-right: 0 !important;
		padding-bottom: 31px;
    }
	.tab-event-container{
		margin-right: 20px !important;
		margin-left: 20px !important;
	}
	#tab-event li a, #tab-event li .event-location span{
		margin-left:-20px;
		margin-right: -20px !important;
	}
	.col-lg-9.col-md-9.col-sm-8.wrap-index-news.tab-body {
        width: 100%;
    }
    .related-news-column {
        width: 100%;
    }
    #orange_line_trademark > div {
        width: 100% !important;
        margin-top: -2px;
    }
    .tml-contact#orange_line_trademark {
        background-size: 60% !important;
    }
    .col-lg-6.col-md-6.col-sm-6.contain-trademark-middle {
        width: 100%;
    }
    .col-lg-12.col-md-12.col-sm-12 .col-lg-4.col-md-4.col-sm-4.pad-top-30 {
        width: 100%;
    }
    .presskit-img-contain {
        max-width: none;
        min-height: 0;
    }
    .col-lg-12.col-md-12.col-sm-12 .col-md-4.pad-top-30 {
        width: 100% !important;
    }
    .col-lg-6.col-md-6.col-sm-6.text-right.contain-left-about {
        width: 100%;
        text-align: center;
    }
    .col-lg-6.col-md-6.col-sm-6.text-left.content-style.contain-right-about {
        width: 100% !important;
    }
    #resultCarousel .fa {
        margin-top: 200px;
    }
    .row.front-photo-container.pad-board-of-governors .col-lg-3.col-md-3.col-sm-3 {
        width: 50%;
    }
    .row.front-photo-container.pad-alternate-members .col-lg-3.col-md-3.col-sm-3 {
        width: 50%;
    }
    .front-photo-container.pad-secretariat .col-lg-3.col-md-3.col-sm-3 {
        width: 50% !important;
    }
	
	/* .for-show-in-news .col-lg-6 .col-md-6 .col-sm-6 .text-left .no-pad-right{ */
	.col-lg-6 .col-md-6 .col-sm-6 .text-left .no-pad-right{
        width: 100%;
		padding-left: 5px;
    }
	.for-show-in-news .col-lg-2.col-md-2.col-sm-2.no-pad-left.text-left {
        float: right;
		padding-right:12px;
    }
    
	a.dnload {
        float: right;
    }
    .contain400 {
        width: 100%;
    }
    #question .col-lg-8.col-md-8.col-sm-8.col-md-offset-2.col-sm-offset-2 {
        width: 100%;
    }
    #contact-address .pad-left-contact, .pad-middle-contact, .pad-right-contact {
        width: 100%;
        padding: 0px;
    }
    #certification-bodies-search .col-lg-4.col-md-4.col-sm-4 {
        width: 50%;
    }
    div#mapcontent {
        width: 400px !important;
    }
    #mapcontent .demo1{
        width: 400px !important;
    }
    #mapcontent #map_canvas{
        width: 400px !important;   
    }
    #productsearch .col-lg-6.col-md-6.col-sm-6 {
        width: 100%;
        padding: 0px;
    }
    #productsearch .col-lg-2.col-md-2.col-sm-2 {
        width: 33.33%;
        padding: 0px;
    }
    form#productsearch {
        height: 50px;
    }
    .col-lg-6.col-md-6.col-sm-6.trademark{
        width:100%;
		border-bottom: 1px solid rgb(215, 215, 215);
		padding-bottom: 23px;
    }
    .contain800 .col-lg-12.col-md-12.col-sm-12 ul {
        padding-left: 0px !important;
    }
    #resources .col-lg-12.col-md-12.col-sm-12 > div {
        width: 100%;
    }
    #activate-user .col-lg-6.col-md-6.col-sm-6 {
        width: 100%;
    }
    #members-prof .col-md-3.col-sm-3.col-xs-12.text-left {
        width: 100%;
    }
    .col-md-9.col-sm-9.col-xs-12.text-left.profile-subsidiary-prymary {
        width: 100%;
    }
    #tab-profile-member li.tab-profile {
        width: 50%;
        margin: 0px;
        padding: 10px;
    }
    .col-profile-password {
        width: 100% !important;
    }
    .col-profile-password-arrow{
        display: none !important    ;
    }
    .col3-profile {
        width: 50% !important;
        /* margin: 0px; */
        /* padding: 0px; */
        margin-right: 0px !important;
        float: left;
        margin-bottom: 10px;
    }
    .col6-profile {
        width: 100% !important;
    }
    .col-md-9.col-sm-9.col-xs-12.text-left.primary-subsidiary {
        width: 100%;
    }
    #acopreports .col-lg-3.col-md-3.col-sm-3 {
        /* width: 100%; */
        margin: 0 auto;
        float: none !important;
        text-align: center;
    }
    #related form[name=frmChart2] > div {
        width: 100%;
    }
}

@media only screen and (max-width: 360px) {
	/* AM */
	.contain300 {
		width: 100%;
		margin: 0px auto;
	}
	
	#oops {
		padding: 20px 0px 50px;
	}
	
	.oops-face{
		width: 100% !important;
		text-align: center;
	}
	
	.oops-text{
		padding-top:0px;
		padding-left: 40px!important;
		width: 100% !important;
	}
	
	.big-heading{
		font-size:25px;
	}
	
	#oops img {
		padding-top: 15px;
		width: 190px;
	}
	
	.for-show-in-news{
		border-top: 1px solid #dedede!important;
		border-left: none!important;
		border-right: none!important;
		border-bottom: 1px solid #dedede!important;
	}
	
	.col-lg-6.col-md-6.col-sm-6.text-left.no-pad-right{
        width: 100%;
		padding-left:0px;
    }
	.dd .ddTitlesingle{
		padding-left:0px;
    }
	.dd .ddTitlesingle:hover{
		padding-left:0px;
	}
	
	.for-show-in-news .col-lg-2.col-md-2.col-sm-2.no-pad-left.text-left {
		padding-right:0px;
    }
	
	.national-commitment-indicators{
		bottom:0px;
		margin-bottom:10px;
	}
	
	.contain-footer-right {
		padding-top: 0px;
	}
	
	div.same_about_related .col-lg-7.col-md-7.col-sm-7.text-left p, div.same_about_related .col-lg-5.col-md-5.col-sm-5.text-left a{
		font-size:12px
	}
	
	.contain-left-about {
		width: 100%;
		line-height: 0px;
		padding-top: 25px;
		padding-bottom: 10px;
	}
	
	.contain-right-about {
		width: 100% !important;
	}
	
	.col-am-sm-2{
		width:0;
	}
	.col-am-sm-8{
		width:100%;
	}
	
	.impacts-timeline{
		padding:0px;
	}
	
	.timeline > li > .timeline-panel {
		width: 90%;
		padding: 10px;
	}
	
	.carousel-indicators {
		left: 30%;
		width: 100%;
	}
	
	.hcv-process-structure{
		background:#ebebeb; 
		width:100%; 
		margin:0 auto; 
		padding:0px 20px 20px 20px;
	}
	
	.contain-redirect {
		width: 100%;
	}

	.button-back-redirect {
		width: 100% !important;
		padding-bottom: 10px;
	}

	.button-continue-redirect{
		width: 100% !important;
	}

	.btn-redirect-white, .btn-redirect-orange{
		width: 100%;
	}
	
	#gallerySlider .left.carousel-control {
		margin-left: 0!important;
	}
	
	#gallerySlider .right.carousel-control {
		margin-right: 0px!important;
	}
	
	#gallerySlider .left.carousel-control, #gallerySlider .right.carousel-control {
		margin-top: 1%!important;
		display: none;
	}
	
	.yamm .yamm-content ul > li > ul > a li {
		font-size: 15px;
	}
	
	.reponsive-search-text{
		display:inherit;
		width: 91%;
		float: right;
	}
	
	#navbar-collapse-2 {
		width: 100%;
		/* height: 560px;
		max-height: 560px;
		 */
		overflow-y:scroll;
	}
	
	/* .responsive-in{
		display:none!important;
	} */
	
	.content-impacts-left-icon, .content-impacts-right-icon, .content-impacts-left-value, .content-impacts-right-value {
		padding-right: 10px;
	}
	
	.content-impacts-right-value, .content-impacts-left-value {
		font-size: 25px;
	}
	
	#member-in-number .big-number {
		padding-right: 15px;
	}
	
	#member-in-number .big-number small{
		  white-space: nowrap;
	}
	
	.big-number > small{
		white-space: nowrap;
	}
	
	.container-impacts-left {
		padding-right: 26.2% !important;
		padding-left: 0px;
		width: 100% !important;
	}
	
	.container-impacts-right{
		padding-right:0px;
		padding-left: 23.5% !important;
		width: 100% !important;
	}
	
	.content-impacts-right-value {
		width: 150px;
	}
	
	.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{padding-right:0px;padding-left:0px}
	
	.resources-page{
		width:100%;
		padding-bottom:30px;
	}
	
	.img-resources {
		height: 277px;
	}
	
	.share-article-pod-fb, .share-article-pod-tw {
		display: -moz-box;
		margin-bottom: 13px;
	}
	
	#link-login:link, #link-login:hover, #link-login:visited {
		display: block;
		line-height: 35px;
		font-size: 14px;
		color: #FFF;
		text-decoration: none;
		padding: 12px 20px;
		font-weight: bold;
	}
	
	.am-title-mosaic{
		font-size:15px!important; 
		font-weight:600;
	}
	
	.add-pad-am{
		margin-top:8px;
	}
	
	.ddcommon .ddTitle {
		width: 75%;
		margin-left: -35px;
	}
	
	.contain-download-doc-publications{
		padding-right:5px;
	}
	
	.contain-name-doc-publications{
		padding-left:5px;
		padding-right:5px;
	}
	
	.contain-event-category-articles{
		width:245px; 
	}
	
	.contain-pod-homepage-index{
		width:100%;
	}
	
	.am-pad-left-right{
		padding-left:15px;
		padding-right:15px;
	}
	
	.id-stepcertification {
		background: none;
	}
	
	.profile-tab-content {
		padding: 25px 15px!important;
		background-color: #F5F5F5;
	}
	
	.col6-profile {
		width: 100%!important;
	}
	
	.profile-subsidiary-prymary {
		padding-left: 0px;
	}
	
	.Map-left-status-category, .MAP-current-login{
		width:100%;
		text-align:center;
	}
	
	.id-organisation {
		background:url("../img/tml-member1.jpg") no-repeat scroll 40% 34% / 75% auto transparent;
	}
	.member_application_step2 {
		background:url('../img/step2_map.jpg') no-repeat scroll 40% 34% / 75% auto transparent;
	}
	.member_application_step3 {
		background:url('../img/step3_map.jpg') no-repeat scroll 40% 34% / 75% auto transparent;
	}
	.member_application_step4 {
		background:url('../img/step4_map.jpg') no-repeat scroll 40% 34% / 75% auto transparent;
	}
	
	.tab-point-MAP {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 30px;
	}
	
	.contain-am-product-saerch-result{
		width:100%;
	}
	
	.col-am-5-contain {
		width: 100%;
		float: left;
		padding-top:20px;
	}
	
	.contain-product-am{
		width:100%;
	}
	
	.container-step-third{	
		padding:25px 15px 30px 15px;
		margin:0px 20px;
	}
	
	/* .timeline > li > .timeline-panel {
		width: 41%;
		padding: 5px;
	} */
	
	.pad-advisor-and-honorary {
		padding-left: 0px;
	}
	
	.index-tab-container p, li {
		font-size: 12px;
	}
	
	.conatin-am-careers{
		width:100%;
	}
	
	.career-tab-container {
		height: 100%;
	}
	
	.career-position {
		font-size: 15px;
	}	
	
	.career-location {
		font-size: 12px;
	}
	
	.career-deadline {
		font-size: 10px;
	}
	
	#tab-career li.active a {
		padding: 15px;
	}
	
	.impacts-2-column-gray-am{
		width:100%;
	}	
	
	.contain-img-articles-view{
		width:270px;
	}

	.img-articles-paragraph-view{
		width:270px;
	}
	
	.contain-trademark-product-gallery-am{
		width:100%;
	}
	
	section#organization-people.col-lg-4 .col-md-4 .col-sm-4{
		width:100%;
	}
	
	#acopreports .reports-right {
		margin-right: 0px !important;
	}
	
	#acopreports .reports-left {
		text-align: center;
		padding: 0px;
		width: 130px;
		display: block;
		margin-left: -45px;
	}
	
	.blockhorisontal li {
		width:99%;
	}
	
	/* mozaic */
	.left-mosaic-large {
		height: 220px;
	}
	
	.caption-video {
		width: 100%;
	}
	
	.right-mosaic{
		width:100%;
	}
	
	.right-single-mosaic {
		height: 120px;
	}
	
	.right-4 {
		padding-right: 0px;
	}
	
	.quarter-right-mosaic {
		height: 120px;
	}
	
	.quarter-right-mosaic-minus {
		height: 90px;
	}
	
	.img-pod-bottom {
		max-height: 180px;
		min-height: 180px;
		height: 180px;
	}
	
	#morebtn:hover {
		background: url("../img/chevron-down.png") no-repeat scroll 10px 6px #F79644;
	}
	
	.show-more-dropdown {
		width: 97%;
	}
	
	.news-headline{
		width: 100%;
	}
	/* end mozaic */
	
	
	.container-step-third {
		padding: 25px 20px 30px;
		margin: 0px 20px;
	}
	
	label.inline.with-padding small {
		width: 80%;
	}
	
	.header-gallery-slider-how-we-work{
		padding-bottom: 0px; 
		margin-right: -25px;
		margin-left: -25px;
	}
	
	div#gallerySlider.carousel.slide.contain-complaints-slide{
		/* padding-bottom:0px; */
		padding:0px;
	}
	
	#tab-news > .NEAT-tab-homepage{
		width: 100%;
	}
	
	.primary-subsidiary {
		padding-left: 0px;
	}
	
	.primary-subsidiary {
		padding-left: 0px;
	}
	
	.contain-complaints-slide {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#myCarousel.carousel, #myCarousel .item {
		height: 390px;
		width: 100%;
	}
	
	#impactsCarousel.carousel {
		height: 190px;
		padding-top: 0px;
	}
	footer .right.carousel-control, footer .left.carousel-control {
		/* margin-top: 32px; */
		top: 37%;
	}
	
	.btn-over-img {
		margin-top: -80px !important;
		margin-left: 10px !important;
	}
	
	.comments-tab-container .tab-head {
		width: 100%;
	}
	.comments-tab-container .tab-body {
		width: 100%;
	}
	
	.scc-search-bar-tab {
		padding: 16px 15px !important;
	}
	.img-credit-trademark {
		margin-top: 67%;
	}
	#imageHeaderTrademark .fill {
		height: 180px;
	}
	#imageHeaderTrademark .imageHeader-caption {
		left: 0%;
		top: 0px;
	}
	.trademark-title-images {
		font-size: 13px;
		margin-top: 10px;
	}
	.conatainer-step-type {
		min-height: 100%;
	}
	.container-inner-step-1 {
		min-height: 100%;
		max-height: 100%;
	}
	
	.area-step {
		width:100%;
		padding-left:0px;
		padding-right:0px;
		float: unset;
		margin: 0 auto;
	}
	
	.form-smallholder-members {
		width: 100%;
	}
	.carousel-indicators {
		bottom: -0px;
	}
	.view-all-members {
		width: 100%;
	}
	.form-group {
		display: block;
		margin-right: 3px;
	}
	.tab-NEAT-homepage {
		padding: 16px 15px !important;
	}
	.nav-beta-label {
		left: 76.6%;
	}
	/* AM */
	
	.map-footer-img{
		/* width:1000%; */
		width:90%;
		height:auto;
	}
	.container {
		max-width: 94.5% !important;
		width: 94.5% !important;
	}
	
    /* .container#container-navbar,
    .container {
        max-width: 320px !important;
        width: 320px !important;
        padding: 0px;
    } */
	
    #header-white {
        padding: 0px 0px 20px;
    }
    #navbar-collapse-1 {
        width: 320px !important;
    }
    #myCarousel .carousel-caption h2 {
        font-size: 15px;
    }
    #myCarousel .carousel-caption p {
        display: none;
    }
    #front #rspo-logo,
    #inside #rspo-logo {
		margin-left: 19px;
        width: 99px;
    }
    #link-login:link,
    #link-login:hover,
    #link-login:visited {
        display: block;
        line-height: 35px;
        font-size: 14px;
        color: #ffffff;
        text-decoration: none;
        padding: 12px 20px;
        font-weight: bold;
    }
    #inside #myCarousel .fill,
    #myCarousel .carousel-inner {
        height: 350px;
    }
    #inside header {
        height: 530px;
    }
    #front header {
        height: 400px;
    }
    #myCarousel .carousel-caption h2 {
        font-size: 14px;
        line-height: 23px;
    }
    #myCarousel .carousel-caption {
        bottom: 0px;
    }
    ul.timeline:before {
/*        left: 16px;*/
    }
    ul.timeline > li > .timeline-badge {
/*        left: 6px;*/
    }
    #link-search .glyphicon-search {
        margin-top: 14px;
    }
    #inside #bs-example-navbar-collapse-1 .dropdown-menu,
    #front #bs-example-navbar-collapse-1 .dropdown-menu {
        margin-top: 44px;
    }
    ul.timeline > li > .timeline-panel {
		/*        width: -webkit-calc(100% - 45px);*/
    }
    .yamm .dropdown-menu {
        margin-left: 0px;
    }
    .navbar-default .nav > li > a {
        font-size: 16px;
    }
    .navbar-nav.yamm>li>a {
        padding: 10px 5px;
    }
    #other-sites-dropdown a div {
        padding-top: 10px;
    }
    #link-search {
        height: 45px;
        padding: 0px 15px;
    }
    .link-other {
        line-height: 25px;
        font-size: 12px;
        margin-left: 10px;
        margin-right: 5px;
        font-weight: normal;
    }
    #bs-example-navbar-collapse-1.navbar-collapse {
        padding: 0px 15px;
    }
    #link-search {
        font-size: 13px;
        margin-left: 5px;
        line-height: 25px;
    }
    .showline {
        display: none;
        float: left;
        font-weight: bold;
    }
    #link-ask {
        line-height: 25px;
        font-size: 13px;
        margin-left: 0px;
        padding-left: 0px;
    }
    #bs-example-navbar-collapse-1 .dropdown {
        margin-right: 0px;
    }
    .link-other-arrow {
        height: 25px;
        padding: 0px 5px;
        line-height: 25px;
    }
    #bs-example-navbar-collapse-1.navbar-collapse {
        background-position: 0px -13px;
        height: 150px;
    }
    .search-area {
        margin-top: 86px;
    }
    .search-area > DIV > DIV {
        width: 95%;
        padding: 0px 20px;
    }
    #searchText {
        width: 100%;
        font-size: 13px;
        padding: 5px;
    }
    .search-area .btn-lg {
        padding: 10px 16px;
    }
    #myCarousel .right.carousel-control, #myCarousel .left.carousel-control {
		/* top:83%; */
		top:29%;
		font-size: 40px;
		display: none;
    }
	#myCarousel .right.carousel-control {
		margin-right: 5px;
	}	
	#myCarousel .left.carousel-control {
		margin-left: 5px;
	}
    #myCarousel .fill {
        height: 400px;
    }
    #myCarousel.carousel,
    #myCarousel.item,
    #myCarousel.active,
    #myCarousel .carousel-inner,
    header {
        height: 390px;
    }
    #myCarousel .carousel-caption {
        /* bottom: 120px; */
    }
	
	/* AM change */
    /* section {
        padding: 30px 0px 30px 0px;
    } */
	
    #header-white h1 {
        font-size: 18px;
    }
    section h2.section-heading {
        font-size: 20px;
    }
    #tab-news li a {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .thumbnail-container {
        float: none;
        width: 1005;
        text-align: center;	
    }
    #members li img {
        height: 60px;
    }
    section#updates {
        padding-top: 40px;
    }
    #tab-updates a {
        font-size: 12px;
        padding: 5px 6px;
        font-weight: normal;
        margin: 0px;
        margin-right: 1px;
        margin-bottom: 2px;
        /* border: solid 2px #ffffff; */
        height: 30px;
        line-height: 30px;
    }
    #tab-updates li.active a {
        padding: 5px 6px;
    }
	/*============================ mozaic map ============================*/
    #updates .tab-pane>DIV>DIV {
        width: 100%;
    }
	/*============================ mozaic map ===========================*/
    #tab-comments li a {
        font-size: 13px;
    }
    .navbar-fixed-top .yamm .dropdown-menu {
        max-height: 350px;
    }
    #rspo-logo,
    inside #rspo-logo {
        width: 99px;
    }
    .detailed-people .modal-dialog,
    .detailed-people .modal-header {
        width: 320px;
        margin: 0px;
    }
    .profile-detail {
        padding: 0px !important;
    }
    .profile-detail p {
        font-size: 13px;
    }
    .profile-detail img {
        width: 100px !important;
        display: block !important;
        float: none !important;
        margin: auto !important;
        ;
    }
    .profile-detail h3 {
        margin-left: 0px !important;
        border: none;
        text-align: center;
        font-size: 16px;
    }
    .modal-body {
        padding-bottom: 15px;
        overflow-y: scroll;
    }
    #imageHeader .imageHeader-caption {
        width: 300px;
    }
    #imageHeader .imageHeader-caption h2 {
        font-size: 18px;
    }
    #imageHeader .imageHeader-caption p {
        font-size: 13px;
    }
	form[name="member_search"] .col-lg-4.col-md-4.col-sm-4.no-pad-left {
		width: 100%;
	}
	form[name="member_search"] .col-lg-2.col-md-2.col-sm-2 {
		width: 50%;
	}
	form[name="member_search"] #submit-button {
		border-radius: 0px !important;
	}
	.content-inner-search-members{
		max-height:none !important;
	}
	form[name="member_search"] .col-lg-8.col-md-8.col-sm-8.no-pad-left {
		width: 100% !important;
	}
	.contain-footer-left{
		width:100%;
	}
	.contain-footer-middle {
		width: 100%;
		margin-top: 20px !important;
	}
	.button-subcribe-footers-right {
		border-radius: 3px !important;
	}
    form#mailchimp_signup input.form-control {
        width: 100%;
    }
    .same_about_related{
        max-width: 100%;
    }
    div#gallerySlider.contain-complaints-slide {
        /* height: 250px; */
        height: 310px;
    }
	#container-cari .col-lg-12 {
        padding-left:0px;
		padding-right:0px;
    }
	#container-cari .col-lg-12.col-md-12.col-sm-12 {
        padding-left:0px;
		padding-right:0px;
    }
    #container-cari .col-lg-7.col-md-7.col-sm-7 {
        width: 100%;
    }
    #container-cari .col-lg-3.col-md-3.col-sm-3 {
        width: 100%;
    }
	#container-cari .col-lg-2.col-md-2.col-sm-2 {
        width: 100% !important;
    }
    button#submit-button {
        border-radius: 0px !important;
    }
    .col-lg-4.col-md-4.col-sm-4.supply-chain-certificate-holders-1, .col-lg-4.col-md-4.col-sm-4.supply-chain-certificate-holders-2, .col-lg-4.col-md-4.col-sm-4.supply-chain-certificate-holders-3 {
        width: 100% !important;
    }
    .col-lg-6.col-md-6.col-sm-6.text-center {
        width: 100%;
    }
    .tab-content-news .tab-pane{
        max-height: 100%;   
    }
    #container-cari .col-lg-10.col-md-10.col-sm-10 {
        width: 100%;
    }
    .id-stepcertification .col-lg-2.col-md-2.col-sm-2.text-left {
        width: 100%;
        padding-bottom: 0px !important;
    }
    .col-lg-2.col-md-2.col-sm-2.text-left img {
        float: left;
        width: 30px;
        margin-right: 20px;
    }
    .id-stepcertification p {
        margin: 4px 0 0px 0;
    }
    #whoweare .nav-tabs>li {
        width: 100%;
    }
    div#myTabContent {
        max-height: 100% !important;
    }
    .col-lg-9.col-md-9.col-sm-9 {
        width: 100%;
    }
    h1.no-margin-top.pad-bottom-20 {
        height: 50px;
    }
    .section-no-title .container .row .col-lg-3.col-md-3.col-sm-3 {
        width: 100%;
    }
    /* #organization-people .col-lg-4.col-md-4.col-sm-4 {
        width: 50%;
        min-height: 215px !important;
    } */
    .newsevent-linkselect {
        width: 100% !important;
    }
    .col-lg-3.col-md-3.col-sm-3.col-xs-12.pull-right.contain-search-NEAT {
        width: 100%;
    }
	.contain-search-NEAT {
		margin-top: 20px;
	}
    .col-lg-3.col-md-3.col-sm-3.tab-head.contain-list-sidebar-NEAT {
        width: 100%;
    }
    .col-lg-6.col-md-6.col-sm-6.col-lg-offset-3.col-md-offset-3.col-sm-offset-3.newsevent-link {
        width: 100%;
    }
    .search-detail-news-events {
        width: 100% !important;
    }
    .wrap-events-detail.tab-body {
        width: 100%;
    }
    .col-lg-3.col-md-3.col-sm-4.tab-head {
        width: 100%;
    }
    .col-lg-9.col-md-9.col-sm-8.wrap-index-news.tab-body {
        width: 100%;
    }
    .related-news-column {
        width: 100%;
    }
    #orange_line_trademark > div {
        width: 100% !important;
        margin-top: -2px;
    }
    .tml-contact#orange_line_trademark {
        background-size: 60% !important;
    }
    .col-lg-6.col-md-6.col-sm-6.contain-trademark-middle {
        width: 100%;
    }
    .col-lg-12.col-md-12.col-sm-12 .col-lg-4.col-md-4.col-sm-4.pad-top-30 {
        width: 100%;
    }
    .presskit-img-contain {
        max-width: none;
        min-height: 0;
    }
    .col-lg-12.col-md-12.col-sm-12 .col-md-4.pad-top-30 {
        width: 100% !important;
    }
    .col-lg-6.col-md-6.col-sm-6.text-right.contain-left-about {
        width: 100%;
        text-align: center;
    }
    .col-lg-6.col-md-6.col-sm-6.text-left.content-style.contain-right-about {
        width: 100% !important;
    }
    #resultCarousel .fa {
        margin-top: 200px;
    }
    .staff-board-of-governors {
        max-width: none;
    }
    .row.front-photo-container.pad-board-of-governors .col-lg-3.col-md-3.col-sm-3 {
        width: 50%;
    }
    .row.front-photo-container.pad-alternate-members .col-lg-3.col-md-3.col-sm-3 {
        width: 50%;
    }
    .front-photo-container .col-lg-3.col-md-3.col-sm-3 {
        width: 50% !important;
    }
    .front-photo-container.pad-secretariat .col-lg-3.col-md-3.col-sm-3 {
        width: 50% !important;
    }
    a.dnload {
        float: right;
    }
    .contain400 {
        width: 100%;
    }
    #question .col-lg-8.col-md-8.col-sm-8.col-md-offset-2.col-sm-offset-2 {
        width: 100%;
    }
    #contact-address .pad-left-contact, .pad-middle-contact, .pad-right-contact {
        width: 100%;
        padding: 0px;
    }
    #certification-bodies-search .col-lg-4.col-md-4.col-sm-4 {
        width: 100%;
    }
    div#mapcontent {
        width: 400px !important;
    }
    #mapcontent .demo1{
        width: 300px !important;
    }
    #mapcontent #map_canvas{
        width: 300px !important;   
    }
    #productsearch .col-lg-6.col-md-6.col-sm-6 {
        width: 100%;
        padding: 0px;
    }
    #productsearch .col-lg-2.col-md-2.col-sm-2 {
        width: 100%;
        padding: 0px;
    }
    form#productsearch {
        height: 50px;
    }
    .col-lg-6.col-md-6.col-sm-6.trademark{
        width:100%;
    }
    .contain800 .col-lg-12.col-md-12.col-sm-12 ul {
        padding-left: 0px !important;
    }
    #resources .col-lg-12.col-md-12.col-sm-12 > div {
        width: 100%;
    }
    #activate-user .col-lg-6.col-md-6.col-sm-6 {
        width: 100%;
    }
    #members-prof .col-md-3.col-sm-3.col-xs-12.text-left {
        width: 100%;
    }
    .col-md-9.col-sm-9.col-xs-12.text-left.profile-subsidiary-prymary {
        width: 100%;
    }
    #tab-profile-member li.tab-profile {
        width: 100%;
        margin: 0px;
        padding: 10px;
    }
    .col-profile-password {
        width: 100% !important;
    }
    .col-profile-password-arrow{
        display: none !important    ;
    }
    .col3-profile {
        width: 100% !important;
        /* margin: 0px; */
        /* padding: 0px; */
        margin-right: 0px !important;
        float: left;
        margin-bottom: 10px;
    }
    .col6-profile {
        width: 100% !important;
    }
    .col-md-9.col-sm-9.col-xs-12.text-left.primary-subsidiary {
        width: 100%;
    }
    #acopreports .col-lg-3.col-md-3.col-sm-3 {
        /* width: 100%; */
        margin: 0 auto;
        float: none !important;
        text-align: center;
    }
    #related form[name=frmChart2] > div {
        width: 100%;
    }
}

@media only screen and (max-width: 320px) {
	/* AM */
	#oops {
		padding: 20px 0px 50px;
	}
	
	.oops-text{
		padding-top:0px;
		padding-left: 20px!important;
		width: 100% !important;
	}
	
	.navbar-nav > li > a {
		padding: 10px 20px;
	}
	
	.contain-footer-right {
		padding-top: 0px;
	}
	
	.impacts-timeline{
		padding:0px;
	}
	
	/* .timeline > li > .timeline-panel {
		width: 40%;
		padding: 10px;
	} */
	
	#gallerySlider .left.carousel-control, #gallerySlider .right.carousel-control {
		margin-top: 9% !important;
	}
	
	.contain-right-about, .contain-left-about{
		width: 100% !important;
	}
	
	.contain300{
		width:100%;	
		margin:0 auto;
	}
	
	.yamm .yamm-content ul > li > ul > a li {
		font-size: 15px;
	}
	
	.reponsive-search-text{
		display:inherit;
		width: 91%;
		float: right;
	}
	
	#navbar-collapse-2 {
		width: 100%;
		/* height: 390px;
		max-height: 390px;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch; */
		overflow-y:scroll;
	}
	
	/* .responsive-in{
		display:none!important;
	} */
	
	.navbar-header {
		padding-left: 0em;
	}
	
	.content-impacts-left-icon, .content-impacts-right-icon, .content-impacts-left-value, .content-impacts-right-value {
		padding-right: 5px;
	}
	
	.content-impacts-right-value, .content-impacts-left-value {
		font-size: 22px;
	}
	
	.container-impacts-left {
		padding-right: 27% !important;
		padding-left: 0px;
		width: 100% !important;
	}
	
	.container-impacts-right{
		padding-right:0px;
		padding-left:0px;
		width: 100% !important;
	}
	
	.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{padding-right:0px;padding-left:0px}
	
	.resources-page{
		width:100%;
		padding-bottom:30px;
	}
	
	.img-resources {
		height: 220px;
	}
	
	.share-article-pod-fb, .share-article-pod-tw {
		display: -moz-box;
		margin-bottom: 13px;
	}
	
	.am-title-mosaic{
		font-size:15px!important; 
		font-weight:600;
	}
	
	.add-pad-am{
		margin-top:8px;
	}
	
	.ddcommon .ddTitle {
		width: 75%;
		margin-left: -35px;
	}
	
	.contain-download-doc-publications{
		padding-right:5px;
	}
	
	.contain-name-doc-publications{
		padding-left:5px;
		padding-right:5px;
	}
	
	.pad-board-of-governors, .pad-alternate-members, .pad-advisor-and-honorary, .pad-secretariat {
		padding-left: 15px;
	}
	
	.contain-event-category-articles{
		width:240px; 
	}
	
	.container-NEAT-content {
		padding: 8px 0px;
	}
	
	.img-left-paragraph-view-pod {
		width: 240px;
		height: 195px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
	}
	
	.contain-left-paragraph-view-pod {
		width: 240px;
		height: 200px;
	}
	
	.sidebar-pod-banner-view {
		width: 230px;
		padding-top: 20px;
	}
	
	.contain-pod-homepage-index{
		width:100%;
	}
	
	.mosaic-news {
		padding: 0px;
	}
	
	.container-step, .container-step-mid{
		margin: 0px!important;
	}

	
	#gallerySlider .left.carousel-control {
		padding-top: 40px;
	}
	
	#gallerySlider .right.carousel-control {
		padding-top: 40px;
	}
	
	.am-pad-left-right{
		padding-left:15px;
		padding-right:15px;	
	}
	
	.id-stepcertification {
		background: none;
	}
	
	.profile-tab-content {
		padding: 25px 15px!important;
		background-color: #F5F5F5;
	}
	
	.col6-profile {
		width: 100%!important;
	}
	
	.profile-subsidiary-prymary {
		padding-left: 0px;
	}
	
	.contain-point-map-am-1{
		padding-left:0px;
	}
	.contain-point-map-am-4{
		padding-right:0px;
	}
	
	.box-contact-form {
		padding: 15px;
	}
	
	.container-MAP-AM {
		width: 100%;
		padding:0px;
	}
	
	.Map-left-status-category, .MAP-current-login{
		width:100%;
		text-align:center;
	}
	
	.id-organisation {
		background:url("../img/tml-member1.jpg") no-repeat scroll 46% 34% / 80% auto transparent;
	}
	.member_application_step2 {
		background:url('../img/step2_map.jpg') no-repeat scroll 46% 34% / 80% auto transparent;
	}
	.member_application_step3 {
		background:url('../img/step3_map.jpg') no-repeat scroll 46% 34% / 80% auto transparent;
	}
	.member_application_step4 {
		background:url('../img/step4_map.jpg') no-repeat scroll 46% 34% / 80% auto transparent;
	}
	
	.tab-point-MAP {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 30px;
	}
	
	.contain-am-product-saerch-result{
		width:100%;
	}
	
	.col-am-5-contain {
		width: 100%;
		float: left;
		padding-top:20px;
	}
	
	.contain-product-am{
		width:100%;
	}
	
	/* .timeline > li > .timeline-panel {
		width: 41%;
		padding: 5px;
	} */
	
	.pad-advisor-and-honorary {
		padding-left: 0px;
	}
	
	.index-tab-container p, li {
		font-size: 12px;
	}
	
	.conatin-am-careers{
		width:100%;
	}
	
	.career-tab-container {
		height: 100%;
	}
	
	.career-position {
		font-size: 15px;
	}	
	
	.career-location {
		font-size: 12px;
	}
	
	.career-deadline {
		font-size: 10px;
	}
	
	#tab-career li.active a {
		padding: 15px;
	}
	
	.impacts-2-column-gray-am{
		width:100%;
	}	
	
	.contain-img-articles-view{
		width:240px;
	}

	.img-articles-paragraph-view{
		width:240px;
	}
	
	.contain-trademark-product-gallery-am{
		width:100%;
	}
	
	section#organization-people.col-lg-4 .col-md-4 .col-sm-4{
		width:100%;
	}
	
	#acopreports .reports-right {
		margin-right: 0px !important;
	}
	
	#acopreports .reports-left {
		text-align: center;
		padding: 0px;
		width: 130px;
		display: block;
		margin-left: -30px;
	}
	
	.blockhorisontal li {
		width:99%;
	}
	
	/* mozaic */
	.left-mosaic-large {
		height: 200px;
	}
	
	.caption-video {
		width: 100%;
	}
	
	.right-mosaic{
		width:100%;
	}
	
	.right-single-mosaic {
		height: 100px;
	}
	
	.right-4 {
		padding-right: 0px;
	}
	
	.quarter-right-mosaic {
		height: 120px;
	}
	
	.quarter-right-mosaic-minus {
		height: 90px;
	}
	
	.img-pod-bottom {
		max-height: 180px;
		min-height: 180px;
		height: 180px;
	}
	
	#morebtn:hover {
		background: url("../img/chevron-down.png") no-repeat scroll 10px 6px #F79644;
	}
	
	.show-more-dropdown {
		width: 97%;
	}
	
	.news-headline{
		width: 100%;
	}
	/* end mozaic */
	
	
	.container-step-third {
		padding: 25px 20px 30px;
		margin: 0px;
	}
	
	label.inline.with-padding small {
		width: 80%;
	}
	
	.header-gallery-slider-how-we-work{
		padding-bottom: 0px; 
	}
	
	div.same_about_related .col-lg-7.col-md-7.col-sm-7.text-left p, div.same_about_related .col-lg-5.col-md-5.col-sm-5.text-left a{
		font-size:12px
	}
	
	div#gallerySlider.carousel.slide.contain-complaints-slide{
		padding-bottom:0px;
	}
	
	#tab-news > .NEAT-tab-homepage{
		width: 100%;
	}
	
	.primary-subsidiary {
		padding-left: 0px;
	}
	
	.primary-subsidiary {
		padding-left: 0px;
	}
	
	.contain-complaints-slide {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#myCarousel.carousel, #myCarousel .item {
		height: 390px;
		width: 100%;
	}
	
	#impactsCarousel.carousel {
		height: 190px;
		padding-top: 0px;
	}
	
	footer .right.carousel-control, footer .left.carousel-control {
		/* margin-top: 32px; */
		top: 36%;
	}
	
	.btn-over-img {
		margin-top: -80px !important;
		margin-left: 10px !important;
	}
	
	.comments-tab-container .tab-head {
		width: 100%;
	}
	.comments-tab-container .tab-body {
		width: 100%;
	}
	
	.scc-search-bar-tab {
		padding: 16px 15px !important;
	}
	.img-credit-trademark {
		margin-top: 68.5%;
	}
	#imageHeaderTrademark .fill {
		height: 160px;
	}
	#imageHeaderTrademark .imageHeader-caption {
		left: 0%;
		top: 0px;
	}
	.trademark-title-images {
		font-size: 12px;
		margin-top: 10px;
	}
	.conatainer-step-type {
		min-height: 100%;
	}
	.container-inner-step-1 {
		min-height: 100%;
		max-height: 100%;
	}
	
	.area-step {
		width:100%;
		padding-left:0px;
		padding-right:0px;
		float: unset;
		margin: 0 auto;
	}
	
	.form-smallholder-members {
		width: 100%;
	}
	.carousel-indicators {
		bottom: -0px;
	}
	.view-all-members {
		width: 100%;
	}
	.form-group {
		display: block;
		margin-right: 3px;
	}
	.tab-NEAT-homepage {
		padding: 16px 15px !important;
	}
	.nav-beta-label {
		left: 74%;
	}
	/* AM */
	
	.map-footer-img{
		/* width:1000%; */
		width:100%;
		height:auto;
	}
	.container {
		max-width: 94.5% !important;
		width: 94.5% !important;
	}
	
	.contain-mozaic-pod-homepage{
		padding: 0 15px;
	}
	
    /* .container#container-navbar,
    .container {
        max-width: 320px !important;
        width: 320px !important;
        padding: 0px;
    } */
	
    #header-white {
        padding: 0px 0px 20px;
    }
    #navbar-collapse-1 {
        width: 320px !important;
    }
    #myCarousel .carousel-caption h2 {
        font-size: 15px;
    }
    #myCarousel .carousel-caption p {
        display: none;
    }
    #front #rspo-logo,
    #inside #rspo-logo {
        /* margin-left: 0px; */
		margin-left: 19px;
        width: 99px;
    }
    #link-login:link,
    #link-login:hover,
    #link-login:visited {
		display: block;
        line-height: 35px;
        font-size: 14px;
        color: #ffffff;
        text-decoration: none;
        padding: 12px 20px;
        font-weight: bold;
    }
    #inside #myCarousel .fill,
    #myCarousel .carousel-inner {
        height: 350px;
    }
    #inside header {
        height: 530px;
    }
    #front header {
        height: 400px;
    }
    #myCarousel .carousel-caption h2 {
        font-size: 14px;
        line-height: 23px;
    }
    #myCarousel .carousel-caption {
        bottom: 0px;
    }
    ul.timeline:before {
/*        left: 16px;*/
    }
    ul.timeline > li > .timeline-badge {
/*        left: 6px;*/
    }
    #link-search .glyphicon-search {
        margin-top: 14px;
    }
    #inside #bs-example-navbar-collapse-1 .dropdown-menu,
    #front #bs-example-navbar-collapse-1 .dropdown-menu {
        margin-top: 44px;
    }
    ul.timeline > li > .timeline-panel {
		/*        width: -webkit-calc(100% - 45px);*/
    }
    .yamm .dropdown-menu {
        margin-left: 0px;
    }
    .navbar-default .nav > li > a {
        font-size: 16px;
    }
    .navbar-nav.yamm>li>a {
        padding: 10px 5px;
    }
    #other-sites-dropdown a div {
        padding-top: 10px;
    }
    #link-search {
        height: 45px;
        padding: 0px 15px;
    }
    .link-other {
        line-height: 25px;
        font-size: 12px;
        margin-left: 10px;
        margin-right: 5px;
        font-weight: normal;
    }
    #bs-example-navbar-collapse-1.navbar-collapse {
        padding: 0px 15px;
    }
    #link-search {
        font-size: 13px;
        margin-left: 5px;
        line-height: 25px;
    }
    .showline {
        display: none;
        float: left;
        font-weight: bold;
    }
    #link-ask {
        line-height: 25px;
        font-size: 13px;
        margin-left: 0px;
        padding-left: 0px;
    }
    #bs-example-navbar-collapse-1 .dropdown {
        margin-right: 0px;
    }
    .link-other-arrow {
        height: 25px;
        padding: 0px 5px;
        line-height: 25px;
    }
    #bs-example-navbar-collapse-1.navbar-collapse {
        background-position: 0px -13px;
        height: 150px;
    }
    .search-area {
        margin-top: 86px;
    }
    .search-area > DIV > DIV {
        width: 95%;
        padding: 0px 20px;
    }
    #searchText {
        width: 100%;
        font-size: 13px;
        padding: 5px;
    }
    .search-area .btn-lg {
        padding: 10px 16px;
    }
    #myCarousel .right.carousel-control, #myCarousel .left.carousel-control {
        /* top:84%; */
		top:30%;
		font-size: 40px;
    }
	#myCarousel .right.carousel-control {
		margin-right: 5px;
	}
	#myCarousel .left.carousel-control {
		margin-left: 5px;
	}
    #myCarousel .fill {
        height: 400px;
    }
    #myCarousel.carousel,
    #myCarousel.item,
    #myCarousel.active,
    #myCarousel .carousel-inner,
    header {
        height: 390px;
    }
    #myCarousel .carousel-caption {
        /* bottom: 120px; */
    }
	
	/* AM change */
    /* section {
        padding: 30px 0px 30px 0px;
    } */
	
    #header-white h1 {
        font-size: 18px;
    }
    section h2.section-heading {
        font-size: 16px;
    }
    #tab-news li a {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .thumbnail-container {
        float: none;
        width: 1005;
        text-align: center;	
    }
    #members li img {
        height: 60px;
    }
    section#updates {
        padding-top: 40px;
    }
    #tab-updates a {
        font-size: 12px;
        padding: 5px 6px;
        font-weight: normal;
        margin: 0px;
        margin-right: 1px;
        margin-bottom: 2px;
        /* border: solid 2px #ffffff; */
        height: 30px;
        line-height: 30px;
    }
    #tab-updates li.active a {
        padding: 5px 6px;
    }
	/*============================ mozaic map ============================*/
    #updates .tab-pane>DIV>DIV {
        width: 100%;
    }
	/*============================ mozaic map ===========================*/
    #tab-comments li a {
        font-size: 13px;
    }
    .navbar-fixed-top .yamm .dropdown-menu {
        max-height: 350px;
    }
    #rspo-logo,
    inside #rspo-logo {
        width: 99px;
    }
    .detailed-people .modal-dialog,
    .detailed-people .modal-header {
        width: 320px;
        margin: 0px;
    }
    .profile-detail {
        padding: 0px !important;
    }
    .profile-detail p {
        font-size: 13px;
    }
    .profile-detail img {
        width: 100px !important;
        display: block !important;
        float: none !important;
        margin: auto !important;
        ;
    }
    .profile-detail h3 {
        margin-left: 0px !important;
        border: none;
        text-align: center;
        font-size: 16px;
    }
    .modal-body {
        padding-bottom: 15px;
        overflow-y: scroll;
    }
    #imageHeader .imageHeader-caption {
        width: 300px;
    }
    #imageHeader .imageHeader-caption h2 {
        font-size: 18px;
    }
    #imageHeader .imageHeader-caption p {
        font-size: 13px;
    }
	form[name="member_search"] .col-lg-4.col-md-4.col-sm-4.no-pad-left {
		width: 100%;
	}
	form[name="member_search"] .col-lg-2.col-md-2.col-sm-2 {
		width: 50%;
	}
	form[name="member_search"] #submit-button {
		border-radius: 0px !important;
	}
	.content-inner-search-members{
		max-height:none !important;
	}
	form[name="member_search"] .col-lg-8.col-md-8.col-sm-8.no-pad-left {
		width: 100% !important;
	}
	.contain-footer-left{
		width:100%;
	}
	.contain-footer-middle {
		width: 100%;
		margin-top: 20px !important;
	}
	.button-subcribe-footers-right {
		border-radius: 3px !important;
	}
    form#mailchimp_signup input.form-control {
        width: 100%;
    }
    .same_about_related{
		max-width: 100%;		
    }
    div#gallerySlider.contain-complaints-slide {
        /* height: 250px; */
        height: 280px;
    }
	.header-gallery-slider-how-we-work {
		padding-bottom: 0px;
		margin-right: -24px;
		margin-left: -24px;
	}
    #gallerySlider .left.carousel-control {
        margin-top: 0px;
        margin-left: -20px;
    }
    #gallerySlider .right.carousel-control {
        margin-top: 0px;
        margin-right: -20px;
    }
	#container-cari .col-lg-12 {
        padding-left:0px;
		padding-right:0px;
    }
	#container-cari .col-lg-12.col-md-12.col-sm-12 {
        padding-left:0px;
		padding-right:0px;
    }
    #container-cari .col-lg-7.col-md-7.col-sm-7 {
        width: 100%;
    }
    #container-cari .col-lg-3.col-md-3.col-sm-3 {
        width: 100%;
    }
	#container-cari .col-lg-2.col-md-2.col-sm-2 {
        width: 100% !important;
    }
    button#submit-button {
        border-radius: 0px !important;
    }
    .col-lg-4.col-md-4.col-sm-4.supply-chain-certificate-holders-1, .col-lg-4.col-md-4.col-sm-4.supply-chain-certificate-holders-2, .col-lg-4.col-md-4.col-sm-4.supply-chain-certificate-holders-3 {
        width: 100% !important;
    }	
    .col-lg-6.col-md-6.col-sm-6.text-center {
        width: 100%;
    }
    .tab-content-news .tab-pane{
        max-height: 100%;   
    }
    #container-cari .col-lg-10.col-md-10.col-sm-10 {
        width: 100%;
    }
    .id-stepcertification .col-lg-2.col-md-2.col-sm-2.text-left {
        width: 100%;
        padding-bottom: 0px !important;
    }	
    .col-lg-2.col-md-2.col-sm-2.text-left img {
        float: left;
        width: 30px;
        margin-right: 20px;
    }
    .id-stepcertification p {
        margin: 4px 0 0px 0;
    }
    #whoweare .nav-tabs>li {
        width: 100%;
    }
    div#myTabContent {
        max-height: 100% !important;
    }
    .col-lg-9.col-md-9.col-sm-9 {
        width: 100%;
    }
    h1.no-margin-top.pad-bottom-20 {
        height: 50px;
    }
    .section-no-title .container .row .col-lg-3.col-md-3.col-sm-3 {
        width: 100%;
    }
    /* #organization-people .col-lg-4.col-md-4.col-sm-4 {
        width: 50%;
        min-height: 215px !important;
    } */
    .newsevent-linkselect {
        width: 100% !important;
    }
    .col-lg-3.col-md-3.col-sm-3.col-xs-12.pull-right.contain-search-NEAT {
        width: 100%;
    }
	.contain-search-NEAT {
		margin-top: 20px;
	}
    .col-lg-3.col-md-3.col-sm-3.tab-head.contain-list-sidebar-NEAT {
        width: 100%;
    }
    .col-lg-6.col-md-6.col-sm-6.col-lg-offset-3.col-md-offset-3.col-sm-offset-3.newsevent-link {
        width: 100%;
    }
    .search-detail-news-events {
        width: 100% !important;
    }
    .wrap-events-detail.tab-body {
        width: 100%;
    }
    .col-lg-3.col-md-3.col-sm-4.tab-head {
        width: 100%;
    }
    .col-lg-9.col-md-9.col-sm-8.wrap-index-news.tab-body {
        width: 100%;
    }
    .related-news-column {
        width: 100%;
    }
    #orange_line_trademark > div {
        width: 100% !important;
        margin-top: -2px;
    }
    .tml-contact#orange_line_trademark {
        background-size: 60% !important;
    }
    .col-lg-6.col-md-6.col-sm-6.contain-trademark-middle {
        width: 100%;
    }
    .col-lg-6.col-md-6.col-sm-6.text-left {
        width: 100%;
    }
    .col-lg-12.col-md-12.col-sm-12 .col-lg-4.col-md-4.col-sm-4.pad-top-30 {
        width: 100%;
    }
    .presskit-img-contain {
        max-width: none;
        min-height: 0;
    }
    .col-lg-12.col-md-12.col-sm-12 .col-md-4.pad-top-30 {
        width: 100% !important;
    }
    .col-lg-6.col-md-6.col-sm-6.text-right.contain-left-about {
        width: 100%;
        text-align: center;
    }
    .col-lg-6.col-md-6.col-sm-6.text-left.content-style.contain-right-about {
        width: 100% !important;
    }
    #resultCarousel .fa {
        margin-top: 200px;
    }
    .staff-board-of-governors {
        max-width: none;
    }
    .row.front-photo-container.pad-board-of-governors .col-lg-3.col-md-3.col-sm-3 {
        width: 50%;
    }
    .row.front-photo-container.pad-alternate-members .col-lg-3.col-md-3.col-sm-3 {
        width: 50%;
    }
    .front-photo-container .col-lg-3.col-md-3.col-sm-3 {
        width: 50% !important;
    }
    .front-photo-container.pad-secretariat .col-lg-3.col-md-3.col-sm-3 {
        width: 50% !important;
    }
    a.dnload {
        float: right;
    }
    .contain400 {
        width: 100%;
    }
    #question .col-lg-8.col-md-8.col-sm-8.col-md-offset-2.col-sm-offset-2 {
        width: 100%;
    }
    #contact-address .pad-left-contact, .pad-middle-contact, .pad-right-contact {
        width: 100%;
        padding: 0px;
    }
    #certification-bodies-search .col-lg-4.col-md-4.col-sm-4 {
        width: 100%;
    }
    div#mapcontent {
        width: 270px !important;
    }
    #mapcontent .demo1{
        width: 270px !important;
    }
    #mapcontent #map_canvas{
        width: 270px !important;   
    }
    #productsearch .col-lg-6.col-md-6.col-sm-6 {
        width: 100%;
        padding: 0px;
    }
    #productsearch .col-lg-2.col-md-2.col-sm-2 {
        width: 100%;
        padding: 0px;
    }
    form#productsearch {
        height: 50px;
    }
    .col-lg-6.col-md-6.col-sm-6.trademark{
        width:100%;
    }
    .contain800 .col-lg-12.col-md-12.col-sm-12 ul {
        padding-left: 0px !important;
    }
    #resources .col-lg-12.col-md-12.col-sm-12 > div {
        width: 100%;
    }
    #activate-user .col-lg-6.col-md-6.col-sm-6 {
        width: 100%;
    }
    #members-prof .col-md-3.col-sm-3.col-xs-12.text-left {
        width: 100%;
    }
    .col-md-9.col-sm-9.col-xs-12.text-left.profile-subsidiary-prymary {
        width: 100%;
    }
    #tab-profile-member li.tab-profile {
        width: 100%;
        margin: 0px;
        padding: 10px;
    }
    .col-profile-password {
        width: 100% !important;
    }
    .col-profile-password-arrow{
        display: none !important;
    }
    .col3-profile {
        width: 100% !important;
        /* margin: 0px; */
        /* padding: 0px; */
        margin-right: 0px !important;
        float: left;
        margin-bottom: 10px;
    }
    .col6-profile {
        width: 100% !important;
    }
    .col-md-9.col-sm-9.col-xs-12.text-left.primary-subsidiary {
        width: 100%;
    }
    #acopreports .col-lg-3.col-md-3.col-sm-3 {
        /* width: 100%; */
        margin: 0 auto;
        float: none !important;
        text-align: center;
    }
    #related form[name=frmChart2] > div {
        width: 100%;
    }
}


/*
 * RESEARCH REQUEST FORM
 */
.row { position: relative; }

#research-request-form {
    background: #f2f2f2;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 31px;}

#research-request-form header { background: #fff; }

#research-request-form .row {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}
#research-request-form header + .row { padding-top: 20px; }

#research-request-form .row > div { padding: 0!important; }

#research-request-form h1 {
    background-color: #fff;
    padding-top: 34px;
    padding-bottom: 25px;
    margin-top: 0;
    margin-bottom: 0; }

#research-request-form label {
    font-size: 13px;
    width: 100%;
    margin-top: 15px; }
#research-request-form label span { font-weight: normal; }
#research-request-form label.categories {
    margin-top: 25px;
    margin-bottom: 10px; }

#research-request-form #project-duration .row { padding: 0!important; }

#research-request-form #project-duration label {
    font-weight: 400;
    line-height: 40px;
    padding: 0;
    margin: 0;
    float: left; }

#research-request-form [type="text"] {
    width: 100%;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px; }

#research-request-form textarea {
    width: 100%;
    min-height: 120px;
    padding-left: 10px;
    padding-right: 10px; }

#research-request-form [type="file"] {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}

#research-request-form .checkbox {
    min-height: 1px;
    margin-top: 0;
    margin-bottom: 10px;
    position: relative; }
#research-request-form .checkbox input[type="checkbox"] { width: 20px; height: 20px; opacity: 0; margin-top: 0; margin-left: 0; z-index: 2; cursor: pointer; }

#research-request-form .checkbox label {
    line-height: 20px;
    height:  20px;
    padding-left: 30px;
    margin-top: 0;
    position: relative;
    z-index: 1; }
#research-request-form .checkbox label:before {
    content: "";
    font-family: 'Glyphicons Halflings';
    text-align: center;
    line-height: 18px;
    background-color: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #b5b5b5;
    cursor: pointer; }
#research-request-form .checkbox input[type="checkbox"]:checked + label:before {
    content: "\e013";
    font-size: 10px;
    color: #fff;
    background-color: #fe9539;
    border: 0; }

#research-request-form .checkbox [type="text"] { margin-bottom: 3px; }

#research-request-form .btn-lg.btn-orange {
    width: 145px;
    margin-top: 30px;
    margin-bottom: 40px; }

.file-upload-wrapper { position: relative; }

#research-request-form  #file-upload button {
    outline: 0;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    background-color: #fff;
    height: 40px;
    float: right; }

.custom-file-upload-hidden {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -9999px;
}

.form-control[disabled] { background-color: #fff; opacity: 0.5; }

@media screen {
    #research-request-form { max-width: 100%; }
    
    .col-xs-left { width: 100%; float: none; }
    
    #research-request-form #project-duration .col-xs-left:first-child { margin-bottom: 10px; }
    
    #research-request-form #project-duration label {
        width: 70px;
        margin-left: 0;
        float: none;
        position: absolute;
        left: 0;
        top: 0; }
    
    #research-request-form #project-duration .input {
        width: 100%;
        padding-left: 80px!important;
        float: left; }
    
    #research-request-form  #file-upload input[type="text"] { float: left;  width: 80%; }
    #research-request-form  #file-upload button {
        padding: 0 10px;
        width: auto;
        position: absolute;
        right: 0;
        top: 0; }
}

@media screen and (min-width: 1024px) {
    #research-request-form { max-width: 800px; }
    
    .col-lg-left {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        float: left; }
    
    #research-request-form #project-duration .col-lg-left:last-child { margin-left: 50px; }
    
    #research-request-form #project-duration label {
        position: relative;
        width: auto;
        float: left; }
    
    #research-request-form #project-duration .input {
        width: auto;
        padding-left: 0!important;
        margin-left: 10px;
        float: left; }
    
    #research-request-form  #file-upload input[type="text"] { float: left;  width: 620px; }
    #research-request-form  #file-upload button {
        width: 100px;
        border-left-width: 0; }
}

.form-control { color: #43372c; }