<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*mobile portrait*/
@media only screen and (min-width: 10px) and (max-width: 999px) {
	:root {
		--f-xsmall: calc(13px * 0.7);
		--f-small: calc(15px * 0.7);
		--f-medium: calc(18.75px * 0.7);
		--f-large: calc(22.5px * 0.6);
		--f-xlarge: calc(37.5px * 0.6);
		--space-1 : calc(10px * 0.5);
	}
	.m-no{display:none;}
	.m-yes{display:block;}
	html, body{overflow-x:hidden;}
	
	/*CHECKBOX*/	
	.submenu-dropdown {width: calc(280px * 0.6); height: calc(62px * 0.6); margin-top: 10px;}
	.submenu-dropdown select {padding-left: calc(30px * 0.6); width: calc(280px * 0.6); height: calc(62px * 0.6);}
	.btn-drop{transform-origin: top right; transform: scale(.6); margin-top: -5px;}
	._select .desc{width: 100%; text-align: left;}
	.cus input[type="checkbox"]{display:none;}
	.cus input[type="checkbox"] + label span{
		display:inline-block;   
		width: calc(57px * 0.5); height: calc(59px * 0.5);
		margin: 0 calc(20px * 0.5) calc(-10px * 0.5) 0;
		vertical-align:middle; cursor:pointer;
		-moz-border-radius: 50%; border-radius: 50%;
	}
	.cus input[type="radio"] + label span{
		display:inline-block;   
		width: calc(57px * 0.5); height: calc(59px * 0.5);
		margin: 0 calc(20px * 0.5) calc(-10px * 0.5) 0;
		vertical-align:middle; cursor:pointer;
		-moz-border-radius: 50%; border-radius: 50%;
	}

	.cus input[type="checkbox"] + label span{background: url("../img/radio-off.png") no-repeat; background-size: calc(57px * 0.5) auto;}
	.cus input[type="checkbox"]:checked + label span{background: url("../img/radio-on.png") no-repeat; background-size: calc(57px * 0.5) auto;}
	.cus input[type="checkbox"] + label span, .cus input[type="checkbox"]:checked + label span{
	  -webkit-transition:background 0.3s linear;
	  -o-transition:background 0.3s linear;
	  -moz-transition:background 0.3s linear;
	  transition:background 0.3s linear;
	}
	.cus input[type="radio"] + label span{background: url("../img/radio-off.png") no-repeat; background-size: calc(57px * 0.5) auto;}
	.cus input[type="radio"]:checked + label span{background: url("../img/radio-on.png") no-repeat; background-size: calc(57px * 0.5) auto;}
	.cus input[type="radio"] + label span, .cus input[type="checkbox"]:checked + label span{
	  -webkit-transition:background 0.3s linear;
	  -o-transition:background 0.3s linear;
	  -moz-transition:background 0.3s linear;
	  transition:background 0.3s linear;
	}
	
	.btn-menu, header.small .btn-menu{display: none;}
	.icon-chat, .icon-search, .arrow-left, .arrow-right, .searchbtn, .btn-select, .historyplay, .historystop{transform-origin: right; transform: scale(.8);}
	.icon-fb, .icon-ig, .icon-tw, .icon-yt, .logo-martha{transform-origin: center; transform: scale(.7);}
	.logo-martha-shop{transform-origin: left; transform: scale(.7);}	
	.logo-sariayu{width: calc(232px * 0.7);}
	.icon-social-media{display: inline-block; width: 32px; height: 32px; opacity: .35; background-size: 590px 339px; transition: all .4s;margin-right: 5px;padding-bottom: 0px !important;}
	.icon-social-media{transform-origin: center; transform: scale(.7);}
	
	/*15Jun2021 - start*/
	/*carousel*/
	.owlPrev, .owlPrevW, .owlNext, .owlNextW, .disabled .owlPrev, .disabled .owlNext{margin-top: 0;}
	.owlPrev, .owlPrevW, .disabled .owlPrev, .icon-prev{transform-origin: left; transform: translate(0,-50%) scale(.7);}
	.owlNext, .owlNextW, .disabled .owlNext, .icon-next{transform-origin: right; transform: translate(0,-50%) scale(.7);}
	.owlPrev, .owlPrevW, .owl-prev.disabled .owlPrev, .owl-prev.disabled .owlPrev:hover{left: 0;}
	.owlNext, .owlNextW, .owl-next.disabled .owlNext, .owl-next.disabled .owlNext:hover{right: 0}
	
	.taukah-slider .owlPrev, .taukah-slider .owlNext{tranform: translate(0) scale(.7); top: 0; margin-top: -40px;}
		.taukah-slider .owlPrev{left: 0px}
		.taukah-slider .owlNext{right: 0px}
	
	.trend-nav .owlPrev, .trend-nav .owl-prev.disabled .owlPrev{transform-origin: left;}
	.trend-nav .owlNext, .trend-nav .owl-next.disabled .owlNext{transform-origin: right;}
	.trend-nav .owlPrev, .trend-nav .owlNext, .trend-nav .disabled .owlPrev, .trend-nav .disabled .owlNext{transform: scale(.7); margin-top: 15px;}
	/*15Jun2021 - end*/
	
	/*container*/
	section{padding-top: calc(130px * 0.6);}
	.container, .container-fluid, .wrapper{width: 86%; max-width: 620px;}
	.wrapper{width: 90%;}
	
	/*column*/
	.row, .newproduct-list, .product-list-1, .card-list, .content-img, .contact-form li{flex-wrap: wrap;}
	.col, .col-2, .col-3-1, .col-3-2, .card-list li, .market .col-3-1, .market .col-3-2{width: 100%;}
	.card-list li, .card-list li:nth-last-child(-n+3){margin-bottom: 5px;}
	.market .col-3-1, .market .col-3-2{text-align: center;}
	.market .col-3-1{padding-bottom: 60px;}
	.market .col-3-1 img{width: calc(306px * 0.8);}
	
	.preloader-content img{width: calc(232px * 0.8);}
	
	/*header*/
	.header-space{padding-top: 65px;}
	header .socket *{display: none;}
	header{padding-top: var(--space-2); min-height: 65px;}
	header.small{height: auto; min-height: 50px;}
	header .logo-sariayu{margin-top: 0;}
	
	header.small .logo-sariayu{margin-top: 5px; width: calc(232px * 0.5);}
	header.small .menu{margin-top: 0px;}
	header .socket-mobile{width: 86%; max-width: 620px; margin: auto; margin-top: 8px; margin-left: var(--space-5); display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-bottom: 20px;}
		.socket-mobile .icon-chat, .socket-mobile .icon-search{margin-left: var(--space-4);}
	.menu.small{opacity: 1; display: flex;}
	.menu-mobile {display: block; background: url(../img/icon-share.png) no-repeat -415px 0; background-size: 590px 339px; width: 63px; height: 41px; cursor: pointer; position: absolute; z-index: 2; top: 5px; right: 7%; transition: all .4s; transform: scale(.7);}
	header.small .menu-mobile {top: 0;}
	.menu-dropdown-icon:before{content: " "; display: block; cursor: pointer; position:absolute; right: 7%; background: url(../img/plus-on.png) no-repeat 0 0; background-size: 42px auto; width: 42px; height: 42px; transform: translateY(5px);}
	.menu-dropdown-icon.active:before{content: " "; display: block; cursor: pointer; position:absolute; right: 7%; background: url(../img/minus-on.png) no-repeat 0 0; background-size: 42px auto; width: 42px; height: 42px; transform: translateY(5px);}
	
	.menu{display:inline-block;}
	.menu &gt; ul {display: none; width:100%; max-width: 620px; padding-top: 55px;}
	.menu &gt; ul &gt; li {width: 100%; float: none; display: block;}
	.menu &gt; ul &gt; li.m-no {display: none;}
	.menu &gt; ul &gt; li a {width: 100%; display: block;}
	.menu &gt; ul &gt; li &gt; ul {position: relative; margin-top: -10px;}
	header.small .menu ul &gt; li &gt; ul{margin-top: 0;}
	.menu &gt; ul &gt; li &gt; ul.normal-sub {width: 100%; padding-top: 0; margin-top: 5px; padding-left: var(--space-8);}
	.menu &gt; ul &gt; li &gt; ul &gt; li {float: none; width: 100%;}
	.menu &gt; ul &gt; li &gt; ul &gt; li:first-child {margin: 0;}
	.menu &gt; ul &gt; li &gt; ul &gt; li &gt; ul {position: relative;}
	.menu &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li {float: none;}
	.menu .show-on-mobile {display: block; height: 100%;}
	.menu &gt; ul &gt; li &gt; ul.normal-sub &gt; li a {color: #fff;}
	
	/*footer*/
	footer .logo-sariayu{width: calc(162px * 0.8); height: auto; margin: var(--space-4) auto;}
	footer .menu-footer, footer .socket-1 .col-3-1{display: none;}
	footer .socket-1 .col-3-2{justify-content: center;}
		footer .socket-1 .col-3-2 .title-italic{width: 100%; padding-bottom: var(--space-4); text-align: center;}	
	footer .socket-2 .col-3-1, footer .socket-2 .col-3-2{justify-content: center; text-align: center;}
		footer .socket-2 .col-3-1 div{margin: auto;}
	
	/*tooltip*/
	.tooltip *{transform-origin: left; transform: scale(.85);}
	center .tooltip *, .is-center .tooltip *{transform-origin: center; transform: scale(.85);}
	.tooltip._left .tooltip-icon{margin-left: -16px;}
		center .tooltip._left .tooltip-icon, .is-center .tooltip._left .tooltip-icon{margin-left: -16px;}
		.banner-slider .tooltip._left .tooltip-icon{margin-left: -10px; transform: scale(1);}
	.tooltip._right .tooltip-icon{margin-right: 16px;}
		center .tooltip._right .tooltip-icon, .is-center .tooltip._right .tooltip-icon{margin-right: -16px;}
		.banner-slider .tooltip._right .tooltip-icon{margin-right: -10px; transform: scale(1);}
	.tooltip-bar{font-size: calc(22.5px * 0.7); padding: 25px 0;}
	
	/*animate*/
	@keyframes pulse {
		from {transform: scale3d(1, 1, 1);}
		50% {transform: scale3d(.85, .85, .85);}
		to {transform: scale3d(1, 1, 1);}
	}
	.pulse {transform-origin: center;}
	
	._scale{transform: scale(.8); margin-top: -3px;}
	
	.bahan-pilih .slider-nav .owl-stage, .bahan-pilih .imageNav .owl-stage {right: 0%;}
	.imageNav{padding-bottom: 20px;}
	
	.content-bg, .content-panel{margin-top: calc(140px * 0.6);}
	.content-panel{padding: var(--space-7) 0;}	
	
	.content-img{width: 100%; margin: auto;}
		.content-img._right, .content-img._left, .content-img._left-top{padding-left: 0; padding-right: 0; }
		.content-img ._overlay{position: relative; top: auto; transform: translate(0); width: 100%;}
		.content-img ._overlay._left, .content-img ._overlay._right, .content-img ._overlay._center{left: auto; right: auto; margin: auto;}
		.content-img img{padding-bottom: var(--space-4);}
		.content-img .title, .content-img .desc, .content-img .social, .content-img .subtitle{width: 90%; margin: auto;}
		.content-img.reverse{flex-direction: column-reverse;}
	
	.on-top{position: relative; width: 100%; margin-top: var(--space-4); flex-wrap: wrap; justify-content: center;}
		.on-top li{width: calc(212px * 0.7); height: calc(212px * 0.7); margin: var(--space-2);}

    .paging li{font-size: calc(26px * 0.7); padding: 0;}
    .paging li:nth-child(n+6){display: none;}
    .paging li span{font-size: calc(26px * 0.7); padding: 0;}
    .paging li.active span{font-size: calc(60px * 0.7);}
	.paging .icon-prev, .paging .icon-next{margin-left: 0; margin-right: 0;}
	
	._back{position: relative; max-width: 100%; margin: auto;}
		.bahan-pilih ._back, .product-content ._back{margin-top: 0; padding-bottom: var(--space-4); text-align: center;}
		.bahan-pilih ._back img, .product-content ._back img{width: 100%; max-width: 400px; display: inline-block;}
		.product ._back{margin-top: 0;}
		.product ._back img{max-width: 100%}
		.product-detail-2 ._back{margin-top: 0px; padding-bottom: var(--space-4);}
		._product-float{text-align: center;}
		._product-float img{width: 100%; max-width: 400px; display: inline-block;}
	.circle_percent, .img-circle img{transform-origin: center; transform: scale(.8);}
	
	.sub-nav{flex-wrap: wrap; padding: var(--space-0) 0;}
	.sub-nav.fixed{margin: auto; margin-top: 50px; padding: 0 5%; padding-top: 10px;}
	
	.title-float{margin-top: calc(140px * 0.6);}
	
	.taukah-slider{width: 100%; margin: auto;}
	.taukah-slider .item{padding-top: 20px;}
	.taukah-slider .owl-nav{height: 0;}
	#taukah-counter{margin-top: var(--space-2);}
	
	._overlayimg{max-width: 100%}
	
	.card-list li ._bg img{object-fit: cover; object-position: center;}
	
	/*home*/
	.banner-home{display: none;}
	.banner-home-m{display: block;}
	
	.bm{display: block; width: 100%; position: relative; margin: auto;}
		.bm ._img, .bm ._text, .bm ._poin, .bm ._dot{position: absolute; top: 0; left: 0; right: 0; margin: auto;}
		.bm ._img{z-index: 1;}
		.bm ._text{z-index: 2;}
		.bm ._poin{z-index: 3;}
		.bm ._dot{z-index: 4; left: auto; right: 5%; top: 180px;}
		.bm ._dot li{transform-origin: center; transform: scale(.5); margin-bottom: -20px;}
		.bm ._menu{display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 92%; margin: auto; padding-top: 20px;}
			.bm ._menu li{width: 25%;}
		.bm ._title{font-family: var(--f-times); font-style: italic; font-size: var(--f-large); opacity: 1;}
		.bm ._text{font-size: var(--f-small);}
		.bm ._list-1, .bm ._list-2, .bm ._list-2-1, .bm ._list-2-2{font-size: var(--f-small); padding-top: var(--space-2); text-transform: uppercase; transform-origin: left; transform: scale(.9);}
		.bm ._list-1 li, .bm ._list-2 li{padding-bottom: var(--space-1); padding-left: var(--space-3);}
			.bm ._list-2-1{float: left; width: 45%; padding: 0;}
			.bm ._list-2-2{float: right; width: 50%; padding: 0;}
		.bm ._nav{position: relative; width: 315px; height: 65px; background: #c6ddd5; font-family: var(--f-times); font-size: var(--f-xlarge); font-style: italic; border-radius: 30px; -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2); padding: 0; margin-top: var(--space-3); opacity: 1; transform-origin: top left; transform: scale(.6);}
			.bm .hide-obj-1 .title-italic{padding: 0 22px; font-size: var(--f-xlarge); padding-top: 22px;}
			.bm .mov-obj-3 .title-italic{padding: 0 10px; font-size: var(--f-xlarge); padding-top: 22px;}
		.bm ._prev, .bm ._next, .bm ._plus{display: block; width: 93px; height: 91px; transition: all .3s; margin-top: -5px;}
		.bm ._prev{background: url("../img/prev-off.png") no-repeat; margin-left: -20px;}
			.bm ._prev:hover{background: url("../img/prev-on.png") no-repeat;}
		.bm ._next{background: url("../img/next-off.png") no-repeat; margin-right: -20px;}
			.bm ._next:hover{background: url("../img/next-on.png") no-repeat;}
		.bm ._plus{background: url("../img/plus-off.png") no-repeat; margin-right: -20px;}
			.bm ._plus:hover{background: url("../img/plus-on.png") no-repeat;}
		.bm ._switch{display: block; width: 16px; height: 16px; background: transparent; border: var(--line-2); border-radius: 50%; transition: all .3s; transform-origin: top;}
			.bm ._switch:hover, .bm ._switch.active{width: 22px; height: 22px; background: var(--c-blackl); transition: all .3s; transform: translateX(-2px);}
	.bm .mov-obj-2, .bm .mov-obj-3.move{position: relative; display: block; transition: all .4s ease; pointer-events: auto; margin: auto; transform-origin: top center;}	
	.bm .mov-obj-2._cusHeight{height: 390px;}
	.bm .mov-obj-2.move{position: absolute; display: none; pointer-events: none;}		
	.bm .mov-obj-3{display: block;}	
	.bm .mov-obj-3.move{position: relative; display: none; height: 100%;}
	.bm .hide-obj-1{opacity: 1; transition: all .4s ease;}
	.bm .hide-obj-1.move{opacity: 0; transition: all .4s ease;}
	
	/*banner*/
	.banner{padding-bottom: 20px;}
	.banner .tooltip, .banner ._text{position: relative; top: auto; transform: translate(0); color: var(--c-blackl); opacity: 0;}
	.banner .tooltip-bar{font-size: var(--f-xsmall);}
	.banner-slider .owl-item.active .banner .tooltip, .banner-slider .owl-item.active .banner ._text{opacity: 1;}
		.banner._1 ._text, .banner._2 ._text, .banner._3 ._text, .banner._4 ._text, .banner._5 ._text, .banner._6 ._text{width: 90%; margin: auto; top: auto; left: auto; right: auto; padding-top: var(--space-6); text-align: center;}
		.banner._1 .tooltip, .banner._2 .tooltip, .banner._3 .tooltip, .banner._4 .tooltip, .banner._5 .tooltip, .banner._6 .tooltip{ width: auto; top: auto; left: auto; right: auto; padding-top: var(--space-6); padding-left: 40px; margin: auto; display: flex; justify-content: center;}
		.banner-nav .item._1, .banner-nav .item._2, .banner-nav .item._3, .banner-nav .item._4, .banner-nav .item._5, .banner-nav .item._6{transform-origin: top left; transform: scale(.6); font-size: var(--f-medium);}
	
	.banner-slider .owl-item.active .banner ._text{-webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUpGo; animation-delay: .4s;}
		.banner-slider .owl-item.active .banner._3 ._text{-webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUpGo; animation-delay: .4s;}
		.banner-slider .owl-item.active .banner .tooltip-icon{-webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: zoomInGo;animation-delay: .4s;}
		.banner-slider .owl-item.active .banner .tooltip._left .tooltip-bar{-webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInRightGo;animation-delay: .4s;}
		.banner-slider .owl-item.active .banner .tooltip._right .tooltip-bar{-webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInLeftGo;animation-delay: .4s;}
	
	/*product*/
	.newproduct-list li{margin: auto; margin-top: 40px;}
	.product-list-1{margin-top: -20px;}	
		.product-related._limit .product-list-1 li:nth-child(-n+4){display: block;}	
		.product-list-1 li{width: 100%;}
		.product .col-3-1 .tooltip{margin-top: 0;}
		.product .col-3-2{width: 100%;}
		.content-panel.product{padding-top: 0;}
	.product-detail .row.reverse{flex-direction: column-reverse;}
	.product-detail .content-bg{margin-top: 160px;}
	.product-content{padding-top: 60px;}
		.product-detail-2 .col-3-1{margin-top: 20px;}
    	.product-detail-2 .col-3-2{width: 100%;}
    	.product-detail-2 .col-3-1 .tooltip *{transform-origin: center;}
	
	/*whats happening*/
	#themes{margin-top: -30px;}
	.themes-a {padding-top: var(--space-4); display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 0px 0px; grid-template-areas: "a1 a3" "a1 a4" "a2 a2" "a2 a2" "a5 a6" "a5 a7";}
		.themes-a .a1{grid-area: a1;}
		.themes-a .a3{grid-area: a3;}
		.themes-a .a4{grid-area: a4;}
		.themes-a .a2{grid-area: a2;}
		.themes-a .a5{grid-area: a5;}
		.themes-a .a6{grid-area: a6;}
		.themes-a .a7{grid-area: a7;}
	.themes-b {padding-top: var(--space-4); display: grid; grid-template-columns: 1fr 1fr; gap: 0px 0px; grid-template-areas: "b1 b1" "b1 b1" "b2 b3";}
		.themes-b .b1{grid-area: b1;}
		.themes-b .b2{grid-area: b2;}
		.themes-b .b3{grid-area: b3;}
		.themes-b .b4{grid-area: b4;}
		.themes-b .b5{grid-area: b5;}
		.themes-b .b6{grid-area: b6;}
		.themes-b .b7{grid-area: b7;}
	.themes-c {padding-top: var(--space-4); display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 0px 0px; grid-template-areas: "c1 c3" "c1 c4" "c2 c2" "c2 c2" "c5 c7" "c6 c7";}
		.themes-c .c1{grid-area: c1;}
		.themes-c .c3{grid-area: c3;}
		.themes-c .c4{grid-area: c4;}
		.themes-c .c2{grid-area: c2;}
		.themes-c .c5{grid-area: c5;}
		.themes-c .c6{grid-area: c6;}
		.themes-c .c7{grid-area: c7;}
	.themes-d {padding-top: var(--space-4); display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr; gap: 0px 0px; grid-template-areas: "d1 d1" "d1 d1" "d2 d4" "d3 d4" "d5 d6"; align-items: end; margin-top: -20vw;}
		.themes-d .d1{grid-area: d1;}
		.themes-d .d2{grid-area: d2;}
		.themes-d .d3{grid-area: d3;}
		.themes-d .d4{grid-area: d4;}
		.themes-d .d5{grid-area: d5;}
		.themes-d .d6{grid-area: d6;}
	.themes-e {padding-top: var(--space-4); display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 0px 0px; grid-template-areas: "e1 e3" "e1 e3" "e2 e2" "e2 e2" "e2 e2" "e4 e5";}
		.themes-e .e1{grid-area: e1;}
		.themes-e .e3{grid-area: e3;}
		.themes-e .e2{grid-area: e2;}
		.themes-e .e4{grid-area: e4;}
		.themes-e .e5{grid-area: e5;}
	
	/*bahan*/
	.bahan-banner ._overlay.landing1, .bahan-banner ._overlay.landing2{position: absolute; z-index: -1;}
	.bahan-banner ._overlay.landing1.show, .bahan-banner ._overlay.landing2.show{position: relative; width: 90%; top: auto; left: auto; transform: translate(0); padding-top: var(--space-6); z-index: 1;}
	.bahan-banner ._overlay.landing1 ._desc.m-yes{position: absolute; top: 0; left: 0; right: 0; margin: auto;}
	._shortDesc{display: block; position: absolute; z-index: 2; top: 20vw; left: 0; right: 0; margin: auto;}
		._shortDesc._right{left: auto; right: 5%; top: 5%;}
		._shortDesc._left{left: 5%; right: auto; top: 5%;}
		.bahan-banner ._shortDesc ._desc{color: #fff;}
	.bahan-banner ._desc{color: var(--c-blackl);}
	.bahan-banner .tooltip{margin: var(--space-6) auto; margin-left: 0;}
	.bahan-banner .content-bg{margin-top: 0;}
	.map{max-width: 620px;}
		.mapNav ._text{height: 60%;}
		.mapNav ._plus{max-width: calc(93px * .6);}
	
	.bahan-pilih ._bgPage img{min-height: 240px; object-fit: cover; object-position: bottom;}
	.bahan-pilih ._nav{padding-top: calc(100px * 0.5); margin-bottom: -80px;}
	.bahan-pilih ._nav ._hover{opacity: 1; font-size: var(--f-xlarge);}
	.bahan-pilih ._nav ul{padding-top: var(--space-4);}
	.bahan-pilih ._nav .item{width: calc(218px * 0.8); transform-origin: top left; transform: scale(.7);}
	.bahan-pilih .content-panel{width: 100%; margin: auto; margin-top: 30px;}
	.bahan-pilih ._list-1{width: 100%;}
	.bahan-pilih .col-3-1{padding-top: var(--space-4); text-align: center;}
	.bahan-pilih .col-3-1 .tooltip *{transform-origin: center;}
	
	.bahan-pilih ._cat{flex-wrap: wrap;}
	.bahan-pilih ._cat .title-italic{padding-right: 0px; width: 100%;}
	
	.bahan-pilih-detail .content-bg{padding-bottom: 40px;}
	
	/*trend warna*/
	.trend-warna img._scalelogo{width: 350px; max-width: 70%;}	
	.trend-warna ._line{top: 55px; width: 54vw;}
	.trend-nav .item{width: 320px; text-align: center;}
	.trend-nav .item img{width: 320px; height: 130px; object-fit: cover; object-position: center; text-align: center;}
	
	/*promo*/
	.events-1 .slider2{padding-top: 40px;}
	
	/*stores*/
	.stores-1{margin-top: 0;}
	.stores-1 button{width: 100%;}
	.stores-1 .title-italic{line-height: var(--f-xlarge);}
	.stores-filter{padding-top: calc(50px * 0.8); margin-top: calc(50px * 0.8);}
	.stores-filter li{width: 100%; margin-bottom: var(--space-4);}
	.stores-filter li:nth-child(1){width: 100%; margin: auto; margin-bottom: var(--space-5);}
	.stores-filter .row._select{flex-wrap: wrap;}
	.stores-filter .styled-select{width: 100%;}
	.stores-filter .styled-select select{height: 60px; margin-top: -8px; padding: 0;}
	.grid-item, .grid-sizer{width:100%;}
	
	/*beauty-tips*/
	.beauty-tips-1{margin-top: 0;}	
	.beauty-tips .paging{display: none;}
	.card-list._limit li:nth-child(-n+3){display: none;}
	
	/*tentang*/
	.tentang-founder, .tentang-founder._martha, .tentang-founder._wulan{min-width: 320px; max-width: 400px; width: 80%;}
		.tentang-founder.move-wulan, .tentang-founder.move-martha, .tentang-founder.move-martha .tf._5{transform: none;}
		.tf._wulan, .tf._martha{width: auto; top: 0; left: auto; margin: 0; margin-top: -20px; transform-origin: top; transform: scale(.8);}
		.tf._martha{right: 0;}
		.tentang-wulan, .tentang-martha{position: relative; width: 90%; margin: auto; top: auto; left: auto; right: auto; transform: none;}
	.tentang-sariayu-2 ._overlay._center{top: 25%; margin: 0; margin-right: 10%;}
	.tentang-sariayu-2 ._overlay._right, .tentang-sariayu-2 ._overlay._center{width: 100%; top: auto; margin: auto; padding-top: 20px;}
	.tentang-sariayu-3 .col-3-2{width: 100%;}
	#speech{top: 150px;}
	
	.clean-beauty img._scalelogo{width: 350px; max-width: 70%;}
	.clean-beauty ._overlayimg{max-width: 100%;}
	.clean-beauty .card-list{margin-bottom: 40px;}
	.clean-beauty .card-list li{width: 100%;}
	.clean-beauty ._overlay ._w{color: var(--c-blackl);}
	
	.history{margin-bottom: 40px;}
	.historynav{top: auto; bottom: 5%; left: 38%; width: 62%;}
	.historyline{width: 65%;}
	.historyslider ._desc{width: 85%; padding-top: 20px; margin: auto;}
	.tentangslider{width: 100%;}
	
	.our-women-1 img, .our-women-2 img{padding: 20px 0;}
	
	/*achivements*/
	.achivements{margin-top: 0; padding-top: 10px;}
	.achivements ._bgPage{opacity: .5;}
	.achivements .sub-nav a:hover, .achivements .sub-nav li.active{color: var(--c-black);}
	.achivements-1{width: 100%;}
	.achivements-2 .card-list ._overlay{height: auto; min-height: 35%; max-height: 100%;}
	
	/*contact*/
	.contact ._bgPage img{width: 100vw; height: 100vw; object-fit: cover; object-position: center; }
	.contact-1{margin-top: calc(350px * 0.6);}
	.contact ._img{margin-top: calc(-260px * 0.6);}
	.contact ._img img{width: calc(400px * 0.6);}
	.contact-form li{margin-bottom: 40px;}
	.contact-form .styled-select{margin-top: 30px;}
	.contact-form .col-3-1{width: 99%;}
	.contact-form .col-3-2{width: 100%;}
	.btn-main{margin: auto;}
	
	/*search*/
	.search-1{margin-top: 0px; padding-bottom: 20px;}
}

/*mobile landscape*/
@media only screen and (min-width: 650px) and (max-width: 999px) {
	.card-list li{width: 48.2%; margin: 5px;}
	.product-list-1 li{max-width: 48%;}
	.stores-1 button{width: auto;}
	.grid-item, .grid-sizer{width:50%;}
	.historynav{top: auto; bottom: 5%; left: 18%; width: 82%;}
}

/*desktop 1024*/
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
	:root {
		--f-xsmall: calc(13px * 0.7);
		--f-small: calc(15px * 0.7);
		--f-medium: calc(18.75px * 0.7);
		--f-large: calc(22.5px * 0.7);
		--f-xlarge: calc(37.5px * 0.7);
		--space-1 : calc(10px * 0.6);
	}
	html, body{overflow-x:hidden;}
	
	/*CHECKBOX*/
	.banner-home input[type="checkbox"] + label span {width: 30px; height: 31px; margin:0 16px -5px 0;}
	.banner-home input[type="checkbox"] + label span, .banner-home input[type="checkbox"]:checked + label span{background-size: 30px auto;}
	.contact-form .styled-select select {margin-top: -15px;}

	.banner-home input[type="radio"] + label span {width: 30px; height: 31px; margin:0 16px -5px 0;}
	.banner-home input[type="radio"] + label span, .banner-home input[type="radio"]:checked + label span{background-size: 30px auto;}
	
	.submenu-dropdown {width: calc(280px * 0.7); height: calc(62px * 0.7);}
	.submenu-dropdown select {padding-left: calc(30px * 0.7); width: calc(280px * 0.7); height: calc(62px * 0.7);}
	.btn-drop{transform-origin: top right; transform: scale(.7); margin-top: -5px;}
	
	.icon-chat, .icon-search, .arrow-left, .arrow-right, .btn-menu, .logo-martha, .searchbtn, .btn-select, .historyplay, .historystop{transform-origin: right; transform: scale(.6);}
	.icon-fb, .icon-ig, .icon-tw, .icon-yt{transform-origin: center; transform: scale(.6);}
	.logo-martha-shop{transform-origin: left; transform: scale(.6);}	
	.logo-sariayu{width: calc(232px * 0.6);}
	.icon-menu-1, .icon-menu-2, .icon-menu-3, .icon-menu-4, .icon-menu-5, .icon-menu-6, .icon-menu-7, .tab-menu-link.active .icon-menu-1, .tab-menu-link.active .icon-menu-2, .tab-menu-link.active .icon-menu-3, .tab-menu-link.active .icon-menu-4, .tab-menu-link.active .icon-menu-5, .tab-menu-link.active .icon-menu-6, .tab-menu-link.active .icon-menu-7{transform-origin: center; transform: scale(.8);}
	.icon-social-media{display: inline-block; width: 32px; height: 32px; opacity: .35; background-size: 590px 339px; transition: all .4s;margin-right: 5px;padding-bottom: 0px !important;}
	.icon-social-media{transform-origin: center; transform: scale(.6);}
	
	/*container*/
	section{padding-top: calc(130px * 0.4);}
	.container, .container-fluid, .wrapper{width: 90%;}
	.wrapper{width: 95%;}
	
	/*carousel*/
	.owlPrev, .owlNext, .disabled .owlPrev, .disabled .owlNext{margin-top: calc(-100px * .75);}
	.owlPrev, .disabled .owlPrev, .icon-next{transform-origin: left; transform: scale(.6);}
	.owlNext, .disabled .owlNext, .icon-prev{transform-origin: right; transform: scale(.6);}
	.owlPrevW{transform-origin: left; transform: translate(0,-50%) scale(.6); left: 10px;}
	.owlNextW{transform-origin: right; transform: translate(0,-50%) scale(.6); right: 10px;}
	
	/*header*/
	.header-space{padding-top: 95px;}
	header{padding-top: var(--space-2);}
	header.small{height: 45px;}
	header.small .logo-sariayu{margin-top: 0px; width: calc(232px * 0.5);}
	header.small .menu{margin-top: -18px;}
	header.small .menu ul &gt; li &gt; ul{margin-top: -5px;}
	
	header.zoom{padding-top: var(--space-2); height: auto;}
	header.zoom .logo-sariayu{margin-top: 25px; width: calc(232px * 0.6);}
	header.zoom .menu, header.zoom .menu ul &gt; li &gt; ul{margin-top: 0px;}
	header.zoom .socket.small.show, header.zoom .menu.small.show{opacity: 1; display: flex;}
	
	.menu &gt; ul{width: 90%;}
	.menu &gt; ul &gt; li &gt; ul {padding: var(--space-2) 5%;}
	.menu &gt; ul &gt; li &gt; ul.normal-sub {width: calc(300px * 0.6);}
	.btn-menu{transform-origin: top; transform: scale(.6);}
	.btn-menu.move{transform: translate(60px,0) scale(.6);}
	
	#taukah-counter .count{font-size: calc(60px * 0.5);}
	
	/*footer*/
	footer .logo-sariayu{width: calc(162px * 0.6); height: auto;}
	
	/*tooltip*/
	.tooltip *{transform-origin: left; transform: scale(.85);}
	center .tooltip *, .is-center .tooltip *{transform-origin: center; transform: scale(.85);}
	.tooltip._left .tooltip-icon{margin-left: -16px;}
		center .tooltip._left .tooltip-icon, .is-center .tooltip._left .tooltip-icon{margin-left: -16px;}
		.banner-slider .tooltip._left .tooltip-icon{margin-left: -10px; transform: scale(1);}
	.tooltip._right .tooltip-icon{margin-right: 16px;}
		center .tooltip._right .tooltip-icon, .is-center .tooltip._right .tooltip-icon{margin-right: -16px;}
		.banner-slider .tooltip._right .tooltip-icon{margin-right: -10px; transform: scale(1);}
	.tooltip-bar{margin-top: 5px; font-size: calc(22.5px * 0.7);}
	.tooltip._left .tooltip-bar{padding-left: calc(80px * 0.9); padding-right: calc(50px * 0.9);}
	.tooltip._right .tooltip-bar{padding-left: calc(50px * 0.9); padding-right: calc(80px * 0.9);}
	
	/*animate*/
	@keyframes pulse {
		from {transform: scale3d(.9, .9, .9);}
		50% {transform: scale3d(.8, .8, .8);}
		to {transform: scale3d(.9, .9, .9);}
	}
	.pulse {transform-origin: center;}
	
	._scale{transform: scale(.7); margin-top: -5px;}
	
	.imageNav .owl-item{transform-origin: left; transform: scale(.65);}
	
	.content-bg, .content-panel{margin-top: calc(140px * 0.4);}
	.content-panel{padding: var(--space-7) 0;}
	
	.paging li{font-size: calc(26px * 0.6);}
	.paging li span{font-size: calc(26px * 0.6);}
	.paging li.active span{font-size: calc(60px * 0.6);}
	
	.bahan-pilih ._back{margin-top: 120px;}
	.product ._back{margin-top: 0;}
	
	.circle_percent, .img-circle img{transform-origin: center; transform: scale(.6);}
	
	.sub-nav.fixed{margin-top: 45px; padding-top: 10px;}
	.sub-nav.zoom{padding-top: 55px;}
	
	.title-float{margin-top: calc(112px * 0.4);}
	
	.banner-nav .item._1, .banner-nav .item._2, .banner-nav .item._3, .banner-nav .item._4, .banner-nav .item._5, .banner-nav .item._6{transform-origin: center; transform: scale(.8); font-size: var(--f-medium);}
		
	/*home*/
	.banner-home ._title{font-size: calc(32px * 0.6);}
		.banner-home ._list-1, .banner-home ._list-2{padding-top: var(--space-2); padding-left: var(--space-6);}
		.banner-home ._nav{width: 300px; transform-origin: top left; transform: scale(.6); font-size: var(--f-large);}
			.banner-home .mov-obj-3 ._nav{width: 285px;}
		.banner-home ._switch{transform-origin: center; transform: scale(.8);}
		.banner-home ._switch:hover, .banner-home ._switch.active{transform: translateX(-2px) scale(.8);}
	.tooltipc.left{transform-origin: left; margin-right: -130px;}
	.tooltipc.right{transform-origin: right; margin-left: -120px;}
	.tooltipc.left, .tooltipc.right{transform: scale(.6);}
	
	.mov-obj-1 ._1{transform-origin: top; transform: translateX(-120px) scale(.6);}
	.mov-obj-1 ._2{transform-origin: right; transform: translateX(-50px) scale(.6);}
	.mov-obj-1 ._3{transform-origin: bottom; transform: translateX(-20px) scale(.6);}
	.mov-obj-1 ._4{transform-origin: left; transform: translateX(-20px);}
	.mov-obj-2{transform-origin: top left; transform: translateX(50px) translateY(-10px);}
	.mov-obj-3{transform-origin: top left; transform: translateX(-70px) translateY(-10px); width: 375px;}
	.mov-obj-2.move{transform: translateX(-220px) translateY(-10px);}
	
	/*bahan*/
	.landing1{padding-top: 100px;}
	.landing2{padding-top: 100px;}
	.mapNav ._plus{max-width: calc(93px * .6);}
	
	.bahan-pilih .col-3-2{width: 60%;}
	.bahan-pilih ._nav ._hover{font-size: var(--f-xlarge);}
	
	/*product*/
	.product-content{padding-top: 80px;}
	.product-list-1{margin-top: -20px;}
	.product-detail ._product-float{margin-top: calc(-180px * 0.6);}
	.product-detail-2 .row._around{margin: -40px auto;}
	.product-detail-2 .row._item-center{margin: -50px auto;}
	
	/*trend warna*/
	.trend-warna img._scalelogo{width: calc(607px * 0.6);}	
	
	/*stores*/
	.stores-1{margin-top: 0;}
	.stores-filter{padding-top: calc(50px * 0.6); margin-top: calc(50px * 0.6);}
	.stores-filter li{width: 32%;}
	
	/*beauty-tips*/
	.beauty-tips-1{margin-top: 0;}
	
	/*tentang*/
	.tentang-founder{width: calc(967px * 0.6);}
		.tf._wulan{top: 0px; margin-left: calc(-220px * 0.9);}
		.tf._martha{top: 110px; margin-left: 170px;}
		.tentang-wulan{top: calc(320px * 0.7);}
		.tentang-martha{top: calc(450px * 0.7);}
	.tentang-founder.move-wulan{transform: translateX(130px);}
	.tentang-founder.move-martha{transform: translateX(-150px);}
	.tentang-founder.move-martha .tf._5{transform: translateX(300px);}
	.tentang-sariayu-2 ._overlayimg{max-width: 50vw;}
	.tentang-sariayu-2 ._overlay._center{top: 15vw; margin: 0; margin-right: 10%;}
	.tentang-sariayu-2 ._overlay._right{width: 36vw;}
	
	.tentang-founder._martha{width: calc(1106px * 0.6);}
	.tentang-founder._wulan{width: calc(1076px * 0.6);}	
	
	.clean-beauty img._scalelogo{width: calc(634px * 0.6);}
	.clean-beauty ._overlayimg{max-width: calc(704px* 0.6);}
	
	.historynav{top: 33.5vw; left: 9.2%; width: 90.8%;}
	
	.tentangslider{width: 100%;}
	
	.achivements-1{width: 60%;}
	
	/*contact*/
	.contact-1{margin-top: calc(350px * 0.6);}
	.contact ._img{margin-top: calc(-260px * 0.6);}
	.contact ._img img{width: calc(400px * 0.6);}
	.contact-form .col-3-2{margin-top: 15px;}
	
	/*search*/
	.search-1{margin-top: 0px;}
}
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
	.on-top{position: relative; width: 100%; margin: auto;}
}
@media only screen and (min-width: 1100px) and (max-width: 1399px) {
	.mov-obj-1 ._1{transform-origin: top; transform: translateY(2.5vw) translateX(-120px) scale(.6);}
	.mov-obj-1 ._2{transform: translateY(2.5vw) translateX(-70px) scale(.6);}
	
	.historynav{top: 33.5vw; left: 9.6%; width: 90.4%;}
}
@media only screen and (min-width: 1260px) and (max-width: 1399px) {
	.mov-obj-1 ._1{transform-origin: top; transform: translateY(4.5vw) translateX(-100px) scale(.65);}
	.mov-obj-1 ._2{transform: translateY(4.5vw) translateX(-80px) scale(.65);}
	.historynav{top: 33vw; left: 10.5%; width: 89.5%;}
}

/*desktop 1440*/
@media only screen and (min-width: 1400px) and (max-width: 1800px) {
	:root {
		--f-xsmall: calc(13px * 0.8);
		--f-small: calc(15px * 0.8);
		--f-medium: calc(18.75px * 0.8);
		--f-large: calc(22.5px * 0.8);
		--f-xlarge: calc(37.5px * 0.8);
		--space-1 : calc(10px * 0.8);
	}
	html, body{overflow-x:hidden;}
	
	/*CHECKBOX*/
	.banner-home input[type="checkbox"] + label span {width: 36px; height: 35px; margin:0 16px -5px 0;}
	.banner-home input[type="checkbox"] + label span, .banner-home input[type="checkbox"]:checked + label span{background-size: 36px auto;}

	.banner-home input[type="radio"] + label span {width: 36px; height: 35px; margin:0 16px -5px 0;}
	.banner-home input[type="radio"] + label span, .banner-home input[type="radio"]:checked + label span{background-size: 36px auto;}
	
	.submenu-dropdown {width: calc(280px * 0.8); height: calc(62px * 0.8);}
	.submenu-dropdown select {padding-left: calc(30px * 0.7); width: calc(280px * 0.8); height: calc(62px * 0.8);}
	.btn-drop{transform-origin: top right; transform: scale(.8); margin-top: -6px;}
	
	.icon-chat, .icon-search, .arrow-left, .arrow-right, .btn-menu, .logo-martha, .searchbtn, .btn-select, .historyplay, .historystop{transform-origin: right; transform: scale(.8);}
	.icon-fb, .icon-ig, .icon-tw, .icon-yt{transform-origin: center; transform: scale(.8);}
	.logo-martha-shop{transform-origin: left; transform: scale(.8);}	
	.logo-sariayu{width: calc(232px * 0.8);}
	.icon-social-media{display: inline-block; width: 32px; height: 32px; opacity: .35; background-size: 590px 339px; transition: all .4s;margin-right: 5px;padding-bottom: 0px !important;}
	.icon-social-media{transform-origin: center; transform: scale(.8);}
	
	/*container*/
	section{padding-top: calc(130px * 0.8);}
	
	/*carousel*/
	.owlPrev, .owlNext, .disabled .owlPrev, .disabled .owlNext{margin-top: calc(-100px * .85);}
	.owlPrev, .disabled .owlPrev, .icon-next{transform-origin: left; transform: scale(.8);}
	.owlNext, .disabled .owlNext, .icon-prev{transform-origin: right; transform: scale(.8);}
	
	/*header*/
	.header-space{padding-top: 120px;}
	header{padding-top: var(--space-3);}
	header.small{height: 65px;}	
	header.small .logo-sariayu{margin-top: 0px; width: calc(232px * 0.8);}
	
	header.zoom{padding-top: var(--space-3); height: auto;}
	header.zoom .logo-sariayu{margin-top: 25px; width: calc(232px * 0.8);}
	header.zoom .menu, header.zoom .menu ul &gt; li &gt; ul{margin-top: 0px;}
	header.zoom .socket.small.show, header.zoom .menu.small.show{opacity: 1; display: flex;}
	
	.menu &gt; ul &gt; li &gt; ul.normal-sub {width: calc(300px * 0.8);}
	.btn-menu{transform-origin: top center; transform: scale(.8);}
	.btn-menu.move{transform: translate(80px,0) scale(.8);}
	
	#taukah-counter .count{font-size: calc(60px * 0.8);}
	
	/*footer*/
	footer .logo-sariayu{width: calc(162px * 0.8); height: auto;}
	
	/*tooltip*/
	.tooltip *{transform-origin: left; transform: scale(.85);}
	center .tooltip *, .is-center .tooltip *{transform-origin: center; transform: scale(.85);}
	.tooltip._left .tooltip-icon{margin-left: -16px;}
		center .tooltip._left .tooltip-icon, .is-center .tooltip._left .tooltip-icon{margin-left: -16px;}
		.banner-slider .tooltip._left .tooltip-icon{margin-left: -10px; transform: scale(1);}
	.tooltip._right .tooltip-icon{margin-right: 16px;}
		center .tooltip._right .tooltip-icon, .is-center .tooltip._right .tooltip-icon{margin-right: -16px;}
		.banner-slider .tooltip._right .tooltip-icon{margin-right: -10px; transform: scale(1);}
	.tooltip-bar{margin-top: 5px; font-size: calc(22.5px * 0.8);}
	
	/*animate*/
	@keyframes pulse {
		from {transform: scale3d(1, 1, 1);}
		50% {transform: scale3d(.85, .85, .85);}
		to {transform: scale3d(1, 1, 1);}
	}
	.pulse {transform-origin: center;}
	
	._scale{transform: scale(.8); margin-top: -3px;}
	
	.imageNav .owl-item{transform-origin: left; transform: scale(.85);}
	
	.content-bg, .content-panel{margin-top: calc(140px * 0.5);}
	.content-panel{padding: var(--space-7) 0;}
	
	.paging li{font-size: calc(26px * 0.8);}
	.paging li span{font-size: calc(26px * 0.8);}
	.paging li.active span{font-size: calc(60px * 0.8);}
	
	.bahan-pilih ._back{margin-top: calc(140px + 5vw);}
	.product ._back{margin-top: 0;}
	
	.circle_percent, .img-circle img{transform-origin: center; transform: scale(.8);}
	
	.sub-nav.fixed{margin-top: 65px; padding-top: 5px;}
	.sub-nav.zoom{padding-top: 60px;}
	
	.title-float{margin-top: 112px;}
	
	.on-top{transform: scale(.9);}
	
	.banner-nav .item._1, .banner-nav .item._2, .banner-nav .item._3, .banner-nav .item._4, .banner-nav .item._5, .banner-nav .item._6{transform-origin: center; transform: scale(.9); font-size: var(--f-medium);}
	
	/*home*/
	.banner-home ._title{font-size: calc(32px * 0.8);}
		.banner-home ._nav{width: 315px; transform-origin: top left; transform: scale(.8); font-size: var(--f-large);}
	.tooltipc.left{transform-origin: left; margin-right: -110px;}
	.tooltipc.right{transform-origin: right; margin-left: -110px;}
	.tooltipc.left, .tooltipc.right{transform: scale(.8);}
	
	.mov-obj-1 ._1{transform-origin: top; transform: translateX(-120px) scale(.8);}
	.mov-obj-1 ._2{transform-origin: right; transform: translateX(-70px) scale(.8);}
	.mov-obj-1 ._3{transform-origin: bottom; transform: translateX(-20px) scale(.8);}
	.mov-obj-1 ._4{transform-origin: left; transform: translateX(-40px);}
	.mov-obj-2{transform-origin: top left; transform: translateX(50px);}
	.mov-obj-3{transform-origin: top left; transform: translateX(-50px);}
		.mov-obj-3 ._nav{width: 300px;}
	.mov-obj-1.move{transform: translateX(-210px);}
	.mov-obj-2.move{transform: translateX(-230px);}
	
	/*bahan*/
	.mapNav ._plus{max-width: calc(93px * .7);}
	.bahan-pilih ._nav ._hover{font-size: var(--f-large);}
	
	/*product*/
	.product-list-1{margin-top: -20px;}
	.product-detail ._product-float{margin-top: calc(-180px * 0.8);}
	
	/*trend warna*/
	.trend-warna img._scalelogo{width: calc(607px * 0.8);}	
	
	/*stores*/
	.stores-1{margin-top: 0;}
	.stores-filter{padding-top: calc(50px * 0.8); margin-top: calc(50px * 0.8);}
	.stores-filter li{width: 32%;}
	
	/*beauty-tips*/
	.beauty-tips-1{margin-top: 0;}
	
	/*tentang*/
	.tentang-founder{width: calc(967px * 0.8);}
		.tf._wulan{top: calc(20px * 0.8); margin-left:  calc(-220px * 0.8);}
		.tf._martha{top: calc(200px * 0.8); margin-left:  calc(260px * 0.8);}
		.tentang-wulan{top: calc(320px * 0.8);}
		.tentang-martha{top: calc(450px * 0.8);}
	.tentang-sariayu-2 ._overlayimg{max-width: 45vw;}
	.tentang-sariayu-2 ._overlay._center{top: 12vw; margin: 0; margin-right: 8vw;}
	.tentang-sariayu-2 ._overlay._right{width: 32vw;}
	
	.tentang-founder._martha{width: calc(1106px * 0.8);}
	.tentang-founder._wulan{width: calc(1076px * 0.8);}	
	
	.clean-beauty img._scalelogo{width: calc(634px * 0.8);}
	.clean-beauty ._overlayimg{max-width: calc(704px * 0.8);}
	
	.historynav{top: 36vw; left: 12%; width: 88%;}
	
	.tentangslider{width: 100%;}
	
	/*contact*/
	.contact-1{margin-top: calc(350px * 0.8);}
	.contact ._img{margin-top: calc(-260px * 0.8);}
	.contact ._img img{width: calc(400px * 0.8);}
	.contact-form .col-3-2{margin-top: 15px;}
	
	/*search*/
	.search-1{margin-top: 0px;}
}
@media only screen and (min-width: 1530px) and (max-width: 1800px) {
	.mov-obj-1 ._1{transform-origin: top; transform: translateY(2.5vw) translateX(-120px) scale(.8);}
	.mov-obj-1 ._2{transform-origin: right; transform: translateY(2.5vw) translateX(-80px) scale(.8);}
	.historynav{top: 35.5vw; left: 12%; width: 88%;}
}
@media only screen and (min-width: 1630px) and (max-width: 1800px) {
	.mov-obj-1 ._1{transform-origin: top; transform: translateY(4vw) translateX(-120px) scale(.85);}
	.mov-obj-1 ._2{transform-origin: right; transform: translateY(4vw) translateX(-80px) scale(.85);}
	.historynav{top: 34.5vw; left: 12.5%; width: 87.5%;}
}

/*NEW ADDITIONAL PRODUCT CARI MAKE UP BASE-300721*/
@media only screen and (max-width: 999px) {
	.m-area-makeupbase-gab{display: block; float: left; position: relative; margin-left: -13px}
	.content-bg, .content-panel{position: relative; width: 100%; margin: auto; background: #fff; padding-top: var(--space-2); margin-top: 140px;}
}</pre></body></html>