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

@media only screen and (max-width: 1920px) {
	/* popup members status */
	.status-members-steps1 {
		padding-left: 15px!important;
	}
	/* popup members status */
	
	#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: auto;
		padding-top: 0px;
		bottom: 4%;
	}
	
	.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: 1700px) {
}

@media only screen and (max-width: 1560px) {
}

@media only screen and (max-width: 1500px) {
	#myCarousel.carousel, #myCarousel .item {
		height: 640px;
		width: 100%;
	}
	#myCarousel .carousel-inner {	
		height: 640px;
	}
	
	.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%;
		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) {
	/* popup members status */
	.status-members-steps1 {
		padding-left: 0px!important;
	}
	/* popup members status */
	
	#myCarousel.carousel, #myCarousel .item {
		height: 640px;
		width: 100%;
	}
	#myCarousel .carousel-inner {
		height: 640px;
	}
	
	#myCarousel .right.carousel-control, #myCarousel .left.carousel-control {
		top:85%;
		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) {
	/* am 29feb2016 */
	.yamm .yamm-content ul > li > ul > a li {
		/* font-size: 12px; */
	}
	.yamm .yamm-content ul > li > p a {
		line-height: 12px;
		font-size: 12px;
	}
	.yamm .yamm-content ul > li > ul > a > li {
		padding: 0px 0px 3px;
		/* line-height: 1.5; */
	}
	/* end am 29feb2016 */
	
	.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%;
	}

	.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:auto;
		bottom: 5%;
		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%;
	}

	.front-footer {
		padding: 50px 0px;
	}
	#why-an-updates .col-lg-6 {
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 1199px) {
	.under_1199_group{
		display:block!important;
	}
	.upper_1199_group{
		display:none!important;
	}
	
	/* navigation R3P1 */
	.homepage_events .homepage_events_content .homepage_events_content_title h2 a{
		line-height: 1.2;
	}
	.homepage_events,
	.homepage_announcements{
		padding-left: 20px;
		padding-right: 20px;
	}
	#type_nav_2 .dropdown-menu {
		box-shadow: none;
	}
	.homepage_events .homepage_events_content .homepage_events_date h2 {
		margin-top: -4px;
	}
	.homepage_events .homepage_events_content .homepage_events_date div {
		height: auto;
		max-width: 75px;
	}
	.slideshow_hompeage_header{
		padding-top:10px!important;
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	.slide_rspo_impacts ul li .col-sm-4{
		padding-right:10px;
	}
	.slide_rspo_impacts ul li .col-sm-4 div img{
		height:80px!important;
		width:80px!important;
	}
	.slide_rspo_impacts ul li{
		height: 120px;
	}
	.slide_rspo_impacts ul li .col-sm-4,
	.slide_rspo_impacts ul li .col-sm-8{
		height: 120px;
	}
	#tab-comments li .comments-tab-container_left .col-sm-10 a{
		font-size: 14px;
	}
	.list-comments li a {
		font-size: 12px;
	}
	#myTabContent #tab-call .col-sm-12,
	#myTabContent #tab-planting .col-sm-12,
	#myTabContent #tab-indicators .col-sm-12,
	#myTabContent #tab-principles .col-sm-12{
		padding-left:10px;
		padding-right:10px;
	}
	#tab-comments li .comments-tab-container_left .col-sm-10, #tab-comments li .comments-tab-container_left .col-sm-2 {
		padding-left: 10px;
	}
	.rspo_members_hp_left h2{
		padding:0px 15px 0px 0px;
	}
	.container-1080,
	.container-1200{
		width: 100%;
		max-width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
	.container-1200 .container-1080{
		padding-left:0px;
		padding-right:0px;
	}
	.NEAT_homepage_content{
		padding-left:0px!important;
		padding-right:0px!important;
	}
	.homepage_news{
		padding-left: 10px!important;
		padding-right: 10px!important;
	}
	.rspo_impacts_hp .container-1120{
		width:100%;
		max-width: 100%;
	}
	
	#type_nav_2 .navbar-nav > .open > a, 
	#type_nav_2 .navbar-nav > .active > a {
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		background: #fff url('../img/M-Icon-Dropdown-2.png') no-repeat right 20px center !important;
		color: #EE7813;
	}
	#type_nav_2 .navbar-nav .dropdown .dropdown-toggle {
		background: #fff url('../img/M-Icon-Dropdown-1.png') no-repeat right 20px center;
	}
	
	#type_nav_2 .navbar-header .navbar-toggle:hover, 
	#type_nav_2 .navbar-header .navbar-toggle:focus {
		background-color: #fff;
	}
	#type_nav_2 .navbar-header .navbar-toggle:hover div,
	#type_nav_2 .navbar-header .navbar-toggle:focus div{
		color: #ee7813;
	}
	#type_nav_2 .navbar-header .navbar-toggle:hover .icon-bar,
	#type_nav_2 .navbar-header .navbar-toggle:focus .icon-bar{
		background-color: #ee7813;
	}
	
	.navbar-collapse {
		border-color: #fff !important;
	}
	.container_nav {
		height: 70px;
	}
	
	#type_nav_1 #rspo-logo, #type_nav_1 {
		min-height: 30px;
	}
	#type_nav_1 .navbar-header .h2_1199{
		padding: 0px;
		line-height: 28px;
		text-transform: none;
		font-size: 12px;
		color: #fff;
		font-family: Open Sans;
		font-weight: unset;
	}
	
	#type_nav_2 {
		height: 40px;
		max-height: 40px;
		min-height: 40px;
		margin-top: 30px;
	}
	#type_nav_2 .navbar-header{
		height: 40px;
		min-height: 40px;
		max-height: 40px;
	}
	#type_nav_2 .navbar-header .h2_1199{
		padding: 0px;
		line-height: 38px;
		font-size: 25px;
		width: 75px;
		color: #fff;
		font-style: italic;
	}
	#type_nav_2 .navbar-header .navbar-toggle{
		float: left;
		margin:0px;
		top: -40px;
		border:none;
		border-radius:0px;
		padding:7px 9px;
		left: 75px;
		border-left: 1px solid #FF8C29;
	}
	#type_nav_2 .navbar-header .navbar-toggle .icon-bar {
		display: block;
		width: 20px;
		height: 2px;
		border-radius: 0px;
		margin: 5px 0px 5px 53px;
	}
	#type_nav_2 .navbar-header .navbar-toggle div {
		font-size: 13px;
		font-family: Montserrat;
		font-weight: bold;
		color: rgb(255, 255, 255);
		line-height: 26px;
		float:left;
	}
	#type_nav_2 .navbar-header .login_nav_1199 {
		text-decoration: none;
		font-size: 13px;
		font-family: Montserrat;
		text-transform: uppercase;
		min-width: 55px;
		height: 40px;
		float: right;
		background: #252525;
		color: #fff;
		line-height: 39px;
		text-align: center;
		margin-top: -40px;
		cursor:pointer;
		padding: 0px 10px;
	}
	
	.pad_nav {
		width: 100%;
		margin: 0 auto;
	}
	#type_nav_1 .navbar_headernav1,
	#type_nav_2 .navbar_headernav2{
		padding-left:10px;
	}
	#type_nav_2 .navbar-nav{
		float: left !important;
		width: 100%;
	}
	#type_nav_2 #get_distance_search_box {
		min-height: 110px;
		float: left !important;
		width: 100%;
	}
	#type_nav_2 .left_nav2 {
		border-left: none;
		border-right: none;
	}
	#type_nav_2 .navbar-nav li a {
		border-left: 5px solid transparent;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#type_nav_2 .navbar-nav li a {
		color: #6E6E6E;
	}
	#content_search_animate {
		min-width: 100%!important;
		width: 100%!important;
		margin: 0px auto;
		left: 0px;
		right: 0px !important;
		overflow: hidden;
		float: left;
		margin-right: 0px;
	}
	.sb-search {
		float: right !important;
		right: 0px !important;
		margin-top: 0px !important;
	}
	#type_nav_2 .left_nav1 li a {
		font-weight: normal!important;
		text-transform: none;
		letter-spacing: 0;
	}
	#type_nav_2 .left_nav1 li{
		border-bottom:none!important;
	}
	#type_nav_2 .left_nav1_1 li{
		border-bottom:none!important;
	}
	.sb-icon-search, .sb-search-submit {
		width: 50px;
		border-top:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
	}
	
	.navbar-collapse {
		padding-right: 0px!important;
		padding-left: 0px!important;
		overflow-x: visible;
		border-top: none;
		box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
	}
	.collapse.in {
		background-color: #fff;
		width: 100%;
		margin-top: -40px;
		float: left;
	}
	.content_out_by_am {
		width: 260px;
		height: 48px;
		z-index: 10;
		position: relative;
		float: right;
		margin-right: 48px;
		display: table;
		border-left: 1px solid #ebebeb;
		border-right: 1px solid #ebebeb;
		padding: 0px 0px 0px 20px;
		background: #ee7813;
	}
	.content_in_1l {
		width: 50%;
		height: 19px;
		display: table-cell;
		vertical-align: middle;
		cursor: pointer;
	}
	.content_in_2l {
		padding-left: 30px;
		background: url(../img/Button-Radio.png) no-repeat;
		height: 21px;
		background-position: 0px 0px;
		font-weight: bold;
	}
	.content_in_2l_active {
		padding-left: 30px;
		background: url(../img/Button-Radio.png) no-repeat;
		height: 21px;
		background-position: 0px -21px;
		font-weight: bold;
	}
	.navbar-nav>li {
		float: left;
		width: 100%;
		border-bottom: 1px solid #cccccc;
	}
	.search-container-by-am .sb-search-input {
		padding: 6px 330px 6px 20px;
	}
	.glyphicon-search {
		position: relative;
		top: 1px;
		display: inline-block;
		font-family: "Glyphicons Halflings";
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		padding: 0pxpx !important;
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		transform:rotate(90deg);
	}
	/* navigation R3P1 */
}
	
@media only screen and (max-width: 1199px) {
	/* please don't write css in this resolution' */
	/* am 21april2016 navigation */
	.content_search_animate .input-group {
		width: 180px;
		height: 58px;
	}
	.search_animate_by_am_trigger {
		max-width: 180px;
	}
	
	#content_search_animate{
		right:0px!important;
	}
	
	.nav-beta-label {
		left: auto;
		display: block;
		right: 53px;
	}
	.nav-beta-label {
		left: auto;
		display: none;
		right: 53px;
	}
	.for-responsive-label{
		display:unset;
		z-index: 1;
	}
	
	#content_search_animate{
		margin-right: 0px;
		padding-left: 0px;
		max-width: 100%;
		width:100%;
	}
	.sb-search {
		width: 100%;
	}
	.search_animate_by_am_trigger .dropdown-menu > li:nth-child(1) a {
		border-bottom: 1px solid #f5f5f5;
		padding: 18px;
	}
	
	.yamm .yamm-content ul > li > p a {
		line-height: 15px;
		font-size: 14px;
	}
	.yamm .yamm-content ul > li > ul > a > li {
		line-height: 1.75;
		font-size: 14px;
	}
	.logout-responsive, .login-responsive{
		display:block;
	}
	.logout-responsive, .login-responsive{
		color: #fff;
		margin-right:40px;
		float: right; 
		padding-top: 20px;
		padding-right: 10px;
	}
	.navbar-toggle {
		margin-top: 13px;
		margin-bottom: 0px;
		/* margin-right: 20px; */
		margin-right: 0;
	}
	.navbar-default .navbar-toggle,
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:active {
		/* background-color: #FF7400 ; */
		color: #ffffff;
		border-color: transparent;
	}
	#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;
	}
	.navbar-nav.yamm>li>a {
		padding: 10px 20px;
	}
	.navbar-default .nav > li > .mainnav_type2 {
		background: transparent;
	}
	.navbar-default .nav .other_sites_responsive a{
		background: transparent;
	}
	.navbar-default .nav li .mainnav_type2 {
		padding: 15px 20px !important;
		margin: 0px;
	}
	.navbar-default .nav li .mainnav_type2:hover, .navbar-default .nav li .mainnav_type2:focus {
		background: #F79644 !important;
	}
	.navbar-default .nav .other_sites_responsive a:hover, .navbar-default .nav .other_sites_responsive a:focus {
		background: #F79644 !important;
	}
	.yamm .dropdown:nth-child(4) {
		border-left: none;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	#get_distance_search_box .login_responsive{
		display:none;
	}
	.navbar-default .nav > li > a {
		font-size: 14px;
		color: #fff;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 1px;
		background: #8c755e url("../img/chevron-down.png") no-repeat scroll 98.3% center;
		background-size: 15px 15px;
	}
	.content_search_animate {
		position: relative;
	}
	.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 98.3% 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 98.3% 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 98.3% 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 98.3% center;
		background-size: 15px 15px;
	}
	.navbar-nav > li > a {
		padding: 15px 20px;
	}
	.navbar-right> li > a{
		padding-top:15px;
		padding-bottom:15px;
	}
	.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;
	}
	#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);
	}
	#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;
	}
	.navbar-nav {
        margin: 0px;
        /* padding-top: 10px; */
    }
	#get_distance_search_box .other_sites_responsive{
		border-bottom:none;
		border-top: 1px solid #252525;
	}
	#get_distance_search_box{
		min-height: 350px;
	}
	/* am 21april2016 navigation */
}

@media only screen and (max-width: 1080px) {}

@media only screen and (max-width: 1065px) {
	/* am add 3mar2016 */
	.list-unstyled, .list-unstyled ul {
		min-width: 230px;
	}
	/* end am add 3mar2016 */
}

@media only screen and (max-width: 1024px) {
	/* am 29feb2016 */
	.list-unstyled, .list-unstyled ul {
		min-width: 207px;
	}
	/* end am 29feb2016 */
	
	/* am 17feb2016 */
	form[name="member_search_report"] .col-lg-8.col-md-8.col-sm-8 {
		width: 100%;
	}
	form[name="member_search_report"] .col-lg-2.col-md-2.col-sm-2 {
		width: 80%;
	}
	form[name="member_search_report"] .col-lg-2.col-md-2.col-sm-2.no-pad-right {
		width: 20%!important;
	}
	/* end am 17feb2016 */
	
	/* am 18feb2016 */
	.container-smallholder-commitment-in-impacts {
		width: 100%;
	}
	/* end am 18feb2016 */
	
	/* .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%}
	
	/* member login popup */
	.popup-status-member{
		background-size: 80% 2px;
	}
	/* member login popup */
	
	.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;
      }
      #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;
      }
      .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:100%;
      }

      .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:auto;
			bottom: 8%;
			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 ================================ */
   
    /* =========================== 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: 1000px) {
	.container-NEAT-content .contain-in  .for-show-in-news .col-lg-6,
	.container-NEAT-content .contain-in .for-show-in-news .col-md-6,
	.container-NEAT-content .contain-in .for-show-in-news .col-sm-6{
		width: 33.333%;
	}
	.container-NEAT-content .contain-in  .for-show-in-news .col-sm-4,
	.container-NEAT-content .contain-in  .for-show-in-news .col-lg-4{
		width: 33.333%;
		padding-left:0px;
		padding-right:0px;
	}
	.container-NEAT-content .contain-in  .for-show-in-news .col-sm-4 .singlefile,
	.container-NEAT-content .contain-in  .for-show-in-news .col-lg-4 .singlefile{
		width: 100% !important;
	}
	.container-NEAT-content .contain-in  .for-show-in-news .col-lg-2,
	.container-NEAT-content .contain-in .for-show-in-news .col-md-2,
	.container-NEAT-content .contain-in .for-show-in-news .col-sm-2{
		width: 33.333%;
	}
}

@media only screen and (max-width: 987px) {}

@media only screen and (max-width: 980px) {
	/* navigation R3P1 */
	.homepage_news {
		min-height: 752px;
		max-height: 752px;
		overflow: hidden;
	}
	.homepage_news{
		width: 100%!important;
		padding-right: 0px;
	}
	.homepage_news .homepage_news_content {
		height: 200px;
	}
	.homepage_news .homepage_news_img div, 
	.homepage_news .homepage_news_content .homepage_news_img_ext {
		height: 200px;
	}
	.homepage_events_announcements{
		width: 100%!important;
		padding-top: 26px;
	}
	.homepage_events_announcements .homepage_events,
	.homepage_events_announcements .homepage_announcements{
		width: 50%!important;
		padding-left: 10px;
		padding-right: 10px;
	}
	.homepage_announcements {
		min-height: 360px;
		max-height: 360px;
	}
	.rspo_members_hp_left h2 {
		text-align: left;
	}
	.rspo_members_hp_left{
		width: 50%!important;
	}
	.rspo_members_hp_right {
		width: 50%!important;
	}
	#tab-comments li a {
		padding: 10px 0px;
	}
	/* navigation R3P1 */
	
	.for-responsive-label{
		display:unset;
	}
	
	/* am 29feb2016 */
	#btn-login {
		padding-right: 10px;
		padding-left: 10px;
	}
	.list-unstyled, .list-unstyled ul {
		min-width: 170px;
	}
	/* end am 29feb2016 */
	
	.contain300 {
		width: 50%;
		margin: 0 auto;
	}
	
	.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%;
	}
	
	.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: 979px) {
	.comment_and_consultations_hp .tab-head, 
	.comment_and_consultations_hp .tab-body{
		width:100%;
	}
}

@media only screen and (max-width: 900px) {
	/* navigation R3P1 */
	.front-footer .col-sm-5 .newsletter .email_address {
		border-right: 1px solid #959595!important;
		width: 100%!important;
	}
	.front-footer .col-sm-5 .newsletter #mc_button {
		width: 100%!important;
	}
	.front-footer .col-sm-5{
		padding-left:10px;
	}
	.front-footer .front_footer_nav_left{
		padding-right:10px;
	}
	.front-footer .front_footer_nav_center{
		padding-left:0px;
		padding-right:0px;
	}
	.front-footer .front_footer_nav_right{
		padding-left:10px;
	}
	/* navigation R3P1 */
	
	.container-NEAT-content .contain-in  .for-show-in-news .col-lg-6,
	.container-NEAT-content .contain-in .for-show-in-news .col-md-6,
	.container-NEAT-content .contain-in .for-show-in-news .col-sm-6{
		width: 100%;
	}
	.container-NEAT-content .contain-in  .for-show-in-news .col-sm-4,
	.container-NEAT-content .contain-in  .for-show-in-news .col-lg-4{
		width: 65%;
	}
	.container-NEAT-content .contain-in  .for-show-in-news .col-lg-2,
	.container-NEAT-content .contain-in .for-show-in-news .col-md-2,
	.container-NEAT-content .contain-in .for-show-in-news .col-sm-2{
		width: 35%;
	}
	
	/* am 29feb2016 */
	/* .yamm .yamm-content {
		height: 90vh;
	}
	.yamm .yamm-content:hover {
		overflow-y: auto;
	}
	.navbar-right .yamm-content{
		height: auto;
	}
	.navbar-right .yamm-content:hover{
		overflow-y: hidden;
	} */
	/* end am 29feb2016 */
	
	/* am 17feb2016 */
	.search-detail-news-events{
		width:100%!important;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.search-detail-news-events .searchbox {
		border: 1px solid #ddd !important;
	}
	.newsevent-link{
		padding-left: 0px;
		width:100%!important;
		margin-left: 0px;
	}
	.contain-search-NEAT {
		width:100%!important;
	}
	.newsevent-linkselect .btn-success,
	.newsevent-linkselect .btn-default{
		border:1px solid #ccc;
	}
	.newsevent-linkselect .btn-success:hover,
	.newsevent-linkselect .btn-default:hover,
	.newsevent-linkselect .btn-success:active,
	.newsevent-linkselect .btn-default:active,
	.newsevent-linkselect .btn-success:focus,
	.newsevent-linkselect .btn-default:focus{
		border:1px solid #ccc;
	}
	.newsevent-link .linknews-wrapper{
		width:100%!important;
	}
	.newsevent-link .linknews-wrapper ul{
		text-align: left;
	}
	.newsevent-link .linknews-wrapper ul li:first-child a{
		padding-left: 0px;
	}
	.newsevent-link ul li a {
		padding: 10px 15px;
	}
	.searchbox {
		width: 100%!important;
		border: 1px solid #ddd!important;
		border-bottom: none!important;
	}
	.newsevent-link .linknews-wrapper .right-down {
		margin-left: 0px;
	}
	/* end am 17feb2016 */
	
	/* am 18feb2016 */
	.container-smallholder-commitment-in-impacts {
		width: 60%;
	}
	.container-smallholder-commitment-in-impacts .container-impacts-left, 
	.container-smallholder-commitment-in-impacts .container-impacts-right{
		width: 100%;
	}
	/* end am 18feb2016 */
	
	/* am 19feb2016 */
	.btn {
		display: inline-block;
		padding: 6px 5px 6px 12px;
		line-height: 2.0;
	}
	/* end am 19feb2016 */
	
	#btn-login {	
		padding-right: 5px;
	}
	
	/* modal popup login */
	.modal-dialog-alert-message {
		width: 44%;
		max-width: 100%;
	}
	/* modal popup login */
	
	.contain-redirect {
		width: 57%;
	}

	#activate-user .col-lg-6.col-md-6.col-sm-6 {
		width: 100%;
	}
	
	.img-resources {
		height: 180px;
	}

	.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: 899px) {
	/* am 19feb2016 */
	.btn {
		display: inline-block;
		padding: 6px 5px 6px 12px;
	}
	.navbar-toggle {
		margin-right: 0;
	}
	.navbar-header{
		height:58px;
	}
	/* end am 19feb2016 */
	
	/* navigation R3P1 */
	.collapse.in {
		margin-top: 0px;
	}
	/* navigation R3P1 */
}

@media only screen and (max-width: 899px) {
	/* am 18feb2015 */
	.container-impacts-right{
		padding:0px;
	}
	.container-impacts-left{
		padding:0px;
	}
	/* end am 18feb2015 */
	
	.status-members-steps1{
		width: 22% !important;
	}
	.status-members-steps2{
		width: 23% !important;
	}
	.status-members-steps3{
		width: 30% !important;
	}
	.status-members-steps4{
		width: 25% !important;
	}
	
	.status-members-steps1-login-page{
		width: 22%!important;
	}
	.status-members-steps2-login-page{
		width: 23%!important;
	}
	.status-members-steps3-login-page{
		width: 30%!important;
	}
	.status-members-steps4-login-page{
		width: 25%!important;
	}
	
	
	.modal-dialog-alert-message {
		width: 47%;
		max-width: 100%;
	}
	/* modal popup login */
	
	.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;
	}
	
	
	
	
	
	
	
	.reponsive-search-text{
		display:inherit;
		width: 96%;
		float: right;
	}

	/* .responsive-in{
		display:none!important;
       } */

       

      .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;
      }

      .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-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;
      }
      .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;
      }
      .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;
  }
  .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;
  }
  
	/* .pad-navigation{
		padding-left:2%; 
		padding-right:3%;
       } */
       
	
	.why-join-rspo-container{
		padding-top:0px; 
		padding-bottom:36.4px; 
		min-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;
}


/* ============================= 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-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;
        }

        

      .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.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%;
       } */

      #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 ======================= */
    .tab-comments-container {
        border-left: 0px;
    }
    .comments-tab-container .tab-head {
		padding-left: 0px;
		padding-right: 0px;
	}
	#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: 860px) {
	/* am 14april2016 */
	#myCarousel .left.carousel-control, 
	#myCarousel .right.carousel-control {
		display: none;
	}
	header .carousel-inner .item .carousel-caption h2{
		padding-top:10px;
		padding-bottom:5px;
	}
	#myCarousel .carousel, 
	#myCarousel .item, 
	#myCarousel .active,
	#myCarousel .carousel-inner, header {
		height: 400px;
	}
	#myCarousel .carousel, 
	#myCarousel .item {
		height: 400px;
		width: 100%;
	}
	/* end am 14april2016 */
}
  
@media only screen and (max-width: 800px) {
	/* navigation R3P1 */
	.container_socmed_facebook .container_socmed_facebook_header,
	.container_socmed_twitter .container_socmed_twitter_header{
		padding: 0px 10px;
	}
	/* navigation R3P1 */
	
	.nav-beta-label {
		display: none;
	}
	.for-responsive-label{
		display:unset;
		z-index: 1;
	}
	
	/* am add research request form */
	.container-research-request-form{
		padding-left:30px;
		padding-right:30px;
	}
	
	#research-request-form {
		margin-bottom: 0px!important;
	}
	/* end am add research request form */
	
	.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;
	}

      .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;
      }
      .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-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;
      }
      .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;
      }
      .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;
  }
  .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);
  }
	
      .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;
	}
	
	.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;
}
#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.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 ======================= */
    .tab-comments-container {
        border-left: 0px;
    }
    .comments-tab-container .tab-head {
		padding-left: 0px;
		padding-right: 0px;
	}
	#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: 770px) {
	/* navigation R3P1 */
	.container_socmed_facebook .container_socmed_facebook_header .container_socmed_facebook_header_left,
	.container_socmed_twitter .container_socmed_twitter_header .container_socmed_facebook_header_left{
		width:100%;
	}
	.container_socmed_facebook .container_socmed_facebook_header .container_socmed_facebook_header_right,
	.container_socmed_twitter .container_socmed_twitter_header .container_socmed_facebook_header_right{
		display:none
	}
	/* navigation R3P1 */
	
	/* am 14april2016 */
	#myCarousel .carousel, 
	#myCarousel .item, 
	#myCarousel .active,
	#myCarousel .carousel-inner, header {
		height: 360px;
	}
	#myCarousel .carousel, 
	#myCarousel .item {
		height: 360px;
		width: 100%;
	}
	/* end am 14april2016 */
}

@media only screen and (max-width: 768px) {
	/* navigation R3P1 */
	.container_socmed_facebook .container_socmed_facebook_content, .container_socmed_twitter .container_socmed_twitter_content,
	.container_socmed_facebook .container_socmed_facebook_content, .container_socmed_twitter .container_socmed_twitter_content{
		height: 360px;
		max-height: 360px;
	}
	/* navigation R3P1 */
	
	.for-responsive-label{
		display:unset;
	}
  
	.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: 58px;
      }

      .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-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;
      }
      .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;
      }
      .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;
  }

  .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);
  }
      .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;
	}
	
	.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;
	}
	#inside #myCarousel .fill{
		height: 657px;
	}
	#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.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 ======================= */
    .tab-comments-container {
        border-left: 0px;
    }
    .comments-tab-container .tab-head {
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
	}
	#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;
      }

      .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-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;
      }
      .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;
      }
      .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;
  }

  .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);
  }
      .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;
	}
	
	.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;
	} */
#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.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;
	}
	#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: 699px) {
	/* navigation R3P1 */
	.slide_rspo_impacts ul li .col-sm-4{
		text-align:right;
		padding-right:20px;
	}
	/* navigation R3P1 */
	
	/* am 14april2016 */
	#myCarousel .carousel, 
	#myCarousel .item, 
	#myCarousel .active,
	#myCarousel .carousel-inner, header {
		height: 310px;
	}
	#myCarousel .carousel, 
	#myCarousel .item {
		height: 310px;
		width: 100%;
	}
	/* end am 14april2016 */
}

@media only screen and (max-width: 640px) {
	/* navigation R3P1 */
	#carousel_header_homepage .carousel-indicators {
		width: 92%;
	}
	.homepage_events,
	.homepage_announcements{
		min-height: auto;
		max-height: 100%;
	}
	.container_socmed_facebook{
		width:100%;
		padding-right:0px;
		padding-bottom:30px;
	}
	.container_socmed_twitter{
		width:100%;
		padding-left:0px;
	}
	.front-footer .col-sm-7{
		display:none;
	}
	.front-footer .col-sm-5{
		width:100%;
		padding-left:0px;
	}
	.front-footer .col-sm-5 .newsletter .your_name {
		width:100%!important;
	}
	.homepage_events_announcements .homepage_events, 
	.homepage_events_announcements .homepage_announcements {
		width: 100%!important;
	}
	/* navigation R3P1 */
	
	/* am 23feb2016 */
	#myCarousel .right.carousel-control, #myCarousel .left.carousel-control {
		font-size: 40px;
		display: none;
    }
    #front #rspo-logo,
    #inside #rspo-logo {
		margin-left: 19px;
        width: 99px;
    }
	/* end am 23feb2016 */
	
	/* am 19feb2016 */
	.recaptchatable .recaptcha_image_cell, 
	#recaptcha_image, 
	#recaptcha_challenge_image,
	#recaptcha_response_field{
		width: 100% !important;
	}
	.filter-distributors-license-holders{
		width: 100%;
	}
	/* end am 19feb2016 */
	
	/* am 18feb2016 */
	.container-smallholder-commitment-in-impacts {
		width: 70%;
	}
	.timeline::before {
		margin-left: 50%;
	}
	.timeline > li > .timeline-badge {
		display: none;
	}
	.timeline > li > .timeline-panel::before {
		display: none;
	}
	.timeline > li {
		background-color: #e7e7e7;
	}
	.timeline-title {
		text-align: left;
	}
	.timeline > li.timeline-inverted > .timeline-panel {
		float: left;
	}
	.timeline > li > .timeline-panel::after {
		display: none;
	}
	/* end am 18feb2016 */
	
	/* am 17feb2016 */
	.content-right-feb16{
		width:100%;
	}
	.content-right-feb16 .acop-reporting{
		margin:0px;
	}
	.contain-acop {
		max-width: 100%;
		width: 100%;
	}
	#chart2 div:dir(ltr){
		width:auto!important;
	}
	.acop-report-for{
		width:100%;
	}
	#acopreports .col-sm-9{
		width: 100%;
	}
	#acopreports .col-sm-3{
		width: 100%;
	}
	#acopreports .col-sm-3 .reports-left{
		margin-left: 0px;
		width: 100%;
	}
	.newsevent-link{
		padding-right:0px;
	}
	.newsevent-link .linknews-wrapper .right-down {
		border-left: 0px none;
		margin-left: 0px;
		padding-left: 0px;
		width: 100%;
		margin-top: 10px;
	}
	.newsevent-link .linknews-wrapper .right-down .newsevent-linkselect{
		width: 100%!important;
	}
	/* end am 17feb2016 */
	
	/* NI */
	.tabs-left > .nav-tabs {
		width:200px
	}
	/* end NI */
	
	/* modal popup login */
	.modal-dialog-alert-message {
		width: 65%;
		max-width: 100%;
	}
	/* modal popup login */

  .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;
      }

      .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;
      }

      #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-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;
      }
      .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;
      }
      .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;
      }
      /* =============================== N/E/A/T ============================ */

      /* ============================ slideshow homepage ===================================*/
      #myCarousel .left.carousel-control,#myCarousel .right.carousel-control  {
          top:85%;
          padding-top: 0px;
      }
      .carousel-caption, .carousel-caption p {
          font-size: 12px;
          margin-bottom: 10px;
      }
      /* ============================ 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) {
	.container {
		max-width: 94.5% !important;
		width: 94.5% !important;
	}
	.pod_container .container{
		width:100%!important;
		max-width:100%!important;
		padding-left: 0px;
		padding-right: 0px;
	}
	.pod_container .mosaic-news{
		padding: 0px;
	}
	.contain-mozaic-pod-homepage{
		width:100%!important;
		max-width:100%!important;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
		margin-right: 0px;	
	}
	
	/* am 18feb2016 */
	.container-smallholder-commitment-in-impacts {
		width: 80%;
	}
	/* end am 18feb2016 */

	#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;
	} */


	#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-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;
      }
      .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;
      }
      /* ============= 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;
      }
      .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;
      }
      /* =============================== N/E/A/T ============================ */

      /* ============================ slideshow homepage ===================================*/
		#myCarousel .left.carousel-control, #myCarousel .right.carousel-control {
			padding-top: 0px;
		}
		.carousel-caption, .carousel-caption p {
			font-size: 12px;
			margin-bottom: 10px;
		}
      /* ============================ 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: 599px) {	
	/* am 14april2016 */
	#myCarousel .carousel, 
	#myCarousel .item, 
	#myCarousel .active,
	#myCarousel .carousel-inner, header {
		height: 270px;
	}
	#myCarousel .carousel, 
	#myCarousel .item {
		height: 270px;
		width: 100%;
	}
	/* end am 14april2016 */
}

@media only screen and (max-width: 540px) {	
	/* navigation R3P1 */
	#tab-comments li a {
		padding: 5px  0px;
	}
	#tab-comments li .comments-tab-container_left .col-sm-10, #tab-comments li .comments-tab-container_left .col-sm-2 {
		padding-left: 10px !important;
		width: 100%;
		padding-right: 10px;
	}
	#tab-comments li .comments-tab-container_left .col-sm-2 a {
		text-align: left;
		display: inline-block;
		width: 70px;
	}
	#tab-comments li .comments-tab-container_left .col-sm-10, 
	#tab-comments li .comments-tab-container_left .col-sm-2 {
		height: 25px;
	}
	.comment_and_consultations_hp .contain500{
		width:100%;
	}
	#carousel_header_homepage .carousel-caption,
	#carousel_header_homepage .carousel-caption h2,
	#carousel_header_homepage .carousel-caption h1,
	#carousel_header_homepage .carousel-caption .caption_s_desc{
		width: 90%;
	}
	#carousel_header_homepage .left {
		background: url('../img/Button-PrevSlideshow.png') no-repeat left 10px center;
	}
	#carousel_header_homepage .right {
		background: url('../img/Button-NextSlideshow.png') no-repeat right 10px center;
	}
	.carousel-control {
		width: 10%;
	}
	.rspo_members_hp_left h2 {
		font-size: 18px;
	}
	.sb-search {
		min-width: 94px;
		height: 94px;
	}
	#type_nav_1 .search-container-by-am .sb-icon-search, .sb-search-submit {
		height: 47px;
	}
	#type_nav_1 .search-container-by-am .sb-icon-search, .sb-search-submit,
	.sb-icon-search{
		top: 47px;
	}
	.sb-icon-search, .sb-search-submit {
		border-top: 1px solid #ee7813;
		border-bottom: 1px solid #ddd;
		border-left: 1px solid #ddd;
	}
	.search-container-by-am .sb-search-input {
		margin-top: 47px;
		border-top: 1px solid #ebebeb !important;
	}
	.search-container-by-am .sb-search-input {
		padding: 6px 60px 6px 20px;
	}
	/* navigation R3P1 */
	
	.col-lg-6.col-md-6.col-sm-6.text-left.no-pad-right{
        width: 100%;
    }
	.container-NEAT-content .contain-in  .for-show-in-news .col-lg-6,
	.container-NEAT-content .contain-in .for-show-in-news .col-md-6,
	.container-NEAT-content .contain-in .for-show-in-news .col-sm-6{
		width: 100%;
	}
	.container-NEAT-content .contain-in  .for-show-in-news .col-sm-4,
	.container-NEAT-content .contain-in  .for-show-in-news .col-lg-4{
		width: 65%;
	}
	.container-NEAT-content .contain-in  .for-show-in-news .col-lg-2,
	.container-NEAT-content .contain-in .for-show-in-news .col-md-2,
	.container-NEAT-content .contain-in .for-show-in-news .col-sm-2{
		width: 35%;
	}
	
	/* 27april2016 */
	#frmSearch{
		height: 116px;
		background: #fff;
	}
	.content_out_by_am {
		width: 100%;
		border: none;
		margin: 0px auto;
	}
	.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
		margin-top: 58px;
		border-top: 1px solid #ebebeb;
		border-left: 1px solid #ebebeb;
	}
	.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {
		margin-top: 58px;
	}
	/* 27april2016 */
}

@media only screen and (max-width: 539px) {	
	a.more-aktif {
		background: url(../img/chevron-top.png) 10px 6px no-repeat #ed7b1c !important;
	}
	#morebtn:hover {
		background: #F79644 url(../img/chevron-down.png) 10px 6px no-repeat;
	}
	.blocking-more a {
		padding-left: 35px !important;
	}
	.caption-video {
		height: 125px!important;
	}
	
	/* am 14april2016 */
	#myCarousel .carousel, 
	#myCarousel .item, 
	#myCarousel .active,
	#myCarousel .carousel-inner, header {
		height: 220px;
	}
	#myCarousel .carousel, 
	#myCarousel .item {
		height: 220px;
		width: 100%;
	}
	header .carousel-inner .item .carousel-caption h2 {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#myCarousel .carousel-caption h2 {
		font-size: 14px;
	}
	/* end am 14april2016 */
}

@media only screen and (max-width: 480px) {	
	.container {
		max-width: 94.5% !important;
		width: 94.5% !important;
	}	
	.contain-mozaic-pod-homepage{
		width:100%!important;
		max-width:100%!important;	
	}
	
	/* navigation R3P1 */
	#carousel_header_homepage .carousel-caption, 
	#carousel_header_homepage .carousel-caption h2, 
	#carousel_header_homepage .carousel-caption h1, 
	#carousel_header_homepage .carousel-caption .caption_s_desc {
		width: 97%;
	}
	#carousel_header_homepage .carousel-caption {
		left: 10px;
		right: 10px;
	}
	#carousel_header_homepage .carousel-indicators {
		left: 10px;
	}
	#carousel_header_homepage .left {
		background: transparent;
	}
	#carousel_header_homepage .right {
		background: transparent;
	}
	#carousel_header_homepage .carousel-caption h1 {
		font-size: 24px;
	}
	#carousel_header_homepage .carousel-caption h2,
	#carousel_header_homepage .carousel-caption .caption_s_desc p{
		font-size:12px;
	}
	/* navigation R3P1 */
	
	/* am 23feb2016 */
	.comments-tab-container .tab-head {
		width: 100%;
	}
	.comments-tab-container .tab-body {
		width: 100%;
	}
	#tab-comments li {
		border-right: none;
	}
	/* end am 23feb2016 */
	
	/* am 19feb2016 */
	.filter-distributors-license-holders,
	.filter-distributors-license-holders .col-sm-3{
		width: 100%;
	}
	/* end am 19feb2016 */
	
	/* am 18feb2016 */
	.container-smallholder-commitment-in-impacts {
		width: 100%;
		min-height: 160px;
	}
	#bigger-stats {
		margin-top: 0px;
	}
	/* end am 18feb2016 */
	
	/* am 17feb2016 */
	.newsevent-link ul li a {
		padding: 10px 7px;
	}
	.filter-view-page-NEAT {
		margin-left:0px;
		margin-right:0px;
	}
	.result-filter-view-NEAT{ 
		margin-right:0px; 
		margin-left:0px;
	}
	.event-location {
		margin-left: 0px;
		margin-right: 0px;
	}
	.event-location span {
		padding-left: 0px;
		padding-right: 0px;
	}
	.contain-event-category-articles{
		width:100%; 
	}
	form[name="member_search_report"] .col-lg-8.col-md-8.col-sm-8, 
	form[name="member_search_report"] .col-lg-2.col-md-2.col-sm-2{
		width: 100%;
		padding-right: 1px!important;
	}
	form[name="member_search_report"] .col-lg-2.col-md-2.col-sm-2.no-pad-right {
		width: 100%!important;
	}
	form[name="member_search"] .col-lg-2.col-md-2.col-sm-2 {
		width: 100%;
	}
	/* end am 17feb2016 */
	
	/* NI */
	.tabs-left > .nav-tabs {
		width:100%;
	}
	.inner-scroll {
		padding-left:20px;
	}
	.tabs-left > .nav-tabs {
		padding: 26px 30px 26px 30px;
	}
	.tabs-left > .nav-tabs > li {
		float: left;
		width: 47%;
		padding-right: 3%;
	}
	.tab-content-scroll::after {
		right: 0px;
	}
	.tabs-left > .tab-content, .tabs-left > .nav-tabs {
		height: auto;
		max-height: auto;
	}
	.inner-scroll {
		height: 260px;
		max-height: 260px;
	}
	/* end NI */
	
	/* modal popup login */
	.modal-dialog-alert-message {
		width: 75%;
		max-width: 100%;
	}
	/* modal popup login */
	
	.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;
      }

      .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;
       } */


      #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;
      }

      .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;
      }
      /* AM */

      .map-footer-img{
          /* width:1000%; */
          width:70%;
          height:auto;
      }
    /* .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;
        }
        #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;
    }
    /* #front header {
        height: 400px;
    } */
    #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 .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"] #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;
		  padding-left: 0px;
      }
      .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%;
        }
        .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;
        }
      .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%;
    }

	/* gd 28 June 2016 */
	.etrace-logo-area{
		position: relative;
		margin: auto;
		margin-bottom: 20px;
		float: none;
	}
	/* end gd 28 June 2016 */
}

@media only screen and (max-width: 420px) {
	/* navigation R3P1 */
	#carousel_header_homepage .carousel-caption .caption_s_desc {
		padding:10px;
	}
	.slide_rspo_impacts .pager {
		padding: 0px 40px;
	}
	#carousel_header_homepage .carousel-inner .item{
		height: 300px!important;
	}
	.container_socmed_facebook .container_socmed_facebook_content, .container_socmed_twitter .container_socmed_twitter_content, .container_socmed_facebook .container_socmed_facebook_content, .container_socmed_twitter .container_socmed_twitter_content {
		height: 200px;
		max-height: 200px;
	}
	.homepage_events .homepage_events_content .homepage_events_date h2 {
		margin-top: -4px;
	}
	.homepage_events .homepage_events_content .homepage_events_content_title h2 {
		margin-top: -2px;
	}
	.homepage_news .homepage_news_img {
		width: 100%;
	}
	.homepage_news .homepage_news_desc {
		width: 100%;
		padding-left: 0px;
		padding-top: 20px;
	}
	.homepage_news .homepage_news_content {
		height: auto;
		border-bottom: 1px solid #ddd;
		padding-bottom: 26px;
	}
	.homepage_news .homepage_news_content:last-child{
		border-bottom: none!important;
		margin-bottom: 0px;
	}
	.homepage_news {
		min-height: auto;
		max-height: 100%;
		overflow: hidden;
	}
	.rspo_members_hp .rspo_members_hp_right{
		display:none;
	}
	.rspo_members_hp .rspo_members_hp_left{
		width:100%!important;
		padding-right:0px;
	}
	.rspo_members_hp .rspo_members_hp_left h2 {
		text-align: center;
		padding-right:0px;
	}
	/* navigation R3P1 */
	
	/* 21april2016 */
	.search_animate_by_am_trigger .btn-am-custom {
		border-top: 1px solid #f5f5f5;
		padding: 18px 18px;
	}
	.content_search_animate .input-group {
		width: 100%;
		margin-top: 58px;
	}
	.search_animate_by_am_trigger {
		width: 100%;
		max-width: 100%;
	}
	#content_search_animate .btn-am-custom .caret {
		float: right;
		margin-top: 10px;
	}
	.search_animate_by_am_trigger .dropdown-menu {
		width: 100%;
		max-width: 100%;
	}
	/* 21april2016 */
	
	/* am 14april2016 */
	#myCarousel .carousel, 
	#myCarousel .item, 
	#myCarousel .active,
	#myCarousel .carousel-inner, header {
		height: 200px;
	}
	#myCarousel .carousel, 
	#myCarousel .item {
		height: 200px;
		width: 100%;
	}
	/* end am 14april2016 */

	/* gd 28 June 2016 */
	.etrace-logo-area{
		position: relative;
		margin: auto;
		margin-bottom: 20px;
		float: none;
	}
	/* end gd 28 June 2016 */
}

@media only screen and (max-width: 361px) {
	/* navigation R3P1 */
	.homepage_events .homepage_events_content .homepage_events_date div {
		border-right: 1px solid #acacac;
		height: auto;
	}
	.homepage_events_content .col-sm-9{
		padding-left:15px;
	}
	.slide_rspo_impacts ul li .col-sm-4 {
		padding-right: 5px;
	}
	#tab-comments li .comments-tab-container_left .col-sm-10 a {
		font-size: 12px;
	}
	/* navigation R3P1 */
	
	/* am 14april2016 */
	#myCarousel .carousel, 
	#myCarousel .item, 
	#myCarousel .active,
	#myCarousel .carousel-inner, header {
		height: 180px;
	}
	#myCarousel .carousel, 
	#myCarousel .item {
		height: 180px;
		width: 100%;
	}
	/* end am 14april2016 */
	
	/* am 10may2016 */
	#impactsCarousel.carousel {
		height: 190px;
		padding-top: 0px;
	}
	/* end am 10may2016 */
}

@media only screen and (max-width: 360px) {
	.container {
		max-width: 94.5% !important;
		width: 94.5% !important;
	}
	.contain-mozaic-pod-homepage{
		width:100%!important;
		max-width:100%!important;	
	}
	
	.col-lg-6.col-md-6.col-sm-6.text-left.no-pad-right{
        padding-left:0px;
    }
	.container-NEAT-content .contain-in  .for-show-in-news .col-lg-6,
	.container-NEAT-content .contain-in .for-show-in-news .col-md-6,
	.container-NEAT-content .contain-in .for-show-in-news .col-sm-6{
        padding-left:0px;
	}
	
	/* am 17feb2016 */
	.newsevent-link ul li {
		display: block;
	}
	.newsevent-link .linknews-wrapper ul li a{
		padding: 0px;
	}
	.newsevent-link .linknews-wrapper ul li{
		margin-bottom:10px;
	}
	.newsevent-link .linknews-wrapper ul li:last-child{
		margin-bottom:0px;
	}
	.share-article-pod{
		padding: 5px 7px!important;
	}
	/* end am 17feb2016 */
	
	/* am 18feb2016 */
	.container-smallholder-commitment-in-impacts .container-impacts-left .col-sm-5,
	.container-smallholder-commitment-in-impacts .container-impacts-right .col-sm-5{
		padding-left:15px;
	}
	.container-smallholder-commitment-in-impacts .container-impacts-left .col-sm-5 .content-impacts-left-value,
	.container-smallholder-commitment-in-impacts .container-impacts-right .col-sm-5 .content-impacts-right-value{
		padding-left:10px;
	}
	#bigger-stats .million-tonnes{
		font-size: 15px!important;
	}
	.col-lg-6.col-md-6.col-sm-6.text-right.contain-left-about {
		width: 100%;
		text-align: center;
	}
	.contain-left-about {
		width: 100%;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.contain-left-about .about-quote{
		margin-bottom: 20px;
	}
	/* end am 18feb2016 */
	
	/* am 19feb2016 */
	#orange_line_trademark.tml-contact {
		background-size: 61% !important;
	}
	/* end am 19feb2016 */
	
	/* coming soon 1feb2016*/
	.coming-soon-1feb2016 .link-back-home{
		text-align:center;
	}
	.coming-soon-1feb2016 .link-go-to{
		text-align:center;
	}
	
	/* add popuplogin member */
	.pop-up-section-status-members-login-page {
		padding: 8px 5px 20px 10px;
	}
	.message p {
		margin-bottom: 0px!important;
		padding: 0px 10px 25px!important;
	}
	/* add popuplogin member */
	
	/* am add 27oct2015 */
	.container-login-page{
		width: 100%;
		margin:0 auto;
		overflow:hidden;
	}
	/* am add 27oct2015 */
	
	/* 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;
	}
	
    .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-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-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;
  }

  .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-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;
      }

      .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;
      }
	  
      footer .right.carousel-control, footer .left.carousel-control {
          /* margin-top: 32px; */
          top: 37%;
      }

      .btn-over-img {
          margin-top: -80px !important;
          margin-left: 10px !important;
      }

      .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;
      }
      /* AM */

      .map-footer-img{
          /* width:1000%; */
          width:90%;
          height:auto;
      }

    /* .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;
        }
      #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;
    }
    /* #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 {
  font-size: 40px;
  display: none;
}
#myCarousel .right.carousel-control {
  margin-right: 5px;
}	
#myCarousel .left.carousel-control {
  margin-left: 5px;
}
#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"] #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%;
        }
      .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: 321px) {
	/* navigation R3P1 */
	.slide_rspo_impacts ul li .col-sm-4 div img{
		height:70px!important;
		width:70px!important;
	}
	.slide_rspo_impacts ul li{
		height: 140px;
	}
	.slide_rspo_impacts ul li .col-sm-4,
	.slide_rspo_impacts ul li .col-sm-8{
		height: 140px;
	}
	.slide_rspo_impacts .rspo_impacts_homepage_left {
		margin: 0px;
	}
	#tab-comments li .comments-tab-container_left .col-sm-10 a {
		font-size: 11px;
	}
	/* navigation R3P1 */
	
	/* am 14april2016 */
	#myCarousel .carousel, 
	#myCarousel .item, 
	#myCarousel .active,
	#myCarousel .carousel-inner, header {
		height: 160px;
	}
	#myCarousel .carousel, 
	#myCarousel .item {
		height: 160px;
		width: 100%;
	}
	/* end am 14april2016 */
}

@media only screen and (max-width: 320px) {
	.container {
		max-width: 94.5% !important;
		width: 94.5% !important;
	}
	.contain-mozaic-pod-homepage{
		width:100%!important;
		max-width:100%!important;	
	}
	
	/* coming soon 1feb2016*/
	.coming-soon-1feb2016 .link-back-home{
		text-align:center;
		width:100%;
		margin-bottom: 15px;
	}
	.coming-soon-1feb2016 .link-go-to{
		text-align:center;
		width:100%;
	}
	
	/* AM */
	#oops {
		padding: 20px 0px 50px;
	}
	
	.oops-text{
		padding-top:0px;
		padding-left: 20px!important;
		width: 100% !important;
	}
	
	.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-right-value, .content-impacts-left-value {
          font-size: 22px;
      }

      .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;
      }

      .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;
      }

      footer .right.carousel-control, footer .left.carousel-control {
          /* margin-top: 32px; */
          top: 36%;
      }

      .btn-over-img {
          margin-top: -80px !important;
          margin-left: 10px !important;
      }

      .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;
      }
      /* AM */

      .map-footer-img{
          /* width:1000%; */
          width:100%;
          height:auto;
      }
      


    /* .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;
        }
        #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;
    }
    /* #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 {
    font-size: 40px;
}
#myCarousel .right.carousel-control {
  margin-right: 5px;
}
#myCarousel .left.carousel-control {
  margin-left: 5px;
}
#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%;
        }
      .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%;
    }
}
/* =============================== end responsive ======================================