.iphone #quote-rotator {
    z-index: 1;
}
.iphone .scene-transition{
	height: 100vh;
	width: 100vw;
	display: unset;
	overflow-x:unset !important;
	overflow-y: unset !important;
	margin-top: -425px;
}

.iphone .fields2 {
	transform: translate3d(0px, 430px, 0px) translate3d(0px, -400px, 0px);
}

.iphone .home-wording-holder.tiga.dikanan.m360 {
	margin-top: 200px !important;
	position: relative;
}

.iphone .scene.scene-03{
	position: relative;
}

.iphone #container-waterfall {
	left: 760px;
	top: 450px;
}

.iphone #scene-02 .home-wording-holder{
    margin-top: 330px;
}

#kupu-holder {
	top: 150px;
	position: absolute;
	z-index: 2;
	left: 50%;
	margin-left: 137px;
}
/* CSS Document */
.hamburger-hanger {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    z-index: 9999;
	margin-top: 32px;
}
.instafeed {
    min-height: 570px;
	position: relative;
}
.instafeed::after {
	content: "";
	position: absolute;
	bottom: 0;
	background: #fff;
	height: 100%;
	z-index: 999;
	width: 100%;
	left: 0;
	max-height: 50px;
}
.header-green .hamburger-hanger .lang-nav a{
	color: #6D9B43;
}
.header-green.sidebar-opened .hamburger__bars {
    background-color: #000;
}
.header-logo-fc{
	display: none;
}
.header-green .header-logo-fc{
	display: block;
}
.header-green .header-logo-img{
	display: none;
}
label.error {
    color: red;
    font-size: 14px;
    text-transform: none;
}
#quote-rotator{
	position: absolute;
    margin: 0;
}


@media (min-width: 1280px) {
	/* .hamburger-hanger {
 		width: 230px !important;
		position: fixed;
		margin-top: 38px;
		z-index: 8125; 
		right: 0;
 	} */
	/* .header-navigation {
		left: -1280px !important;
		width: 1280px !important;
	} */
	.scene-transition {
		margin-top: -270px;
	}
	.scene-transition3 {
		margin-top: -437px;
	}
	.quot-rotator {
  		margin-top: 280px;
	}
	.drop-holder.d1280 {
  		margin-top: 512px !important;
  		margin-left: 293px !important;
  }
	#waterfall {
		height: 361px;
	}
	.scene-transition4 {
		margin-top: -409px;
	}
	.full-row.bodi {
		width: 1280px ;
	}
	.section-main-background { 
		height: 100vh !important;
	}
	.scene02 {
  		top: -100px !important;
  	}
	 .wedge-product.d1280 {
		width:100% !important;
		height: 810px !important;
		z-index: -1;
		position: relative;
		margin-top: 320px;
	}
	.box-manajemen {
		margin-top: 200px !important;
	}
	.fields2 {
  		
	}
	.parallax-box.pb-3 {
		/* top: 784px !important; */
	}
	.scene03-hand {
		top: 348px !important;
	}
	.parallax-box.pb-4 {
		top: 772px;
	}
	/* .text-rotator {
		bottom: 300px !important;
		margin-left: 30px;
	} */
	.section-tunas.mdpi {
		margin-top: -1291px !important;
	}
	.scene02-fog {
		margin-top: -742px !important;
	}
	.scene04-waterfall {
		top: 920px !important;
	}
	.hwsa-right-home-wording.satu {
		margin-top: 562px !important;
	}
	.hwsa-right-home-wording.dua {
		margin-top: 50px !important;
	}
	.hwsa-right-home-wording.tiga {
		margin-top: 342px !important;
	}
	.drop-holder {
    	margin-top: 560px !important;
		margin-left: -12px !important;
	}
	.section-lab {
		top: 690px !important;
	}
	.section-bahan {
		top: -37px !important;
		height: 2270px !important;
	}
	.box-kebijakanmutu-holder {
		clear: both;
	}
	.slider-lab {
		left: -125px;
	}
	/* .instafeed {
		margin-top: -104px;
	} */
	.home-numbers {
		margin-top: 100px !important;
	}
	.wedge-fields2 {
		width: 100%;
		height: 1px !important;
	}
	.home-theexpert .pb-3 {
    	/* top: 717px !important; */
	}
	.home-number-wrapper {
		/* padding-top: 21.7% !important; */
	}
	.container1 {
    	width: 250px !important;
	}
	.stamp-mui {
		background-size: 600px !important;
	}
	.img-rempah {
		background-size: 652px !important;
	}
	.ganjal-btn-call.--1280 {
		height: 260px !important;
		margin-top: 140px !important;
	}
	.our-product {
    	margin-top: -551px !important;
	}
	.section-title-inner.visi-misi {
		margin-top: 30px !important;
	}
	.hand-puzzle-atas {
		top: -160px !important;
		margin-left: -60px;
		position: relative;
	}
	.hand-puzzle-bawah {
		top: 210px !important;
		margin-left: 30px;
		position: relative;
	}
	.nuthree {
		background-size: 640px !important;
		background-position: 20px 140px !important;
	}
	.nuthree.slider {
  		margin-top: -732px !important;
  	}
	.nature-silhouette.visimisi {
		margin-top: 455px !important;
	}
	.nature-silhouette.sejarah {
		margin-top: 353px !important;
	}
	.scene-home-numbers {
		margin-top: -264px;
	}
	.slider.eucalyptus {
		margin-top: -918px !important;
		left: 100px !important;
	}
	.blok-footer {
		width: 100%;
		padding: 30px 20px;
	}
	.blok-footer .half-row {
		height: 150px;
	}
	.blok-footer .half-row.satu {
		width: 60%;
	}
	.blok-footer .half-row.dua {
		width: 40%;
	}
	/* .scene-insta {
		height: 354px;
		width: 70%;
		margin: 0 auto;
	} */
	.clouds-di-produk {
		top: -200px;
		position: relative;
	}
	/* .container-product-main-display.d1280 {
		margin-left: -314px !important;
	} */
	
	
	/* Visi Misi */
	.boat.d1280 {
		top: -651px !important;
	}
	
}

/* iPads */
@media screen and (max-device-width : 1080px){
	.quot-rotator {
		margin-top: 200px;
	}
	.scene.bebatuan {
		background-position: center;
	}
	/* HOME */
	.hamburger-hanger {
		width: 100%;
		position: fixed;
		z-index: 9999;
	}
	.header-hero {
		margin-top: -60px;
		height: 685px !important;
		background-size: 127% !important;
		background-position: center 0px !important;
	}
	.logo-board {
		margin-top: 0px;
	}
	.hand-droplet {
		background-size: 61% !important;
	}
	.section-tunas {
		margin-top: -393px !important;
	}
	.wedge-fields2 {
		height: 812px;
	}
	#home-product {
		flex-wrap: wrap;
	}
	.ie.rotation_container {
		font-size: 24px !important;
		margin-bottom: 10px !important;
		font-weight: normal !important;
	}
	.home-theexpert .pb-4 {
		margin-top: 520px !important;
	}
	.parallax-box.pb-4 {
		background: url('../scene03-bg.jpg') no-repeat !important;
		background-size: 160% !important;
		background-position: -120px 0px !important;
	}
	.scene-big-cta {
		height: 350px;
		margin-top: 0;
	}
	.hwsa-right-home-wording.satu {
		top: 921px !important;
	}
	.box-footer-alamat .kiri {
  		/* width: 50%; */
		margin-left: 60px;
  	}
	.box-footer-alamat .kanan {
  		width: 50%;
  	}
	.box-footer-alamat .kanan.sosmed {
  		width: 100%;
		text-align: center;
		margin-top: 30px;
		margin-bottom: 30px;
		border: none !important;
  	}
	.half-row.kanan {
		width: 100%;
	}
	.our-history.ipad {
		margin-top: -494px !important;
		position: relative;
		height: 400px;
	}
	.scene02 {
		margin-top: 300px;
	}
	.header-hero.oppamint{
		background-position: center center !important;
	}
	.header-hero.apro{
		background-position: center center !important;
	}
	.header-hero.optinos{
		background-position: center center !important;
	}
	.our-business-opportunity.ipad {
		margin-top: -428px !important;
		position: relative;
		height: 1760px;
	}
	.our-certification.ipad {
		margin-top: -494px !important;
		position: relative;
		height: 650px;
	}
	.our-client.ipad {
		margin-top: -494px !important;
		position: relative;
		height: 1200px;
	}
	.header-hero.product {
		background-repeat: no-repeat !important;
	}
	.our-product.ipad {
		margin-top: 0px !important;
		position: relative;
	}
	.nuthree.slider {
		top: -860px;
	}
	.nuthree {
		background-size: 493px !important;
		background-position: 161px -30px !important;
	}
	.container-product-main-display {
		width: 60%;
		margin-left: -15px !important;
		display: block;
	}
	/* .product-main-display.oppamint {
		margin-left: -14px;
	}
	.product-main-display.optinos {
		margin-left: -40px;
		top: -8px;
		position: relative;
		display: flex;
	}
	.product-main-display.momcaps {
		margin-left: -14px;
		top: -8px;
		position: relative;
	} */
	
	.img-rempah {
		display:none;
	}
	.img-src {
		background-size: 115% !important;
		background-repeat:no-repeat;
		top: -280px !important;
		}
	.our-career {
		height:900px  !important;
		top: -200px;
	}
	.boat.slider {
 		top: -1075px !important;
 	}
	/* .boat {
		background-size: 400px !important;
		background-position: 330px 76px !important;
	} */
	.boat.ipad {
		top: 104px !important;
	}
	.eucalyptus {
		background-size: 261px !important;
		top: -1109px !important;
		margin-left: 54px !important;
	}
	/* .section-title-inner.visi-misi {
		width: 50%;
		color: white;
	} */
	.header-hero.history{
		background-size: 120% !important;
		background-repeat: no-repeat !important;
		background-position: 0px 0px !important;
	}
	.header-hero.vision-mission {
		background-size: 150% !important;
		background-repeat: no-repeat !important;
		background-position: 0px 0px !important;
	}
	.header-hero.business-opportunity{
		background-size: 185% !important;
		background-repeat: no-repeat !important;
		background-position: -66px 0px !important;
		height: 760px !important;
	}
	.header-hero.certification{
		background-size: 100% !important;
		background-repeat: no-repeat !important;
		background-position: 0 0px !important;
	}
	.base {
		margin-left: 100px !important;
		top: -160px !important;
	}
	.visi-misi.mbl.ipad {
		margin-top: -494px !important;
		position: relative;
	}
	.canvas-smoke {
		background-size: 125% !important;
	}
	.video-smoke {
		display:none;
	}
	.header-hero.management{
  		background-size: 120% !important;
		background-position:0px 0px !important;
  	}
	header {
		background: none !important;
	}
	.logo-board {
		max-width: 400px;
		padding: 30px 40px 30px 15px;
    	height: 290px;
		/* padding: 28px !important; */
		/* left: 25.5% !important; */
		/* height: 279px !important; */
	}
	.logo-board .logo-heksa {
		margin-bottom: 20px;
	}
	.logo-board .kupu img {
		right: -307px;
		top: -40px;
		position: absolute;
		max-width: 30px;
	}
	/* .logo-board img {
		width: 75% !important;
	}
	.logo-board .logo-heksa {
		left: 69px !important;
		width: 246px !important;
	} */
	#clouds {
		margin-top: -580px !important;
	}
	.fields2 {
		/* margin-top: 868px; */
		margin-top: 60px;
		background-size: cover !important;
		/* background-position: -120px 0px !important; */
	}
	.drop-holder.ipad {
  		margin-top: 332px !important;
		margin-left: 105px !important;
  	}
	.scene-transition3 {
		margin-top: -516px;
	}
	.scene.tunas {
		background-size: 141% !important;
		background-position: -197px 0px;
	}
	.scene.scene-03 {
		background-size: 152%;
		margin-top: 163px;
		background-position: -120px 0px;
	}
	.blok-footer {
		margin-top: 50px;
	}
	.blok-footer .half-row {
		/* width: 100%; */
		height: 100px !important;
	}
	.blok-footer .half-row.dua .half-row {
		width: 50% !important;
		text-align: center;
		margin: 0 auto;
	}
	.blok-footer .half-row.dua .kanan.sosmed {
		width: 100% !important;
		margin: 0 auto !important;
		text-align: center !important;
		border: none !important;
	}
	.frh-copy {
		text-align: center !important;
	}
	/* .info-footer {
		margin-left: 30px;
	} */
  
  
	
	
	
	.scene02-fog {
		margin-top: -1700px;
		top: 371px;
	}
	.kupu {
		width: 40px;
		margin-left: -77px;
		margin-top: -51px;
	}
	.hwsa-right-home-wording {
		right: 130px !important;
		margin-top: 111px !important;
	}
	.home-wording-holder {
    	width: 435px !important;
		text-align: left;
	}
	.home-wording {
		font-size: 18px !important;
		line-height: 24px !important;
	}
	.parallax-box.pb-4 {
		margin-top: 319px !important;
	}
	.scene03-hand.ipad {
    	background-size: 350px !important;
		width: 350px !important;
		height: 310px !important;
		margin-top: 200px;
	}
	.tunas {
		background-size: 100% !important;
		/* margin-top: 0 !important; */
	}
	.hwsa-right-home-wording.dua {
		margin-top: 236px !important;
		left: 50px !important;
	}
	.hwsa-left-home-wording.empat {
		top: -82px !important;
		left: -35px !important;
	}
	.hwsa-right-home-wording {
		margin-top: 110px;
	}
	.hcsr-expanded {
    	bottom: -153px !important;
	}
	.drop-holder {
    	margin-top: 396px !important;
    	margin-left: -256px !important;
	}
	.drop {
		width: 16px !important;
		left: 20px;
    	top: -240px;
	}
	.scene04-waterfall.ipad {
		margin-top: -635px;
		background-size: 128% !important;
	}
	#container-waterfall {
		left: 715px;
		top: 580px;
	}
	.home-wording-holder.dikanan {
  		margin-left: 24px !important;
	}
	.container-product-main-display {
  		width: 600px;
  		margin-left: 178px;
	}
	.product-main-display {
		/* width: 230px;
    	height: 230px; */
		margin: 10px;
	}
	
	
	
	
	#waterfall {
		width: 67% !important;
		/* height: 324px; */
		height: 384px;
	}
	.hwsa-left-home-wording {
		top: -211px !important;
		left: -35px !important;
	}
	.bebatuan.ipad {
		margin-top: -188px !important;
	}
	.hcs-right.ipad {
		margin-top: -68px !important;
		left: -131px !important;
		position: absolute;
	}
	.section-lab {
		margin-top: 300px;
		height: 1850px !important;
	}
	.slider-lab .slider__inner .slider__contents {
		background-size: 700px !important;
		margin-top: 207px !important;
	}
	.slider-lab {
		margin-left: -41px !important;
		margin-top: 360px;
	}
	.container-bubble {
  		left: 495px !important;
  		top: -165px !important;
	}
	.scene-home-numbers {
  		height: 654px !important;
  		margin-top: -278px;
	}
	.scene-bahan {
		height: 2200px !important;
		/* margin-top: -165px; */
	}
	.iphone .scene-bahan {
		height: auto !important;
	}
	.scene-transition4 {
		margin-top: -488px;
		width: 100%;
	}
	/* .scene.scene-04 {
		margin-top: 156px;
	} */
	/* .scene-insta {
		height: 350px;
		margin-top: 100px;
	} */
	.scene-footer {
		/* margin-top: -106px !important; */
		height: 380px !important;
	}
	
	
	.prolog-product {
		width: 70%;
		/* margin-left: -33px; */
	}
	
	
	.hwsa-right-home-wording.tiga {
		margin-top: 382px !important;
		left: 195px !important;
	}
	.full-row {
		clear: both;
	}
	.section-bahan {
		top: 59px !important;
		height: 2270px !important;
	}
	.home-wording-holder-kebijakanmutu {
		padding-top: 40px;
		width: 70% !important;
	}
	/* .wrapper {
		top: 414px !important;
	} */
	.instafeed .half-row.kanan {
		width: 50%;
	}
	.hhc-scroll-down {
		display: none;
	}
	.heksa30product {
		height: auto !important;
		margin-top: 0 !important;
		min-height: 695px;
	}
	.heksa30product .half-row {
		width: 80% !important;
		clear: both;
		margin: 0 auto !important;
		float: none !important;
		height: auto;
	}
	/* .heksa30product .half-row.kiri {
		margin-bottom: -25px !important;
	} */
	.home-numbers {
		margin-top: 83px !important;
	}
	.home-number-wrapper {
    	width: 25%;
		/* border-right: none !important; */
	}
	.home-number-wrapper.highlight {
		width: 100% !important;
	}
	.home-number {
		font-size: 60px !important;
	}
	.home-number.small {
		font-size: 26px !important;
		vertical-align: middle !important;
	}
	.home-number-desc.text-big {
    	font-size: 32px !important;
	}
	.frh-img {
		margin-top: 30px !important;
		float: none !important;
	}
	footer .container {
    	text-align: center !important;
	}
	.box-footer-alamat {
		text-align: left;
		margin-bottom: 20px !important;
		margin: 0 auto;
	}
	.frh-left {
    	float: none  !important;
    	margin-right: 0px  !important;
	}
	.blok-footer .half-row.satu {
		width: 100% !important;
		margin-left: 60px;
	}
	.blok-footer .half-row.dua {
		width: 100% !important;
	}
	.hand-key2 {
    	display:none;
		margin-left: 731px !important;
	}
	.nature-silhouette {
		margin-top: 823px !important;
	}
	.stamp-mui.slider {
		top: -630px !important;
	}
	.stamp-mui {
		margin-top: 200px !important;
		background-size: 280px !important;
		background-position: 200px 0px !important;
	}
	.section-bahan {
		height: 2995px !important;
	}
	.img-feed {
		width: 99.7% !important;
		float: left !important;
	}
	.download-katalog {
		top: 1400px !important;
		text-align: center;
		width: 800px;
		margin: 0 auto;
		margin-top: 30px;
	}
	
	/* Artikel */
	.wrapper-detail-artikel {
    	width: 100% !important;
	}
	.sepertiga {
    	width: 50% !important;
	}
	.wedge-atas-title-artikel {
		height: 20px !important;
	}
	.header-artikel {
	 	background-color: white !important;
		background: url('../grad2.png') repeat-x !important;
	 }
	 
	 /* contact us -- */
	 .sec-contact-us.ipad {
	 	margin-top: -541px !important;
		height: 1400px !important;
	 }
	
}

@media screen and (max-width: 1024px) and (max-height: 660px) {

	.logo-board {
		width: 330px !important;
		height: 250px !important;
	}
	
	.quot-rotator {
		position: absolute;
		/* bottom: 150px; */
		top: 300px;
	}

	.ie.rotation_container {
		margin-bottom: 10px !important;
	}
}

@media screen and (max-width: 1024px) and (min-height: 700px){
	.quot-rotator {
		position: absolute;
		top: 300px;
	}
}

@media screen and (max-height: 630px) {
	.logo-board {
		width: 350px;
		padding: 30px;
	}
	.logo-heksa-wrap {
		padding-left: 35px;
	}
}

@media screen and (max-width: 900px) {
	.instafeed {
		min-height: auto;
	}
	.instafeed::after{
		max-height: 50px;
	}
	#container-waterfall {
		left: 575px;
		top: 410px;
	}
	.cta-title {
		font-size: 50px;
	}
	/* .box-footer-alamat .kiri {
		width: unset;
	} */
	.scene.bebatuan{
		background-size: cover;
	}
	#home-product {
		flex-wrap: wrap;
		/* max-width: 460px; */
		margin: 0 auto;
	}
	.scene.scene-04 {
		margin-top: 300px;
	}
}

@media (max-width: 600px) {
	.instafeed {
		min-height: 350px;
	}
	.scene-bahan {
		height: 1950px !important;
	}
	/* HOME */
	.hamburger-hanger {
		position: fixed;
		/* top: 12px !important;
		right: 0px !important; */
		/* z-index: 9999 !important; */
		margin-top: 10px;
		width: 80px;
    	right: 0;
	}
	.header-navigation {
		background-size: 309% !important;
	}
	.header-hero {
    	height: 532px !important;
		background-repeat: no-repeat !important;
    	background-size: 188% !important;
    	background-position: -129px 0px !important;
	}
	.header-hero.oppamint{
		background-position: center center !important;
		margin-top: -67px;
	}
	.header-hero.apro{
		background-position: center center !important;
		margin-top: -67px;
	}
	.header-hero.optinos{
		background-position: center center !important;
		margin-top: -67px;
	}
	.header-hero.momcaps{
		background-position: center center !important;
		margin-top: -67px;
	}
	.scene-transition4 {
		width: 100vw;
	}
	.scene.fields2 {
		background-size: 183%;
		height: 800px !important;
		margin-top: 41px !important;
		background-position: -231px 0px;
	}
	.scene-transition2 {
		margin-top: -136px;
	}
	.hand-droplet {
		background-size: 46% !important;
		left: -84px;
	}
	.drop-holder.m412 {
  		margin-top: 260px !important;
		margin-left: 9px !important;
  		position: absolute !important;
	}
	.quot-rotator {
		margin-top: 37px;
		width: 100%;
	}
	.scene.scene-02 {
		height: 1120px;
		background-size: 457%;
		background-position: -358px 0px;
	}
	.cta-title {
		font-size: 26px;
	}
	.cta-title span {
		font-size: 20px !important;
	}
	.scene-big-cta {
		height: 300px;
		min-height: 300px;
	}
	.scene-insta {
		min-height: 300px;
		height: auto;
	}
	.btn-type-2.cta {
		left: 25px;
		position: relative;
		border-right: 3px solid white;
	}
	.prolog-product {
		width: 100%;
		margin-top: 80px;
		/* margin-bottom: -20px; */
		font-size: 17px;
		margin-left: 0px;
		text-align: center;
		padding: 0px 60px;
		/* font-size: 17px; */
		line-height: 23px;
		padding-top: 350px;
	}
	.product-main-display {
		margin-bottom: 20px;
	}
	.home-wording-holder.satu {
		margin-top: -207px !important;
	}
	.home-wording-holder.dikanan {
  		margin-left: 0px !important;
	}
	.scene.tunas {
		background-size: 380% !important;
		background-position: -109px 0px !important;
		margin-top: 0px;
	}
	.scene.scene-03 {
		background: url('../scene04b-bg2.jpg') no-repeat;
		background-size: cover;
		/* height: 1353px;
		margin-top: 360px; */
		background-position: -391px 0px !important;
	}
	.home-wording-holder.dua {
		margin-top:  -360px !important;
	}
	.home-wording-holder.tiga {
		margin-top: 700px !important;
	}
	.scene .home-wording{
		text-align: center;
	}
	.horiz-rule{
		margin: 0 auto;
		margin-bottom: 0px;
		margin-bottom: 30px;
	}
	#container-waterfall {
		left: 920px !important;
		top: 56.8% !important;
	}
	.footerhome {
		/* margin-top: -209px !important;
		margin-bottom: 90px !important; */
		padding-bottom: 40px;
	}
	.box-manajemen.andhika {
		height: 680px !important;
	}
	.scene02-topmanagement {
		height: 650px !important;
	}
	.half-row.sec-pic-adam {
		top: 600px;
		position: relative;
	}
	.half-row.teks-adam {
		top: -360px;
		position: relative;
	}
	.download-katalog {
		top: 1726px !important;
		text-align: center;
		width: 350px !important;
		margin: 0 auto;
		margin-top: 30px;
	}
	.wedge-product {
  		width: 100% !important;
  		height: 782px !important;
	}
	
	.scene02-fog {
		top: -1685px;
	}
	.section-tunas {
		margin-top: 156px !important;
	}
	.logo-board {
		width: 271px !important;
		height: 200px !important;
		/* left: 17.5% !important; */
		padding: 20px 25px;
		padding-left: 10px;
	}
	.logo-heksa-wrap {
		padding-left: 25px;
	}
	.logo-board img {
    	/* left: 29px !important;
    	width: 200px !important;
    	margin-top: -26px; */
		margin-bottom: 20px;
	}
	.logo-board .kupu img {
		/* right: -66px;
		top: 10px;
		position: absolute;
		max-width: 20px; */
		display: none;
	}
	.logo-heksa {
		left: 12px !important;
		width: 224px !important;
	}
	.logo-heksa img {
		width: 200px !important;
		left: 20px !important;
	}
	.kupu {
		width: 20px;
		left: -60px !important;
		top: -111px !important;
		margin: 0;
	}
	#clouds {
		margin-top: -359px !important;
		margin-left: -350px;
	}
	.clouds-di-produk {
		top: -350px;
		position: relative;
	}
	/* .wrapper {
		top: 288px;
	} */
	.quot-rotator {
		top: 200px;
	}
	.wrapper.text-rotator{
		width: 100% !important;
	}
	.ie.rotation_container {
		font-size: 20px !important;
		font-weight: 100 !important;
		margin-bottom: 0 !important;
		margin-top: 100px;
	}
	.wedge-fields2 {
		height: 0px !important;
	}
	.fields2 {
		margin-top: 352px !important;
		width: 100% !important;
		left: 0;
	}
	.scene03-hand {
		top: -2500px !important;
	}
	.parallax-box.pb-4 {
		background-size: 341% !important;
		background-repeat: no-repeat !important;
		margin-top: -2450px !important;
		background-position: -441px 0px !important;
	}
	.wedge-section-tunas {
		height: 1px;
	}
	.drop-holder {
    	margin-top: 219px !important;
    	margin-left: -346px !important;
	}
	.drop {
		width: 28px !important;
		height: 28px !important;
	}
	.hwsa-right-home-wording.satu {
		right: 210px !important;
		margin-top:-349px !important;
	}
	.scene02.m412 {
		background-size: 400% !important;
	}
	.home-wording-holder {
		width: auto !important;
		margin: 0 auto;
		padding: 0 60px;
	}
	.tunas {
		background-position: -182px 0px !important;
		background-size: 173% !important;
	}
	.section-tunas {
		margin-top: -244px !important;
	}
	.scene04-waterfall.m412 {
		background: url('../scene04b-bg2.jpg') no-repeat !important;
		margin-top: -911px !important;
		background-size: 198% !important;
		background-position: -190px 0px !important;
	}
	.scene-transition3 {
		margin-top: -600px;
	}
	.home-wording-holder.dua {
		margin-top: 200px !important;
	}
	.home-wording {
		font-size: 17px !important;
		line-height: 23px !important;
	}
	.hwsa-right-home-wording.dua {
		margin-top: 243px;
		left: 40px;
	}
	#container-waterfall {
		margin-left: -860px !important;
    	margin-top: -405px !important;
	}
	#waterfall {
		height: 344px;
	}
	.scene.scene-04 {
		margin-top: 900px;
		height: 1650px;
		padding-top: 800px;
	}
	.scene-home-numbers {
		margin-top: -250px;
		height: auto !important;
	}
	/* .scene-insta {
		height: 347px !important;
		margin-top: -200px !important;
		margin-bottom: 60px !important;
	} */
	.hwsa-left-home-wording.empat {
		margin-left: -339px;
		margin-top: 232px;
	}
	.container-product-main-display {
		width: 240px;
		margin-top: 49px !important;
		display: block;
		margin-left: -46px;
	}
	.scene-transition4 {
		height: 2500px;
		margin-top: -350px;
	}
	.bebatuan {
		margin-top: -72px !important;
		height: 2296px !important;
		
	}
	.scene.bebatuan {
		height: auto !important;
		margin-top: -880px !important;
		background-position: top center;
		padding-top: 300px;
	}
	/* .horiz-rule {
		margin: 0 auto;
	} */
	
	
	
	
	.upperdeck.orange.left {
		margin-left: -117px !important;
	}
	.hcsr-container {
		margin-left: -100px;
		width: 260px !important;
		margin-right: 160px !important;
	}
	.hcsr-container .slide-effect-2-inner {
		top: -22px !important;
	}
	.obj-fit-cover {
		height: 70% !important;
	}
	.hcsr-expanded {
		padding: 0 !important;
		top: 375px;
	}
	.hcsr-img-overlay {
		top: 0px !important;
		left: -62px !important;
		right: 21px !important;
		bottom: -155px !important;
		width: 147% !important;
	}
	.hcsre-case-type {
		top: -5px;
	}
	.bebatuan.m412 {
		background: url('../bebatuan2b.png') top center !important;
		background-size: 86% !important;
		background-position: right top !important;
		height: 2014px !important;
	}
	.section-lab {
		margin-top: 1322px  !important;
		background-size: 523%  !important;
		background-repeat: no-repeat  !important;
		height: 1200px  !important;
	}
	.tangan-lab {
		background-size: 52% !important;
		background-position: 363px 0px !important;
	}
	.slider-lab {
		margin-left: -20px;
		margin-top: 440px;
	}
	.container-bubble {
		margin-left: 106px !important;
		margin-top: -18px !important;
	}
	.bubbles {
    	width: 78% !important;
	}
	.hwsa-right-home-wording.tiga {
		margin-top: 310px;
		left: 40px;
	}
	.home-numbers {
    	/* margin-top: 470px !important; */
		background: url('../bg-lightblue.png') repeat-x !important;
		background-position: center top !important;
		/* height: 1160px; */
		padding: 0px 50px 50px;
	}
	.home-number.text-big {
    	font-size: 32px !important;
	}
	.home-number-wrapper.highlight {
		border-right: 2px solid green !important;
		margin-top: 40px !important;
		padding: 0 20px;
	}
	.home-number-desc.text-big {
    	font-size: 20px !important;
		margin-top: 8px !important;
	}
	.home-number {
		margin-bottom: 10px !important;
	}
	.home-number-wrapper {
		padding-bottom: 20px !important;
		padding-top: 20px !important;
		width: 50%;
		border-bottom: none !important;
	}
	.home-number-wrapper.highlight{
		border: 2px solid green !important;
	}
	.section-bahan {
		top: -290px !important;
		height: 2127px !important;
	}
	.half-row.kiri {
		width: 100% !important; 
		padding: 0px !important;
	}
	.half-row.kanan {
		width: 100% !important; 
		padding: 0px !important;
		top: 0px;
		position: relative;
	}
	.wedge-product.m412 {
		height: 1220px !important;
	}
	.home-wording-holder-kebijakanmutu {
		margin-top: 30px;
		width: 100% !important;
		padding: 40px 60px;
	}
	#scene-06 .home-wording.title {
		padding: 0 60px;
	}
	.box-kebijakanmutu-holder {
		/* padding-left: 5% !important;
		padding-right: 5% !important; */
		padding: 0 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin-bottom: 30px;
	}
	.box-kebijakanmutu {
		width: 150px !important;
		border-radius: 30px !important;
		margin-bottom: 20px;
		padding-top: 31px;
		padding-left: 6px;
		padding-right: 10px;
		/* margin-right: 5px; */
		font-size: 16px;
		line-height: 20px;
		height: 150px;
		margin: 4px;
	}
	.box-kebijakanmutu img {
    	margin-top: 16px;
    	margin-bottom: 12px;
	}
	.heksa30product {
		margin-top: 160px !important;
		/* height: 314px !important; */
		min-height: 355px;
	}
	.image-30product-1 {
		top: -70px;
		position: relative;
	}
	.image-30product-2 {
		top: -70px !important;
		position: relative !important;
	}
	.home-wording-holder-kebijakanmutu {
		margin-top: -60px !important;
	}
	.rempah-bumbu {
		margin-top:10px !important;
	}
	.instafeed {
		margin-top:10px !important;
	}
	.img-feed {
		width: 100% !important;
		display: block !important;
	}
	
	.box-footer-alamat {
		width: 100% !important;
		/* margin-bottom: 85px !important;
		height: 150px !important; */
	}
	.box-footer-alamat .kiri {
		width: 100% !important;
		/* border-bottom: 1px solid #c6c6c6 !important; */
		border-right: none !important;
		margin-bottom: 10px !important;
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
		margin: 0;
	}
	.box-footer-alamat .kanan {
		width: 100% !important;
		float: none !important;
		margin-bottom: 30px !important;
	}
	/* footer .container.cf {
		margin-top: -160px !important;
	} */
	.blok-footer .half-row.satu {
		width: 100% !important;
		margin-left: 0;
		float: none !important;
	}
	/* .scene-footer {
		margin-top: -334px !important;
	} */
	.blok-footer .half-row.satu {
		width: 100%;
		height: auto !important;
	}
	.blok-footer .half-row.dua {
		width: 100%;
		/* height: 100px !important; */
		height: auto !important;
		float: none !important;
	}
	.blok-footer .half-row.satu .half-row {
		width: 100%;
		float: none !important;
		/* min-height: 170px; */
	}
	.half-row.qr-alamat {
		height: 100% !important;
	}
	.blok-footer .half-row.dua .half-row {
		width: 100% !important;
		height: auto !important;
	}
	.blok-footer .half-row .kanan {
		width: 100%;
		float: none !important;
	}
	.info-footer {
		text-align: center;
	}
	.scene-footer {
		margin-top: -106px !important;
		height: auto !important;
	}
	
	.frh-copy {
		text-align: center;
		/* top: 0px !important; */
		/* position: relative; */
		padding: 20px;
		margin: 0 auto;
		width: 100%;
		min-height: 70px;
	}
	/* .frh-copy.absolute {
		position: absolute;
		top: 400px !important;
	} */
	.box-footer-alamat .info-footer {
		text-align: left;
	}
	.blok-footer {
		/* top: -190px !important; */
		position: relative;
		margin-top: 200px;
	}
	
	

	.half-row {
 		width: 100%;
		height:auto !important;
		}
	.half-row.kiri {
		width: 100%;
	}
	.half-row.kanan {
		width: 100%;
	}
	.our-history.mbl {
		margin-top: -402px !important;
		position: relative;
	}
	.img-rempah {
		display:none;
	}
	.img-src {
		background-size: 155% !important;
		background-repeat:no-repeat;
		top:-302px !important;
	}
	.header-hero.history{
		background-size: 165% !important;
		background-repeat: no-repeat !important;
		background-position: 0px 0px !important;
	}
	.slider.eucalyptus {
    	margin-top: -1316px !important;
		margin-left: -101px !important;
	}
	.eucalyptus.mbl {
    	margin-top: 643px !important;
		margin-left: 17px !important;
		background-size: 17% !important;
	}
	.manajemen-nama {
		text-align: center !important;
	}
	.box-manajemen {
		margin-top: 327px;
		height: 937px !important;
	}
	.box-manajemen .half-row {
		width: 100%;
	}
	.manajemen-pic {
		width: 250px !important;
		margin-top: 40px;
		margin-left: -30px !important;
	}
	.home-plan-your-event.manajemen {
		margin-bottom: 120px !important;
	}
	
	
	.our-certification.mbl {
		margin-top: -205px !important;
	}
	.our-business-opportunity.mbl {
		margin-top: -334px  !important;
	}
	.our-client.mbl {
		margin-top: -447px !important;
	}
	.header-hero.vision-mission {
		background-size: 165% !important;
		background-repeat: no-repeat !important;
		background-position: 0px 0px !important;
	}
	.header-hero.business-opportunity{
		background-size: 261% !important;
		background-repeat: no-repeat !important;
		background-position: -43px 0px !important;
	}
	.header-hero.certification{
		background-size: 175% !important;
		background-repeat: no-repeat !important;
		background-position: 0px 0px !important;
	}
	.header-hero.award {
		background-size: 209% !important;
		background-repeat: no-repeat !important;
		background-position: -56px 0px !important;
	}
	.header-hero.product {
		background-size: 165% !important;
		background-repeat: no-repeat !important;
		background-position: 0px 0px !important;
	}
	.canvas-smoke {
		background-size: 155% !important;
	}
	.visi-misi.mbl {
		margin-top: -104px !important;
		position: relative;
	}
	.section-title-inner {
		font-size: 38px !important;
		line-height: 38px !important;
	}
	.scene02 {
		top: 662px !important;
		height: 900px !important;
	}
	.scene03-hand.m412 {
		/* margin-top: 1110px !important; */
		margin-top: 972px !important;
		z-index: 100 !important;
		margin-left:  -71px !important;
		width: 220px !important;
		height: 300px !important;
		background-size: 220px !important;
	}
	.scene04-waterfall {
		margin-top: 1210px !important;
	}
	
	/* -- visi misi --*/
	.boat.slider {
    	top: -2759px !important;
    	left: 0px !important;
	}
	/* .boat {
		background-size: 291px !important;
		background-position: -24px -8px !important;
	} */
	
	/* -- product -- */
	.our-product {
		margin-top: -415px !important;
		margin-bottom: 272px !important;
		z-index: 9 !important;
		position: relative;
	}
	.ganjal-product {
		height: 20px !important;
	}
	.nuthree.slider {
		margin-top: -672px !important;
		left: 0px;
	}
	.nuthree {
		background-size: 298px !important;
		background-position: 20px 0px !important;
	}
	
	/* Karir */
	.img-src {
		margin-top: -118px;
	}
	.img-src.blurred-img {
		margin-top: -118px;
	}
	.section-title--hpyv {
    	font-size: 22px !important;
	}
	
	/* Bisnis */
	.hand-key2 {
		display: none;
	}
	.btn-type-2 {
		display: table-cell;
	}
	
	/* Artikel */
	.artikel {
    	height: 2412px !important;
	}
	.sepertiga {
		width: 100% !important;
		padding: 20px 0px !important;
	}
	.btn {
    	padding: 16px 30px !important;
	}
	.artikel-boks-display-title {
		font-size: 21px !important;
		line-height: 27px !important;
	}
	.ip-title {
		font-size: 44px !important;
		line-height: 44px !important;
	}
	
	
	/* Contact Us */
	.header-hero.contact {
		background-position: 0px 0px !important;
		background-size: 206% !important;
	}
	.sec-contact-us.m412 {
		margin-top: -242px !important;
	}
	.sec-contact-us table {
		text-align: left !important;
	}
	
	/* Detail Artikel */
	.wrapper-detail-artikel {
    	width: 100% !important;
	}
	.wrapper-detail-artikel .container{
    	width: 100% !important;
	}
	 .wedge-atas-title-artikel {
	 	height: 10px !important;
	 }
	 .title-artikel {
	 	font-size: 40px !important;
		line-height: 46px !important;
	 }
	 .header-artikel {
	 	background-color: white !important;
		background: url('../grad2.png') repeat-x !important;
	 }

	#home-product {
		max-width: 100%;
	}
	
}

/* iPhone12 */
@media (width: 390px) {
	.scene02-topmanagement.m390 {
		height: 738px !important;
	}
	.box-manajemen.andhika.m390 {
  		height: 704px !important;
	}
	.download-katalog.m360 {
		top: 1864px !important;
	}
}
/* Galaxy S20 + Linux */
@media (width: 384px) {

}
/* iPhone11 375 */
@media (max-width: 375px) {
	.logo-board.m375 {
    	width: 239px !important;
    	height: 200px !important;
    	/* left: 17.5% !important; */
	}
	.logo-board.m375 img {
		width: 174px !important;
	}
	.kupu.m375 {
		left: 112px !important;
		top: -80px !important;
	}
	.header-hero {
		background-size: 209% !important;
	}
	.wedge-fields2 {
    	height: 847px !important;
	}
	.scene03-hand.m414 {
    	top: -2520px !important;
	}
	.hwsa-right-home-wording {
		top: 636px !important;
	} 
	.info-footer {
		font-size: 12px !important;
	}
	.hcs-right {
    	margin-top: 14px !important;
	}
	.hcsr-container {
    	margin-left: -117px !important;
	}
	.hwsa-left-home-wording.empat {
    	margin-left: -360px !important;
	}
	#container-waterfall {
		margin-left: -886px !important;
    	margin-top: -390px !important;
	}
	#waterfall {
    	height: 300px !important;
	}
	.home-number.text-big.m375 {
    	font-size: 57px !important;
	}
	.scene02-topmanagement.m375 {
		height: 775px !important;
	}
	.box-manajemen.andhika.m375 {
  		height: 766px !important;
	}
	.btn-type-2.cta {
  		left: 7px !important;
  		position: relative;
	}
	.download-katalog.m375 {
		top: 1906px !important;
	}
	.scene.tunas {
		margin-top: 200px;
	}
	
}



/* iPhone5 320 */
@media (max-width: 320px) {
	.boat.m360.m320.slider {
		top: -2966px !important;
	}
	.scene02-topmanagement.m320.m360 {
		height: 910px !important;
	}
	.box-manajemen.m360.andhika.m320.m375 {
  		height: 791px !important;
	}
}













@media (width: 414px) {
	.wedge-fields2.minheigh800 {
    	height: 884px !important;
	}
	.scene03-hand.m414 {
    	/* top: -2520px !important; */
	}
	.hwsa-right-home-wording {
		top: 606px !important;
	} 
}

/* iPhone12/13 Pro Max */
@media (width: 428px) {
	.wedge-fields2.minheigh800 {
    	height: 233px !important;
	}
	.parallax-box.pb-4.m428 {
		margin-top: -2728px !important;
	}
	.hwsa-right-home-wording.satu {
		margin-top: 400px !important;
	}
	.wedge-section-tunas {
  		height: 558px !important;
	}
	.hwsa-right-home-wording.tiga {
  		margin-top: 264px !important;
	}
	.tangan-lab {
		margin-top: 38px !important;
	}
	.section-bahan.m428 {
  		top: -73px !important;
		height: 4134px !important;
  	}
	.scene02-topmanagement.m428 {
		height: 788px !important;
	}
	.box-manajemen.andhika.m428 {
  		height: 680px !important;
	}
}

/* iPhone SE 2nd Gen */
@media (height: 667px) {
	.wedge-fields2.--height667 {
    	height: 0px !important;
		display: none;
	}
	.header-hero.--height667 {
		background-size: 203% !important;
	}
	.parallax-box.pb-4.m360x760.--height667 {
  		top: 3123px !important;
	}
}

@media only screen and (min-device-height : 668px) and (max-device-height : 720px) {
	.header-hero.contact {
		height: 161vh !important;
	}
	.sec-contact-us {
		top: -133px !important;
	}
}

/* Galaxy S10 / S10 + Linux 360px x 760px */
@media only screen and (min-device-height : 641px) and (max-device-height : 760px){
	.wedge-fields2.m375.minheigh760 {
    	height: 820px !important;
	}
	.parallax-box.pb-4.m360x760 {
		top: 3222px !important;
	}
	
}


@media only screen and (min-device-height : 641px) and (max-device-height : 799px){
	.wedge-fields2.minheigh800 {
    	/* height: 884px !important; */
		height: 51px !important;
	}
	
	.scene03-hand.m414 {
    	top: -2520px !important;
	}
	.parallax-box.pb-4 {
  		top: 645px !important;
	}
}

@media only screen and (width : 360px) and (height : 800px){
	.wedge-fields2.m375.minheigh760.minheigh800 {
  		height: 847px !important;
	}
}

/* iPhone11 Pro 375 x 812px */
@media (height: 812px) {
	.wedge-fields2.heigh812 {
    	height: 847px !important;
	}
}

/* iPhone12/13 + Pro 390 x 844px */
@media (height: 844px) {
	.wedge-fields2.heigh812 {
    	height: 847px !important;
	}
	#waterfall {
    	height: 238px !important;
	}
}
@media (width: 390px) {
	.scene03-hand.m414 {
    	top: -2520px !important;
	}
	.info-footer {
		font-size: 12px !important;
	}
}

/* iPhone12/13 Pro Max iOs 14.6 */
@media (width: 428px) {
	.nuthree.slider.m428 {
  		margin-top: -1199px !important;
  		left: 0px;
	}
}










/* @media only screen and (min-device-height : 690px) and (max-device-height : 899px){
	.fields2.min-height-690 {
		margin-top: 381px !important;
	}
	.section-tunas.min-height-690 {
    	margin-top: -1082px;
	}
	.semangat-baru.min-height-690 {
    	margin-top: 56px !important;
	}
} */



@media (min-width: 1440px) {
	.scene {
		width: 1440px !important;
	}
	.scene-transition {
		width: 1440px !important;
		margin-top: -292px;
	}
	.scene-transition3 {
		margin-top:-471px !important;
		width: 100% !important;
	}
	.hamburger-hanger {
 		/* width: 100% !important; */
		/* max-width: 1440px;
		position: fixed;
		margin: 0 auto;
		margin-top: 32px;
		z-index: 8125;  */
		/* left: 0;
		height:1px; */
 	}
	.header-navigation {
		left: -1440px !important;
		width: 1440px !important;
	}
	.full-row.bodi {
		width: 1440px;
	}
	.quot-rotator {
  		margin-top: 350px;
	}
	.section-main-background {
		height: 100vh !important;
	}
	.wedge-section-tunas {
		height: 1px;
	}
	.section-tunas.hdpi {
		margin-top: -1701px !important;
	}
	.semangat-baru {
    	margin-top: 0 !important;
	}
	.wedge-fields2 {
		width: 100% !important;
		height: 324px !important;
	}
	.scene02 {
  		top: 80px !important;
   }
	.parallax-box.pb-3 {
		top: 500px !important;
	}
	.scene03-hand {
		/* top: 395px !important; */
		top: -182px !important;
	}
	.parallax-box.pb-4 {
		top: 539px;
	}
	.text-rotator {
    	bottom: 21% !important;
		margin-left: 0px;
	}
	.scene04-waterfall {
		top: 681px !important;
	}
	#waterfall {
		height: 460px;
	}
	.hwsa-right-home-wording.satu {
		margin-top: -200px !important;
	}
	.hwsa-right-home-wording.dua {
		margin-top:  90px !important;
	}
	.hwsa-right-home-wording.tiga {
		top:  690px !important;
	}
	.hwsa-right-home-wording.empat {
		top: -100px !important;
	}
	.drop-holder.d1440 {
    	margin-top: 424px !important;
    	margin-left: 335px !important;
	}
	.section-lab {
		top: 300px !important
		/* height: 1400px !important; */
	}
	.section-bahan {
    	z-index: -1;
    	top: 4px !important;
    	height: 2526px !important;
	}
	.slider-lab {
		left: 0px;
	}
	.instafeed {
		/* margin-top: -200px; */
		/* margin-top: 620px; */
		max-width: 1024px;
		margin: 0 auto;
		margin-top: -50px;
	}
	.home-numbers {
		 margin-top: -385px !important; 
	}
	.fields2 {
		/* margin-top: 236px; */
	}
	.scene02-fog {
		margin-top: -1131px;
	}
	.tunas {
		/* margin-top: 115px; */
	}
	.our-product {
 		margin-top: -780px  !important;
		position: relative;
 	}
	.nuthree.slider {
  		margin-top: -975px !important;
  	}
	.hand-puzzle-atas {
		top: -342px !important;
		position: relative;
	}
	.hand-puzzle-bawah {
		top: 250px !important;
		left: -40px;
		position: relative;
	}
	.fields2 {
		/* margin-top: -538px !important; */
	}
	.nature-silhouette.visimisi {
		margin-top: 800px !important;
	}
	.nature-silhouette.sejarah {
		margin-top: 818px !important;
	}
	.scene-home-numbers {
  		margin-top: 200px !important;
	}
	.slider.eucalyptus {
		margin-top: -848px !important;
		left: 140px !important;
	}
	.boat.slider {
  		top: -872px !important;
	}
	.blok-footer {
		width: 100%;
		padding: 30px 30px !important;
	}
	.blok-footer .half-row {
		height: 150px;
	}
	.blok-footer .half-row.satu {
		width: 55%;
	}
	.blok-footer .half-row.dua {
		width: 45%;
	}
	/* .scene-insta {
		height: 345px;
		width: 70%;
		margin: 0 auto;
	} */
	.clouds-di-produk {
		top: -400px;
		position: relative;
	}
	/* .container-product-main-display.d1280.d1440 {
  width: 1200px;
  text-align: center;
  margin-left: -160px !important;
  display: flex;
} */
	
}

/* @media (max-width: 1439px) {
	#container-waterfall{
		margin: 20px 0 0 -90px;
	}
} */
@media only screen and (max-width: 1367px) {
	.drop-holder.d1280 {
		margin-top: 462px !important;
		margin-left: 335px !important;
	}
	#container-waterfall{
		margin: -20px 0 0 -109px;
	}
}
@media (max-width: 1280px) {
	#container-waterfall {
		margin: -70px 0 0 -165px;
	}
}
@media (max-width: 1080px) {
	#container-waterfall {
		margin:-70px 0 0 -135px;
	}
	.half-row.dua {
		max-width: 550px;
		margin: 0 auto;
		float: none !important;
	}
	#scene-02 .home-wording-holder{
		margin-top: 80px;
	}
}
@media (max-width: 820px) {
	#container-waterfall {
		margin: -40px 0 0 -115px;
	}
	#waterfall {
		width: 67% !important;
		height: 350px;
	}
	.scene-big-cta {
		min-height: unset;
	}
	
}
@media (max-width: 600px) {
	#kupu-holder{
		display: none;
	}
	.home-wording-holder{
		margin-top: 100px;
	}
	.tangan-lab{
		margin-top: -100px;
	}
	.drop-holder.d1280 {
		margin-top: 379px !important;
		margin-left: 239px !important;
	}
	#waterfall {
		height: 315px;
	}
	.scene-big-cta {
		min-height: 300px;
	}
	.box-footer-alamat .kiri .qr {
		float: none;
		margin: 0 auto;
	}
	.box-footer-alamat .info-footer {
		text-align: center;
	}
	#scene-02 .home-wording-holder{
		margin-top: 250px !important;
	}

	#scene-06 .content{
		margin-top: -100px;
	}

	#page-wrapper.penghargaan #content-page {
		padding-top: 240px;
	}
	#page-wrapper.sertifikasi #content-page {
		padding-top: 240px;
	}
	.base {
		margin-left: 20px !important;
		top: -220px !important;
	}
	.pendulum {
		width: 80px;
		height: 170px;
		bottom: -150px;
		left: -30px;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.bg-text{
		background-color: rgb(0 0 0 / 60%);
    	padding: 20px;
	}
	.product-main-display {
		width: 280px;
		height: 280px;
		border-radius: 15px;
	}
	.product-main-display{
		margin: 30px 0;
	}
	.ie.rotation_container .rotation_words {
		line-height: 28px;
	}	

	/* ================================= */
	.iphone .scene.fields2 {
		background-size: 100%;
		height: 450px !important;
		margin-top: 60px !important;
		background-position: center;
	}
	.iphone .scene.scene-03 {
		padding-top: 200px;
	}
	.iphone .scene-transition4 {
		margin-top: -650px;
		padding-top: 0;
		height: auto;
	}
	.iphone .scene.bebatuan {
		height: auto !important;
		margin-top: 0 !important;
		background-position: top center;
	}
	.iphone .scene.scene-04 {
		height: auto;
	}
	.iphone .scene-bahan {
		height: auto !important;
		padding-top: 200px;
	}

}

@media (min-height: 1194px) {
	.scene-big-cta{
		min-height: 450px;
	}
}

@media screen and (width: 1366px) and (height: 1024px){
	.scene.tunas {
		top: -50px;
		/* display: none; */
	}
	#quote-rotator {
		padding-top: 100px;
	}
	.scene.scene-03 {
		margin-top: 220px;
	}
}
@media screen and (width: 1024px) and (height: 1366px){
	#quote-rotator {
		padding-top: 200px;
	}
	#kupu-holder {
		top: 200px;
		position: absolute;
		z-index: 2;
		left: 50%;
		margin-left: 213px;
	}
	.home-wording, .home-wording.title, .home-wording-holder {
		text-align: center;
	}
	.horiz-rule {
		margin: 30px auto;
	}
	.bg-text{
		background-color: rgb(0 0 0 / 60%);
    	padding: 20px;
	}

	.scene-transition3 .home-wording-holder {
		padding-top: 500px;
	}

	.home-wording-holder.dikanan {
		margin-left: 0 !important;
	}
	.prolog-product, .home-wording-holder-kebijakanmutu {
		max-width: 435px;
	}
	.home-numbers {
		max-width: 700px;
		margin: 0 auto;
		margin-top: 0px;
	}
	.scene.scene-03{
		background: url('../scene04b-bg2.jpg') no-repeat;
		height: 1925px;
	}
	#container-waterfall {
		margin: -110px 0 0 -45px;
	}
	.scene-03 .home-wording-holder {
		padding-top: 300px;
	}
	.scene-transition4 {
		margin-top: -690px;
	}
	.scene.scene-04{
		margin-top: 100px;
	}
	.scene-home-numbers {
		height: 530px !important;
	}

	/* =============== */
	.iphone #container-waterfall {
		left: 700px;
		top: 580px;
	}
	.iphone .scene-bahan {
		height: auto !important;
	}
	.iphone .heksa30product.m360.full-row {
		max-width: 850px;
		margin: 0 auto;
		margin-top: 0px;
	}
}

@media only screen and (min-width: 1366px) and (orientation: landscape){
	.iphone #scene-02 .home-wording-holder {
		margin-top: 250px;
	}
	.iphone .scene.tunas{
		background-size: cover !important;
		background-position: right !important;
	}
	.iphone #waterfall {
		height: 560px;
		width: 300px;
	}
	.iphone #container-waterfall {
		left: auto;
		top: 650px;
		right: 350px;
	}
	.iphone .scene-transition4 {
		margin-top: -350px;
	}
	.iphone .prolog-product {
		margin-top: 50px;
	}
	.iphone .scene.bebatuan {
		background: url(../bebatuan2.png) no-repeat;
	}
	.iphone #home-product {
		margin: 0 auto;
		max-width: 100%;
	}
	.iphone .product-main-display {
		width: 250px;
		height: 250px;
	}
	.iphone .scene.scene-04 {
		margin-top: 550px;
	}
}

@media only screen and (min-width: 1024px) and (orientation: portrait){
	.iphone #scene-02 .home-wording-holder {
		margin-top: 250px;
	}
	/* .iphone .scene-03 .home-wording-holder{
		padding-top: 500px;
	} */
	.iphone .scene.bebatuan {
		background: url(../bebatuan2.png) no-repeat;
	}
	.iphone #container-waterfall {
		top: 580px;
	}
	.iphone .scene-transition4 {
		margin-top: -350px;
	}
	.iphone .scene-transition4 {
		margin-top: -350px;
	}
	.iphone .prolog-product {
		margin-top: 250px;
	}
	.iphone .scene.scene-04 {
		margin-top: 550px;
	}
	.iphone .home-numbers {
		margin-top: 130px !important;
	}
	.iphone .home-numbers .container {
		max-width: 800px;
	}
	.iphone .home-number-wrapper.highlight {
		max-width: 600px;
		margin-left: 90px;
	}
}

@media screen and (width: 1080px) and (height: 810px){
	#quote-rotator {
		padding-top: 200px;
	}
	#kupu-holder {
		top: 200px;
		position: absolute;
		z-index: 2;
		left: 50%;
		margin-left: 213px;
	}
	.home-wording, .home-wording.title, .home-wording-holder {
		text-align: center;
	}
	.horiz-rule {
		margin: 30px auto;
	}
	.bg-text{
		background-color: rgb(0 0 0 / 60%);
    	padding: 20px;
	}

	.scene-transition3 .home-wording-holder {
		padding-top: 500px;
	}

	.home-wording-holder.dikanan {
		margin-left: 0 !important;
	}
	.prolog-product, .home-wording-holder-kebijakanmutu {
		max-width: 435px;
	}
	.home-numbers {
		max-width: 700px;
		margin: 0 auto;
		margin-top: 0px;
	}
	.scene.scene-03{
		background: url('../scene04b-bg2.jpg') no-repeat;
		height: 1925px;
	}
	#container-waterfall {
		margin: -110px 0 0 -45px;
	}
	.scene-03 .home-wording-holder {
		padding-top: 300px;
	}
	.scene-transition4 {
		margin-top: -690px;
	}
	.scene.scene-04{
		margin-top: 100px;
	}
	.scene-home-numbers {
		height: 530px !important;
	}
}

@media screen and (width: 810px) and (height: 1080px){
	#quote-rotator {
		padding-top: 200px;
	}
	#kupu-holder {
		top: 200px;
		position: absolute;
		z-index: 2;
		left: 50%;
		margin-left: 213px;
	}
	.home-wording, .home-wording.title, .home-wording-holder {
		text-align: center;
	}
	.horiz-rule {
		margin: 30px auto;
	}
	.bg-text{
		background-color: rgb(0 0 0 / 60%);
    	padding: 20px;
	}

	.scene-transition3 .home-wording-holder {
		padding-top: 70px;
	}
	.scene.scene-03 {
		margin-top: 30px;
	}

	.home-wording-holder.dikanan {
		margin-left: 0 !important;
	}
	.prolog-product, .home-wording-holder-kebijakanmutu {
		max-width: 435px;
	}
	.home-numbers {
		max-width: 610px;
		margin: 0 auto;
		margin-top: 0px;
	}
	.box-kebijakanmutu-holder {
		max-width: 650px;
	}
	.scene.scene-03{
		background: url('../scene04b-bg2.jpg') no-repeat;
		height: 1925px;
	}
	#container-waterfall {
		margin: 90px 0 0 85px;
	}
	.home-number-wrapper:nth-of-type(1), .home-number-wrapper:nth-of-type(2) {
		border-bottom: none;
	}
	.scene-03 .home-wording-holder {
		padding-top: 300px;
	}
	.scene-transition4 {
		margin-top: -690px;
	}
	.scene.scene-04{
		margin-top: 100px;
	}
	.scene-home-numbers {
		height: 530px !important;
	}
}

